Каталог курсов

Направления обучения

Все курсы Маркетинг Бизнес и управление Дизайн и UX Программирование Аналитика Управление командой Высшее образование Творческие профессии Профессии в образовании Корпоративное обучение Новые профессии Финансы и инвестиции Компьютерные игры Саморазвитие и хобби

Бесплатный курс

начало карьеры

IT-профессии

Как выбрать направление и реализовать себя

Включает программу трудоустройства

Блок по фрилансу разработан совместно с

Вёрстка на HTML и CSS: адаптивная и мобильная

Научитесь верстать сайты с помощью HTML и CSS: сделаете первый шаг в веб-разработке или дизайне

Выполните 3 кейса для портфолио по вёрстке и подготовке адаптивных макетов сайта

Сможете претендовать на junior-позицию или работать на фрилансе уже после трёх месяцев обучения

Когда

5 октября — 13 апреля

Длительность

5,5 месяца

Формат обучения

Вебинары, видеолекции, домашние задания и итоговая работа

Документ

Удостоверение о повышении квалификации

40%

с 26.09 по 27.09

Когда опадают листья

Скидка уже включена в стоимость. Оплатите до 27 сентября, чтобы скидка не сгорела.

Условия акции

HTML и CSS — базовые языки для вёрстки веб-интерфейсов

Если HTML — скелет страницы, то CSS — её мышцы. Инструменты работают в связке и в результате позволяют верстать сайты, переносить дизайн с макета на лендинг и дорабатывать визуальную часть. HTML-разработчики востребованы как в найме, так и на фрилансе — вы сами сможете решить, какой формат работы вам больше подходит.

Более 6 000 вакансий

HTML-разработчиков опубликовано на hh.ru

После обучения вы сможете продолжить развиваться в нескольких сферах

— Веб-разработка

— Веб-дизайн

— Frontend-разработка

Зарплата HTML-разработчика

по данным hh.ru в среднем составляет

60 000–80 000 ₽

Junior-специалист
с опытом до 1 года
120 000–170 000 ₽

Middle-специалист
с опытом от 1 до 3 лет
80 000–150 000 ₽

Senior-специалист
c опытом более 3 лет

Программа обучения —
5,5 месяца

39 часов теории и 208 часов практики

● Занятия проходят 2 раза в неделю в будни с 19:00 до 21:00 МСК

● На лекции и практические задания понадобится по 7–10 часов в неделю

● Записи вебинаров, видеолекций, статьи и другие полезные материалы хранятся в личном кабинете

HTML-вёрстка: с нуля до первого макета

Научитесь верстать сайты на HTML и CSS и вносить изменения в существующую вёрстку.

15 часов теории

64 часа практики

Теги для вёрстки контента страницы

Теги для вёрстки структуры страницы

Теги для вёрстки форм

Селекторы CSS

Определение контекста элементов

Блочная модель

Позиционирование элементов

Оформление текста

Оформление декоративных элементов

Состояние интерактивных элементов

Итоговый проект: вёрстка макета сайта

Адаптивная и мобильная вёрстка

Научитесь верстать сайты для всех типов устройств, чтобы пользователю было удобно и приятно ими пользоваться.

19 часов теории

76 часов практики

Вёрстка резинового макета

Резиновые изображения

Медиазапросы и медиафункции занятия

Вёрстка мобильных устройств

Вёрстка адаптивного макета

Адаптивная типографика, выбор breakpoints

Адаптивные изображения

Итоговый проект: адаптивная мобильная версия макета сайта

Git — система контроля версий

Каждый разработчик должен знать основы работы с системой Git, так как на данный момент это практически стандарт по управлению исходным кодом. Вы научитесь работать с этой системой и с сервисом GitHub, сможете публиковать свои домашние работы.

5 часов теории

4 часа практики

Знакомство с системой контроля версий Git

Работа с локальным репозиторием в Git

Работа с удалённым репозиторием через GitHub

Командная работа в Git и GitHub. Часть 1

Командная работа в Git и GitHub. Часть 2

Вебинар с ответами на вопросы

Дипломный проект

Вы создадите страницу сайта по макету дизайнера, с которым будете работать над проектом. Адаптируете её под разные виды устройств и наполните контентом.

Дополнительные модули

Английский для начинающих разработчиков

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

8 часов теории

19 часов практики

Чтение технической документации

Языки программирования. Составление отчётов об ошибках

QA-тестирование

Слова из технической сферы, которые часто произносят неправильно

Навык просмотра англоязычного видеоконтента

Самопрезентация. Elevator Pitch

Прохождение собеседований

Высококлассное резюме и сопроводительное письмо

Email-переписка

Общение в технических чатах

Звонки и встречи

Как учить лексику

Как учить грамматику

Логические операторы и алгоритмы

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

5 часов теории

14 часов практики

Работа с системами счисления

Использование логических операций

Построение алгоритмов

Работа с системами счисления

Использование логических операций

Построение алгоритмов

Знакомство с JavaScript

Погрузитесь в основы JavaScript — одного из самых популярных и гибких языков программирования. Начнёте с азов синтаксиса, поймёте, как работает сайт, узнаете о дополнительных возможностях, которые даёт браузер, и как оживить кнопки на странице.

8 часов теории

Введение в JavaScript

Основные понятия

Функции

Работа с массивами

Объекты

Классы

Обработка исключений и замыкания

Асинхронность

Функции декораторы, call, apply

Построение карьеры и работа на фрилансе

Карьера в веб-разработке

Научитесь формулировать карьерные цели, создавать резюме, собирать портфолио и готовиться к собеседованиям. Создадите пошаговый план поиска работы, запишете видеопрезентацию и пройдёте карьерную консультацию с HR-экспертом.

10,5 часа теории

Пошаговый план поиска работы

Анализ рынка труда

Карьерная траектория развития для специалиста по вёрстке

Резюме, портфолио разработчика и сопроводительное письмо

Собеседование: как подготовиться и пройти

Статистика и измерение эффективности поиска работы

Индивидуальная карьерная консультация

Фриланс: первые шаги

Узнаете, как подготовиться к фрилансу, где искать клиентов и как организовать рабочее время. Попробуете взять первый оплачиваемый заказ.

6 часов теории

Как начать работать на фрилансе

Как фрилансеру правильно организовать рабочий процесс, пространство и файлы

Как понять, будете ли вы успешны на фрилансе

Биржа FL

Чему научитесь

Верстать сайты и приложения

Научитесь использовать HTML и CSS, узнаете о тонкостях вёрстки под iOS и Android

Работать с системой контроля версий

Сможете создавать репозитории и вносить изменения в код на GitHub, разрешать конфликты версий скрипта

Адаптировать вёрстку

Сможете адаптировать вёрстку под форматы разных браузеров и типов устройств

Создадите страницу сайта из разных блоков

Научитесь с помощью Flexbox размещать на странице разный контент

Искать и выполнять заказы на фрилансе

Получите опыт работы с запросами на создание новых страниц и корректировку существующих на FL.ru

Выполните 3 проекта для портфолио

Макет сайта

Сверстаете макет сайта о творчестве.

Как проходит обучение

Занятия
Учитесь в комфортном для себя темпе. Изучаете в удобное для вас время видеолекции и статьи, задаёте вопросы на вебинарах
Практика
Делаете задание после каждого занятия и получаете обратную связь от экспертов. Создаёте проекты и пополняете портфолио
Сопровождение
Вы всегда можете задать вопрос и получить помощь с обучением от команды экспертов, координаторов и наставников
Карьера
Предложим интересные вакансии и поможем на всех этапах поиска работы. А ещё расскажем, как начать работать на фрилансе и взять первый заказ

Преподаватели курса — практикующие эксперты

Ваше резюме после обучения

HTML-разработчик

Ключевые навыки

Вёрстка сайтов на HTML

Подготовка адаптивов под разные типы устройств

Работа с Flexbox

Работа с файлами и медиаресурсами

Использование Grid и Bootstrap

Использование SASS и SCSS

Инструменты

HTML

Язык гипертекстовой разметки

CSS

Язык декорирования и описания внешнего вида страницы

GitHub

Веб-сервис для совместной работы разработчиков над кодом и хостинга проектов. GitHub основан на системе контроля версий GIT

Git

Система контроля версий № 1 в мире. Git позволяет работать над кодом проекта совместно, не переживая за потерю данных или конфликт версий

Bootstrap

Фремворк для быстрой вёрстки адаптивных дизайнов сайтов и веб-приложений

Flexbox

Технология для создания сложных гибких макетов

Вашу квалификацию подтвердит официальный документ

Мы обучаем по государственной лицензии и выдаём документы установленного образца.

После обучения вы можете получить удостоверение о повышении квалификации.

Поможем найти
ту самую работу

Центр развития карьеры
помогает трудоустроиться студентам Нетологии

Научим составлять резюме и проходить интервью

Разберём ваш предыдущий опыт, определим сильные стороны и поможем составить успешное резюме. Научим презентовать себя и проведём тест-драйв интервью.

Поможем наработать практику и оформить портфолио

Приобретёте практический опыт и наполните портфолио ещё во время обучения. Разберёте тестовые задания от работодателей и сможете принять участие в их проектах.

Предложим стажировки и проекты от партнёров

Предоставим доступ к карьерной странице со стажировками и вакансиями от партнёров Нетологии. Будем делиться подборками с новыми интересными вакансиями.

Воркшопы и много практики

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

84%

студентов нашли работу с помощью Центра развития карьеры

4 075

компаний-партнёров в базе Нетологии для отработки практики

Предложение для компаний

Вы можете обучить сотрудников на этом курсе. Адаптируем программу под ваш бизнес и предоставим отчёты об успеваемости. При обучении сразу нескольких сотрудников — более выгодная стоимость.

Оставьте заявку, и мы вышлем вам индивидуальное предложение.

Вернём деньги, если обучение не подойдёт

Деньги можно вернуть в любой момент. В течение первых трёх занятий вернём вам полную сумму, а начиная с четвёртого — рассчитаем сумму возврата или поможем выбрать другой курс взамен.

Подробные условия