Основы frontend-разработки:
HTML, CSS, JavaScript

Разберитесь на практике, из чего состоит работа frontend-разработчика, напишите свой первый код на JavaScript и научитесь создавать интерактивные элементы сайта за 17 часов онлайн-занятий + х часов самостоятельной практики, где х = ∞. Информация о лекторе и программе — ниже.

Человек, если вы читаете эту страницу ― прямо сейчас ваш браузер выполняет какой-нибудь JavaScript.

Согласно данным dou.ua, 7 из 10 фронтенд-разработчиков в 2021 году кодят именно на JS. Если вы хотите стать одним из них — получите базовые знания по HTML, CSS и JS за 11 занятий курса. Они помогут комплексно погрузиться во фронтенд-разработку.

Вы изучите принципы построения веб-страниц и веб-приложений, научитесь подключать CSS, разберетесь в экосистеме языка JavaScript и сможете пользоваться библиотеками. Через 6 недель вы получите базу навыков и поймете, в каком направлении развиваться дальше.

24 июня ↓ 29 июля

→24 июня — 29 июля

записаться

Владислав Бурденюк

Senior Software Engineer в Allset

участвовал в разработке версии Allset 2.0, приложения, которое помогает американцам забронировать столик в ресторане, сделать заказ и оплатить счет онлайн
занимался интеграциями с POS-системами для ресторанов
исследует новые подходы к архитектуре построения веб-приложений
имеет более 6 лет опыта в программирование и веб-разработке
в Innovecs разрабатывал ориентированные на пользователя функции для приложений, создавал повторно используемый код и библиотеки для использования в будущем
работал над улучшением UX/UI-дизайна и оптимизацией приложений в 3Shape, а также разрабатывал кастомный браузерный 3DViewer
считает себя framework agnostic, хоть и предпочитает react

1

занятие 24.06

Знакомство с HTML и структурой веб-страниц

Узнайте, из каких элементов состоит сайт. Ознакомьтесь с содержанием и разметкой веб-страниц. Настройте редактор кода и полезные расширения. Освойте базовые теги и атрибуты.

2

занятие 29.06

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

Разберитесь в особенностях блочной и табличной верстки и сферах их применения. Научитесь создавать текстовые блоки, вставлять ссылки и размещать изображения. Постройте навигацию на странице с помощью ссылок-якорей. Научитесь создавать формы и их элементы.

3

занятие 01.07

Введение в CSS

Ознакомьтесь со стилями и научитесь добавлять их на HTML-страницу. Исследуйте относительные и статичные единицы измерения. Научитесь подключать шрифты. Освойте модульную систему верстки Grid и технологию позиционирования элементов Flexbox. Подключите CSS-библиотеки.

4

занятие 06.07

Инструменты CSS и работа с хостингом

Протестируйте работу с редактором VS Code. Научитесь работать с системами контроля версий Github, Gitlab, Bitbucket etc, а также с хостингом Github Pages. Разместите свой сайт в интернете.

5

занятие 08.07

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

Научитесь выделять логические блоки в макете. Создайте переменные для цветов и шрифтов. Ознакомьтесь с разными видами верстки и научитесь адаптировать страницу под разные устройства. Изучите свойства разных браузеров и понятие кроссбраузерности.

6

занятие 13.07

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

Научитесь подключать JavaScript к веб-странице разными способами. Изучите переменные, типы данных и преобразование типов. Научитесь работать с условными операторами.

7

занятие 15.07

Основы JavaScript: объекты, массивы, циклы и функции

Изучите свойства и методы объектов и массивов. Научитесь работать с коллекциями Map и Set, WeakMap, WeakSet и научитесь работать с ними. Разберитесь в работе циклов и научитесь перебирать данные для написания бизнес-логики приложений. Изучите виды функций и поймите, как они помогают переиспользовать код.

8

занятие 20.07

ООП в JavaScript: классы ES5 и ES6

Поймите, что такое прототипное наследование. Научитесь пользоваться функциями конструктора. Изучите классы ES6. Напишите свои классы.

9

занятие 22.07

ООП в JavaScript: отличия от других языков

Научитесь применять ключевое слово this и контекст вызова. Изучите основные отличия ООП в JavaScript от ООП в других языках. Попробуйте разбить код на независимые модули.

10

занятие 27.07

Запросы, обработка событий и пользовательский ввод

Научитесь настраивать и отправлять AJAX-запросы. Научитесь создавать DOM-элементы и добавлять их на страницу. Напишите правильный запрос и получите данные с сервера. Научитесь обрабатывать пользовательские события.

11

занятие 29.07

Презентация курсового проекта

Создайте сайт или приложение на основе вводных, которые получите. Защитите проект перед лектором.

1

javascript
знаете, как устроена экосистема JavaScript, и умеете работать с библиотеками

2

frontend
понимаете принципы построения веб-сайтов и веб-приложений, используете HTML, умеете подключать CSS-библиотеки и описывать логику обращений к элементам HTML

3

проект
умеете писать веб-страницы и веб-приложения, создавать интерактивные элементы сайта, готовы брать проекты на фриланс и понимаете, в каком направлении развиваться дальше

manual qa
контент-менеджерам CMS-систем
веб-дизайнерам
тем, кто хочет освоить frontend

нужно

знать, какой «горячей клавишей» скопировать код, а какой ― открыть только что закрытую вкладку
иметь время и желание
базовое понимание алгоритмов и навык написания кода ― будет плюсом

1. … курс не понравился — можно вернуть деньги.

2. … не подходит график занятий — уточните, когда будет следующий поток.

3. … вы пропустили занятие — сохраняется запись.

Основы frontend-разработки: HTML, CSS, JavaScript

Основы frontend-разработки:
HTML, CSS, JavaScript