Foxminded

Front-end

8 000 UAH за місяць
5 місяців
Для початківців
Frontend
Цей курс навчить вас основам Front-end: HTML, CSS та JavaScript. Ви освоїте верстку, роботу з бібліотеками, валідацію даних та взаємодію з Back-end. Під час навчання створите власний додаток для портфоліо. Курс включає практичні завдання та можливість вибрати напрямок (React, Angular або Vue).

Про курс

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

Підготовчий етап: Git та основи веб-розробки

Курс починається з вивчення GitLab - системи контролю версій для керування кодом. Студенти освоять основи спільної роботи над проектами, відстеження змін та управління завданнями. Усі матеріали доступні у Figma з чіткими дизайнами, що дозволяє точно розуміти очікуваний результат. Для амбітних студентів є додаткові завдання підвищеної складності.

HTML/CSS: Верстка та анімація

Перший практичний модуль присвячений створенню адаптивних веб-сторінок. Студенти навчаться верстати з використанням Flex і Grid, створювати форми та CSS-анімації. Особлива увага приділяється паралакс-ефектам, каруселям та документації. Модуль завершується повноцінним проектом адаптивної веб-сторінки з застосуванням усіх вивчених технік.

JavaScript: Від основ до серверної розробки

Цей розділ охоплює повний спектр можливостей JavaScript. Починаючи з базових завдань по зміні кольорів та фільтрації меню, студенти переходять до складніших тем: сортування масивів, валідація даних, створення віджетів погоди. Практика включає розробку Todo list зі збереженням у cookie, темної теми для списку країн та онлайн-магазину з кошиком. Завершується модуль серверним JavaScript на Node.js та опціональною грою Doodle Jump.

React: Сучасний фронтенд

React-частина починається з мобільного додатку галереї та поглибленого вивчення хуків. Студенти створюють таймери, форми різних типів та гру хрестики-нулики з використанням бібліотек управління станом. Далі йде маршрутизація магазину, розробка власних UI-компонентів та їх тестування. Модуль включає роботу з асинхронними операціями та завершується створенням веб-календаря з розширеним функціоналом.

Angular: Повноцінний фреймворк

Angular-напрямок охоплює створення компонентів, модулів та сервісів через CLI. Студенти вивчають прив'язку даних, директиви, форми та життєвий цикл компонентів. Особлива увага приділяється маршрутизації, асинхронним HTTP-запитам з RxJS та роботі з Firebase для зберігання даних.

Vue.js: Гнучка розробка

Vue.js-модуль починається з основ фреймворку та середовища розробки. Студенти освоять маршрутизацію, роботу з подіями та реактивність. Далі йде робота з Vite, TypeScript, створення анімацій та валідація форм. Курс включає управління станом через Vuex, роботу з API та Firebase. Завершальні етапи - SSR з Nuxt та багатоплатформенні проекти на Quasar.

Фінальні проекти та опціональні завдання

Кожен напрямок завершується підсумковим завданням, яке демонструє усі набуті навички. Студенти створюють проекти, що можуть увійти до портфоліо. Для бажаючих є опціональні завдання підвищеної складності, включаючи багатоплатформенну розробку.

Особливості навчання

Курс пропонує гнучкий графік навчання - вартість залежить від швидкості проходження. Середній термін навчання складає 4-5 місяців. Доступний тестовий період на 7 днів, менторинг та безкоштовна заморозка навчання. Студент обирає один з трьох напрямків: React, Angular або Vue.js.

Що включено

Видається диплом/сертифікат
Гнучкий графік
Реальний проект у портфоліо
Супровід ментора