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

На цьому курсі вивчають веб-розробку з нуля. Програма побудована логічно - від основ до складних тем.

Основи HTML та структура веб-сторінок

Курс починається з основ. Студенти дізнаються, з чого складається сайт, вивчають базові теги та атрибути. Вони налаштовують редактор коду та корисні розширення для комфортної роботи. Цей модуль дає розуміння структури веб-сторінок та основ розмітки.

Робота з таблицями, списками та формами

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

Вступ до CSS та сучасні методи верстки

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

Інструменти розробника та публікація проектів

Цей блок присвячений практичним інструментам. Студенти вчаться працювати з системами контролю версій Git та хостингом GitHub Pages. Вони розміщують свої веб-сайти в інтернеті, що дає змогу одразу бачити результати роботи.

Верстка макетів та адаптація під пристрої

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

Основи JavaScript: синтаксис та робота з даними

Курс переходить до програмування. Студи вивчають підключення JavaScript до сторінок, змінні, типи даних та умовні оператори. Це фундамент для подальшого вивчення мови програмування.

Робота з об'єктами, масивами та функціями

Тут розглядаються складніші структури даних. Студенти вчаться працювати з об'єктами, масивами, колекціями Map та Set. Вони вивчають цикли для перебору даних та функції для повторного використання коду.

Об'єктно-орієнтоване програмування в JavaScript

Ці два модулі присвячені ООП. Студенти розбирають прототипне успадкування, функції-конструктори та класи ES6. Вони пишуть власні класи, вивчають контекст виклику та ключове слово this. Порівнюють ООП в JavaScript з іншими мовами програмування.

Взаємодія з користувачем та робота з сервером

Завершальний модуль охоплює практичні аспекти. Студенти вчаться створювати DOM-елементи, обробляти події користувача та надсилати AJAX-запити на сервер. Це дає змогу створювати динамічні веб-додатки, що взаємодіють із користувачем.

Що отримають студенти

Курс охоплює всі необхідні технології для початку кар'єри frontend-розробника: HTML, CSS та JavaScript. Студенти отримають практичні навички для створення сучасних веб-сайтів. Як бонус - підписка на WebStorm від JetBrains для комфортної роботи.

Що включено

Гнучкий графік

Реальний проект у портфоліо

Основи frontend-розробки

Про курс

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

Основи HTML та структура веб-сторінок

Робота з таблицями, списками та формами

Вступ до CSS та сучасні методи верстки

Інструменти розробника та публікація проектів

Верстка макетів та адаптація під пристрої

Основи JavaScript: синтаксис та робота з даними

Робота з об'єктами, масивами та функціями

Об'єктно-орієнтоване програмування в JavaScript

Взаємодія з користувачем та робота з сервером

Що отримають студенти

Що включено

Про школу

Robot Dreams

Інші курси школи

DevOps Engineer

Основи геймдизайну

SQL Advanced для аналітики