Програма курсу

Модуль 1: Основи Git та HTML

Курс починається з розуміння фронтенд-розробки. Спочатку студенти освоють систему контролю версій Git для роботи з кодом. Потім переходять до мови розмітки HTML - вивчають базові теги, блокові та рядкові елементи, семантичну розмітку. Практикуються у створенні списків, форм, таблиць та роботі з медіа-файлами. Окрема увага приділяється SVG-графіці.

Модуль 2: CSS та SCSS

Другий модуль присвячений мові стилів CSS. Студенти вчаться підключати стилі, використовувати селектори та псевдокласи. Розглядаються сучасні методи верстки - Flexbox та Grid для створення адаптивних макетів. Вивчаються позиціонування елементів, трансформації та анімації. Особлива увага приділяється методології BEM та роботі з медіа-запитами. Друга частина модуля охоплює препроцесор SCSS - змінні, функції, міксини та кращі практики організації коду.

Модуль 3: JavaScript

Третій модуль глибоко занурює у програмування на JavaScript. Починається з роботи з пакетним менеджером NPM. Далі студенти освоюють основи мови - оператори, умовні конструкції, цикли та функції. Робота з типами даних включає числа, рядки, об'єкти та масиви з їх методами. Вивчаються сучасні можливості мови - деструктуризація, Map, Set, JSON. Курс охоплює роботу з DOM-деревом, обробку подій, асинхронне програмування з Promise та Fetch API. Завершується модуль вивченням модульної системи та кращих практик розробки.

Модуль 4: React

Фінальний модуль присвячений бібліотеці React. Студенти вчаться створювати компоненти, працювати з props та станом. Розглядається обробка подій, робота з формами та умовний рендеринг. Практичне закріплення відбувається через створення TODO-додатка. Поглиблено вивчаються хуки, контекст та управління станом за допомогою Zustand. Курс включає роботу з маршрутизацією через React Router, компонування Storybook та застосування кращих практик розробки.

Особливості курсу

На курсі доступні відеозаписи всіх лекцій. Студенти отримують додаткові навчальні матеріали та можливість навчання через чат-бота. Програма охоплює повний стек фронтенд-технологій - HTML, CSS, JavaScript та React. Усі матеріали залишаються у постійному доступі після завершення курсу.

Що включено

Гнучкий графік

Front-end Developer

Про курс

Програма курсу

Модуль 1: Основи Git та HTML

Модуль 2: CSS та SCSS

Модуль 3: JavaScript

Модуль 4: React

Особливості курсу

Що включено

Про школу

Merge Academy

Інші курси школи

UI/UX Design

Webflow Basics