JavaScript

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

Основи HTML та CSS

На цьому курсі починають з основ. Спершу студенти знайомляться з групою та лектором, розбирають організаційні моменти та встановлюють основний інструмент - Visual Studio Code. Потім переходять до вивчення HTML: розбирають структуру документа, основні теги, посилання та навігацію.

Робота з таблицями, формами та зображеннями

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

Вступ до CSS та оформлення

Після HTML курс переходить до CSS. Тут пояснюють, що таке каскадні таблиці стилів, способи їх підключення, селектори та основні властивості. Студенти вчаться працювати зі шрифтами, типографікою та фоном сторінки.

Складніші аспекти CSS

Цей блок присвячений псевдокласам, пріоритету в CSS та відмінностям між блоками та рядками. Розглядають тінь елементів, скруглення кутів та градієнти. Особливу увагу приділяють оформленню HTML-форм та роботі з векторними іконками.

Сучасні технології верстки

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

Фреймворки та практика

Курс знайомить з фронтенд-фреймворком Twitter Bootstrap, його сіткою та компонентами. Також розглядають інші CSS-бібліотеки. Два заняття присвячені практичній роботі з шаблонами Figma, де студенти закріплюють отримані навички.

Основи JavaScript

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

Конструкції та структури даних в JavaScript

Цей блок охоплює вирази, оператори та умовні конструкції if...else, switch-case та ternary. Студенти вчаться працювати з циклами while, do...while та for-loop. Також вивчають масиви, функції, об'єкти та їх методи.

Робота з Document Object Model

Третій розділ присвячений DOM - моделі документа. Студенти навчаються отримувати доступ до елементів сторінки, маніпулювати HTML-атрибутами та розміткою. Розглядають бібліотеку jQuery та підключення готових плагінів.

Поглиблена робота з DOM

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

Web APIs та мережеві запити

Четвертий розділ охоплює Web APIs. Студенти вивчають зберігання даних у браузері через cookies та Web Storage API. Детально розглядають AJAX, HTTP-протоколи, XMLHttpRequest та роботу з JSON. Практичне заняття присвячене роботі з API та іншим засобам мережевих запитів.

Фінальний проект та додаткові можливості

Завершує курс практичне заняття з написання фронтенд-проєкту. Також студенти отримують заняття з англійської мови для професійного зростання та кар'єрну консультацію з рекрутером, який допоможе скласти ефективне резюме.

Формат навчання

Курс складається з 45 занять по 1,5 години, де 80% часу присвячено практиці. Студенти отримують доступ до всіх матеріалів - презентацій, чек-листів та записів лекцій. Навчання проходить у невеликих групах з підтримкою досвідченого ментора. Після успішного завершення видається сертифікат, а найкращі студенти мають можливість отримати контракт з IT-компанією.