1. Урок 1.00:05:35
    Course Structure and Projects
  2. Урок 2.00:11:02
    A High-Level Overview of Web Development
  3. Урок 3.00:08:53
    Setting Up Our Code Editor
  4. Урок 4.00:09:57
    Your Very First Webpage!
  5. Урок 5.00:04:22
    Downloading Course Material
  6. Урок 6.00:05:45
    Watch Before You Start!
  7. Урок 7.00:00:41
    Section Intro
  8. Урок 8.00:04:19
    Introduction to HTML
  9. Урок 9.00:11:47
    HTML Document Structure
  10. Урок 10.00:16:21
    Text Elements
  11. Урок 11.00:11:00
    More Text Elements: Lists
  12. Урок 12.00:12:46
    Images and Attributes
  13. Урок 13.00:14:50
    Hyperlinks
  14. Урок 14.00:10:57
    Structuring our Page
  15. Урок 15.00:06:29
    A Note on Semantic HTML
  16. Урок 16.00:07:15
    Installing Additional VS Code Extensions
  17. Урок 17.00:11:51
    CHALLENGE #1
  18. Урок 18.00:17:13
    CHALLENGE #2
  19. Урок 19.00:00:57
    Section Intro
  20. Урок 20.00:04:08
    Introduction to CSS
  21. Урок 21.00:12:13
    Inline, Internal and External CSS
  22. Урок 22.00:15:33
    Styling Text
  23. Урок 23.00:09:13
    Combining Selectors
  24. Урок 24.00:15:24
    Class and ID Selectors
  25. Урок 25.00:24:08
    Working With Colors
  26. Урок 26.00:10:01
    Pseudo-classes
  27. Урок 27.00:09:44
    Styling Hyperlinks
  28. Урок 28.00:08:05
    Using Chrome DevTools
  29. Урок 29.00:17:24
    CSS Theory #1: Conflicts Between Selectors
  30. Урок 30.00:14:37
    CSS Theory #2: Inheritance and the Universal Selector
  31. Урок 31.00:17:42
    CHALLENGE #1
  32. Урок 32.00:08:06
    CSS Theory #3: The CSS Box Model
  33. Урок 33.00:22:08
    Using Margins and Paddings
  34. Урок 34.00:08:04
    Adding Dimensions
  35. Урок 35.00:07:57
    Centering our Page
  36. Урок 36.00:11:00
    CHALLENGE #2
  37. Урок 37.00:22:20
    CSS Theory #4: Types of Boxes
  38. Урок 38.00:16:05
    CSS Theory #5: Absolute Positioning
  39. Урок 39.00:16:53
    Pseudo-elements
  40. Урок 40.00:12:16
    Developer Skill #1: Googling and Reading Documentation
  41. Урок 41.00:22:17
    Developer Skill #2: Debugging and Asking Questions
  42. Урок 42.00:19:38
    CHALLENGE #3
  43. Урок 43.00:01:19
    Section Intro
  44. Урок 44.00:05:19
    The 3 Ways of Building Layouts
  45. Урок 45.00:17:23
    Using Floats
  46. Урок 46.00:07:23
    Clearing Floats
  47. Урок 47.00:08:47
    Building a Simple Float Layout
  48. Урок 48.00:11:13
    box-sizing: border-box
  49. Урок 49.00:20:16
    CHALLENGE #1
  50. Урок 50.00:09:44
    Introduction to Flexbox
  51. Урок 51.00:07:36
    A Flexbox Overview
  52. Урок 52.00:10:52
    Spacing and Aligning Flex Items
  53. Урок 53.00:11:35
    The flex Property
  54. Урок 54.00:19:58
    Adding Flexbox to Our Project
  55. Урок 55.00:12:16
    Building a Simple Flexbox Layout
  56. Урок 56.00:14:14
    CHALLENGE #2
  57. Урок 57.00:10:59
    Introduction to CSS Grid
  58. Урок 58.00:09:41
    A CSS Grid Overview
  59. Урок 59.00:13:55
    Sizing Grid Columns and Rows
  60. Урок 60.00:13:01
    Placing and Spanning Grid Items
  61. Урок 61.00:13:47
    Aligning Grid Items and Tracks
  62. Урок 62.00:15:47
    Building a Simple CSS Grid Layout
  63. Урок 63.00:07:48
    CHALLENGE #3
  64. Урок 64.00:02:19
    Section Intro
  65. Урок 65.00:06:14
    Project Overview
  66. Урок 66.00:12:37
    Overview of Web Design and Website Personalities
  67. Урок 67.00:16:18
    Web Design Rules #1: Typography
  68. Урок 68.00:23:24
    Implementing Typography
  69. Урок 69.00:13:41
    Web Design Rules #2: Colors
  70. Урок 70.00:18:13
    Implementing Colors
  71. Урок 71.00:14:58
    Web Design Rules #3: Images and Illustrations
  72. Урок 72.00:13:00
    Web Design Rules #4: Icons
  73. Урок 73.00:21:34
    Implementing Icons
  74. Урок 74.00:13:05
    Web Design Rules #5: Shadows
  75. Урок 75.00:12:09
    Implementing Shadows
  76. Урок 76.00:04:55
    Web Design Rules #6: Border-radius
  77. Урок 77.00:06:41
    Implementing Border-radius
  78. Урок 78.00:13:11
    Web Design Rules #7: Whitespace
  79. Урок 79.00:22:59
    Web Design Rules #8: Visual Hierarchy
  80. Урок 80.00:15:44
    Implementing Whitespace and Visual Hierarchy
  81. Урок 81.00:20:38
    Web Design Rules #9: User Experience (UX)
  82. Урок 82.00:31:00
    The Website-Personalities-Framework
  83. Урок 83.00:10:27
    The Missing Piece: Steal Like An Artist!
  84. Урок 84.00:01:01
    Section Intro
  85. Урок 85.00:27:49
    Web Design Rules #10 - Part 1: Elements and Components
  86. Урок 86.00:25:32
    Building an Accordion Component - Part 1
  87. Урок 87.00:19:25
    Building an Accordion Component - Part 2
  88. Урок 88.00:21:26
    Building a Carousel Component - Part 1
  89. Урок 89.00:29:43
    Building a Carousel Component - Part 2
  90. Урок 90.00:10:05
    Building a Table Component - Part 1
  91. Урок 91.00:13:17
    Building a Table Component - Part 2
  92. Урок 92.00:24:20
    CHALLENGE #1: Building a Pagination Component
  93. Урок 93.00:21:53
    Web Design Rules #10 - Part 2: Layout Patterns
  94. Урок 94.00:22:12
    Building a Hero Section - Part 1
  95. Урок 95.00:21:22
    Building a Hero Section - Part 2
  96. Урок 96.00:15:13
    Building a Web Application Layout - Part 1
  97. Урок 97.00:15:57
    Building a Web Application Layout - Part 2
  98. Урок 98.00:01:03
    Section Intro
  99. Урок 99.00:20:31
    The 7 Steps to a Great Website
  100. Урок 100.00:24:37
    Defining and Planning the Project (Steps 1 and 2)
  101. Урок 101.00:07:37
    Sketching Initial Layout Ideas (Step 3)
  102. Урок 102.00:15:22
    First Design and Development Steps (Step 4)
  103. Урок 103.00:08:38
    Responsive Design Principles
  104. Урок 104.00:16:07
    How rem and max-width Work
  105. Урок 105.00:16:13
    Building the Hero - Part 1
  106. Урок 106.00:29:28
    Building the Hero - Part 2
  107. Урок 107.00:23:58
    Building the Hero - Part 3
  108. Урок 108.00:15:16
    Building the Header
  109. Урок 109.00:15:56
    Building the Navigation
  110. Урок 110.00:21:24
    Setting Up a Reusable Grid
  111. Урок 111.00:29:17
    Building the How-It-Works Section - Part 1
  112. Урок 112.00:35:13
    Building the How-It-Works Section - Part 2
  113. Урок 113.00:19:46
    Building the Featured-In Section
  114. Урок 114.00:26:36
    Building the Meals Section - Part 1
  115. Урок 115.00:21:02
    Building the Meals Section - Part 2
  116. Урок 116.00:29:43
    Building the Meals Section - Part 3
  117. Урок 117.00:18:16
    Building the Testimonials Section - Part 1
  118. Урок 118.00:24:39
    Building the Testimonials Section - Part 2
  119. Урок 119.00:24:01
    Building the Pricing Section - Part 1
  120. Урок 120.00:25:59
    Building the Pricing Section - Part 2
  121. Урок 121.00:19:07
    Building the Features Part
  122. Урок 122.00:26:13
    Building the Call-To-Action Section - Part 1
  123. Урок 123.00:24:46
    Building the Call-To-Action Section - Part 2
  124. Урок 124.00:29:10
    Building the Call-To-Action Section - Part 3
  125. Урок 125.00:19:17
    Building the Footer - Part 1
  126. Урок 126.00:27:59
    Building the Footer - Part 2
  127. Урок 127.00:00:48
    Section Intro
  128. Урок 128.00:14:24
    How Media Queries Work
  129. Урок 129.00:04:48
    How to Select Breakpoints
  130. Урок 130.00:15:34
    Responding to Small Laptops
  131. Урок 131.00:19:26
    Responding to Landscape Tablets
  132. Урок 132.00:25:25
    Responding to Tablets
  133. Урок 133.00:37:59
    Building the Mobile Navigation
  134. Урок 134.00:18:57
    Responding to Smaller Tablets
  135. Урок 135.00:26:43
    Responding to Phones
  136. Урок 136.00:00:51
    Section Intro
  137. Урок 137.00:18:49
    A Short Introduction to JavaScript
  138. Урок 138.00:08:33
    Making the Mobile Navigation Work
  139. Урок 139.00:29:25
    Implementing Smooth Scrolling
  140. Урок 140.00:28:03
    Implementing a Sticky Navigation Bar
  141. Урок 141.00:19:07
    Browser Support and Fixing Flexbox Gap in Safari
  142. Урок 142.00:08:46
    Testing Performance With Lighthouse
  143. Урок 143.00:12:25
    Adding Favicon and Meta Description
  144. Урок 144.00:18:27
    Image Optimizations
  145. Урок 145.00:08:21
    Deployment to Netlify
  146. Урок 146.00:07:50
    Making the Form Work With Netlify Forms
  147. Урок 147.00:04:33
    Where to Go from Here