Образовал

CSS: Вёрстка на Grid

Сложность
Сложность
Начинающий
Тип обучения
Тип обучения
Курс
Формат обучения
Формат обучения
Записанные лекции
Трудоустройство
Трудоустройство
Отсутствует
Стоимость курса
3 900 ₽
нет рассрочки

Включено в курс

  • 7 уроков (видео и/или текст)
  • 8 упражнений в тренажере
  • 23 проверочных теста
  • Дополнительные материалы
  • Помощь в «Обсуждениях»
  • Доступ к остальным курсам платформы

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

  • Базовым свойствам CSS Grid Layout.
  • Создавать сетки и управлять пространством внутри них.
  • Управлять расположением HTML-элементов внутри сетки.
  • Адаптировать сетки для разных разрешений экрана.
Что вы получите после обучения
Приобретаемые навыки
1
CSS Grid Layout
2
Flex
3
Позиционирование
4
CSS
6
Сетки CSS
7
Grid CSS
8
Адаптивность
Владельцы курса

Онлайн-школа программирования, за выпускниками которой охотятся компании

Первого студента мы трудоустроили в 2013 году. Тогда требования к знаниям джуниоров были выше, а трава зеленее

Это отразилось на программах обучения, на их проработке и глубине. Собеседования для студентов Хекслета проходят под девизом: «Хм, на Хекслете задачки были сложнее»

Иногда наши студенты попадают на работу без проведения технического интервью, только на основе анализа кода проектов

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

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

Введение
Познакомиться с концепцией Grid. Узнать о ключевых моментах и отличиях от Flex

Терминология
Познакомиться с понятиями сеток и их составлящими в CSS Grid Layout

Первая сетка
Узнать о свойствах, позволяющие создавать сетки с помощью CSS Grid Layout. Создать первую 12 колоночную сетку. Познакомиться с единицами измерения fr

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

Работа с сеткой
Изучить отступы между полосами и выравнивание полос сетки.

Неявная сетка
Узнать отличия явной и неявной сетки. Изучить свойства grid-auto-rows и grid-auto-columns

Позиционирование и Grid
Изучить влияние свойств позиционирования и z-index при использовании внутри сетки

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

Рейтинг
3.8
рейтинг
0
0
0
0
0
обновлено 26.09.2022 16:47
CSS: Вёрстка на Grid
Оставить отзыв
Поделиться курсом с друзьями