Этот материал находится в платной подписке. Оформи премиум подписку и смотри или слушай Understanding HTML and CSS, а также все другие курсы, прямо сейчас!
Купить сейчас
  • Урок 1. 00:03:02
    Introduction
  • Урок 2. 00:00:56
    Tools and Setup
  • Урок 3. 00:00:15
    Trees
  • Урок 4. 00:03:43
    Conceptual Aside: Data Structures
  • Урок 5. 00:02:23
    The Language of Trees
  • Урок 6. 00:01:31
    Engine Aside: Not Really a Tree
  • Урок 7. 00:01:47
    Traversal and Search
  • Урок 8. 00:00:55
    HTML
  • Урок 9. 00:02:24
    A Document
  • Урок 10. 00:03:48
    Conceptual Aside: User Agents
  • Урок 11. 00:03:24
    Markup: Describing Content
  • Урок 12. 00:02:11
    Language: Consistent Meaning
  • Урок 13. 00:01:52
    Conceptual Aside: Semantics and Authoring
  • Урок 14. 00:02:10
    Tags, Attributes, and Elements
  • Урок 15. 00:02:32
    Elements and Trees
  • Урок 16. 00:02:37
    Markup is Everywhere
  • Урок 17. 00:01:31
    Conceptual Aside: Specifications
  • Урок 18. 00:07:16
    The HTML Specification
  • Урок 19. 00:02:05
    Conceptual Aside: Author vs Implementor
  • Урок 20. 00:02:45
    Content Models and Kinds of Content
  • Урок 21. 00:00:13
    The Document
  • Урок 22. 00:00:50
    A Starting Point
  • Урок 23. 00:01:23
    Document Types
  • Урок 24. 00:02:54
    The Root
  • Урок 25. 00:03:54
    Metadata
  • Урок 26. 00:01:48
    Content
  • Урок 27. 00:00:13
    Document Sections
  • Урок 28. 00:04:20
    The Outline
  • Урок 29. 00:06:02
    Self-Contained Compositions
  • Урок 30. 00:06:06
    Thematic Groupings
  • Урок 31. 00:04:06
    Tangential Content
  • Урок 32. 00:05:21
    Headings and Rank
  • Урок 33. 00:03:34
    Headers and Footers
  • Урок 34. 00:03:07
    Addresses
  • Урок 35. 00:00:12
    Grouping Things
  • Урок 36. 00:02:20
    Paragraphs
  • Урок 37. 00:00:49
    Did You Catch The Invalid Markup?
  • Урок 38. 00:02:16
    Quotes
  • Урок 39. 00:02:48
    Unordered Lists
  • Урок 40. 00:01:59
    Ordered Lists
  • Урок 41. 00:01:24
    A Quick Check
  • Урок 42. 00:07:31
    Association Lists
  • Урок 43. 00:10:14
    Multidimensional Content
  • Урок 44. 00:05:11
    Multidimensional Content and Doing It Wrong
  • Урок 45. 00:02:33
    Dominant Content
  • Урок 46. 00:08:43
    div and Doing It Wrong
  • Урок 47. 00:00:28
    Text Itself
  • Урок 48. 00:07:46
    Emphasis
  • Урок 49. 00:03:01
    Importance
  • Урок 50. 00:02:04
    Side Comments
  • Урок 51. 00:01:03
    Have You Found The Invalid Markup?
  • Урок 52. 00:05:38
    Line Breaks
  • Урок 53. 00:02:09
    Author's Comments
  • Урок 54. 00:03:10
    span and Doing It Wrong
  • Урок 55. 00:00:33
    The Browser and the DOM
  • Урок 56. 00:08:21
    Conceptual Aside: HTTP
  • Урок 57. 00:05:16
    Anchor Tags and Hypertext
  • Урок 58. 00:01:36
    Conceptual Aside: User Agents (again)
  • Урок 59. 00:02:17
    Conceptual Aside: The Browser
  • Урок 60. 00:02:28
    Blink: A Rendering Engine
  • Урок 61. 00:02:11
    Engine Aside: Parsing
  • Урок 62. 00:04:18
    Named Character References
  • Урок 63. 00:01:25
    Conceptual Aside: Objects
  • Урок 64. 00:02:46
    Conceptual Aside: Models
  • Урок 65. 00:02:35
    The Document Object Model
  • Урок 66. 00:08:00
    Building the DOM
  • Урок 67. 00:01:53
    Conceptual Aside: Developer Tools
  • Урок 68. 00:08:34
    The Inspector
  • Урок 69. 00:08:10
    Anchor Tags (again)
  • Урок 70. 00:02:12
    Engine Aside: Gecko
  • Урок 71. 00:01:40
    Engine Aside: WebKit
  • Урок 72. 00:00:14
    Accessibility
  • Урок 73. 00:00:39
    Conceptual Aside: Accessibility
  • Урок 74. 00:01:44
    Conceptual Aside: Screen Readers
  • Урок 75. 00:08:59
    Semantics and Accessibility
  • Урок 76. 00:02:20
    ARIA
  • Урок 77. 00:00:23
    Interactivity
  • Урок 78. 00:01:49
    Navigation
  • Урок 79. 00:04:41
    Engine Aside: Forms and HTTP
  • Урок 80. 00:15:16
    Forms, Fields, and Labels
  • Урок 81. 00:07:01
    Buttons
  • Урок 82. 00:09:57
    More Fields
  • Урок 83. 00:08:59
    Even More Fields
  • Урок 84. 00:00:32
    JavaScript Frameworks
  • Урок 85. 00:02:18
    Conceptual Aside: DOM Manipulation
  • Урок 86. 00:05:49
    React, Angular, Vue, and HTML Authoring
  • Урок 87. 00:00:22
    Stylesheets and Querying Trees
  • Урок 88. 00:02:01
    Conceptual Aside: Querying a Tree
  • Урок 89. 00:11:46
    The CSS Specifications
  • Урок 90. 00:07:03
    User Agent Stylesheet
  • Урок 91. 00:02:20
    Type Selectors
  • Урок 92. 00:02:24
    Declarations
  • Урок 93. 00:02:38
    Inheritance
  • Урок 94. 00:04:12
    Author Stylesheets
  • Урок 95. 00:04:20
    Universal Selector
  • Урок 96. 00:09:31
    Attribute Selectors
  • Урок 97. 00:03:13
    ID Selector
  • Урок 98. 00:06:35
    Class Selector
  • Урок 99. 00:05:58
    Grouping Selectors
  • Урок 100. 00:04:15
    Combinators: Descendant
  • Урок 101. 00:03:12
    Combinators: Child
  • Урок 102. 00:02:49
    Combinators: Next-Sibling
  • Урок 103. 00:01:59
    Combinators: Subsequent Sibling
  • Урок 104. 00:06:39
    Conceptual Aside: CSS Standards and Drafts
  • Урок 105. 00:06:19
    Browser Support (caniuse and MDN)
  • Урок 106. 00:08:21
    Child-Indexed Pseudo-classes
  • Урок 107. 00:14:14
    Typed Child-Indexed Pseudo-classes (and Debugging a Problem)
  • Урок 108. 00:03:45
    Location Pseudo-classes
  • Урок 109. 00:02:43
    User Action Pseudo-classes
  • Урок 110. 00:02:13
    Negation Pseudo-class
  • Урок 111. 00:02:50
    Pseudo-elements
  • Урок 112. 00:16:00
    The Cascade
  • Урок 113. 00:06:59
    Importance
  • Урок 114. 00:07:36
    Specificity
  • Урок 115. 00:03:05
    Order of Appearance
  • Урок 116. 00:06:35
    Cascade Layers and @import
  • Урок 117. 00:08:04
    inherit, initial, and Specified Values
  • Урок 118. 00:03:16
    Matches-Any Pseudo-Class
  • Урок 119. 00:05:19
    Specificity-Adjustment Pseudo-Class
  • Урок 120. 00:04:14
    Optimization
  • Урок 121. 00:01:52
    Engine Aside: The CSSOM
  • Урок 122. 00:00:27
    Box Model
  • Урок 123. 00:03:05
    Conceptual Aside: Rendering
  • Урок 124. 00:04:37
    Visual Formatting Model
  • Урок 125. 00:04:32
    Box Model
  • Урок 126. 00:02:59
    Viewport and Coordinates
  • Урок 127. 00:01:27
    Engine Aside: Layout
  • Урок 128. 00:03:04
    Conceptual Aside: Pixels, Pixel Density, and Reference Pixels
  • Урок 129. 00:09:46
    Units and Computed Values
  • Урок 130. 00:02:18
    Engine Aside: Intrinsic Size
  • Урок 131. 00:20:06
    Box Sizing
  • Урок 132. 00:02:04
    Conceptual Aside: Functions
  • Урок 133. 00:03:02
    Calc, min, max, clamp
  • Урок 134. 00:03:54
    Engine Aside: Formatting Contexts
  • Урок 135. 00:00:18
    Box Position
  • Урок 136. 00:01:38
    Positioning Schemes
  • Урок 137. 00:02:09
    Static
  • Урок 138. 00:03:59
    Relative
  • Урок 139. 00:05:33
    Absolute
  • Урок 140. 00:02:29
    Fixed
  • Урок 141. 00:01:29
    Sticky
  • Урок 142. 00:00:19
    Painting
  • Урок 143. 00:01:32
    Engine Aside: Painting
  • Урок 144. 00:01:24
    Visibility
  • Урок 145. 00:13:40
    Z-Index
  • Урок 146. 00:08:26
    Images: img
  • Урок 147. 00:00:19
    Flow
  • Урок 148. 00:01:59
    Display
  • Урок 149. 00:11:22
    Block
  • Урок 150. 00:04:35
    Float
  • Урок 151. 00:11:57
    Inline, Vertical Align, Line-Height and More
  • Урок 152. 00:03:22
    flow-root and BFCs
  • Урок 153. 00:03:28
    Conceptual Aside: Multilingual Support
  • Урок 154. 00:08:01
    Writing Mode
  • Урок 155. 00:02:48
    Direction
  • Урок 156. 00:03:25
    Text-Orientation
  • Урок 157. 00:14:05
    Logical Properties
  • Урок 158. 00:01:04
    Inline-Block
  • Урок 159. 00:02:22
    None
  • Урок 160. 00:02:59
    Table, List-Item, and More
  • Урок 161. 00:00:12
    Flexbox
  • Урок 162. 00:08:13
    Flex Formatting Context
  • Урок 163. 00:14:14
    Flow Direction
  • Урок 164. 00:04:43
    Display Order
  • Урок 165. 00:04:26
    Wrapping and Overflow
  • Урок 166. 00:15:00
    Flex
  • Урок 167. 00:09:34
    Alignment
  • Урок 168. 00:03:00
    Collapse
  • Урок 169. 00:01:42
    Inline-Flex
  • Урок 170. 00:00:19
    Grid
  • Урок 171. 00:10:14
    Grid Formatting Context
  • Урок 172. 00:01:45
    Conceptual Aside: Fractional Units
  • Урок 173. 00:09:35
    Track Sizing
  • Урок 174. 00:10:09
    Item Placement
  • Урок 175. 00:05:35
    Track Repetition
  • Урок 176. 00:06:41
    Alignment and Spacing
  • Урок 177. 00:01:41
    Layering
  • Урок 178. 00:08:05
    A Visual Change
  • Урок 179. 00:00:22
    Fonts, Colors, and More
  • Урок 180. 00:05:26
    Fonts
  • Урок 181. 00:06:48
    Hexadecimal, RBG, and Named Colors
  • Урок 182. 00:01:37
    Opacity
  • Урок 183. 00:01:51
    Backgrounds
  • Урок 184. 00:04:28
    Transitions
  • Урок 185. 00:07:13
    Animations
  • Урок 186. 00:04:20
    Images: SVGs
  • Урок 187. 00:03:25
    A Semantic Change
  • Урок 188. 00:07:26
    Visual Design and User Experience
  • Урок 189. 00:00:27
    Responsiveness and Querying Media
  • Урок 190. 00:00:42
    Conceptual Aside: Media
  • Урок 191. 00:03:20
    Media Queries
  • Урок 192. 00:03:23
    Viewports and Zoom
  • Урок 193. 00:07:51
    Media Features
  • Урок 194. 00:03:46
    Media Query Range Syntax
  • Урок 195. 00:04:03
    Mobile First
  • Урок 196. 00:01:19
    Images: srcset and picture
  • Урок 197. 00:01:21
    Print
  • Урок 198. 00:00:09
    Saving Time and Effort
  • Урок 199. 00:05:18
    Custom Properties for Cascading Variables
  • Урок 200. 00:02:37
    Minification
  • Урок 201. 00:02:11
    HTML Validation
  • Урок 202. 00:00:10
    CSS Frameworks
  • Урок 203. 00:05:15
    Being Better Than Frameworks
  • Урок 204. 00:03:38
    Game Changing CSS
  • Урок 205. 00:00:46
    CSS Nesting
  • Урок 206. 00:06:45
    The Nesting Module
  • Урок 207. 00:07:05
    Nesting in Practice
  • Урок 208. 00:03:55
    & and Pseudo-classes
  • Урок 209. 00:06:52
    at-rules and Nesting
  • Урок 210. 00:00:58
    CSS Layers
  • Урок 211. 00:05:21
    Cascade Layers (@layer)
  • Урок 212. 00:09:57
    Defining Layers
  • Урок 213. 00:03:49
    Layers and the Cascade
  • Урок 214. 00:06:18
    Layers in Practice
  • Урок 215. 00:00:45
    Container Queries and Units (@container)
  • Урок 216. 00:06:09
    The Containment Module
  • Урок 217. 00:10:44
    Containment Contexts and Queries
  • Урок 218. 00:02:47
    Container Query Units
  • Урок 219. 00:07:56
    Container Queries in Practice
  • Урок 220. 00:00:21
    The superpower of :has
  • Урок 221. 00:03:52
    The Relational Pseudo-class
  • Урок 222. 00:05:58
    :has in Practice
  • Урок 223. 00:04:04
    :has in Practice (Part 2)
  • Урок 224. 00:02:28
    Native Over Custom
  • Урок 225. 00:00:46
    Landing Page
  • Урок 226. 00:04:36
    Analyzing the Designer's Prototype
  • Урок 227. 00:05:09
    Page Structure: HTML Authoring
  • Урок 228. 00:02:10
    Navigation: HTML Authoring
  • Урок 229. 00:02:57
    Hero: HTML Authoring
  • Урок 230. 00:02:05
    Features: HTML Authoring
  • Урок 231. 00:01:01
    About Us: HTML Authoring
  • Урок 232. 00:02:23
    Contact Us: HTML Authoring
  • Урок 233. 00:01:53
    Footer: HTML Authoring
  • Урок 234. 00:08:37
    Layout: CSS Authoring
  • Урок 235. 00:17:35
    Navigation: CSS Authoring
  • Урок 236. 00:06:30
    Hero: CSS Authoring
  • Урок 237. 00:08:12
    Features: CSS Authoring
  • Урок 238. 00:01:45
    About Us: CSS Authoring
  • Урок 239. 00:05:54
    Contact Us: CSS Authoring
  • Урок 240. 00:03:39
    Footer: CSS Authoring
  • Урок 241. 00:00:40
    Dashboard
  • Урок 242. 00:01:32
    Analyzing the Designer's Prototype
  • Урок 243. 00:02:43
    Page Structure: HTML Authoring
  • Урок 244. 00:00:56
    Navigation: HTML Authoring
  • Урок 245. 00:04:12
    Metrics: HTML Authoring
  • Урок 246. 00:01:38
    Table: HTML Authoring
  • Урок 247. 00:01:08
    Analytics: HTML Authoring
  • Урок 248. 00:00:28
    Footer: HTML Authoring
  • Урок 249. 00:05:36
    Layout: CSS Authoring
  • Урок 250. 00:03:40
    Navigation: CSS Authoring
  • Урок 251. 00:06:06
    Metrics: CSS Authoring
  • Урок 252. 00:03:39
    Table: CSS Authoring
  • Урок 253. 00:01:05
    Analytics: CSS Authoring
  • Урок 254. 00:01:30
    Footer: CSS Authoring
  • Урок 255. 00:00:10
    Conclusion
  • Урок 256. 00:01:59
    You Are An Author