1× knowledge

HTML & CSS / Subject

Advanced

Master advanced HTML and CSS through web components, resource hints, security, structured data, internationalization, cascade layers, container queries, scoping, effects, containment and architecture.

Your Progress

Learning Summary

0 of 178 topics completed
Quizzes Completed 0Best Quiz Score —Current Level Not startedContinue Choose a topic

Suggested sequence

Learning roadmap

Topics follow the Admin display order

Advanced

178 topics
  1. Advanced Semantic HTML
  2. Document Outline
  3. Advanced Forms
  4. Custom Form Validation Concepts
  5. FormData Concepts
  6. Native HTML Validation API
  7. Constraint Validation
  8. Advanced Responsive Images
  9. Art Direction
  10. Image Optimization Markup
  11. Lazy Loading
  12. loading Attribute
  13. decoding Attribute
  14. fetchpriority Attribute
  15. Preload
  16. Prefetch
  17. Preconnect
  18. DNS Prefetch
  19. Resource Hints
  20. Responsive Embeds
  21. Advanced iframe Usage
  22. iframe Sandbox
  23. iframe Permissions
  24. Content Security Concepts
  25. CSP Meta Tag
  26. Cross-Origin Concepts
  27. Referrer Policy
  28. Integrity Attribute
  29. Subresource Integrity
  30. HTML Templates
  31. Template Element
  32. Slot Element
  33. Web Components Markup
  34. Custom Elements Concepts
  35. Shadow DOM Concepts
  36. Dialog Element
  37. Popover API Markup
  38. Inert Attribute
  39. Hidden Attribute
  40. ARIA Roles
  41. ARIA States
  42. ARIA Properties
  43. Accessible Names
  44. Focus Management
  45. Skip Links
  46. Screen Reader Compatibility
  47. Structured Data
  48. Schema.org Markup
  49. JSON-LD Integration
  50. Microdata
  51. SEO-Friendly HTML Architecture
  52. HTML Performance Optimization
  53. Critical Resource Loading
  54. Browser Parsing
  55. DOM Construction
  56. HTML Parsing Algorithm
  57. Progressive Enhancement
  58. Graceful Degradation
  59. Internationalization
  60. Language Metadata
  61. Bidirectional Text
  62. dir Attribute
  63. bdi
  64. bdo
  65. Advanced Cascade
  66. Cascade Layers
  67. @layer
  68. Specificity Management
  69. CSS Nesting
  70. Native CSS Nesting
  71. Advanced Custom Properties
  72. Property Fallbacks
  73. Dynamic CSS Variables
  74. @property
  75. Advanced Grid
  76. Subgrid
  77. Named Grid Lines
  78. Implicit Grid
  79. Explicit Grid
  80. Dense Grid Layout
  81. Advanced Flexbox
  82. Intrinsic Sizing
  83. min-content
  84. max-content
  85. fit-content
  86. Aspect Ratio
  87. aspect-ratio
  88. Object Fit
  89. Object Position
  90. Logical Properties
  91. Writing Modes
  92. Block and Inline Dimensions
  93. Container Queries
  94. Container Query Units
  95. Style Queries
  96. @container
  97. Feature Queries
  98. @supports
  99. CSS Scoping
  100. @scope
  101. :scope
  102. Shadow DOM Styling Concepts
  103. ::part()
  104. ::slotted()
  105. Advanced Pseudo-Classes
  106. :is()
  107. :where()
  108. :has()
  109. :focus-visible
  110. :focus-within
  111. :target
  112. :empty
  113. Structural Pseudo-Classes
  114. Form State Pseudo-Classes
  115. CSS Shapes
  116. clip-path
  117. shape-outside
  118. CSS Masks
  119. mask
  120. Gradients
  121. Linear Gradients
  122. Radial Gradients
  123. Conic Gradients
  124. Multiple Backgrounds
  125. Background Blending
  126. mix-blend-mode
  127. Filters
  128. filter
  129. backdrop-filter
  130. CSS Columns
  131. Multi-Column Layout
  132. CSS Counters
  133. Generated Content
  134. CSS Scroll Snap
  135. Smooth Scrolling
  136. Scroll Behavior
  137. Scroll Margin
  138. Scroll Padding
  139. Overscroll Behavior
  140. Scrollbar Styling
  141. Sticky Layout Patterns
  142. Advanced Positioning
  143. Stacking Context
  144. Containing Blocks
  145. CSS Isolation
  146. isolation
  147. CSS Containment
  148. contain
  149. content-visibility
  150. CSS Performance
  151. Rendering Performance
  152. Reflow
  153. Repaint
  154. Composite Layers
  155. GPU Acceleration Concepts
  156. Animation Performance
  157. CSS Accessibility
  158. Reduced Motion
  159. prefers-reduced-motion
  160. prefers-color-scheme
  161. Forced Colors
  162. High Contrast Support
  163. Print Stylesheets
  164. @media print
  165. CSS Architecture
  166. BEM
  167. OOCSS
  168. SMACSS
  169. ITCSS
  170. Utility-First CSS
  171. Component-Based CSS
  172. CSS Modules Concepts
  173. CSS-in-JS Concepts
  174. Design Tokens
  175. Theme Architecture
  176. Dark Mode
  177. CSS Reset
  178. Normalize CSS

Topics

178 published topics

  1. 01 Advanced Semantic HTMLLearn Advanced Semantic HTML through a detailed HTML & CSS lesson with examples, exercises and practice questions.Advanced · 13 min read · 180 min learning
  2. 02 Document OutlineLearn Document Outline through a detailed HTML & CSS lesson with examples, exercises and practice questions.Advanced · 13 min read · 180 min learning
  3. 03 Advanced FormsLearn Advanced Forms through a detailed HTML & CSS lesson with examples, exercises and practice questions.Advanced · 13 min read · 180 min learning
  4. 04 Custom Form Validation ConceptsLearn Custom Form Validation Concepts through a detailed HTML & CSS lesson with examples, exercises and practice questions.Advanced · 13 min read · 180 min learning
  5. 05 FormData ConceptsLearn FormData Concepts through a detailed HTML & CSS lesson with examples, exercises and practice questions.Advanced · 13 min read · 180 min learning
  6. 06 Native HTML Validation APILearn Native HTML Validation API through a detailed HTML & CSS lesson with examples, exercises and practice questions.Advanced · 13 min read · 180 min learning
  7. 07 Constraint ValidationLearn Constraint Validation through a detailed HTML & CSS lesson with examples, exercises and practice questions.Advanced · 13 min read · 180 min learning
  8. 08 Advanced Responsive ImagesLearn Advanced Responsive Images through a detailed HTML & CSS lesson with examples, exercises and practice questions.Advanced · 13 min read · 180 min learning
  9. 09 Art DirectionLearn Art Direction through a detailed HTML & CSS lesson with examples, exercises and practice questions.Advanced · 13 min read · 180 min learning
  10. 10 Image Optimization MarkupLearn Image Optimization Markup through a detailed HTML & CSS lesson with examples, exercises and practice questions.Advanced · 13 min read · 180 min learning
  11. 11 Lazy LoadingLearn Lazy Loading through a detailed HTML & CSS lesson with examples, exercises and practice questions.Advanced · 13 min read · 180 min learning
  12. 12 loading AttributeLearn loading Attribute through a detailed HTML & CSS lesson with examples, exercises and practice questions.Advanced · 13 min read · 180 min learning
  13. 13 decoding AttributeLearn decoding Attribute through a detailed HTML & CSS lesson with examples, exercises and practice questions.Advanced · 13 min read · 180 min learning
  14. 14 fetchpriority AttributeLearn fetchpriority Attribute through a detailed HTML & CSS lesson with examples, exercises and practice questions.Advanced · 13 min read · 180 min learning
  15. 15 PreloadLearn Preload through a detailed HTML & CSS lesson with examples, exercises and practice questions.Advanced · 13 min read · 180 min learning
  16. 16 PrefetchLearn Prefetch through a detailed HTML & CSS lesson with examples, exercises and practice questions.Advanced · 13 min read · 180 min learning
  17. 17 PreconnectLearn Preconnect through a detailed HTML & CSS lesson with examples, exercises and practice questions.Advanced · 13 min read · 180 min learning
  18. 18 DNS PrefetchLearn DNS Prefetch through a detailed HTML & CSS lesson with examples, exercises and practice questions.Advanced · 13 min read · 180 min learning
  19. 19 Resource HintsLearn Resource Hints through a detailed HTML & CSS lesson with examples, exercises and practice questions.Advanced · 13 min read · 180 min learning
  20. 20 Responsive EmbedsLearn Responsive Embeds through a detailed HTML & CSS lesson with examples, exercises and practice questions.Advanced · 13 min read · 180 min learning