frontendmasters
FrontendMasters - Одна из самых лучших площадок для изучения Frontend. Видеокурсы ведут ведущие люди в этой отрасли.
Адаптивный веб-дизайн с помощью Flexbox и CSS Grid, v2
Responsive Web Design with Flexbox & CSS Grid, v2
★4.7 (всего оценок - 23)
Продолжительность
5 ч 49 мин
Категория
CSSКоличество уроков
44 Видео
Дата добавления
22 авг. 2021 г., 21:09
Язык
Английский
Дата выхода
19 авг. 2021 г., 03:00
Дата обновления
1 нояб. 2021 г., 14:03
Макеты страниц - это сердце любого веб-сайта или приложения. В современной сети есть несколько вариантов создания макетов, каждый со своими положительными и отрицательными характеристиками. Выполнив множество упражнений и попрактиковавшись, вы освоите спецификации Flexbox и Grid, а также адаптивные изображения, применяя их к повседневным макетам страниц.
- Ознакомьтесь со спецификациями Flexbox и Grid, включая общие свойства и значения.
- Применяйте Flexbox и Grid к разным задачам компоновки и понимайте их сильные и слабые стороны.
- Float, как лучше всего их очистить - никаких хитростей!
- Разберитесь в различных стратегиях гибкого управления изображениями и узнайте, когда их использовать.
- Комбинируйте все методы для создания реальных веб-страниц с правильными семантическими макетами HTML и CSS!
Посмотреть больше
Удален по просьбе правообладателя
- Урок 1.00:06:43Introduction
- Урок 2.00:06:42Responsive Design Overview
- Урок 3.00:05:09Flexbox
- Урок 4.00:03:32Starting CSS Setup
- Урок 5.00:14:56Container Flexbox Properties Demo
- Урок 6.00:09:25Child Flexbox Properties Demo
- Урок 7.00:11:01Overview & Setup
- Урок 8.00:11:12Coding a Flexbox Grid System
- Урок 9.00:14:03Responsive Media Queries
- Урок 10.00:01:05Flexbox Grid System Exercise
- Урок 11.00:04:54Flexbox Grid System Solution
- Урок 12.00:10:38Text Overlay Effect with Flexbox
- Урок 13.00:04:53Flexbox Exercises Setup
- Урок 14.00:12:04Collections Practice
- Урок 15.00:08:52Mission Practice
- Урок 16.00:05:33Flexbox Footer Practice
- Урок 17.00:07:41Header & Navbar
- Урок 18.00:10:24Header & Navbar Styling for Desktop
- Урок 19.00:05:50Header & Navbar Styling for Tablet
- Урок 20.00:07:46Header & Navbar Styling for Mobile
- Урок 21.00:04:39Responsive Images Overview
- Урок 22.00:15:42Responsive Images Best Practices
- Урок 23.00:04:11srcset & sizes Demo
- Урок 24.00:10:46Banner Demo
- Урок 25.00:05:43Hero Demo
- Урок 26.00:02:19Final Flexbox Exercise
- Урок 27.00:04:02Final Flexbox Solution
- Урок 28.00:11:49Introducing CSS Grid
- Урок 29.00:10:47Line-Based CSS Grid Layout Demo
- Урок 30.00:03:00Rows & Columns Practice
- Урок 31.00:06:01Sizing Rows & Columns
- Урок 32.00:05:29Grid Layout with Span Notation Demo
- Урок 33.00:08:34Grid System with CSS Grid
- Урок 34.00:15:28Responsive Grid with CSS Grid
- Урок 35.00:09:44Figure & Figure Caption with CSS Grid
- Урок 36.00:05:25Combining Grid Cells & Animation
- Урок 37.00:03:07Mosaic Grid Exercise
- Урок 38.00:07:34Mosaic Grid Solution
- Урок 39.00:15:02Magazine-Style Layouts with Grid Template Areas
- Урок 40.00:09:23Card HTML Markup Practice
- Урок 41.00:16:24Card Layouts with Flexbox & Grid
- Урок 42.00:03:50Final CSS Grid Exercise
- Урок 43.00:05:56Final CSS Grid Solution
- Урок 44.00:02:31Wrapping Up
Авторы - frontendmasters, Jen Kramer
Jen Kramer
Джен Крамер преподает HTML и CSS для всех уровней более 20 лет. Ранее она была лектором в Гарвардском университете, совмещая это с работой фрилансера по веб-дизайну. Джен также является автором более 70 видео-курсов и трех книг. В настоящее время она занимает должность директора по дизайну обучения и технологиям в AnnieCannons - некоммерческой организации, которая обучает, подготавливает и помогает людям, пострадавшим от торговли людьми, начать у
Другие материалы в этой категории
Комментарии
R2D2Please update.
Blinkshttps://frontendmasters.github.io/grid-flexbox-v2/
Anonymousplanning to reupload?