Профессиональный онлайн‑курс HTML и CSS, уровень 1

6 мая — 7 июля 2019

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

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

Консультация по телефону 8 800 555-86-28

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

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

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

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

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

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

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

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

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

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

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

Уровень знаний младшего верстальщика

Младший верстальщик

Медианная зарплата: 30 000 

HTML и CSS, уровень 1

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

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

Консультация по телефону 8 800 555-86-28.

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

Учебный проект «Глейси»
Учебный проект «Девайс»
Учебный проект «Седона»

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

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

В Авито нет верстальщиков, только фронтенд-разработчики разных уровней. Чтобы попасть к нам на работу младшим разработчиком, человек должен обладать определёнными навыками. Это уверенное владение базовыми технологиями: 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

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

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

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

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

Раздел 1

Введение

Теоретическая лекция
Теоретическая лекцияПонедельник с 19:00 до 21:00Ведущий: Алексей Симоненко, опыт веб-разработки 18 лет

Вводная лекция про роль и место верстальщика в мире веб-технологий.

Как проходит курс. Организационные вопросы.

  • Обзор личных проектов.
  • Как работать с наставником.
  • Критерии качества вёрстки.
  • Защита личного проекта и получение сертификата.

Что на самом деле происходит, когда вы вводите в браузере адрес сайта и нажимаете Enter?

  • IP-адрес, сервер и веб-сервер, «виртуальные хосты».
  • Доменные имена, URL-адреса и система DNS.
  • Загрузка и «сборка» веб-страницы.
  • Особенности HTTP и HTTPS. Протоколы HTTP/1.1 и HTTP/2.
  • Приёмы оптимизации веб-страниц.

Инструменты веб-разработчика и рабочий процесс на интенсиве.

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

Разметка

Теоретическая лекция
Теоретическая лекцияЧетверг с 19:00 до 21:00Ведущий: Александр Першин, кандидат технических наук, опыт веб-разработки 13 лет

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

Введение в HTML.

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

Качественная разметка и стили кодирования.

  • Простая, понятная, читабельная и логичная разметка: примеры и антипримеры.
  • Типовые ошибки разметки: «ссылка или кнопка», «картинка или фон» и другие.
  • Модульность разметки или использование «пространств имён».
  • Когда использовать <article>, <section> и <div>?
  • Кодгайды для разметки.
  • Алгоритмы создания разметки: «страница как документ», «страница как приложение», «дивянка».

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

ДемонстрацииИнтерактивные демонстрацииСкринкастыСкринкасты
  • 3 интерактивные демонстрации по разметке учебного проекта: «разметка главной страницы», «разметка каталога» и «разметка карточки товара».
  • 2 скринкаста по разметке учебного проекта: «разметка каталога» и «разметка карточки товара».
КурсыКурсыСтатьиСтатьи
  • 3 практических курса для знакомства с базовым синтаксисом CSS, возможностями по стилизации текста и управления фоном.
  • Статьи и кодгайды, которые помогут вам делать качественную разметку.
ПроектыПроекты

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

Вторая неделя
Раздел 3

Работа с графикой

Практическая лекция
Практическая лекцияПонедельник с 19:00 до 21:30Ведущий: Виталий Зюзин, опыт веб-разработки 9 лет

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

Обзор основных графических редакторов и инструментов для работы с макетами: Adobe Photoshop, Sketch, Zeplin, Avocode.

Типовые задачи верстальщика в графических редакторах.

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

Обзор форматов графики в вебе.

  • Растровая графика — PNG, JPEG, GIF.
  • Векторная графика — SVG.
  • Как выбрать подходящий формат?
  • Оптимизация графики.

Разбор графических макетов проектов.

КурсыКурсыСтатьиСтатьи
  • 5 практических курсов о селекторах и каскадировании в CSS и формах в HTML.
  • Статьи о работе в Фотошопе и особенностях графических форматов.
ПроектыПроекты

Задания на подготовку графики и текстовых стилей учебного и личного проектов.

Раздел 4

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

Практическая лекция
Практическая лекцияЧетверг с 19:00 до 22:00Ведущий: Вадим Макеев, опыт веб-разработки 15 лет

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

Интерфейсы — не картинки.

  • Какие есть слои интерфейса, кроме графики.
  • Зачем нужные интерактивные элементы.
  • Неочевидное использование интерфейсов.

Понятие доступности.

  • Что мешает пользоваться интерфейсами.
  • Ежедневные ситуации недоступности.
  • Физиологические и ментальные особенности.

Взаимодействие с клавиатуры.

  • Интерфейсы без указателя.
  • Зачем нужен фокус на элементах.
  • Как сделать элементы интерактивными.

Значимые элементы.

  • Зачем семантика и как не подхватить диватоз.
  • Почему не нужно переделывать элементы.
  • Кнопки и ссылки, в чём разница?

Лейблы элементов.

  • Кому нужны описания элементов.
  • Разбор ошибок в реальных интерфейсах.
  • Инспекторы доступности и скринридеры.
ДемонстрацииИнтерактивные демонстрацииСкринкастыСкринкасты
  • 3 интерактивные демонстрации по доступной разметке учебного проекта: «доступная разметка главной страницы», «доступная разметка других страниц» и «преимущества кнопок».
  • Скринкаст по доступной разметке внутренних страниц учебного проекта.
КурсыКурсыСтатьиСтатьи
  • 4 практических курса о продвинутых селекторах и декоративных возможностях CSS.
  • Статьи про создание доступных веб-интерфейсов.
ПроектыПроекты

Задания на шлифовку разметки учебного и личного проектов.

Третья неделя
Раздел 5

Введение в CSS

Практическая лекция
Практическая лекцияПонедельник с 19:00 до 21:30Ведущий: Александр Першин

Разберёмся с базовыми механизмами CSS и начнём стилизацию проектов.

Введение в CSS.

  • Синтаксис CSS.
  • CSS-селекторы, псевдоклассы и псевдоэлементы.
  • Наследование, каскадность и приоритеты в CSS.
  • Единицы измерения в CSS: абсолютные, относительные, для управления цветом.
  • CSS-функции и директивы.

Практика стилизации.

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

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

Задаём глобальные стили документа, описываем текстовые параметры элементов и состояния интерактивных элементов.

ДемонстрацииИнтерактивные демонстрацииСкринкастыСкринкасты
  • 4 интерактивных демонстраций по базовой стилизации: «стилизация главной страницы», «стилизация страницы каталога», «стилизация карточки товара» и «флексбоксы: карточки».
  • 2 скринкаста по базовой стилизации «страницы каталога» и «карточки товара».
КурсыКурсыСтатьиСтатьи
  • 4 практических курса для знакомства с блочной моделью документа, флексбоксами и приёмами построения сеток.
  • Статьи, которые помогут вам разобраться с тонкостями использования CSS: нормализацией, подключением нестандартных шрифтов и доступной стилизацией интерактивных элементов.
ПроектыПроекты

Задания на базовую стилизацию учебного и личного проектов.

Раздел 6

Сетки

Теоретическая лекция
Теоретическая лекцияЧетверг с 19:00 до 21:30Ведущий: Александр Першин

Разберёмся с блочной моделью документа. Создадим сетки страниц учебного и личного проектов.

Поток документа и блочная модель документа.

  • Понятие сетки и потока документа.
  • Блочные и строчные боксы и их особенности.
  • Свойства блочной модели: размеры, рамки и отступы.
  • Тонкости блочной модели: «схлопывание» и «выпадание» внешних отступов, width: 100% и width: auto, свойство box-sizing и другие.
  • Свойство display. Управление типом боксов.

Создание сеток на флексбоксах.

  • Введение во флексбокс.
  • Флекс-контейнер, флекс-элементы, флекс-оси.
  • Алгоритм расчёта размеров флекс-элементов.
  • Выравнивание и распределение флекс-элементов вдоль осей.
  • Однострочный и многострочный флекс-контейнер, управление флекс-рядами.
  • Особенности флексбоксов при создании сеток.

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

ДемонстрацииИнтерактивные демонстрацииСкринкастыСкринкасты
  • 3 интерактивные демонстрации по созданию сетки: «сетка главной страницы», «сетка страницы каталога» и «сетка карточки товара».
  • 2 скринкаста по созданию сетки «страницы каталога» и «карточки товара».
КурсыКурсыСтатьиСтатьи
  • 5 практических курсов по созданию сложных декоративных элементов.
  • Статьи, которые помогут вам разобраться с особенностями блочной модели документа, флексбоксами и приёмами построения сеток.
ПроектыПроекты

Задания на создание сеток учебного и личного проектов на флексбоксах.

Четвёртая неделя
Раздел 7

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

Практическая лекция
Практическая лекцияПонедельник с 19:00 до 21:30Ведущий: Александр Першин

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

Позиционирование.

  • Относительное позиционирование.
  • Абсолютное позиционирование: координаты, изменение точки начала координат, относительные координаты и размеры, координаты по умолчанию.
  • Фиксированное позиционирование.
  • Управление порядком слоёв.

Приёмы создания элементов интерфейса.

  • Блочно-строчные боксы и их особенности.
  • Борьба с пробелами между блочно-строчными боксами.
  • Особенности флексбоксов при создании элементов интерфейсов.
  • Типовой приём «псевдоэлемент с абсолютным позиционированием».
  • Использование CSS-графики для создания декоративных элементов.

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

ДемонстрацииИнтерактивные демонстрацииСкринкастыСкринкасты
  • Интерактивная демонстрация «завершаем стилизацию учебного проекта».
  • 5 интерактивных демонстраций сложных элементов в личных проектах.
  • 5 скринкастов про создание сложных декоративных элементов.
  • Скринкаст по работе с SVG.
КурсыКурсы

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

ПроектыПроекты

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

Пятая неделя
Раздел 8

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

Практическая лекция
Практическая лекцияПонедельник с 19:00 до 21:00Ведущий: Александр Першин

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

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

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

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

Готовим проект к предзащите и защите. Разбор критериев защиты выпускных проектов.

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

Задание на подготовку личного проекта к предзащите.

Раздел 9

Введение в JavaScript

Практическая лекция
Практическая лекцияЧетверг с 19:00 до 21:30Ведущий: Алексей Симоненко

Познакомимся с JavaScript, узнаем что такое Vanilla JS и оживим некоторые блоки вёрстки.

Язык программирования JavaScript.

  • Роль программирования в жизни верстальщика.
  • Что такое DOM и зачем нам объект document.
  • Зачем нужен объект window.

Типовые случаи использования JavaScript.

  • Как найти любой элемент на странице.
  • Как реагировать на события, происходящие на странице.
  • Как менять CSS-стили у элементов.
  • Как использовать анимацию на странице.

Оживляем всплывающее окно и вставляем интерактивную карту на главной странице учебного проекта.

ДемонстрацииИнтерактивные демонстрации
  • Интерактивная демонстрация «оживление формы в учебном проекте».
  • Интерактивная демонстрация «оживление карты в учебном проекте».
СтатьиСтатьи

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

ПроектыПроекты

Задание по оживлению всплывающих окон и добавлению интерактивной карты в личный проект.

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

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

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

Дедлайн предзащиты и начало подготовки к итоговой защите.

Бонусный раздел

Лучшие практики

Бонусная лекция
Бонусная лекцияПонедельник с 19:00 до 21:00Ведущий: Вадим Макеев

Узнаем как правильно применять практические знания, как учиться новому и развиваться в профессии.

Совместимая вёрстка.

  • Прогрессивное улучшение.
  • Постепенная деградация.
  • Цена совместимости.
  • Независимые слои улучшения.

Реальное тестирование.

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

Корневые технологии.

  • Веб-стандарты и фантазийные велосипеды.
  • Ваниль против библиотек и фреймворков.
  • Мода, хайп, вечное и светлое.

Развитие в профессии.

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

Статьи и видеозаписи докладов о прогрессивном улучшении.

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

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

Промежуточная проверка проекта личным наставником по критериям качества.

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

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

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

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

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

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

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

Консультация по телефону 8 800 555-86-28.

Сертификат

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

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

Сертификат профессионального онлайн-курса «HTML и CSS, уровень 1»

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

  • 6лет на рынке обучения
  • 67профессиональных курсов проведено
  • 6 984выпускника защитили проекты

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

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

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

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

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

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

6 мая — 7 июля 2019

Зарегистрироваться и оплатить
курс «HTML и CSS, уровень 1»

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

6 мая — 7 июля 2019

Зарегистрироваться и оплатить
курс «HTML и CSS, уровень 1»

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

11 500

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

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

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

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

Контакты

Остались вопросы? Проконсультируем по телефону 8 800 555-86-28.

Неудобно по телефону?

Отвечаем и помогаем во Вконтакте, Фейсбуке или по почте.