Этот материал находится в платной подписке. Оформи премиум подписку и смотри или слушай The Modern Flexbox, Grid, Sass & Animations Developer Course, а также все другие курсы, прямо сейчас!
Премиум
  1. Урок 1. 00:01:44
    Course Introduction
  2. Урок 2. 00:02:31
    Scarlett Portfolio Website Introduction
  3. Урок 3. 00:02:50
    Vision Luxury Villas Website Introduction
  4. Урок 4. 00:05:35
    gYmantic Website Introduction
  5. Урок 5. 00:05:41
    Setting Up Necessary Software
  6. Урок 6. 00:00:48
    Chapter Introduction
  7. Урок 7. 00:17:24
    What is Flexbox
  8. Урок 8. 00:29:08
    Why Flexbox
  9. Урок 9. 00:09:55
    Flex Direction Property - The Flex Container Properties
  10. Урок 10. 00:10:59
    Flex Wrap Property - The Flex Container Properties
  11. Урок 11. 00:10:31
    Flex Flow Property - The Flex Container Properties
  12. Урок 12. 00:15:01
    Justify Content Property - The Flex Container Properties
  13. Урок 13. 00:20:10
    Align Items Property - The Flex Container Properties
  14. Урок 14. 00:24:33
    Align Content Property - The Flex Container Properties
  15. Урок 15. 00:14:12
    Order Property - The Flex Items Properties
  16. Урок 16. 00:06:26
    Flex Grow Property - The Flex Items Properties
  17. Урок 17. 00:04:06
    Flex Shrink Property - The Flex Items Properties
  18. Урок 18. 00:08:55
    Flex Basis Property - The Flex Items Properties
  19. Урок 19. 00:02:33
    Flex Shorthand Property - The Flex Items Properties
  20. Урок 20. 00:08:13
    Align Self Property - The Flex Items Properties
  21. Урок 21. 00:06:43
    Flexbox Resources
  22. Урок 22. 00:01:09
    Chapter Introduction
  23. Урок 23. 00:14:26
    The White Space UI Design Fundamental
  24. Урок 24. 00:08:42
    The Alignment UI Design Fundamental
  25. Урок 25. 00:15:21
    UI Design Fundamentals Challenge 1
  26. Урок 26. 00:20:38
    The Contrast & Scale UI Design Fundamentals
  27. Урок 27. 00:12:37
    The Typography UI Design Fundamental
  28. Урок 28. 00:15:17
    The Color UI Design Fundamental
  29. Урок 29. 00:08:05
    UI Design Fundamentals Challenge 2
  30. Урок 30. 00:09:53
    The Visual Hierarchy UI Design Fundamental
  31. Урок 31. 00:10:08
    UI Design Fundamentals Final Challenge
  32. Урок 32. 00:01:06
    Chapter Introduction
  33. Урок 33. 00:13:24
    Firefox Dev Tools
  34. Урок 34. 00:16:50
    Pixels, Pixels and Pixels
  35. Урок 35. 00:14:50
    Max Width & Min Width
  36. Урок 36. 00:19:56
    Viewport Units
  37. Урок 37. 00:09:49
    Introduction to Media Queries
  38. Урок 38. 00:10:09
    Media Queries Challenge
  39. Урок 39. 00:21:17
    Weather App UI Part -1
  40. Урок 40. 00:34:00
    Weather App UI Part -2
  41. Урок 41. 00:13:37
    Viewport Units Use Cases Part -1 Font Size
  42. Урок 42. 00:06:32
    Viewport Units Use Cases Part -2 Full Screen Sections
  43. Урок 43. 00:12:25
    Viewport Units Use Cases Part -3 Sticky Footer
  44. Урок 44. 00:08:22
    Viewport Units Use Cases Part -4 Margins & Paddings
  45. Урок 45. 00:08:59
    Viewport Units Use Cases Part -5 The Top Border
  46. Урок 46. 00:14:56
    Scarlett Tyler Portfolio Website Introduction
  47. Урок 47. 00:08:36
    Scarlett Tyler Portfolio Website Basic Setup
  48. Урок 48. 00:10:58
    Box Sizing Discussion
  49. Урок 49. 00:24:53
    Building The Side Nav
  50. Урок 50. 00:16:54
    Building The Main Nav Part 1
  51. Урок 51. 00:12:36
    Building The Main Nav Part 2
  52. Урок 52. 00:21:48
    Making The Main Nav Responsive Part 1
  53. Урок 53. 00:16:01
    Making The Main Nav Responsive Part 2
  54. Урок 54. 00:23:17
    Building The Hero Section Part 1
  55. Урок 55. 00:16:30
    Building The Hero Section Part 2
  56. Урок 56. 00:14:39
    Building The Work Section
  57. Урок 57. 00:20:03
    Building The About Me Section
  58. Урок 58. 00:23:51
    Building The Services Section Part -1
  59. Урок 59. 00:05:26
    Building The Services Section Part -2
  60. Урок 60. 00:24:22
    Building The Skills Section Part -1
  61. Урок 61. 00:17:31
    Building The Skills Section Part -2
  62. Урок 62. 00:24:43
    Building The Testimonials Section Part -1
  63. Урок 63. 00:24:58
    Building The Testimonials Section Part -2
  64. Урок 64. 00:16:34
    Building The Contact Section
  65. Урок 65. 00:01:57
    Chapter Introduction
  66. Урок 66. 00:21:25
    CSS Grid Layout Introduction Part -1
  67. Урок 67. 00:12:52
    CSS Grid Layout Introduction Part -2
  68. Урок 68. 00:18:36
    Grid Column Gap, Grid Row Gap & Grid Gap -- The Grid Container Properties
  69. Урок 69. 00:28:48
    The Repeat Function & The fr Unit -- The Grid Container Properties
  70. Урок 70. 00:18:19
    Changing The Position of Grid Items -- The Grid Items Properties
  71. Урок 71. 00:20:47
    Spanning The Grid Items -- The Grid Items Properties
  72. Урок 72. 00:22:10
    Changing The Grid Line Names -- The Grid Items Properties
  73. Урок 73. 00:17:33
    The Grid Template Areas Property -- The Grid Container Properties
  74. Урок 74. 00:16:02
    The Justify, Align & Place Items Properties -- The Grid Container Properties
  75. Урок 75. 00:15:10
    The Justify, Align & Place Content Properties -- The Grid Container Properties
  76. Урок 76. 00:16:09
    The Grid Auto Rows, Flow & Columns Values -- The Grid Container Properties
  77. Урок 77. 00:09:31
    The Justify, Align & Place Self Properties -- The Grid Items Properties
  78. Урок 78. 00:25:08
    The Max-Content, Min-Content & MinMax Function Values -- The Grid Container Prop
  79. Урок 79. 00:20:56
    The Auto-Fill & Auto-Fit Values -- The Grid Container Properties
  80. Урок 80. 00:09:50
    CSS Grid Resource
  81. Урок 81. 00:18:53
    VLV Website Introduction
  82. Урок 82. 00:16:11
    Setting Up the VLV Website
  83. Урок 83. 00:26:44
    Crafting The Overall Layout Part -1
  84. Урок 84. 00:22:59
    Crafting The Overall Layout Part -2
  85. Урок 85. 00:27:20
    Crafting The Overall Layout Part -3
  86. Урок 86. 00:25:37
    Building The Nav Part -1
  87. Урок 87. 00:25:16
    Building The Nav Part -2
  88. Урок 88. 00:26:56
    Building The Nav Part -3
  89. Урок 89. 00:29:21
    Building The Header
  90. Урок 90. 00:25:48
    Building The Booking Content Part -1
  91. Урок 91. 00:08:08
    Building The Booking Content Part -2
  92. Урок 92. 00:21:05
    Building The Booking Date Part -1
  93. Урок 93. 00:26:00
    Building The Booking Date Part -2
  94. Урок 94. 00:36:20
    Making The Booking Content and Date Responsive
  95. Урок 95. 00:24:18
    Building The Villas Part -1
  96. Урок 96. 00:28:48
    Building The Villas Part -2
  97. Урок 97. 00:21:34
    Building The Villas Part -3
  98. Урок 98. 00:09:45
    Building The Motto
  99. Урок 99. 00:31:59
    Building The Events Content
  100. Урок 100. 00:08:11
    Building The Events Text
  101. Урок 101. 00:14:27
    Building The Gallery Text
  102. Урок 102. 00:23:01
    Building The Gallery Carousel Part -1 (Markup)
  103. Урок 103. 00:17:52
    Building The Gallery Carousel Part -2 (Styling)
  104. Урок 104. 00:23:41
    Building The Gallery Carousel Part -3 (Styling)
  105. Урок 105. 00:09:48
    Building The Gallery Carousel Part -4 (JavaScript)
  106. Урок 106. 00:10:14
    Building The Gallery Carousel Part -5 (JavaScript)
  107. Урок 107. 00:10:22
    Building The Gallery Carousel Part -6 (JavaScript)
  108. Урок 108. 00:08:08
    Building The Gallery Carousel Part -7 (JavaScript)
  109. Урок 109. 00:06:05
    Building The Gallery Carousel Part -8 (JavaScript)
  110. Урок 110. 00:21:31
    Building The Gallery Carousel Part -9 (JavaScript)
  111. Урок 111. 00:10:35
    Building The Gallery Carousel Part -10 (JavaScript)
  112. Урок 112. 00:11:35
    Building The Gallery Carousel Part -11 (JavaScript)
  113. Урок 113. 00:16:45
    Building The Gallery Carousel Part -12 (JavaScript)
  114. Урок 114. 00:14:22
    Building The Gallery Carousel Part -13 (JavaScript)
  115. Урок 115. 00:22:06
    Building The Gallery Carousel Part -14 (JavaScript)
  116. Урок 116. 00:19:09
    Building The Features Content and Text
  117. Урок 117. 00:20:24
    Building The Testimonials Part -1
  118. Урок 118. 00:25:24
    Building The Testimonials Part -2
  119. Урок 119. 00:29:04
    Building The Footer
  120. Урок 120. 00:01:11
    Chapter Introduction
  121. Урок 121. 00:19:21
    Installing Sass Using Node-Sass Part -1 -- Method -1
  122. Урок 122. 00:20:28
    Installing Sass Using Node-Sass Part -2 -- Method -1
  123. Урок 123. 00:13:18
    Installing Sass Using Node-Sass Part -3 -- Method -1
  124. Урок 124. 00:16:51
    Installing Sass Using a VS Code Extension -- Method -2
  125. Урок 125. 00:11:22
    Exploring the Difference Between .sass & .scss Files
  126. Урок 126. 00:14:29
    Sass Variables
  127. Урок 127. 00:16:53
    Sass Maps
  128. Урок 128. 00:30:08
    Sass Nesting
  129. Урок 129. 00:12:48
    Sass Partials & Imports
  130. Урок 130. 00:23:20
    Sass Functions
  131. Урок 131. 00:19:56
    Sass Mixins Part -1
  132. Урок 132. 00:10:20
    Sass Mixins Part -2
  133. Урок 133. 00:16:16
    Sass @extend Rule
  134. Урок 134. 00:30:06
    Sass @each Rule
  135. Урок 135. 00:17:15
    Sass Conditionals
  136. Урок 136. 00:17:37
    Sass For Loops
  137. Урок 137. 00:14:16
    Sass While Loops
  138. Урок 138. 00:26:25
    Sass Arithmetic Operators
  139. Урок 139. 00:18:02
    gYmantic Website Introduction
  140. Урок 140. 00:30:39
    gYmantic Website Setup
  141. Урок 141. 00:24:43
    Crafting the Overall Layout
  142. Урок 142. 00:23:16
    Building the Header Part -1 (Markup)
  143. Урок 143. 00:04:27
    Building the Header Part -2 (Markup)
  144. Урок 144. 00:24:42
    Building the Header Part -3 (Styling)
  145. Урок 145. 00:23:44
    Building the Header Part -4 (Styling)
  146. Урок 146. 00:22:52
    Building the Header Part -5 (Styling)
  147. Урок 147. 00:37:27
    Building the Header Part -6 (Styling)
  148. Урок 148. 00:17:10
    Making the Header Responsive Part -7 (Functionality)
  149. Урок 149. 00:20:08
    Implementing the Dark Mode (Functionality)
  150. Урок 150. 00:05:23
    Building the Showcase Part -1 (Markup)
  151. Урок 151. 00:22:06
    Building the Showcase Part -2 (Styling)
  152. Урок 152. 00:25:07
    Building the Showcase Part -3 (Styling)
  153. Урок 153. 00:24:22
    Building the Motto Part -1 (Markup + Styling)
  154. Урок 154. 00:11:39
    Building the Motto Part -2 (Styling)
  155. Урок 155. 00:11:45
    Building the Features Part -1 (Markup)
  156. Урок 156. 00:31:04
    Building the Features Part -2 (Styling)
  157. Урок 157. 00:08:16
    Building the Trainers Part -1 (Markup)
  158. Урок 158. 00:20:08
    Building the Trainers Part -2 (Styling)
  159. Урок 159. 00:10:38
    Building the Testimonials Part -1 (Markup)
  160. Урок 160. 00:19:50
    Building the Testimonials Part -2 (Styling)
  161. Урок 161. 00:15:25
    Building the Testimonials Part -3 (Functionality)
  162. Урок 162. 00:07:20
    Building the Clients Part -1 (Markup)
  163. Урок 163. 00:19:50
    Building the Clients Part -2 (Styling)
  164. Урок 164. 00:17:36
    Building the Scroll to Top Button
  165. Урок 165. 00:22:53
    Building the Register Part -1 (Markup)
  166. Урок 166. 00:15:51
    Building the Register Part -2 (Styling)
  167. Урок 167. 00:19:25
    Building the Register Part -3 (Styling)
  168. Урок 168. 00:20:11
    Building the Register Part -4 (Functionality)
  169. Урок 169. 00:14:20
    Building the Register Part -5 (Functionality)
  170. Урок 170. 00:23:34
    Building the Footer Part -1 (Markup)
  171. Урок 171. 00:22:22
    Building the Footer Part -2 (Styling)
  172. Урок 172. 00:25:46
    Building the Footer Part -3 (Styling)
  173. Урок 173. 00:00:47
    Wrap Up