Web Academy

Front-end з нуля

9 тижнів
Для початківців
Frontend
Цей курс навчить вас основам Front-end розробки через живі онлайн-заняття. Ви працюватимете з HTML, CSS, JavaScript та React, одразу застосовуючи знання на практиці під керівництвом досвідченого інженера. Після курсу ви зможете створювати власні вебсторінки та інтерактивні елементи.

Про курс

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

Старт: HTML та CSS

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

Форми та верстка

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

Складне позиціонування та Grid

Цей блок присвячений advanced верстці. Спочатку розбирають всі види позиціонування елементів, вчать верстати модальні вікна. Потім переходять до Grid Layout - створення сіток товарів, робота з властивістю gap для відступів між елементами.

Адаптивність та SCSS

Студенти вчать робити верстку адаптивною. Вивчають Media queries та створення адаптивних меню. Далі переходять до препроцесорів - основи SCSS, змінні, синтаксис. Закріплюють знання версткою реального шаблону.

Основи JavaScript

Починають з синтаксису мови, типів даних та операторів. Потім переходять до функцій, масивів та основ DOM. Вчать додавати відкриття/закриття меню. Практикуються на реальних прикладах.

Поглиблений JavaScript

Тут розглядають методи масивів - push, pop, shift, unshift, slice, splice. Вивчають селектори querySelector та querySelectorAll. Роблять з подіями миші, клавіатури, елементів управління. Вчать динамічно створювати HTML-елементи за допомогою JavaScript.

Складні концепції JavaScript

Цей блок охоплює асинхронну поведінку, контекст виклику, залишкові параметри. Розглядають this, call, apply, bind, рекурсію. Потім переходять до AJAX, взаємодії з сервером, Promise. Практикуються на створенні асинхронного компонента - генератора випадкових рецептів.

Вступ до React

Завершують курс оглядом бібліотеки React JS. Вивчають способи підключення, ідею компонентів, createReactApp. Створюють додаток зі списком фільмів, використовуючи API themoviedb.org. Навчаються налаштовувати середовище розробки.

Як проходить навчання

Курс включає Zoom-лекції та практичні заняття. Тренер та ментор доступні в чаті групи для консультацій. Всі домашні завдання перевіряються ментором з детальними коментарями. При успішному захисті фінального проекту та виконанні домашніх робіт видається сертифікат. Також є підтримка клієнтського сервісу, доступ до записів блоку "IT Career" та участь у Web Academy Club.

Що включено

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