Стоимость - 19 000 ₽
Front-end разработчики создают клиентскую часть сайта, его лицо - то, что видит пользователь, попав на любую страницу в сети. Также, front-end разработчики организуют логичную и удобную работу компонентов сайта: контента, кнопок, внутренних ссылок. Данный курс сосредоточен на изучении наиболее актуальных для современных front-end разработчиков инструментов – HTML и CSS.
Важно отметить, что современный рынок труда испытывает серьезный недостаток специалистов по front-end разработке. Только на hh.ru прямо сейчас размещено около 4 000 предложений для веб-разработчиков с конкурентным уровнем оплаты труда (в среднем 85 тыс. руб. для junior-специалистов). Данный курс может стать для ребенка первой ступенькой на пути к одной из наиболее востребованных профессий в мире!
6 недель
продолжительность курса
12 уроков
в курсе
Преподаватель
Михаил С.
Навыки
Преподаватель
Вачаган О.
Навыки
Преподаватель
Мери Д.
Навыки
1 урок
Знакомство с Front-end разработкой и основами HTML-верстки
В рамках данного занятия учащийся познакомится с разновидностями сферы IT и направлением веб-разработки, освоит работу с редактором кода, основы HTML-верстку страницы и базовые теги.
Учащийся настроит рабочую среду и создаст свою первую простую веб-страницу.
2 урок
Знакомство с CSS – стили, классы, селекторы и свойства
В рамках данного занятия учащийся приобретёт навык задавать стили странице и подключать CSS к HTML-документу.
Учащийся создаст веб-страницу “о себе” и добавит к ней стили через CSS.
3 урок
Расположение текста на странице
В рамках данного занятия учащийся научится располагать текст по горизонтали и вертикали, используя «text-align» и «vertical-align», а также разберётся в блочной модели.
Учащийся закрепит пройденный материал, выполнив практическое задание по изменению расположения текста на странице на примере собственного проекта.
4 урок
Управление элементами «display», «visibility», «flex-box»
В рамках данного занятия учащийся освоит управление элементами «display», «visibility» и «flex-box».
Учащийся закрепит пройденный материал, выполнив практическое задание по управлению элементами «display», «visibility» и «flex-box» на примере собственного проекта.
5 урок
Фон
В рамках данного занятия учащийся освоит добавление фона, картинки, а также изменение размера элементов на странице.
Учащийся закрепит пройденный материал, выполнив практическое задание по добавлению фона и картинки на примере собственного проекта.
6 урок
Создание таблиц и стилизация
В рамках данного занятия учащийся освоит создание таблиц и их стилизацию.
Учащийся закрепит пройденный материал, выполнив практическое задание по добавлению и стилизации таблицы на примере собственного проекта.
7 урок
Адаптивность страницы
В рамках данного занятия учащийся освоит придание адаптивности странице при ее масштабировании.
Учащийся закрепит пройденный материал, выполнив практическое задание по приданию адаптивности странице при ее масштабировании на примере собственного проекта.
8 урок
Позиционирование элементов на странице
В рамках данного занятия учащийся освоит изменение положения элементов в рамках страницы.
Учащийся закрепит пройденный материал, выполнив практическое задание по изменению элементов в рамках страницы на примере собственного проекта.
9 урок
Псевдоклассы и псевдоэлементы
В рамках данного занятия учащийся познакомится с селекторами, относящимися к псевдоклассам и псевдоэлементам в CSS.
Учащийся закрепит пройденный материал, выполнив практическое задание по использованию псевдоклассов и псевдоэлементов на примере собственного проекта.
10 урок
Создание списков и их стилизация
В рамках данного занятия учащийся освоит создание нумерованных и ненумерованных списков на странице, а также их стилизацию через CSS.
Учащийся закрепит пройденный материал, выполнив практическое задание по интеграции и стилизации нумерованного и ненумерованного списков на примере собственного проекта.
11 урок
Стилизация ссылок, кастомизация курсора мыши, придание тени элементам
В рамках данного занятия учащийся освоит добавление ссылок на страницу и их стилизацию, кастомизацию курсора мыши, а также добавление теней к тексту и элементам страницы.
Учащийся закрепит пройденный материал, выполнив практическое задание по добавлению и стилизации ссылок, кастомизации курсора мыши, а также добавлению теней к тексту и элементам страницы на примере собственного проекта.
12 урок
Проект
В рамках данного занятия ученик освоит самостоятельную разработку проекта с нуля и его презентацию.
В рамках данного занятия учащийся разработает и презентует собственный проект с нуля, используя все полученные на курсе знания и навыки.