Програма курсу
Старт та основи веб-розробки
На цьому курсі починають з встановлення потрібного програмного забезпечення. Студенти розбираються з типами файлів, вибирають браузер та редактор коду. Тут пояснюють основні мови програмування та готують робоче середовище для подальшого навчання.
HTML та Git
Далі вивчають HTML - основу будь-якої веб-сторінки. Студенти освоюють структуру документа, теги та атрибути. Вчать розмічати текст, додавати посилання, списки, таблиці та зображення. Окремо розглядають форми, медіа-елементи та семантичні теги. Паралельно знайомляться з системою контролю версій Git та платформою GitHub.
CSS та робота з графікою
Третій блок присвячений CSS - мові стилів. Починають з основ каскадності та спадкування, підключення стилів до сторінок. Детально розбирають селектори, стилізацію тексту та блокову модель. Вивчають традиційні методи верстки через Float, сучасні підходи з Flexbox та CSS Grid. Окремо розглядають препроцесори та методології. Додатково студенти освоюють роботу з векторною графікою SVG, іконочними шрифтами та оптимізацією зображень.
Адаптивна верстка та анімації
Цей модуль показує, як робити сайти пристосованими до різних пристроїв. Вивчають медіа-запити, сучасні одиниці виміру та концепції Mobile-first і Desktop-first. Додатково розглядають семантичну розмітку та доступність інтерфейсів. В кінці блоку студенти освоюють CSS-анімації - трансформації, переходи, фільтри та складні анімації.
Основи JavaScript
Тут починають вивчати мову програмування JavaScript. Спочатку розбираються зі змінними, типами даних та операторами. Потім переходять до умовних конструкцій if/else, switch та тернарного оператора. Далі вивчають цикли різних типів з практичними завданнями.
Робота з даними в JavaScript
Цей блок присвячений роботі з даними. Студенти освоюють масиви - створення, методи роботи та перебір елементів. Потім переходять до функцій - варіанти створення, параметри, область видимості та замикання. Окремо розглядають контекст виконання, стрілочні функції та роботу з колбеками.
Взаємодія з користувачем
Тут студенти вчаться взаємодіяти з веб-сторінкою через DOM. Вчать отримувати та створювати елементи, керувати їх атрибутами. Детально розбирають роботу з подіями - фази обробки, делегування та об'єкт event. Окремий модуль присвячений роботі з формами - елементи керування, валідація даних та збереження інформації через WebStorage.
Просунутий JavaScript
Цей великий блок охоплює складніші теми. Починають з регулярних виразів та роботи з бібліотеками через NPM. Потім переходять до асинхронного виконання коду, сучасних стандартів ES6+ та HTTP-запитів. Детально вивчають Promise, об'єктно-орієнтоване програмування та асинхронні функції. Завершують блок системами збирання коду Gulp та Webpack.
React та сучасний фронтенд
Тут студенти переходять до сучасного фреймворку React. Спочатку вивчають основи - створення додатків, JSX та компоненти. Потім розбирають життєвий цикл компонентів, роботу зі станом та функціональні компоненти з хуками. Додатково освоюють роботу з формами, маршрутизацією та популярними бібліотеками компонентів.
Управління станом та TypeScript
Цей блок покращує якість коду. Спочатку вивчають Redux для управління станом додатку, потім оптимізують роботу через Redux-Toolkit. Далі переходять до TypeScript - статична типізація, інтерфейси та generics. Завершують блок тестуванням React-додатків за допомогою Jest та React-Testing-Library.
Бекенд розробка з Node.js
Останній технічний блок показує серверну частину розробки. Студенти знайомляться з Node.js, його архітектурою та основними модулями. Вивчають створення веб-серверів на Express, роботу з шаблонизаторами та базу даних MongoDB. Завершують авторизацією, тестуванням та документацією проєктів.
Завершення навчання
Курс завершується виконанням дипломного проєкту, де студенти застосовують усі отримані знання на практиці.
Особливості навчання
На курсі навчають створювати повноцінні веб-додатки з нуля. Заняття проходять онлайн у групах, а записи доступні навіть після закінчення курсу. Викладачі - практики з топових компаній. Технічна підтримка допомагає студентам протягом усього навчання.
До шостого заняття можна повернути кошти за навчання. Додатково проводять тренінги з підготовки резюме та проходження співбесід. Кожен студент отримує тестову співбесіду з технічним фахівцем.
