Этот материал находится в платной подписке. Оформи премиум подписку и смотри или слушай Build Responsive Real World Websites with HTML5 and CSS3, а также все другие курсы, прямо сейчас!
Премиум
  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