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

10 занятий
17 часов контента
Курс, который научит писать чистый код на JavaScript, работать с разметкой, блочной, табличной и модульной версткой, адаптировать экраны под разные форматы и самостоятельно создавать сайты и веб-приложения.
Бонусом вы получите подписку на среду разработки 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-элементы и добавлять их на страницу.
- Напишете правильный запрос и получите данные с сервера.
- Научитесь обрабатывать пользовательские события.