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

Курс, який навчить писати чистий код на JavaScript, працювати з розміткою, блоковою, табличною та модульною версткою, адаптувати екрани під різні формати та самостійно створювати сайти та додатки на JS

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

Знайомство з HTML та структурою веб сторінок

• Дізнаєтеся, з яких елементів складається сайт
• Ознайомитеся зі змістом та розміткою вебсторінок
• Налаштуєте редактор коду та корисні розширення
• Опануєте базові теги та атрибути

Таблиці, списки та форми

• Розберетеся в особливостях блокової та табличної верстки та сферах їхнє застосування
• Навчитеся створювати текстові блоки, вставляти посилання та розміщувати зображення
• Вибудуєте навігацію на сторінці за допомогою посилань-якорів
• Навчитеся створювати форми та їхні елементи

Вступ до CSS

• Ознайомитеся зі стилями та навчитеся додавати їх на HTML-сторінку
• Дослідите відносні та статичні одиниці виміру
• Навчитеся підключати шрифти
• Опануєте модульну систему верстки Grid та технологію позиціювання елементів Flexbox
• Підключите CSS-бібліотеки

Інструменти CSS та робота з хостингом

• Протестуєте роботу з редактором VS Code
• Навчитеся працювати із системами контролю версій GitHub, Gitlab, Bitbucket etc, а також із хостингом Github Pages
• Розмістите свій вебсайт в інтернеті

Верстка та робота з макетами

• Навчитеся виділяти логічні блоки в макеті
• Створите змінні для кольорів та шрифтів
• Ознайомитеся з різними видами верстки та навчитеся адаптувати сторінку під різні пристрої
• Вивчите властивості різних браузерів та поняття кросбраузерності

Основи JavaScript: структура коду, типи даних та основні оператори

• Навчитеся підключати JavaScript до вебсторінки різними способами
• Вивчите змінні, типи даних та перетворення типів
• Навчитеся працювати з умовними операторами

Основи JavaScript: об'єкти, масиви, цикли та функції

• Вивчите властивості та методи об'єктів та масивів
• Навчитеся працювати з колекціями Map та Set, WeakMap, WeakSet
• Розберетеся в роботі циклів і навчитеся перебирати дані для написання бізнес-логіки програм
• Вивчите види функцій та зрозумієте, як вони допомагають повторно використовувати код

ООП JavaScript: класи ES5 і ES6

• Зрозумієте, що таке прототипне успадкування
• Навчитеся користуватися функціями конструктора
• Вивчите класи ES6
• Напишете власні класи

ООП в JavaScript: відмінності від інших мов

• Навчитеся застосовувати ключове слово this та контекст виклику
• Вивчите основні відмінності ООП JavaScript від ООП в інших мовах
• Спробуєте розбити код на незалежні модулі

Запити, обробка подій та введення користувача

• Навчитеся налаштовувати та надсилати AJAX-запити
• Навчитеся створювати DOM-елементи та додавати їх на сторінку
• Напишете правильний запит та отримаєте дані із сервера
• Навчитеся обробляти події користувача

Особливості курсу

• JavaScript
• Frontend
• Навички
• Кар'єра
• Бонус: підписка на WebStorm від JetBrains

Викладачі курсу

Владислав Бурденюк - Senior Software Engineer в Allset