Онлайн‑курс HTML и CSS. Профессиональная вёрстка сайтов

18 января — 21 марта 2021

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

Запишитесь на консультацию

Оставьте свои контакты, мы свяжемся с вами и ответим на все вопросы.

*Обязательное поле
Записаться на консультацию

Почему курс профессиональный

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

Чтобы добиться такого качества обучения, мы используем профессиональную триаду «критерии-проекты-наставники»:

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

Критерии качестваПрофессиональные критерии качества мы разрабатываем совместно с компаниями и профессиональным сообществом.

Настоящие проектыВ течение обучения вы выполняете настоящие проекты.

Настоящие проекты

В течение обучения вы выполняете настоящие проекты.

В чём отличие от интерактивных курсов?

Как раз в этой триаде. В интерактивных курсах вы изучаете базовые конструкции языков, а на профессиональном курсе вы осваиваете приёмы и методики решения профессиональных задач.

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

Что вас ждёт на обучении

Подходит ли вам этот курс

Учим делать правильно

После успешного завершения курса можно начать карьеру верстальщика, а также продолжить обучение на других наших курсах.

* Информация о медианных зарплатах в городе Москва получена на основе исследования компании «Мой круг» во втором полугодии 2018 года.

Записаться на курс

Цена повысится через 10 дней.

Наставники — это опытные профессионалы, работающие в индустрии

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

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

Чтобы отбирать таких специалистов, мы построили уникальную систему привлечения и фильтрации.

Вместе с наставником вы будете разрабатывать проект в экосистеме, привычной профессионалам. Рабочий процесс мало отличается от реальной разработки в больших компаниях.

Процесс отбора наставника

  1. Формальные требования

    Проверяем, кем и где кандидат в наставники работал, какой у него опыт, а также смотрим на его код.

  2. Собеседование

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

  3. Регулярная обратная связь

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

Процесс работы с наставником

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

Привет. У меня последний блок с товарами почему-то выравнивается неправильно, всё перепробовала. Взглянешь?
Давай сегодня созвонимся и разберёмся вместе?
Голосовая консультация с наставником

Детальная обратная связь

Ревью кода — это привычная практика, используемая в крупных компаниях, когда более опытный разработчик проверяет код менее опытного. Львиную долю обратной связи вы получите от наставника в виде ревью кода. Он прочитает каждую строчку, оставит комментарии и поможет сделать ваше решение правильным.

Голосовые консультации

А когда ревью кода недостаточно, наставники используют голосовые консультации, зачастую с демонстрацией экрана. На таких консультациях разбирают сложные вопросы или демонстрируют нетривиальные приёмы. Во время курса предусмотрено 5 часов голосовых консультаций или 9 часов на комфортном тарифе.

Что входит в программу курса

Во время курса вы будете работать как настоящие верстальщики: поработаете с системой контроля версий в GitHub Desktop и с графическим макетом в редакторе Figma, создадите выразительную и доступную разметку, построите сетки страниц на гридах, поработаете с кастомными свойствами, оптимизируете код и подготовите завершённый проект к публикации. На каждом этапе вашу работу будет проверять и комментировать личный наставник.

Учебные проекты

Во время курса вы будете работать над специально разработанными проектами «Нёрдсом», «Седоной» и «Техномартом», а на комфортном тарифе к ним добавятся более сложные проекты «Глейси» и «Девайс».

В течение курса вы успеете разработать и защитить один проект, а на комфортном тарифе можете защитить два проекта.

Отзывы компаний

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

В Авито нет верстальщиков, только фронтенд-разработчики разных уровней. Чтобы попасть к нам на работу младшим разработчиком, человек должен обладать определёнными навыками. Это уверенное владение базовыми технологиями: HTML, CSS и JavaScript, понимание того, как работает браузер, знание, как делать проекты кроссбраузерными, как работает API, DOM и другие важные основы. Кроме этого мы ценим ответственность, умение играть в команде, желание развиваться и инициативность.

Мне, как наставнику на курсах и бывшей студентке, известны стандарты качества Академии и то, как строится работа. Всё максимально приближено к реальным условиям — используется система контроля версий Git, есть разбивка проекта на этапы (своеобразные итерации), обязательное ревью кода наставниками и неумолимый дедлайн. Большое внимание уделяется доступности интерфейсов, а это полезно для всей отрасли.

В целом программа обучения в Академии построена грамотно для старта. Она помогает подготовить универсального бойца, который сможет качественно заниматься разработкой и в студии, и в крупной продуктовой компании. Если человек защитился на 100%, то это показатель, что у него всё в порядке с обучаемостью, мотивированностью и личными качествами, которые понадобятся в будущем на работе. А дальше уже всё зависит от активности и способности доказать свои умения делом.

Яна Крикливая разработчик клиентской части, Авито

Авито Интернет-сервис для размещения объявлений о товарах, услугах, вакансиях и резюме на рынке труда.

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

Кроме этого, ценится понимание принципов доступности, так как думать о людях, которые будут пользоваться интерфейсом — это хороший тон. Человек, который присоединяется к нашей команде не должен бояться решать незнакомые задачи, искать нестандартные решения и брать ответственность.

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

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

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

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

Сергей Чикирев Wrike Website Team Lead

Wrike

Wrike Популярный сервис для управления проектами и совместной работы.

Мы в Ostrovok.ru постоянно ищем талантливых ребят: наш продукт быстро развивается и лишние фронтендерские руки (желательно «золотые») нужны всегда. Хорошего специалиста найти не так просто, поэтому мы уже несколько раз обращались к Академии, когда подбирали джуниоров.

Ребята приходили с хорошей базой и горящими глазами, быстро вливались в процессы и команду. Сейчас в Ostrovok.ru работают три выпускника Академии — все на позиции джунов и отлично справляются.

Спасибо Академии за хорошо подготовленных специалистов.

Ostrovok.ru

Ostrovok.ru Интернет-сервис по бронированию более 900 000 отелей.

Мы регулярно отправляем своих сотрудников на тренинги, семинары, интенсивы и всячески открыты к образовательным программам, так мы и познакомились с HTML Academy.

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

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

Валерия Шемякина Менеджер по обучению Ozon.

Ozon

Ozon Крупнейший российский интернет-магазин.

HTML Академия — лучшее, что происходило с ИТ-образованием в России.

Если вы боитесь, что не разберётесь или «программирование — это не для вас», то HTML Академия подойдёт вам идеально. Всегда будет у кого спросить и кто вас поддержит.

Они много работали с сообществом, чтобы понять какие именно знания нужны на работе. Круто насколько всё приближено к реальной разработке.

Андрей Ситник Автор множества проектов с открытым исходным кодом. Создатель PostCSS, Autoprefixer и Logux_io.

К нам на вакансию фронтенд-разработчика пришёл выпускник Академии. Знания, полученные на интенсивах по JavaScript и вёрстке помогают ему решать задачи с минимальными трудозатратами.

В целом, именно обучение на курсах Академии дало нашему сотруднику возможность развиваться как хорошему разработчику и профессионально подходить к решению проблем в работе.

ГиперМетод Ведущий разработчик решений для организации дистанционного обучения, управления знаниями и учебным процессом, развития и оценки персонала в компаниях и учебных заведениях.

Огромное спасибо HTML Academy за крутых выпускников! Три человека брали к себе на стажировку, в последующем два из них остались у нас на постоянной работе. Классные ребята с хорошим бэкграундом! Академия обучает сильных специалистов!

NORDMOUNT Внедрение, кастомизация и интеграция Salesforce на рынках США и западной Европы.

Программа курса

Первая неделя

Обучение Участие в живых лайвах, работа над проектом с личным наставником.

Раздел 1

Старт

Лайв
СтартПонедельник с 19:00 до 21:00Лектор: Николай Шабалин

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

Как проходит курс.

  • Обзор личных проектов.
  • Техническое задание и критерии качества.
  • Структура курса.
  • Авторы, кураторы, наставники.
  • Работа с наставником.
  • Защита личного проекта.

Кто и как делает сайты.

  • Из чего состоит сайт в интернете: сервер, браузер, вёрстка.
  • Кто делает сайты: дизайн, вёрстка, бэкенд.
  • Ответственность верстальщика: удобство, доступность, перфоманс.

Инструменты и процесс.

  • Редакторы и инспекторы графики: Figma, Photoshop.
  • Редакторы кода, браузеры, отладчики.
  • Система контроля версий.
  • Процесс работы над проектом.
КурсыКурсыСтатьиСтатьи
  • Практические курсы для знакомства с HTML.
  • Статьи, которые помогут выбрать редактор кода, разобраться с принципами работы браузеров, Git и GitHub.
ПроектыПроекты
  • Получаем наставника.
  • Настраиваем инструменты разработки, создаём репозитории проектов.
  • Отрабатываем процесс выполнения заданий. Вносим изменения в проект и отправляем их в GitHub.
Раздел 2

Разметка

Лайв
Основы семантичной разметкиЧетверг с 19:00 до 21:00Лектор: Вадим Макеев

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

Создание страниц по макету.

  • Анализ макета.
  • Структура проекта.

Синтаксис HTML

  • Парные и одиночные теги.
  • Вложенность и дерево документа.
  • Типы атрибутов.

Базовая структура страницы.

  • Метаданные и подключение ресурсов.
  • Контент страницы.
  • Теги для вывода и подключения.

Семантика и спецификации.

  • Стандарты и спецификации.
  • Категории тегов.
  • Разбор правил вкладывания.
ДемонстрацииИнтерактивные демонстрацииСкринкастыСкринкасты

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

КурсыКурсыСтатьиСтатьи
  • Статья про вёрстку таблиц и табличные данные.
  • Три практических курса для знакомства с базовым синтаксисом CSS, возможностями по стилизации текста и управлению фоном.
ПроектыПроекты
  • Получаем макеты в Figma.
  • Создаём и размечаем страницы проекта.
  • Вставляем контентную графику.
Вторая неделя
Раздел 3

Стилизация

Лайв
Основы современных стилейПонедельник с 19:00 до 21:00Лектор: Николай Шабалин

Разделим макет на блоки, создадим структуру стилей, погрузимся в основы CSS, поработаем с типографикой и подключим шрифты.

Устройство и логические части макета.

  • Выделение блоков из макета.
  • Уникальные и повторяющиеся блоки.
  • Создание переменных для цветов.

Файлы и структура для блоков.

  • Подключение стилей на страницу.

Погружение в стили для блоков.

  • Разделение контента и интерфейса.
  • Именование классами и по тегам.
  • Селектор, блок правил, свойство-значение.
  • Сложные и простые селекторы.
  • Почему используются классы.

Наследование, каскад, специфичность

  • Какие свойства наследуются, какие нет.
  • Чем font-size отличается от background-color.
  • Каскадирование и специфичность.

Размеры и центрирование макета.

  • Измерение блоков в Figma.

Шрифты.

  • Использование системных шрифтов.
  • Подключение шрифтов проекта.
  • Использование и настройка Google Fonts.
  • Использование шрифтов в стилях.
ДемонстрацииИнтерактивные демонстрацииСкринкастыСкринкасты

Три интерактивных демонстраций по базовой стилизации: «стилизация главной страницы», «стилизация страницы каталога», «стилизация карточки товара».

КурсыКурсыСтатьиСтатьи

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

ПроектыПроекты
  • Получаем шрифты в формате WOFF2.
  • Раздаём блокам имена с помощью классов.
  • Задаём фоновые цвета и цвет текста.
  • Центрируем макеты и задаём максимальную ширину.
  • Подключаем шрифты и задаём параметры текста.
Раздел 4

Графика

Лайв
Инструменты и форматы графикиЧетверг с 19:00 до 21:00Лектор: Николай Шабалин

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

Отличия редактора от инспектора.

  • Обзор редакторов: Photoshop, Illustrator, Sketch, Figma.
  • Обзор инспекторов: Zeplin, Avocode.
  • Выбор подходящего инструмента.

Интерфейс Figma и работа с макетом.

  • Страницы, фреймы, слои, инспектор.
  • Параметры блоков: прозрачность, фон, тени, координаты.
  • Параметры текста: семейство, начертание, размер.

Форматы графики и принцип выбора.

  • Растровая, векторная и генерируемая графика.
  • Форматы GIF, JPEG, PNG, WebP и SVG.
  • Выбор формата по детализации изображения.
  • Настройки экспорта графики из Figma.

Оптимизация графики после экспорта.

  • Установка Squoosh и SVGOMG на десктоп.
  • Оптимальные настройки Squoosh и SVGOMG.
  • Пакетная оптимизация графики.

Файловая структура и указание путей.

  • Структура папок для хранения графики.
  • Пути к ресурсам на примере графики.
КурсыКурсыСтатьиСтатьи
  • Статья про базовые возможности и эффективную работу в Figma.
  • Статья по настройке Photoshop для работы с вебом.
  • Статья с обзором инструментов в Photoshop для замеров и экспорта.
  • Статья про особенности графических форматов.
ПроектыПроекты
  • Замеряем и задаём свойства текста: размеры, начертание, цвет.
  • Задаём отступы контенту внутри блоков.
  • Экспортируем растровую и векторную графику из Figma.
  • Оптимизируем графику в Squoosh и SVGOMG.
Третья неделя
Раздел 5

Сетки на гридах

Лайв
Введение в сетки на гридах и блочную модельПонедельник с 19:00 до 21:00Лектор: Вадим Макеев

Научимся понимать систему сеток и раскладку блоков на примере Grid Layout. Научимся выделять сетки на макетах. Разберёмся в блочной модели.

Модульная система и сетки.

  • Направляющие, колонки, строки и отступы.
  • Сетка как основа, но не строгое правило.

Спецификация Grid Layout и раскладка по сетке макета.

  • Устройство шаблонов: строки, колонки, линии, отступы.
  • Ручная и автоматическая раскладка.
  • Спецификация Box Alignment и выравнивание внутри сетки.

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

  • Устройство, типы и переключение блочной модели.
  • Явная и автоматическая ширина, центрирование.
ДемонстрацииИнтерактивные демонстрацииСкринкастыСкринкасты

Интерактивные демонстрации по созданию сетки главной страницы, каталога и карточки товара.

КурсыКурсыСтатьиСтатьи
  • Статьи, которые помогут разобраться с особенностями гридов и блочной модели и приёмами построения сеток.
  • Курсы по работе с гридами.
ПроектыПроекты
  • Описываем сетку для главной и внутренних страниц на гридах.
  • Сравниваем вёрстку с макетом.
Раздел 6

Сетки на флексах

Лайв
Введение в сетки на флексахПонедельник с 19:00 до 21:00Лектор: Николай Шабалин

Научимся понимать систему сеток и раскладку блоков на примере Flexible Boxes. Научимся выбирать случаи, когда флексы подходят лучше гридов.

Спецификация Flexible Boxes и раскладка внутри блоков.

  • Оси: основная, поперечная, направление.
  • Расположение на основной и поперечной оси.
  • Растяжение, сужение, базовый размер флексов.

Флексы и гриды.

  • Особенности систем раскладки.
  • Ситуации, подходящие для гридов.
  • Ситуации, подходящие для флексов.
  • Совместное использование.
ДемонстрацииИнтерактивные демонстрацииСкринкастыСкринкасты

Интерактивные демонстрации по созданию блоков главной страницы, каталога и карточки товара.

КурсыКурсыСтатьиСтатьи
  • Курсы по работе с флексами и гридами.
  • Статьи, которые помогут разобраться с особенностями каждой системы раскладки.
ПроектыПроекты
  • Описываем сетку блоков на главной и внутренних страниц на флексах.
  • Сравниваем вёрстку с макетом.
Четвёртая неделя
Раздел 7

Декоративные элементы

Лайв
Визуальное отображение элементов страницыЧетверг с 19:00 до 21:00Лектор: Вадим Макеев

Поговорим о том, какими правилами оперирует дизайн при построении макетов. Рассмотрим состояния и позиционирование элементов на странице. Сделаем интерфейс устойчивым к переполнению.

Контентная и оформительская графика в вебе.

  • Отличия контентной и оформительской графики.
  • Вставка оформительской в стили и разметку.
  • Программируемая графика, уместное использование.

Визуальные правила и типографика.

  • Теория близости и оптическая компенсация.
  • Типографика и характеристики текста.

Интерактивность интерфейса.

  • Состояния и события элементов интерфейса.
  • Переходы, анимация, плавность интерфейса.

Раскладка контента: мультиколонки и флоаты.

  • Колонки для текста и блоков, перетекание и запреты.
  • Обтекание блоков текстом, схлопывание и клиаринг.

Переполнение контента.

  • Изменение числа элементов в списках.
  • Вставка картинок и видео.
  • Длинные и короткие слова, многострочность и переносы.
ДемонстрацииИнтерактивные демонстрацииСкринкастыСкринкасты

Интерактивная демонстрация со стилизацией декоративных и контентных элементов.

КурсыКурсыСтатьиСтатьи

Практические курсы для закрепления навыков создания декоративных элементов.

ПроектыПроекты
  • Получаем шаблон с контентной сеткой и подключаем к странице.
  • Добавляем декоративную графику.
  • Добавляем состояния элементов и анимацию.
  • Верстаем текстовую страницу и сравниваем с макетом.
Пятая неделя
Раздел 8

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

Лайв
ЛайвПонедельник с 19:00 до 21:00Лектор: Николай Шабалин

Узнаем как стилизовать содержание внутренних страниц, которые наполняются из CMS. Начнём готовиться к защите личного проекта.

Практикуемся в вёрстке элементов содержимого.

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

Разбираем типовые случаи переполнения и способы борьбы с ними.

ДемонстрацииИнтерактивные демонстрацииСкринкастыСкринкасты
  • Интерактивная демонстрация «вёрстка текстовой страницы».
  • Интерактивная демонстрация «вёрстка всплывающих окон».
  • Интерактивная демонстрация «примеры переполнения».
СтатьиСтатьи
  • 3 практических курса для знакомства с JavaScript и один курс по CSS-анимациям.
  • Статьи о тонкостях оформления текстового содержимого и элементов форм.
ПроектыПроекты

Задания на создание декоративных элементов личного проекта.

Раздел 9

Доступность и формы

Лайв
Основы доступности интерфейсовЧетверг с 19:00 до 21:00Лектор: Вадим Макеев

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

Ситуации с неудобным интерфейсом, введение в доступность.

  • Неконтрастные цвета, подложки для текста.
  • Универсальный доступ, условия и физиология.
  • Альтернативные средства: поисковики, режимы чтения, скринридеры.

Доступность встроенных в HTML элементов.

  • Встроенные интерактивные элементы.
  • Ориентиры и навигация в скринридерах.

Способы взаимодействия с интерфейсом.

  • Мышь и ховер.
  • Клавиатура и фокус.
  • Клавиатура и голос.

Популярные паттерны интерфейса.

  • Кнопки-ссылки.
  • Радиокнопки, чекбоксы, селект.

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

  • Заголовки областей контента.
  • Подписи к контентным элементам: картинки, видео, фреймы.
  • Доступная инлайновая вставка SVG.
  • Формы и подписи к полям.
  • Добавление подписей в сложных случаях: заголовки, иконки.

Инструменты проверки и отладки доступности.

  • Дерево доступности в браузерных отладчиках.
  • Расширения для проверки доступности: aXe, Siteimprove.
  • Демонстрация скринридера.
ДемонстрацииИнтерактивные демонстрацииСкринкастыСкринкасты
  • Интерактивные демонстрации с улучшением доступности учебного проекта.
  • Скринкаст с примером работы VoiceOver на учебном проекте.
СтатьиСтатьи
  • Статьи по созданию доступных интерфейсов.
  • Статья про функциональность скринридеров.
ПроектыПроекты

Задания на улучшение доступности личного проекта.

Шестая неделя

Защита проекта Подготовка проекта к итоговой защите и оценка его проверяющим наставником по критериям качества.

Раздел 10

Оживление интерфейса

Лайв
Основы JavaScrpiptПонедельник с 19:00 до 21:00Лектор: Игорь Антонов

Поговорим о том, где применяется JavaScript, чем отличается DOM и HTML-дерево. Подключим и настроим JavaScript-компоненты.

JavaScript в браузерах.

  • JavaScript-движки в браузерах и не только.
  • Отличия DOM и HTML-дерева.
  • Работа с DOM: поиск элементов и сохранение в переменных.
  • Создание функций, вызов и передача параметров.

Интерактивные компоненты Барбершопа.

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

Интерактивная демонстрация по оживлению карты и попапов.

КурсыКурсыСтатьиСтатьи

Интерактивные курсы по работе с переменными и функциями.

ПроектыПроекты
  • Подключаем JavaScript-компоненты на страницу: slider.js, menu.js, popup.js.
  • Ищем интерактивные элементы и передаём в компоненты.

Первая неделя защиты

Начало подготовки к итоговой защите.

Седьмая неделя

Вторая неделя защиты

Первая оценка проекта проверяющим наставником по критериям качества.

Восьмая неделя

Третья неделя защиты

Улучшение проекта по замечаниям проверяющего наставника и подача на вторую оценку.

Девятая неделя

Четвёртая неделя защиты

Внесение финальных правок и получение итоговой оценки.

Раздел 11

Финал

Лайв
ФиналСреда с 19:00 до 21:30Лектор: Николай Шабалин

Поговорим о том, как прошёл курс и куда вам двигаться дальше.

Результаты курса.

  • Статистика по студентам и проектам.
  • Сложности в процессе.

Ваше место в профессии.

  • Что вы узнали в процессе.
  • Что вы уже можете делать.
  • Место на профессиональном пути.

Куда двигаться дальше.

  • Варианты развития.
  • Профессии Академии.
  • Навыки и курсы.
  • Акселератор и Лига А.
СтатьиСтатьи
  • Статьи про учебную стажировку в Лиге А.
  • Статьи про поиск работы.
  • Статьи по созданию портфолио на GitHub.
  • Статьи про развитие в профессии.
  • Статьи про необходимые навыки фронтенд-разработчика.
Записаться на курс

Цена повысится через 10 дней.

Сертификат

После прохождения курса вы получите электронный сертификат

Образовательная деятельность осуществляется на основании государственной лицензии № 3026 от 6 июня 2017 года.

Статистика Академии

  • 8лет на рынке обучения
  • 100онлайн-курсов проведено
  • 11 169выпускников защитили проекты

Отзывы выпускников

  • Юлия Забелина

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

  • Денис Бирченко

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

  • Vadym Stavnychyi

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

  • Viacheslav Litvinov

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

  • Михаил МосквинМихаил Москвин

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

  • Андрей Деев

    Очень благодарен Академии за интенсивный курс «HTML и CSS. Профессиональная вёрстка сайтов». Благодарен не только за полученные мной систематизированные знания, большое количество полезных статей, ссылок, материалов, но и за время, которое я сэкономил, отказавшись от самостоятельного изучения.

  • Александр ЛёзовАлександр Лёзов

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

  • Павел Волков

    Мои впечатления о курсе только положительные, я никогда в жизни ничего не учил так быстро как здесь. Подача материала, на мой взгляд? шикарная. Главное, что знания полученные таким путём останутся со мной надолго. Получил даже больше, чем ожидал. Курс идеально подойдёт людям, которые любят откладывать что-то в долгий ящик.

  • Александр

    Сначала сомневался: не будет ли легко и скучно на первом уровне вёрстки? Так как кое-какой опыт у меня всё же был. Ответ не заставил себя долго ждать — скучно точно не будет. Интересные лекции, грамотно подобранный материал, опытнейшие преподаватели, юмор и позитив — всё это об Академии.

  • Роман ЮрловРоман Юрлов

    Это был интересный, сложный, увлекательный, очень интенсивный курс. Иногда хотелось всё бросить. Иногда казалось, что ничего не получится, один раз даже удалил всё что было сделано и начал с нуля. Иногда забывал спать, а случалось, что верстал во сне.

Отчёт о 28 потоке читайте в нашем блоге.

18 января — 21 марта 2021

Зарегистрироваться и оплатить
курс «HTML и CSS. Профессиональная вёрстка сайтов»

5 часов работы с личным наставником и три личных проекта на выбор.

18 января — 21 марта 2021

Места пока есть

$820 до 12 октября$670

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

Заполните, пожалуйста, ваши имя и электронную почту для регистрации.

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

  • У нас есть образовательная лицензия
  • Выдаём электронные сертификаты
  • Можно сделать налоговый вычет

Запишитесь на консультацию

Мы любим отвечать на вопросы. Поэтому ждём ваших контактов, чтобы поскорее на всё ответить.


*Обязательное поле