Front end programming
The Front-End Web Programming course provides an opportunity to acquire the skills and technologies required to create dynamic and visually appealing interfaces for modern web applications and websites. By the end of the course, students will have a comprehensive understanding of the best practices in the IT industry.
Front end programmingit is a profession that offers great opportunities for creating web applications and websites.
This course covers everything a user sees: design, visuals, animations, and other aspects that make web applications functional and attractive.
Who is this course for?
For beginners who want to specialize in web development.
For people who want to learn how to create interactive and dynamic websites and web applications.
For those who want to change their professions and earn a creative and modern career.
During the course you will explore
Modules
Module 1
Programming Basics, Introduction to HTML
It covers: what is programming, programming directions, gives an introduction to the Internet, how websites work, general information about Front-End programming direction, what is HTML, HTML document structure, HTML tags.
Module 2
HTML elements
Introduction to the basic HTML elements, their types and properties.
Module 3
Advanced HTML Concepts
Includes the study of images, audio and video files, input element types and properties, and meta tags.
Module 4
Introduction to CSS and advanced CSS properties
Explores what CSS is. Introduction to browser developer tools, CSS stylesheet, CSS selectors, basic CSS properties. Gives an introduction to id and class.
Module 5
Flexbox and Grid in CSS
Explores flexbox and grid with their properties, positioning elements using flex and grid.
Module 6
Other CSS properties
Includes the study of pseudo elements, pseudo classes (Pseudo elements/classes), introduction to the structure of the site, header and footer styling, creation and styling of navigation.
Module 7
CSS animation and transformation
Creating CSS animations, introduction to properties, learning about element transformations (transform).
Module 8
Responsive website design
Introduction to the work of responsive design and basic principles of creation, preparation of a site with responsive design.
Module 9
SASS Style Language
Examines SASS and its types, principles and rules of operation, variables, mixins, and flow control rules.
Module 10
BOOTSTRAP library
Explores the BOOTSTRAP library. Discusses its advantages and disadvantages.
Module 11
JAVASCRIPT Basics
Learns: what javascript is, where javascript code should be written, proper environment setup, data types, variable declaration and types, scope, operators and loops.
Module 12
JAVASCRIPT arrays and strings
Includes the study of arrays and their methods, strings and their methods.
Module 13
JAVASCRIPT functions
Explores functions and their types in JavaScript, built-in functions and recursion.
Module 14
JAVASCRIPT objects and classes
Introduction to objects and their properties, classes, their properties and uses.
Module 15
JAVASCRIPT DOM and events
Introduction to DOM, dynamic creation, modification and deletion of elements, events and their types.
Module 16
JAVASCRIPT Local databases and requests
Data storage in local databases is explored, including an introduction to JavaScript queries and their functions.
Module 17
React Js Basics
It explores what React is, what its main advantages are, setting up the appropriate environment, setting up the server, introductions to JSX, and reviews the basic concepts of React: components, events, data state, and data sets.
Module 18
React Js Hooks
Explores React Hooks, their types, and basic operations.
Module 19
Creating routes in React and i18n
Explores routing and navigation in React, as well as the basics of how they work and i18n.
Module 20
Requests in React and forms
The module is designed to study the principle of executing queries in reactions, as well as working with forms with 'hook'.
Module 21
React-Redux
Exploring the Redux library, reading and modifying data from store Redux, exploring the Redux toolkit.
Module 22
Practice and exam
Creating a real website based on the knowledge gained, collaborating with a designer, summarizing the course and taking a final exam.
Sign up for a course
FAQ
What is front end?
Front end refers to the client-side or human-side of development—the functional, user interface parts of a website. Everything you see and can interact with when navigating a website (font, colors, menus, graphics, buttons, etc.) are considered front end.
What is the difference between front end and back end?
Back end refers to the database, server and application of a website and makes the user-facing side of a website possible. It’s the parts of a website users can’t see or access.
Are There Prerequisites for Front-End Courses?
Most beginner-level courses don't require prior coding knowledge. However, familiarity with basic computer usage and understanding of web browsing is beneficial.
What skills do you need to become a front-end web developer?
Front-end web developers need to know three-main languages: HTML, CSS and JavaScript. Interface design, user and device testing, static to dynamic content transition and quality assurance are core skills of front-end developers. Front-end developers should also have some knowledge of and experience with various frameworks and libraries. Problem solving, teamwork, communication and collaboration skills are also important.
What does a front-end developer do?
Front-end developers are responsible for a website’s user-facing code and making sure it looks good on all devices. Front-end developers use code such as HTML, CSS and JavaScript to implement a website’s design, identify specific user experience issues and recommend solutions.
Who Should Take a Front-End Development Course?
Anyone interested in web development, design, or creating user-friendly interfaces can benefit. It's suitable for beginners as well as those looking to enhance their skills.
What Will I Learn in a Front-End Development Course?
Typically, you'll learn HTML for content structure, CSS for styling, JavaScript for interactivity and ReactJS.
Is English language proficiency required to participate in the course?
The language of the course is Armenian, but the terms used, literature and other resources are mostly in English.