Програма курсу
Основи веб-розробки та верстки
На цьому курсі починають з розуміння ролі FrontEnd розробника у IT. Студенти дізнаються про взаємодію з дизайнерами та бекенд-розробниками. Вчать базові принципи HTML: структуру документа, взаємини блоків, кросбраузерність. Опанують інструменти розробника - редактор коду, devTools. Розбирають процес рендерингу сторінки та етапи життя проекту.
CSS та сучасна верстка
Далі переходять до CSS. Вивчають селектори, каскадність, блокову модель. Практикуються у позиціонуванні елементів, роботі з трансформаціями та анімаціями. Окрему увагу приділяють Flexbox - сучасному інструменту для створення гнучких макетів. Розбирають відмінності між адаптивною та респонсивною версткою.
Адаптивний дизайн та практика
Студенти вчать створювати сайти, які коректно відображаються на різних пристроях. Використовують медіа-запити, контрольні точки, Pixel Perfect підхід. На практиці верстають сторінки з використанням SVG-іконок, підключають шрифти. Опанують навігацію на сайті для мобільних пристроїв.
Системи контролю версій та Linux
Цей блок присвячений роботі з Git. Студенти вчать основні команди: status, add, commit, log. Навчаються працювати з віддаленими репозиторіями через SSH. Далі переходять до основ Linux: UNIXWAY, мережеві інструменти, Docker та Docker-compose для контейнеризації.
Фреймворк Bootstrap
Знайомляться з концепцією CSS-фреймворків. Вчать встановлювати та налаштовувати Bootstrap. Використовують готові компоненти та утиліти для прискорення розробки. Розуміють, коли варто використовувати фреймворк, а коли обійтися чистим CSS.
Основи JavaScript
Починають з базових концепцій мови: змінні, типи даних, вирази, блоки коду. Практикуються з числами, рядками, булевою логікою. Вивчають умовні конструкції if-else, тернарний оператор. Опановують основи дебагінгу коду.
Структури даних в JavaScript
Детально розбирають масиви та об'єкти. Вчать методи роботи з ними, деструктуризацію, spread оператор. Практикують ітеруючі методи масивів. Знайомляться з JSON форматом. Розуміють різницю між посиланнями та значеннями.
Функції та замикання
Вивчають функції - основну будівельну одиницю JavaScript. Розбирають стрілкові функції, callback-и, рівні абстракції. Глибоко занурюються у замикання, області видимості, ключове слово this. Розуміють, як замикання вирішують практичні проблеми.
Асинхронний JavaScript
Цей блок присвячений роботі з асинхронністю. Студенти вивчають Promise, async/await, паралельність та послідовність виконання коду. Розбирають мережеві можливості браузера, REST API, GraphQL. Вчать автентифікацію через JWT токени.
ООП та просунуті теми
Знайомляться з об'єктно-орієнтованим програмуванням в JavaScript. Вивчають принципи ООП, прототипне наслідування, ES6 класи. Розбирають рекурсію, обробку помилок через try-catch, генератори. Практикують Redux для управління станом.
Серверна розробка з Node.js
Переходять до бекенд розробки. Вивчають архітектуру Node.js, npm, підходи до обробки клієнтів. Працюють з Express фреймворком, реалізують MVC паттерн, REST API. Розуміють альтернативи - JSON-RPC, GraphQL.
Бази даних
Знайомляться з різними типами СКБД. Вивчають MongoDB та ODM Mongoose для NoSQL підходу. Опановують SQL через MariaDB/MySQL: DDL, DML, JOIN-запити. Практикують ORM Sequelize для роботи з реляційними базами.
React - сучасний фронтенд
Повністю присвячений React. Починають з JSX, віртуального DOM, компонентного підходу. Вивчають стан, життєвий цикл компонентів, refs. Практикують різні методи композиції: Render Prop, HOC, Custom Hooks.
Роутинг та управління станом
Додають маршрутизацію до React додатків. Використовують Redux для централізованого управління станом. Опановують Redux Toolkit, RTK-Query для спрощення роботи з API. Вчать зберігати стан між сесіями через redux-persist.
Дипломний проект
Завершується курс створенням повноцінного веб-додатку. Проект включає реєстрацію, особистий кабінет, захищені маршрути, завантаження файлів. Студент демонструє робочий проект, відповідає на питання по коду. Проходить тестову співбесіду з технічним спеціалістом.
Підготовка до працевлаштування
Курс включає додаткові модулі для кар'єрного росту. 24 заняття з англійської мови. Майстер-клас по складанню резюме. Консультації з рекрутером та тестові співбесіди. Менеджер супроводжує студента до моменту працевлаштування.
