Этот материал находится в платной подписке. Оформи премиум подписку и смотри Build Responsive Real World Websites with HTML5 and CSS3, а также все другие курсы, прямо сейчас!
Премиум
  • Урок 1. 00:05:35
    Course Structure and Projects
  • Урок 2. 00:11:02
    A High-Level Overview of Web Development
  • Урок 3. 00:08:53
    Setting Up Our Code Editor
  • Урок 4. 00:09:57
    Your Very First Webpage!
  • Урок 5. 00:04:22
    Downloading Course Material
  • Урок 6. 00:05:45
    Watch Before You Start!
  • Урок 7. 00:00:41
    Section Intro
  • Урок 8. 00:04:19
    Introduction to HTML
  • Урок 9. 00:11:47
    HTML Document Structure
  • Урок 10. 00:16:21
    Text Elements
  • Урок 11. 00:11:00
    More Text Elements: Lists
  • Урок 12. 00:12:46
    Images and Attributes
  • Урок 13. 00:14:50
    Hyperlinks
  • Урок 14. 00:10:57
    Structuring our Page
  • Урок 15. 00:06:29
    A Note on Semantic HTML
  • Урок 16. 00:07:15
    Installing Additional VS Code Extensions
  • Урок 17. 00:11:51
    CHALLENGE #1
  • Урок 18. 00:17:13
    CHALLENGE #2
  • Урок 19. 00:00:57
    Section Intro
  • Урок 20. 00:04:08
    Introduction to CSS
  • Урок 21. 00:12:13
    Inline, Internal and External CSS
  • Урок 22. 00:15:33
    Styling Text
  • Урок 23. 00:09:13
    Combining Selectors
  • Урок 24. 00:15:24
    Class and ID Selectors
  • Урок 25. 00:24:08
    Working With Colors
  • Урок 26. 00:10:01
    Pseudo-classes
  • Урок 27. 00:09:44
    Styling Hyperlinks
  • Урок 28. 00:08:05
    Using Chrome DevTools
  • Урок 29. 00:17:24
    CSS Theory #1: Conflicts Between Selectors
  • Урок 30. 00:14:37
    CSS Theory #2: Inheritance and the Universal Selector
  • Урок 31. 00:17:42
    CHALLENGE #1
  • Урок 32. 00:08:06
    CSS Theory #3: The CSS Box Model
  • Урок 33. 00:22:08
    Using Margins and Paddings
  • Урок 34. 00:08:04
    Adding Dimensions
  • Урок 35. 00:07:57
    Centering our Page
  • Урок 36. 00:11:00
    CHALLENGE #2
  • Урок 37. 00:22:20
    CSS Theory #4: Types of Boxes
  • Урок 38. 00:16:05
    CSS Theory #5: Absolute Positioning
  • Урок 39. 00:16:53
    Pseudo-elements
  • Урок 40. 00:12:16
    Developer Skill #1: Googling and Reading Documentation
  • Урок 41. 00:22:17
    Developer Skill #2: Debugging and Asking Questions
  • Урок 42. 00:19:38
    CHALLENGE #3
  • Урок 43. 00:01:19
    Section Intro
  • Урок 44. 00:05:19
    The 3 Ways of Building Layouts
  • Урок 45. 00:17:23
    Using Floats
  • Урок 46. 00:07:23
    Clearing Floats
  • Урок 47. 00:08:47
    Building a Simple Float Layout
  • Урок 48. 00:11:13
    box-sizing: border-box
  • Урок 49. 00:20:16
    CHALLENGE #1
  • Урок 50. 00:09:44
    Introduction to Flexbox
  • Урок 51. 00:07:36
    A Flexbox Overview
  • Урок 52. 00:10:52
    Spacing and Aligning Flex Items
  • Урок 53. 00:11:35
    The flex Property
  • Урок 54. 00:19:58
    Adding Flexbox to Our Project
  • Урок 55. 00:12:16
    Building a Simple Flexbox Layout
  • Урок 56. 00:14:14
    CHALLENGE #2
  • Урок 57. 00:10:59
    Introduction to CSS Grid
  • Урок 58. 00:09:41
    A CSS Grid Overview
  • Урок 59. 00:13:55
    Sizing Grid Columns and Rows
  • Урок 60. 00:13:01
    Placing and Spanning Grid Items
  • Урок 61. 00:13:47
    Aligning Grid Items and Tracks
  • Урок 62. 00:15:47
    Building a Simple CSS Grid Layout
  • Урок 63. 00:07:48
    CHALLENGE #3
  • Урок 64. 00:02:19
    Section Intro
  • Урок 65. 00:06:14
    Project Overview
  • Урок 66. 00:12:37
    Overview of Web Design and Website Personalities
  • Урок 67. 00:16:18
    Web Design Rules #1: Typography
  • Урок 68. 00:23:24
    Implementing Typography
  • Урок 69. 00:13:41
    Web Design Rules #2: Colors
  • Урок 70. 00:18:13
    Implementing Colors
  • Урок 71. 00:14:58
    Web Design Rules #3: Images and Illustrations
  • Урок 72. 00:13:00
    Web Design Rules #4: Icons
  • Урок 73. 00:21:34
    Implementing Icons
  • Урок 74. 00:13:05
    Web Design Rules #5: Shadows
  • Урок 75. 00:12:09
    Implementing Shadows
  • Урок 76. 00:04:55
    Web Design Rules #6: Border-radius
  • Урок 77. 00:06:41
    Implementing Border-radius
  • Урок 78. 00:13:11
    Web Design Rules #7: Whitespace
  • Урок 79. 00:22:59
    Web Design Rules #8: Visual Hierarchy
  • Урок 80. 00:15:44
    Implementing Whitespace and Visual Hierarchy
  • Урок 81. 00:20:38
    Web Design Rules #9: User Experience (UX)
  • Урок 82. 00:31:00
    The Website-Personalities-Framework
  • Урок 83. 00:10:27
    The Missing Piece: Steal Like An Artist!
  • Урок 84. 00:01:01
    Section Intro
  • Урок 85. 00:27:49
    Web Design Rules #10 - Part 1: Elements and Components
  • Урок 86. 00:25:32
    Building an Accordion Component - Part 1
  • Урок 87. 00:19:25
    Building an Accordion Component - Part 2
  • Урок 88. 00:21:26
    Building a Carousel Component - Part 1
  • Урок 89. 00:29:43
    Building a Carousel Component - Part 2
  • Урок 90. 00:10:05
    Building a Table Component - Part 1
  • Урок 91. 00:13:17
    Building a Table Component - Part 2
  • Урок 92. 00:24:20
    CHALLENGE #1: Building a Pagination Component
  • Урок 93. 00:21:53
    Web Design Rules #10 - Part 2: Layout Patterns
  • Урок 94. 00:22:12
    Building a Hero Section - Part 1
  • Урок 95. 00:21:22
    Building a Hero Section - Part 2
  • Урок 96. 00:15:13
    Building a Web Application Layout - Part 1
  • Урок 97. 00:15:57
    Building a Web Application Layout - Part 2
  • Урок 98. 00:01:03
    Section Intro
  • Урок 99. 00:20:31
    The 7 Steps to a Great Website
  • Урок 100. 00:24:37
    Defining and Planning the Project (Steps 1 and 2)
  • Урок 101. 00:07:37
    Sketching Initial Layout Ideas (Step 3)
  • Урок 102. 00:15:22
    First Design and Development Steps (Step 4)
  • Урок 103. 00:08:38
    Responsive Design Principles
  • Урок 104. 00:16:07
    How rem and max-width Work
  • Урок 105. 00:16:13
    Building the Hero - Part 1
  • Урок 106. 00:29:28
    Building the Hero - Part 2
  • Урок 107. 00:23:58
    Building the Hero - Part 3
  • Урок 108. 00:15:16
    Building the Header
  • Урок 109. 00:15:56
    Building the Navigation
  • Урок 110. 00:21:24
    Setting Up a Reusable Grid
  • Урок 111. 00:29:17
    Building the How-It-Works Section - Part 1
  • Урок 112. 00:35:13
    Building the How-It-Works Section - Part 2
  • Урок 113. 00:19:46
    Building the Featured-In Section
  • Урок 114. 00:26:36
    Building the Meals Section - Part 1
  • Урок 115. 00:21:02
    Building the Meals Section - Part 2
  • Урок 116. 00:29:43
    Building the Meals Section - Part 3
  • Урок 117. 00:18:16
    Building the Testimonials Section - Part 1
  • Урок 118. 00:24:39
    Building the Testimonials Section - Part 2
  • Урок 119. 00:24:01
    Building the Pricing Section - Part 1
  • Урок 120. 00:25:59
    Building the Pricing Section - Part 2
  • Урок 121. 00:19:07
    Building the Features Part
  • Урок 122. 00:26:13
    Building the Call-To-Action Section - Part 1
  • Урок 123. 00:24:46
    Building the Call-To-Action Section - Part 2
  • Урок 124. 00:29:10
    Building the Call-To-Action Section - Part 3
  • Урок 125. 00:19:17
    Building the Footer - Part 1
  • Урок 126. 00:27:59
    Building the Footer - Part 2
  • Урок 127. 00:00:48
    Section Intro
  • Урок 128. 00:14:24
    How Media Queries Work
  • Урок 129. 00:04:48
    How to Select Breakpoints
  • Урок 130. 00:15:34
    Responding to Small Laptops
  • Урок 131. 00:19:26
    Responding to Landscape Tablets
  • Урок 132. 00:25:25
    Responding to Tablets
  • Урок 133. 00:37:59
    Building the Mobile Navigation
  • Урок 134. 00:18:57
    Responding to Smaller Tablets
  • Урок 135. 00:26:43
    Responding to Phones
  • Урок 136. 00:00:51
    Section Intro
  • Урок 137. 00:18:49
    A Short Introduction to JavaScript
  • Урок 138. 00:08:33
    Making the Mobile Navigation Work
  • Урок 139. 00:29:25
    Implementing Smooth Scrolling
  • Урок 140. 00:28:03
    Implementing a Sticky Navigation Bar
  • Урок 141. 00:19:07
    Browser Support and Fixing Flexbox Gap in Safari
  • Урок 142. 00:08:46
    Testing Performance With Lighthouse
  • Урок 143. 00:12:25
    Adding Favicon and Meta Description
  • Урок 144. 00:18:27
    Image Optimizations
  • Урок 145. 00:08:21
    Deployment to Netlify
  • Урок 146. 00:07:50
    Making the Form Work With Netlify Forms
  • Урок 147. 00:04:33
    Where to Go from Here