Это пробный урок. Оформите подписку, чтобы получить доступ ко всем материалам курса. Премиум

  1. Урок 1. 00:05:08
    Welcome To The Course
  2. Урок 2. 00:07:33
    How The Web Works
  3. Урок 3. 00:06:36
    The Role Of HTML & CSS In Web Development
  4. Урок 4. 00:06:33
    VS Code & Environment
  5. Урок 5. 00:01:54
    Premium Docs
  6. Урок 6. 00:01:09
    Section Intro
  7. Урок 7. 00:05:45
    Creating & Opening HTML Files
  8. Урок 8. 00:05:09
    HTML Tags & Attributes
  9. Урок 9. 00:06:13
    Document Structure
  10. Урок 10. 00:05:21
    Live Server & Prettier
  11. Урок 11. 00:03:10
    Sandbox Files Setup
  12. Урок 12. 00:09:52
    Meta Tags & Search Engines
  13. Урок 13. 00:08:57
    Headings, Paragraphs & Text Emphasis
  14. Урок 14. 00:05:08
    Browser Devtools Intro
  15. Урок 15. 00:05:33
    Lists
  16. Урок 16. 00:08:31
    Anchor Tags (Links)
  17. Урок 17. 00:05:55
    Images
  18. Урок 18. 00:06:44
    Block vs. Inline Elements
  19. Урок 19. 00:06:03
    Line Breaks, Horizontal Rules & Entities
  20. Урок 20. 00:05:55
    Divs & Spans
  21. Урок 21. 00:06:43
    Classes & IDs
  22. Урок 22. 00:06:36
    Semantic Elements
  23. Урок 23. 00:08:37
    Emmet Crash Course
  24. Урок 24. 00:08:57
    Keyboard Shortcuts
  25. Урок 25. 00:09:07
    Pricing Grid HTML Challenge
  26. Урок 26. 00:00:58
    Section Intro
  27. Урок 27. 00:05:06
    Form & Input Tags
  28. Урок 28. 00:06:56
    Text-Based Inputs
  29. Урок 29. 00:06:55
    Input Field Attributes
  30. Урок 30. 00:05:35
    Select Boxes & Textareas
  31. Урок 31. 00:05:02
    Checkboxes & Radio Buttons
  32. Урок 32. 00:04:25
    Other Input Types
  33. Урок 33. 00:07:51
    Datalist
  34. Урок 34. 00:05:33
    HTML Form Challenge
  35. Урок 35. 00:00:49
    Section Intro
  36. Урок 36. 00:06:41
    Audio Element
  37. Урок 37. 00:03:12
    Video Element
  38. Урок 38. 00:04:53
    Image Map
  39. Урок 39. 00:05:34
    Tables
  40. Урок 40. 00:05:01
    Iframe
  41. Урок 41. 00:09:16
    Global Attributes
  42. Урок 42. 00:06:20
    SVG Element
  43. Урок 43. 00:04:27
    Popover & Details
  44. Урок 44. 00:05:09
    Progress & Meter
  45. Урок 45. 00:01:03
    Section Intro
  46. Урок 46. 00:08:14
    Implementing CSS
  47. Урок 47. 00:12:41
    Basic Selectors
  48. Урок 48. 00:07:13
    Fonts In CSS
  49. Урок 49. 00:09:10
    Font & Text Properties
  50. Урок 50. 00:12:28
    Colors (Color Names, Hex, RGB, HSL)
  51. Урок 51. 00:05:13
    CSS Specificity
  52. Урок 52. 00:09:40
    Backgrounds
  53. Урок 53. 00:04:25
    Styling Links & Link States
  54. Урок 54. 00:07:32
    Font Awesome Icons
  55. Урок 55. 00:09:26
    CSS Basics Challenge
  56. Урок 56. 00:01:16
    Section Intro
  57. Урок 57. 00:03:21
    Box Model Explained
  58. Урок 58. 00:07:49
    Sizing & Overflow
  59. Урок 59. 00:05:55
    Padding
  60. Урок 60. 00:07:01
    Margin
  61. Урок 61. 00:04:28
    Universal Selector & Resetting
  62. Урок 62. 00:05:34
    Borders
  63. Урок 63. 00:08:05
    Display Property
  64. Урок 64. 00:10:30
    Position Property
  65. Урок 65. 00:04:23
    Box Shadow
  66. Урок 66. 00:12:29
    Freelance Form Mini-Project
  67. Урок 67. 00:12:10
    Shoe Cards Mini-Project
  68. Урок 68. 00:01:46
    Section Intro
  69. Урок 69. 00:04:48
    What Is Flexbox?
  70. Урок 70. 00:07:19
    Flexbox Basics - Containers & Items
  71. Урок 71. 00:10:20
    Align & Justify
  72. Урок 72. 00:10:04
    Flex Properties & Dynamic Sizing
  73. Урок 73. 00:02:55
    Flex Order
  74. Урок 74. 00:07:22
    Flexbox Layout Challenge
  75. Урок 75. 00:21:31
    Pricing Cards Mini-Project
  76. Урок 76. 00:01:41
    Section Intro
  77. Урок 77. 00:07:54
    What Is Responsive Design?
  78. Урок 78. 00:06:56
    Flexible Layout & Percentages
  79. Урок 79. 00:12:54
    rem & em Units
  80. Урок 80. 00:04:41
    vh & vw Units
  81. Урок 81. 00:10:56
    Media Queries
  82. Урок 82. 00:04:48
    Responsive Pricing Grid
  83. Урок 83. 00:06:16
    Responsive Flexbox Layout
  84. Урок 84. 00:07:55
    Container Queries
  85. Урок 85. 00:05:28
    Container Units
  86. Урок 86. 00:01:33
    Project Intro
  87. Урок 87. 00:08:44
    Setup & HTML
  88. Урок 88. 00:06:37
    Base CSS & Header Styles
  89. Урок 89. 00:04:25
    Main Content Flex & Alignment
  90. Урок 90. 00:06:42
    Inner Styles
  91. Урок 91. 00:08:20
    Mobile Layout & Media Queries
  92. Урок 92. 00:02:18
    Section Intro
  93. Урок 93. 00:10:34
    Custom Properties
  94. Урок 94. 00:03:35
    Vendor Prefixes
  95. Урок 95. 00:07:04
    Filters
  96. Урок 96. 00:11:30
    Smooth Scroll Mini-Project
  97. Урок 97. 00:11:36
    Sticky Nav & Style On Scroll
  98. Урок 98. 00:06:08
    calc() Function
  99. Урок 99. 00:12:27
    Nesting
  100. Урок 100. 00:03:47
    Project Intro
  101. Урок 101. 00:05:56
    Setup & Base CSS
  102. Урок 102. 00:09:51
    Header & Navigation
  103. Урок 103. 00:06:40
    Hero Text
  104. Урок 104. 00:02:42
    Custom Properties
  105. Урок 105. 00:07:49
    Gallery Section
  106. Урок 106. 00:05:56
    Footer
  107. Урок 107. 00:09:28
    About Page
  108. Урок 108. 00:15:53
    Contact Page
  109. Урок 109. 00:04:51
    Image Lightbox Effect
  110. Урок 110. 00:02:01
    Section Intro
  111. Урок 111. 00:08:43
    Intro To Git & GitHub
  112. Урок 112. 00:07:06
    Generate SSH Keys
  113. Урок 113. 00:09:42
    Git Workflow & Commands
  114. Урок 114. 00:03:55
    Deploy Website To Netlify
  115. Урок 115. 00:04:05
    Contact Form Submissions
  116. Урок 116. 00:03:46
    Configure a Domain Name
  117. Урок 117. 00:01:11
    Section Intro
  118. Урок 118. 00:08:08
    What is Web Accessibility?
  119. Урок 119. 00:04:33
    Skilltide Browser Extension
  120. Урок 120. 00:14:22
    Screen Reader Testing
  121. Урок 121. 00:17:08
    Role Attribute
  122. Урок 122. 00:08:09
    ARIA Attributes
  123. Урок 123. 00:06:23
    Aria Expanded & Dynamic Content
  124. Урок 124. 00:02:13
    Section Intro
  125. Урок 125. 00:06:45
    Attribute Selectors
  126. Урок 126. 00:06:57
    Child & Sibling Combinators
  127. Урок 127. 00:05:28
    Pseudo Elements
  128. Урок 128. 00:05:08
    Pseudo Classes - first-child, last-child & nth-child
  129. Урок 129. 00:06:36
    Pseudo Classes - first-of-type, last-of-type, nth-of-type
  130. Урок 130. 00:06:00
    :before & :after Pseudo Classes
  131. Урок 131. 00:09:46
    Image Overlay Using :before
  132. Урок 132. 00:05:47
    is(), where() & has()
  133. Урок 133. 00:11:03
    Styling Forms
  134. Урок 134. 00:09:15
    Selectors Challenge
  135. Урок 135. 00:02:10
    Section Intro
  136. Урок 136. 00:06:21
    CSS Grid Overview
  137. Урок 137. 00:08:24
    Grid Columns & Gap
  138. Урок 138. 00:03:38
    repeat() & minmax()
  139. Урок 139. 00:05:05
    Grid Rows
  140. Урок 140. 00:03:02
    Grid Challenge 1
  141. Урок 141. 00:05:28
    Align & Justify Properties
  142. Урок 142. 00:05:49
    repeat() with autofill & autofit
  143. Урок 143. 00:07:48
    Positioning & Spanning Rows & Columns
  144. Урок 144. 00:06:08
    Named Grid Lines
  145. Урок 145. 00:03:45
    Grid Challenge 2
  146. Урок 146. 00:04:54
    CSS Grid & Media Queries
  147. Урок 147. 00:07:19
    Grid Template Areas
  148. Урок 148. 00:07:21
    Lumina Creative Grid Refactor
  149. Урок 149. 00:01:47
    Section Intro
  150. Урок 150. 00:03:46
    Transition Overview
  151. Урок 151. 00:06:03
    Creating Transitions
  152. Урок 152. 00:06:39
    Transform Property
  153. Урок 153. 00:02:18
    Absolute Center With Transform/Translate
  154. Урок 154. 00:07:15
    3D Transforms
  155. Урок 155. 00:12:21
    JavaScript & CSS
  156. Урок 156. 00:17:55
    Hamburger Menu
  157. Урок 157. 00:07:44
    Keyframes - Part 1
  158. Урок 158. 00:09:09
    Keyframes - Paart 2 (CSS Loader Animation)
  159. Урок 159. 00:09:12
    3D Rotating Cube
  160. Урок 160. 00:16:11
    Presentation Website Mini-Project
  161. Урок 161. 00:04:46
    Project Intro
  162. Урок 162. 00:06:54
    Project Setup
  163. Урок 163. 00:10:25
    Desktop Navigation
  164. Урок 164. 00:12:12
    Mobile Navigation
  165. Урок 165. 00:09:22
    Hero Section
  166. Урок 166. 00:09:15
    Hero SVG & Media Queries
  167. Урок 167. 00:05:40
    Navbar Background On Scroll
  168. Урок 168. 00:10:59
    Learn Section
  169. Урок 169. 00:08:03
    Chapters Section
  170. Урок 170. 00:07:10
    Summary Section
  171. Урок 171. 00:08:01
    Info Section
  172. Урок 172. 00:07:00
    Takeaways Section
  173. Урок 173. 00:11:19
    Details & Author Section
  174. Урок 174. 00:11:47
    Stats Section
  175. Урок 175. 00:06:37
    Newsletter Form
  176. Урок 176. 00:11:31
    Footer & Social Icons
  177. Урок 177. 00:12:21
    Contact Page
  178. Урок 178. 00:11:51
    Add Accessibility
  179. Урок 179. 00:08:41
    Deploy To Vercel & Hook Up Form
  180. Урок 180. 00:05:33
    Project Intro
  181. Урок 181. 00:05:35
    BEM Methodology Explained
  182. Урок 182. 00:06:05
    Project Setup
  183. Урок 183. 00:09:44
    Navbar & Desktop Menu
  184. Урок 184. 00:13:30
    Hamburger Button & Mobile Menu
  185. Урок 185. 00:15:57
    Hero Section
  186. Урок 186. 00:02:50
    Navbar Background On Scroll
  187. Урок 187. 00:09:42
    Testimonials Section
  188. Урок 188. 00:15:18
    Features Section & Grid
  189. Урок 189. 00:05:47
    Features Mobile Layout
  190. Урок 190. 00:06:28
    Preview Section
  191. Урок 191. 00:13:30
    Animated Play Button
  192. Урок 192. 00:16:04
    Video Modal
  193. Урок 193. 00:14:41
    Details Area & Icons
  194. Урок 194. 00:05:32
    Screenshots Section
  195. Урок 195. 00:09:24
    Download Section
  196. Урок 196. 00:09:59
    Footer
  197. Урок 197. 00:03:47
    Create Details Page
  198. Урок 198. 00:13:25
    Pricing Cards
  199. Урок 199. 00:13:04
    Details Features
  200. Урок 200. 00:03:23
    Course Wrap Up