Smoky
Редактор
- Регистрация
- 13.06.19
- Сообщения
- 28,152
- Реакции
- 355,597
Автор: HTML ACADEMY
Название: Навык «Построение сеток на гридах по макету» (2020) [Тариф «Полный комплект»]
Описание навыка
Профессиональная задача:
Опираясь на графический макет, нужно построить сетку крупных блоков страницы с использованием технологии CSS Grid Layout. Сетка должна быть спроектирована с учётом разных вариантов переполнения (переполнения контентом, изменения количества колонок) и должна визуально соответствовать макету.
Зачем нужен этот навык:
Грамотно построенная сетка не просто выстраивает элементы как на макете, но и делает свёрстанную страницу «пуленепробиваемой»: все элементы будут вести себя предсказуемо, не развалятся при изменении контента и не потребуют постоянных доработок из-за поломки в непредсказуемом месте. Механизм гридов — самый мощный инструмент для построения сеток на данный момент. С его помощью собираются как простые раскладки, которые можно построить и с помощью флексбоксов, так и необычные, которые другим способом, кроме гридов, на CSS собрать нельзя.
Освоив этот навык, вы научитесь оценивать макеты с точки зрения возможности их вёрстки на гридах, разбирать макеты на блоки, пригодные для структурирования их с помощью гридов, а также работать с вложенностью грид-контейнеров. Вы узнаете основные термины и понятия, свойства и их применение, особенности работы гридов, научитесь применять их правильно в различных ситуациях.
Продажник:
Скачать:
Название: Навык «Построение сеток на гридах по макету» (2020) [Тариф «Полный комплект»]
Описание навыка
Профессиональная задача:
Опираясь на графический макет, нужно построить сетку крупных блоков страницы с использованием технологии CSS Grid Layout. Сетка должна быть спроектирована с учётом разных вариантов переполнения (переполнения контентом, изменения количества колонок) и должна визуально соответствовать макету.
Зачем нужен этот навык:
Грамотно построенная сетка не просто выстраивает элементы как на макете, но и делает свёрстанную страницу «пуленепробиваемой»: все элементы будут вести себя предсказуемо, не развалятся при изменении контента и не потребуют постоянных доработок из-за поломки в непредсказуемом месте. Механизм гридов — самый мощный инструмент для построения сеток на данный момент. С его помощью собираются как простые раскладки, которые можно построить и с помощью флексбоксов, так и необычные, которые другим способом, кроме гридов, на CSS собрать нельзя.
Освоив этот навык, вы научитесь оценивать макеты с точки зрения возможности их вёрстки на гридах, разбирать макеты на блоки, пригодные для структурирования их с помощью гридов, а также работать с вложенностью грид-контейнеров. Вы узнаете основные термины и понятия, свойства и их применение, особенности работы гридов, научитесь применять их правильно в различных ситуациях.
Продажник:
Скачать:
Последнее редактирование:
Похожие темы
- [Яндекс-практикум] Системный аналитик. Часть 7 - 8 (2022)
- [Яндекс-практикум] Системный аналитик. Часть 6 из 8 (2022)
- [Яндекс-практикум] Системный аналитик. Часть 5 из 8 (2022)
- [Яндекс.Практикум] Системный аналитик. Часть 4 из 8 (2022)
- [Яндекс.Практикум] Системный аналитик. Часть 3 из 8 (2022)
- [Яндекс.Практикум] Системный аналитик. Часть 2 из 8 (2022)
- [Яндекс-практикум] Системный аналитик. Часть 1 из 8 (2022)
- [Алексей Ильющенко] [Stepik] Разработка мобильных и PC приложений на Python. Фреймворк Kivy (2024)
- [GetAnalyst] Проектирование микросервисов (2024)
- [Stepik] Дмитрий Титов - Основы SQL для программистов без поддержких (2023)