Каталог курсов
Акции школ
Войти
Войти
Курсы Разработка Построение сеток

Построение сеток

Средний
Бесплатно
Купить в рассрочку

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

Подробнее


Средний
Бесплатно
Купить в рассрочку

Компания: html academy (html академия)

Язык: ru

Поделиться

1893 В избранное Сравнить
Длительность курса

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

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

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

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

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

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

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

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

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

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 академия)

HTML Academy (HTML академия)
22 курса по 81 теме

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

26 (153)
Подробнее

Ни одного отзыва об этом курсе

Может, вы можете помочь? Вам будут благодарны многие пользователи. И мы тоже.

Добавить отзыв
больше курсов

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

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)
html academy (html академия)
(0)
html academy (html академия)
(0)
1 770 руб