Этот материал находится в платной подписке. Оформи премиум подписку и смотри или слушай The CSS Bootcamp: Zero to Mastery, а также все другие курсы, прямо сейчас!
Премиум
  1. Урок 1. 00:01:16
    The CSS Bootcamp: Zero to Mastery
  2. Урок 2. 00:03:20
    Course Overview & Bruno's Introduction
  3. Урок 3. 00:14:38
    Introduction to HTML
  4. Урок 4. 00:23:15
    Basic Elements
  5. Урок 5. 00:10:55
    Basic Attributes - Part 1
  6. Урок 6. 00:09:34
    Basic Attributes - Part 2
  7. Урок 7. 00:11:55
    Basic Attributes - Part 3
  8. Урок 8. 00:16:36
    Semantic Website
  9. Урок 9. 00:05:36
    Challenges
  10. Урок 10. 00:15:42
    Introduction
  11. Урок 11. 00:09:56
    HTML Forms and Input Types - Part 1
  12. Урок 12. 00:08:52
    HTML Forms and Input Types - Part 2
  13. Урок 13. 00:10:18
    Form Validation and Accessibility - Part 1
  14. Урок 14. 00:09:08
    Form Validation and Accessibility - Part 2
  15. Урок 15. 00:16:28
    Job Application Form - Part 1
  16. Урок 16. 00:11:26
    Job Application Form - Part 2
  17. Урок 17. 00:11:39
    Text Elements - Part 1
  18. Урок 18. 00:09:01
    Text Elements - Part 2
  19. Урок 19. 00:07:15
    Table Example
  20. Урок 20. 00:05:44
    Challenges
  21. Урок 21. 00:09:05
    Introduction
  22. Урок 22. 00:11:42
    Image and Multimedia Elements - Part 1
  23. Урок 23. 00:09:41
    Image and Multimedia Elements - Part 2
  24. Урок 24. 00:10:57
    Audio and Video Examples - Part 1
  25. Урок 25. 00:05:50
    Audio and Video Examples - Part 2
  26. Урок 26. 00:11:49
    Embed Examples
  27. Урок 27. 00:05:26
    Challenges
  28. Урок 28. 00:13:27
    Introduction to CSS
  29. Урок 29. 00:10:41
    CSS Syntax and Basic Selectors
  30. Урок 30. 00:13:04
    Basic CSS Properties - Part 1
  31. Урок 31. 00:12:50
    Basic CSS Properties - Part 2
  32. Урок 32. 00:07:22
    Cascade, Specificity, Inheritance - Part 1
  33. Урок 33. 00:10:23
    Cascade, Specificity, Inheritance - Part 2
  34. Урок 34. 00:11:35
    External CSS (Bootstrap Example) - Part 1
  35. Урок 35. 00:05:59
    External CSS (Bootstrap Example) - Part 2
  36. Урок 36. 00:06:20
    Challenges
  37. Урок 37. 00:14:01
    Introduction
  38. Урок 38. 00:13:38
    Box Model Properties - Part 1
  39. Урок 39. 00:17:20
    Box Model Properties - Part 2
  40. Урок 40. 00:08:49
    Position Property - Part 1
  41. Урок 41. 00:10:47
    Position Property - Part 2
  42. Урок 42. 00:09:55
    Display Property
  43. Урок 43. 00:12:34
    Video Background
  44. Урок 44. 00:06:08
    Challenges
  45. Урок 45. 00:07:54
    Introduction
  46. Урок 46. 00:14:05
    Table Example
  47. Урок 47. 00:10:01
    Images and Multimedia Example
  48. Урок 48. 00:08:13
    Audio and Video Example
  49. Урок 49. 00:13:36
    Job Application Example - Part 1
  50. Урок 50. 00:08:04
    Job Application Example - Part 2
  51. Урок 51. 00:11:42
    Semantic Website Example - Part 1
  52. Урок 52. 00:09:58
    Semantic Website Example - Part 2
  53. Урок 53. 00:02:02
    Bruno
  54. Урок 54. 00:05:02
    Introduction
  55. Урок 55. 00:05:35
    Mac / Linux Device Setup
  56. Урок 56. 00:06:58
    Windows Device Setup
  57. Урок 57. 00:19:27
    VSCode Setup & Template
  58. Урок 58. 00:09:11
    VSCode Extensions
  59. Урок 59. 00:13:57
    DevTools
  60. Урок 60. 00:14:34
    GitHub
  61. Урок 61. 00:01:44
    Bruno
  62. Урок 62. 00:16:44
    Introduction
  63. Урок 63. 00:17:49
    Design Games
  64. Урок 64. 00:11:02
    Styling Text with CSS
  65. Урок 65. 00:10:55
    Web Typography Basics - Part 1
  66. Урок 66. 00:13:27
    Web Typography Basics - Part 2
  67. Урок 67. 00:16:11
    Font Awesome
  68. Урок 68. 00:13:25
    Typographix V1 - Part 1
  69. Урок 69. 00:10:07
    Typographix V1 - Part 2
  70. Урок 70. 00:19:35
    Introduction
  71. Урок 71. 00:01:41
    Bruno
  72. Урок 72. 00:07:22
    Color Game
  73. Урок 73. 00:15:18
    Color Values
  74. Урок 74. 00:10:15
    Color Schemes & Palettes
  75. Урок 75. 00:04:14
    Web Accessibility - Contrast Checker
  76. Урок 76. 00:10:38
    Shadows
  77. Урок 77. 00:09:09
    Border Radius and Shapes
  78. Урок 78. 00:16:07
    CSS Variables and Custom Properties
  79. Урок 79. 00:09:54
    Dark Mode
  80. Урок 80. 00:14:32
    Typographix V2 - Adding Section Content
  81. Урок 81. 00:18:27
    Typographix V2 - Section Styling
  82. Урок 82. 00:18:10
    Typographix V2 - Dark Mode Toggle
  83. Урок 83. 00:02:02
    Bruno
  84. Урок 84. 00:09:02
    Introduction
  85. Урок 85. 00:10:32
    Viewport & Media Queries
  86. Урок 86. 00:09:15
    Responsive Media
  87. Урок 87. 00:12:01
    Responsive Text
  88. Урок 88. 00:12:51
    Navigation Menu
  89. Урок 89. 00:09:10
    Typographix V3 - Custom Scrollbar
  90. Урок 90. 00:12:21
    Typographix V3 - Navigation Menu - Part 1
  91. Урок 91. 00:08:22
    Typographix V3 - Navigation Menu - Part 2
  92. Урок 92. 00:15:35
    Typographix V3 - Media Queries (Tablets) - Part 1
  93. Урок 93. 00:09:03
    Typographix V3 - Media Queries (Tablets) - Part 2
  94. Урок 94. 00:12:33
    Typographix V3 - Media Queries (Smartphones) - Part 1
  95. Урок 95. 00:11:58
    Typographix V3 - Media Queries (Smartphones) - Part 2
  96. Урок 96. 00:01:30
    Bruno
  97. Урок 97. 00:08:57
    Introduction
  98. Урок 98. 00:05:59
    Flexbox Game
  99. Урок 99. 00:15:31
    Flexbox Containers
  100. Урок 100. 00:09:11
    Flexbox Items
  101. Урок 101. 00:13:27
    Common Layouts
  102. Урок 102. 00:06:43
    Flexbox Gallery
  103. Урок 103. 00:09:01
    Typographix Blog V1 - Adding HTML - Part 1
  104. Урок 104. 00:12:25
    Typographix Blog V1 - Adding HTML - Part 2
  105. Урок 105. 00:07:40
    Typographix Blog V1 - ChatGPT and AI
  106. Урок 106. 00:14:00
    Typographix Blog V1 - Styling Main Page - Part 1
  107. Урок 107. 00:10:22
    Typographix Blog V1 - Styling Main Page - Part 2
  108. Урок 108. 00:13:49
    Typographix Blog V1 - Sticky Navigation
  109. Урок 109. 00:14:10
    Typographix Blog V1 - Article Styling
  110. Урок 110. 00:04:24
    Typographix Blog V1 - Mobile Responsiveness - Part 1
  111. Урок 111. 00:11:52
    Typographix Blog V1 - Mobile Responsiveness - Part 2
  112. Урок 112. 00:02:57
    Exercise: Imposter Syndrome
  113. Урок 113. 00:01:35
    Bruno
  114. Урок 114. 00:09:47
    Introduction
  115. Урок 115. 00:19:34
    Grid Garden
  116. Урок 116. 00:16:41
    Grid Containers
  117. Урок 117. 00:11:54
    Grid Items
  118. Урок 118. 00:14:39
    Common Layouts
  119. Урок 119. 00:06:21
    Gallery Layout
  120. Урок 120. 00:13:24
    Column Masonry
  121. Урок 121. 00:09:25
    Typographix Gallery V1 - Styling - Part 1
  122. Урок 122. 00:14:47
    Typographix Gallery V1 - Styling - Part 2
  123. Урок 123. 00:14:46
    Typographix Gallery V1 - Modal Functionality
  124. Урок 124. 00:01:19
    Bruno
  125. Урок 125. 00:09:08
    Introduction
  126. Урок 126. 00:14:31
    Transition Properties
  127. Урок 127. 00:11:18
    Timing Functions
  128. Урок 128. 00:10:14
    Transition Tools
  129. Урок 129. 00:16:39
    Riddles Project
  130. Урок 130. 00:06:39
    Transition Steps (
  131. Урок 131. 00:18:35
    Typographix Gallery V2 - Transitions
  132. Урок 132. 00:01:23
    Bruno
  133. Урок 133. 00:10:18
    Introduction
  134. Урок 134. 00:05:12
    Animation Properties
  135. Урок 135. 00:19:47
    Animation Loops (Infinite Animations)
  136. Урок 136. 00:15:53
    Animation Tools
  137. Урок 137. 00:09:01
    Typewriter Effect
  138. Урок 138. 00:14:28
    Loading Animations - Part 1
  139. Урок 139. 00:11:33
    Loading Animations - Part 2
  140. Урок 140. 00:17:17
    Skeleton Screens
  141. Урок 141. 00:11:01
    Typographix Gallery V3 - Add Loading Spinner
  142. Урок 142. 00:15:10
    Typographix Blog V2 - Add Skeleton Screen
  143. Урок 143. 00:01:29
    Bruno
  144. Урок 144. 00:03:39
    Introduction
  145. Урок 145. 00:12:39
    Broadcast Graphics Project
  146. Урок 146. 00:10:04
    Broadcast Graphics - Styling - Part 1
  147. Урок 147. 00:11:02
    Broadcast Graphics - Styling - Part 2
  148. Урок 148. 00:11:39
    Broadcast Graphics - Dynamic Width JS
  149. Урок 149. 00:17:31
    Broadcast Graphics - CSS Animations
  150. Урок 150. 00:13:42
    Broadcast Graphics - JS Controls
  151. Урок 151. 00:01:33
    Bruno
  152. Урок 152. 00:09:27
    Introduction
  153. Урок 153. 00:11:24
    CSS Pseudo Selectors
  154. Урок 154. 00:06:28
    AI Image Generation
  155. Урок 155. 00:10:15
    Gradients and Patterns
  156. Урок 156. 00:12:44
    Clipping and Masking
  157. Урок 157. 00:16:50
    Blend Modes and Filters
  158. Урок 158. 00:09:41
    Cursor Types and Custom Cursors
  159. Урок 159. 00:10:25
    CSS Houdini
  160. Урок 160. 00:03:47
    Developer Portfolio V1 - Preview
  161. Урок 161. 00:09:39
    Developer Portfolio V1 - Mockups
  162. Урок 162. 00:07:02
    Developer Portfolio V1 - AI Generation
  163. Урок 163. 00:16:26
    Developer Portfolio V1 - Home - Part 1
  164. Урок 164. 00:08:52
    Developer Portfolio V1 - Home - Part 2
  165. Урок 165. 00:17:05
    Developer Portfolio V1 - About
  166. Урок 166. 00:17:28
    Developer Portfolio V1 - Projects
  167. Урок 167. 00:13:02
    Developer Portfolio V1 - Contact - Part 1
  168. Урок 168. 00:12:35
    Developer Portfolio V1 - Contact - Part 2
  169. Урок 169. 00:05:18
    Developer Portfolio V1 - Navigation
  170. Урок 170. 00:11:07
    Developer Portfolio - Responsive Design - Part 1
  171. Урок 171. 00:11:03
    Developer Portfolio - Responsive Design - Part 2
  172. Урок 172. 00:07:39
    Developer Portfolio - Responsive Design - Part 3
  173. Урок 173. 00:01:20
    Bruno
  174. Урок 174. 00:09:28
    Introduction
  175. Урок 175. 00:12:27
    Accessibility Testing - Part 1
  176. Урок 176. 00:09:37
    Accessibility Testing - Part 2
  177. Урок 177. 00:14:02
    Typographix V4 - Media Queries - Part 1
  178. Урок 178. 00:07:14
    Typographix V4 - Media Queries - Part 2
  179. Урок 179. 00:07:20
    Media Queries - Print Example
  180. Урок 180. 00:19:47
    Developer Portfolio V2 - Media Optimization
  181. Урок 181. 00:01:46
    Bruno
  182. Урок 182. 00:13:41
    Introduction
  183. Урок 183. 00:12:55
    Compare CSS, SCSS, SASS
  184. Урок 184. 00:15:13
    Color Adjustments
  185. Урок 185. 00:18:56
    Variables, Nesting, Mixins, Extend/Inheritance
  186. Урок 186. 00:10:25
    Control Directives (for, each, while) - Part 1
  187. Урок 187. 00:12:37
    Control Directives (for, each, while) - Part 2
  188. Урок 188. 00:10:43
    Functions
  189. Урок 189. 00:12:42
    Typograhpix Blog V3 - Setup - Part 1
  190. Урок 190. 00:10:04
    Typograhpix Blog V3 - Setup - Part 2
  191. Урок 191. 00:18:48
    Typographix Blog V3 - Basic Partials, Dark Mode
  192. Урок 192. 00:11:33
    Typographix Blog V3 - Most Partials - Part 1
  193. Урок 193. 00:11:02
    Typographix Blog V3 - Most Partials - Part 2
  194. Урок 194. 00:13:11
    Typographix Blog V3 - Media Queries & Testing
  195. Урок 195. 00:03:20
    Introduction
  196. Урок 196. 00:01:29
    Bruno
  197. Урок 197. 00:04:43
    Typographix Final - Preview
  198. Урок 198. 00:08:30
    Typographix Final - Gather and Optimize Media
  199. Урок 199. 00:16:37
    Typographix Final - Project Setup
  200. Урок 200. 00:15:04
    Typographix Final - Home Section
  201. Урок 201. 00:12:48
    Typographix Final - About Section (HTML/SCSS)
  202. Урок 202. 00:13:15
    Typographix Final - About Section (JS)
  203. Урок 203. 00:10:19
    Typographix Final - Gallery Section - Part 1
  204. Урок 204. 00:12:25
    Typographix Final - Gallery Section - Part 2
  205. Урок 205. 00:14:19
    Typographix Final - Blog Section - Part 1
  206. Урок 206. 00:13:39
    Typographix Final - Blog Section - Part 2
  207. Урок 207. 00:13:15
    Typographix Final - Contact Section - Part 1
  208. Урок 208. 00:08:25
    Typographix Final - Contact Section - Part 2
  209. Урок 209. 00:10:49
    Typographix Final - Form Functionality - Part 1
  210. Урок 210. 00:11:47
    Typographix Final - Form Functionality - Part 2
  211. Урок 211. 00:06:58
    Typographix Final - Footer Section
  212. Урок 212. 00:13:10
    Typographix Final - Navigation Menu
  213. Урок 213. 00:10:33
    Typographix Final - Navigation Menu (Animation) - Part 1
  214. Урок 214. 00:07:47
    Typographix Final - Navigation Menu (Animation) - Part 2
  215. Урок 215. 00:12:09
    Typographix Final - Media Queries (Tablets) - Part 1
  216. Урок 216. 00:09:58
    Typographix Final - Media Queries (Tablets) - Part 2
  217. Урок 217. 00:08:47
    Typographix Final - Media Queries (Tablets) - Part 3
  218. Урок 218. 00:08:35
    Typographix Final - Media Queries (Smartphones) - Part 1
  219. Урок 219. 00:09:57
    Typographix Final - Media Queries (Smartphones) - Part 2
  220. Урок 220. 00:11:44
    Typographix Final - Media Queries (Smartphones) - Part 3
  221. Урок 221. 00:05:51
    Typographix Final - Testing & Optimizing
  222. Урок 222. 00:01:48
    Bruno
  223. Урок 223. 00:11:19
    Course Wrap-up
  224. Урок 224. 00:08:25
    Preparing for CSS Interviews
  225. Урок 225. 00:11:40
    Challenges
  226. Урок 226. 00:01:18
    Thank You!