Основи frontend-розробки: HTML, CSS, JavaScript
Владислав Бурденюк
Senior Software Engineer в Allset

10 занять
17 годин контенту
Курс, який навчить писати чистий код на JavaScript, працювати з розміткою, блоковою, табличною та модульною версткою, адаптувати екрани під різні формати та самостійно створювати сайти та додатки на JS.
Бонусом ви отримаєте підписку на середовище розробки WebStorm від JetBrains на 4 місяці та заощадите $62.
Щоби ознайомитесь зі стеком завдань frontend-розробника та зрозуміти принципи оформлення вебсайтів та вебдодатків. Навчитися створювати інтерактивні елементи сайту та адаптувати вебсторінки під різні формати.
Щоби навчитися кодити на JavaScript, працювати з інструментами CSS, описувати логіку звернень до елементів HTML. І як результа — закривати завдання frontend-розробника та розвиватися в цьому напрямі.
Щоби написати свій перший код на JavaScript, ознайомитесь з екосистемою мови та бібліотеками. Систематизувати знання, отримати практику на реальних проєктах і зрозуміти, у якому напрямі розвиватися далі.

Якщо ви читаєте цю сторінку — прямо зараз ваш браузер виконує якийсь JavaScript.
За даними dou.ua, 7 із 10 фронтенд-розробників кодять саме на JS. Якщо ви хочете стати одним із них — отримайте базові знання з HTML, CSS та JS на цьому курсі.
Ви вивчите принципи побудови вебсторінок і вебзастосунків, навчитеся підключати CSS, розберетеся в екосистемі мови JavaScript і зможете користуватися бібліотеками. За 10 занять ви отримаєте базу навичок та зрозумієте, у якому напрямі розвиватися далі.
Дізнаєтеся, як влаштована екосистема JavaScript, навчитеся писати чистий робочий код та працювати з бібліотеками.
Розберетеся в принципах побудови вебсайтів та вебдодатків, навчитеся використовувати HTML, підключати CSS-бібліотеки та описувати логіку звернень до елементів HTML. Отримаєте безкоштовну передплату на середовище розробки WebStorm від JetBrains.
Будете писати вебсторінки та вебдодатки, створювати інтерактивні елементи сайту.
Зможете брати проєкти на фріланс ще під час навчання, а потім зрозумієте, у якому напрямі розвиватися далі.

- Дізнаєтеся, з яких елементів складається сайт.
- Ознайомитеся зі змістом та розміткою вебсторінок.
- Налаштуєте редактор коду та корисні розширення.
- Опануєте базові теги та атрибути.
- Розберетеся в особливостях блокової та табличної верстки та сферах їхнє застосування.
- Навчитеся створювати текстові блоки, вставляти посилання та розміщувати зображення.
- Вибудуєте навігацію на сторінці за допомогою посилань-якорів.
- Навчитеся створювати форми та їхні елементи.
- Ознайомитеся зі стилями та навчіться додавати їх на HTML-сторінку.
- Дослідите відносні та статичні одиниці виміру.
- Навчитеся підключати шрифти.
- Опануєте модульну систему верстки Grid та технологію позиціювання елементів Flexbox.
- Підключите CSS-бібліотеки.
- Протестуєте роботу з редактором VS Code
- Навчитеся працювати із системами контролю версій Github, Gitlab, Bitbucket etc, а також із хостингом Github Pages.
- Розмістите свій вебсайт в інтернеті.
- Навчитеся виділяти логічні блоки в макеті.
- Створите змінні для кольорів та шрифтів.
- Ознайомитеся з різними видами верстки та навчитеся адаптувати сторінку під різні пристрої.
- Вивчите властивості різних браузерів та поняття кросбраузерності.
та основні оператори
- Навчитеся підключати JavaScript до вебсторінки різними способами.
- Вивчите змінні, типи даних та перетворення типів.
- Навчитеся працювати з умовними операторами.
- Вивчите властивості та методи об’єктів та масивів.
- Навчитеся працювати з колекціями Map та Set, WeakMap, WeakSet.
- Розберетеся в роботі циклів і навчитеся перебирати дані для написання бізнес-логіки програм.
- Вивчите види функцій та зрозумієте, як вони допомагають повторно використовувати код.
- Зрозумієте, що таке прототипне успадкування.
- Навчитеся користуватися функціями конструктора.
- Вивчите класи ES6.
- Напишете ваші класи.
- Навчитеся застосовувати ключове слово this та контекст виклику.
- Вивчите основні відмінності ООП JavaScript від ООП в інших мовах.
- Спробуєте розбити код на незалежні модулі.
- Навчитеся налаштовувати та надсилати AJAX-запити.
- Навчитеся створювати DOM-елементи та додавати їх на сторінку.
- Напишете правильний запит та отримаєте дані із сервера.
- Навчитеся обробляти події користувача.