Курс будується за принципом від простого до складного. Кожен модуль дає знання, які одразу застосовуються на практиці.
На цьому курсі починають з огляду всього матеріалу та створення першого невеликого проєкту. Потім розбирають, як працює інтернет - від IP-адрес до доменних імен. З'ясовують, що таке HTTP, DNS та хостинг. Розуміють різницю між фронтендом та бекендом, вивчають архітектуру клієнт-сервер.
Тут вчаться створювати структуру сайтів за допомогою HTML. Починають з базових тегів та розуміння різниці між блочними і рядковими елементами. Потім переходять до роботи з формами, таблицями та списками. Вчать додавати медіа - зображення, аудіо та відео. Особливу увагу приділяють семантичній розмітці та адаптивному дизайну, який коректно відображається на різних пристроях.
Цей модуль присвячений візуальному оформленню. Спочатку розбирають основи CSS - селектори, блокову модель, властивості margin, padding та border. Потім переходять до складніших тем: позиціонування елементів, Flexbox, CSS Grid. Вчать створювати анімації, переходи та адаптивні макети. Розглядають сучасні підходи до стилізації, включаючи CSS-змінні та препроцесори.
Тут додають інтерактивності веб-сторінкам. Починають з основ програмування - змінні, умови, цикли. Потім вивчають роботу з масивами, об'єктами та функціями. Розбирають сучасний синтаксис ES6+, асинхронне програмування, проміси та async/await. Вчать маніпулювати DOM, обробляти події користувача та працювати з локальним сховищем. Глибоко розбирають ключові концепції мови - замикання, прототипи, контекст виконання.
Цей блок вчить ефективно організовувати роботу. Спочатку освоюють Git та GitHub для контролю версій та спільної роботи над кодом. Потім переходять до сучасних інструментів JavaScript - NPM, webpack, Babel. Вчать налаштовувати лінтери та форматери для підтримки якості коду. Розглядають неперервну інтеграцію та автоматизацію процесів розробки.
Тут переходять до створення складних інтерфейсів за допомогою React. Вивчають компоненти, стан, реквізити та JSX. Розбирають хуки, маршрутизацію та управління станом додатку. Паралельно освоюють сучасні підходи до стилізації - Styled Components, CSS Modules, Tailwind CSS. Вчать створювати теми, анімації та адаптивні інтерфейси.
Цей модуль вчить забезпечувати якість та безпеку додатків. Починають з основ тестування - модульні, інтеграційні та end-to-end тести. Використовують Jest, React Testing Library та Cypress. Потім переходять до аутентифікації та авторизації - JWT, OAuth, сесії. Розглядають принципи безпеки веб-додатків та способи захисту від поширених загроз.
Тут вчать створювати серверну частину додатків. Починають з основ Node.js та Express.js. Потім переходять до роботи з базами даних - як SQL, так і NoSQL. Вчать проектувати RESTful API, обробляти помилки, валідувати дані. Розглядають оптимізацію продуктивності, кешування та масштабування додатків. Закріплюють знання на практиці, створюючи повноцінний бекенд.
Завершальний модуль допомагає підготуватися до пошуку роботи. Тут вчать створювати ефективне резюме та портфоліо. Готують до технічних співбесід, розбираючи типові завдання та питання. Пояснюють, як будувати професійну мережу та досліджувати компанії. Дають поради щодо постійного навчання та розвитку в професії.
Навчання проходить з підтримкою професійного куратора. Доступ до матеріалів відкритий протягом року. Студенти створюють 5 проєктів для свого портфоліо. Після завершення навчання здають іспит та отримують сертифікат. За договором передбачено гарантоване працевлаштування. Кожен модуль супроводжується домашніми завданнями для закріплення матеріалу.