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

Стоимость курса

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

Может быть интересно

Excel: простые шаги для оптимизации работы с данными
Excel: простые шаги для оптимизации работы с данными
Научитесь основам работы с данными с помощью мощного и в то же время простого инструмента.
бесплатно
Дизайн интерьера: создаём проект квартиры
Дизайн интерьера: создаём проект квартиры
Вы попробуете себя в роли дизайнера интерьера, научитесь создавать дизайн-проект и изучите основы работы в профессиональной программе SketchUp
бесплатно
Основы интернет-маркетинга: старт в профессии
Основы интернет-маркетинга: старт в профессии
Определитесь с направлением развития в профессии маркетолога и получите вдохновение для изменений
бесплатно
Основы вёрстки сайта
Основы вёрстки сайта
После этого курса вы сможете легко внести правки в HTML-страницу, подправить оформление страницы, написав несколько свойств CSS, а также хорошо будете понимать, как устроен интернет и какие специалисты работают над отдельными частями веб-проекта.
бесплатно
Python-разработка для начинающих
Python-разработка для начинающих
На данном курсе вы освоите логику и синтаксис Python, изучите базовые конструкции языка, научитесь работать с данными и уже на первом занятии напишете свою первую программу. С нуля создадите ToDo-приложение и разработаете чатбота для Telegram.
бесплатно
Основы веб-аналитики для интернет-маркетологов
Основы веб-аналитики для интернет-маркетологов
Аналитика — ключевой навык в маркетинге и управлении продуктом Веб-аналитика позволяет принимать решения об эффективности маркетинга на основе данных и находить точки роста для бизнеса. Поэтому специалист, который умеет работать с данными, высоко ценится на рынке и хорошо зарабатывает.
бесплатно
Основы контекстной рекламы: Яндекс.Директ
Основы контекстной рекламы: Яндекс.Директ
• Изучайте основы контекстной рекламы бесплатно, в удобное время и в комфортном темпе• Этот курс создан специально для новичков: преподаватели объясняют материал простым языком • Даём только прикладные знания: вы научитесь собирать семантику и настроите два типа рекламных кампаний
бесплатно
Как стать SEO‑специалистом
Как стать SEO‑специалистом
Поможем разобраться в профессии специалиста по поисковому продвижению сайтов и определить, подходит ли вам эта сфера
бесплатно
Data Science: будущее для каждого
Data Science: будущее для каждого
• Расскажем простыми словами о Data Science, нейросетях, искусственном интеллекте и других популярных явлениях• Разберётесь, какие направления существуют в сфере работы с данными, и поработаете с инструментами аналитики на практике • Получите пошаговый гайд и узнаете, что нужно для старта в сфере Data Science
бесплатно
Курс по русскому языку От «А до Я: учимся писать правильно»
Курс по русскому языку От «А до Я: учимся писать правильно»
Курс от «А» до «Я»: учимся писать правильно предлагает первоклассникам подробные ролики по ориентированию на страницах прописи.
бесплатно
обновлено 04.02.2023 00:29
CSS: Вёрстка на Grid

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

Оставить отзыв
Поделиться курсом с друзьями