udemy
Udemy - одна из самых больших площадок в мире по доставке обучающего контента от разных авторов всего мира. Присутсвуют курсы практически на любую тему.
Курс CSS Grid: От Новичка до Продвинутого
Ultimate CSS Grid Course: From Beginner to Advanced
★ 5 (всего оценок - 8)
Продолжительность
2 ч 43 мин
Категория
CSS
Количество уроков
37 Видео
Дата добавления
28 апр. 2022 г., 16:33
Язык
Английский
Дата выхода
14 сент. 2021 г., 03:00
Создавайте макеты CSS Grid, используя новую систему сеток, и используйте ее вместе с CSS3 Flexbox и Sass для создания потрясающего рабочего процесса.
В этом курсе вы:
- Узнаете, как использовать все свойства CSS, определенные в спецификации CSS Grid.
- Выполните несколько листов упражнений, чтобы применить свои новые навыки и создать свои собственные макеты с помощью CSS Grids.
- Напишете краткий и читаемый код CSS даже для сложных макетов.
- Создадите прототипы макета эскиза в кратчайшие сроки с использованием CSS Grid
- Изучите основы того, как это дополняет Flexbox и может работать в сочетании с Sass.
Это пробный урок. Оформите подписку, чтобы получить доступ ко всем материалам курса. Премиум
-
Урок 1. 00:02:35Welcome to the CSS Grids Course!
-
Урок 2. 00:04:01What You'll Be Able to do After this Course
-
Урок 3. 00:03:53What is CSS Grid?
-
Урок 4. 00:04:08Quick & Easy Set-Up
-
Урок 5. 00:02:52CSS Grid Terminology
-
Урок 6. 00:01:22Intro
-
Урок 7. 00:05:05Enabling CSS Grid with display: grid
-
Урок 8. 00:05:34Defining the Grid: grid-template-rows & grid-template-columns
-
Урок 9. 00:06:49Arranging Grid Items: grid-row-start/end & grid-column-start/end
-
Урок 10. 00:02:29Spanning a Fixed Number of Rows or Columns: span
-
Урок 11. 00:04:01Naming Grid Lines
-
Урок 12. 00:02:22Defining Gutters: grid-row-gap & grid-column-gap
-
Урок 13. 00:03:16Source-Order Independence: order
-
Урок 14. 00:01:01Intro
-
Урок 15. 00:03:37Using Grid Areas: grid-area
-
Урок 16. 00:05:40Using Grid Areas: grid-template-area
-
Урок 17. 00:08:27Repeating Rows and Columns: repeat()
-
Урок 18. 00:03:48The fr Unit
-
Урок 19. 00:03:14Defining Minimum and Maximum Sizes: minmax()
-
Урок 20. 00:04:21Auto-Filling a Grid with Rows and Columns: repeat(auto-fill)
-
Урок 21. 00:04:50repeat(auto-fit)
-
Урок 22. 00:01:22Intro
-
Урок 23. 00:03:24Justifying Items Horizontally: justify-items
-
Урок 24. 00:01:19Aligning Items Vertically: align-items
-
Урок 25. 00:06:19Justifying the Container: justify-content
-
Урок 26. 00:02:50Aligning the Container: align-content
-
Урок 27. 00:04:42Overriding Alignments: justify-self & align-self
-
Урок 28. 00:02:26Intro
-
Урок 29. 00:06:26The Implicit Grid: grid-auto-rows & grid-auto-columns
-
Урок 30. 00:05:41Flow for the Implicit Grid: grid-auto-flow
-
Урок 31. 00:07:27Shorthand When Using "grid"
-
Урок 32. 00:01:04Intro
-
Урок 33. 00:05:54Overlapping Grid Items
-
Урок 34. 00:06:19Nested Grids
-
Урок 35. 00:10:12CSS Grid and Absolute Positioning I
-
Урок 36. 00:05:47CSS Grid and Absolute Positioning II
-
Урок 37. 00:08:42Layout Prototyping
Автор - udemy
Другие материалы в этой категории
Комментарии