Акции школ
Войти

Курс «Построение сеток»

Составитель: Денис Сметнёв · Обновлено: 22.06.2026

Благодаря интерактивному курсу "Построение сеток" любой веб-разработчик повысит свою квалификацию. Программа обучения рассчитана на учеников со знанием основ HTML, CSS, JavaScript и PHP. Ежедневные 2-часовые занятия проходят по 5 главам, состоящим из знакомства с теорией и выполнения заданий – последних будет всего 129. Также предусмотрено 15 испытаний. Уклон в сторону дачи практических навыков позволит освоить управление размерами и расположением элементов, отступами и рамками; верстку на Flexbox в CSS и небольших интерфейсов с помощью гридов; приемы создания колонок. Диплом не выдаётся.

Подробнее


Компания: HTML Academy (HTML академия)

Язык: ru

Уровень: Средний Старт: в любое время

Актуальная программа курса (3 модулей, по данным школы)

  1. Глава 1: Сетки
  2. Глава 2: Микросетки. Начало
  3. Глава 3: Микросетки. Продолжение

Сколько зарабатывают в профессии (медиана hh.ru, по 117 вакансиям)

Junior
80 000 ₽
Middle
130 000 ₽

Сравнение с похожими курсами других школ

КурсШколаЦенаСрокРейтингДиплом
Построение сеток (этот) HTML Academy (HTML академия) беспл.
Основы HTML и CSS Netology (Нетология) беспл. 3 недели 4.4 Перейти
Занимательные элементы интерфейса в HTML/CSS GeekBrains (ГикБреинс) беспл. 4.3 Сертификат Перейти
Основы HTML и CSS ФРОО 24 000 ₽ 2 месяца 3.2 Обзор
Длительность курса

Длительность курса

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

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

Интерактивный курс: теория, задания и испытания Обучение в свободном режиме

Обратная связь

Обратная связь

Общение на форуме учеников

Теория и практика

Теория и практика

5 глав 129 заданий 15 испытаний

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

  • Управлять размерами и расположением элементов, задавать отступы и рамки
  • Управлять размерами и отступами флекс-элементов
  • Понимать, как работают коэффициенты растяжения и сжатия
  • Отработать основные приёмы построения сеток
  • Разными способами создавать грид-раскладки
  • Управлять расположением грид-элементов в грид-контейнере
Перейти на страницу курса Запишись на курс
прямо сейчас!

О курсе

О курсе

Веб-разработчикам

Условия оплаты

доступ ко всем курсам этой школы осуществляется по подписке:
профессиональный - $39/месяц
премиум - $199/месяц

20 заданий

3 испытания

Глава 1:

Блочная модель документа

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

29 заданий

3 испытания

Глава 2:

Сетки

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

28 заданий

3 испытания

Глава 3:

Флексбокс, часть 1

Рассмотрим основы нового механизма «гибкой» раскладки — флексбокс. Сначала потренируемся «на котиках» направлять оси флекс-контейнера, выравнивать и переносить флекс-элементы, а затем научимся простому применению флексбокса в реальных интерфейсах.

25 заданий

3 испытания

Глава 4:

Флексбокс, часть 2

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

27 заданий

3 испытания

Глава 5:

Знакомство с гридами

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

HTML

CSS

Управление размерами и расположением элементов, отступы и рамки.

Вёрстка на Flexbox в CSS

Верстка с помощью гридов небольших интерфейсов.

Навыки, которые вы получите

 
ВЕРСТКА FLEXBOX ВЕРСТКА ИНТЕРФЕЙСОВ

Компания, проводящая курс

HTML Academy (HTML академия)

22 курса по 81 теме

Академия HTML запустилась в 2013 году. Является участником Сколково. На платформе насчитывается 67 онлайн-курсов, 6 интенсивов и более 300...

Отзывов об этом курсе пока нет

Ниже — проверенные отзывы о школе HTML Academy (HTML академия): они помогут составить впечатление, но в рейтинге курса не учитываются. Проходили этот курс? Поделитесь — это поможет другим студентам.

больше курсов

Похожие курсы компании

HTML Academy (HTML академия)
(0)
HTML Academy (HTML академия)
(0)
HTML Academy (HTML академия)
(0)
HTML Academy (HTML академия)
(0)
HTML Academy (HTML академия)
(0)
HTML Academy (HTML академия)
(0)
HTML Academy (HTML академия)
(0)
8 080 
HTML Academy (HTML академия)
(0)
HTML Academy (HTML академия)
(0)
1 770