Web Core
•
Active Growth
HTML5 Core Journey
The structural skeleton of the web. Crafting semantic documents, prioritizing web accessibility (a11y), and embedding correct meta structures for modern search engine optimization.
verified
Verified Advanced
Learning Progress
0%
workspace_premium Almost Mastered
Started Learning
April 2026
Experience
3 Months
Current Level
Advanced (L3)
Projects Completed
15+ Projects
Confidence Rating
5.0 star
Garden Contribution
+8% Growth
timeline Growth Timeline
B
Beginner
Core Syntax & Rules
I
Intermediate
Architecture & Modules
A
Advanced
Optimization & Design Patterns
verified_user Skills Mastered
check
Semantic markup structure (HTML5)
check
SEO tag configurations & metadata
check
WCAG guidelines & ARIA roles
check
Custom rich-data forms & validations
cached Currently Learning
- Shadow DOM structure & custom Web Components
- Advanced ARIA keyboard patterns & screen reader testing
- Integrating microdata & schema vocabulary schema.org
checklist Roadmap Checklist
Semantic Grid Layouts
Adaptive on all viewports
Open Graph & SEO Meta Settings
Ensures accurate page shares
Standalone Custom Elements API
Targeting Q3 completion
Difficulty Rating
star
star_half
star
star
star
1.5 / 5 (Easy Core)
edit_note Garden Learning Notes
* Remember: Always use descriptive tags like <article>, <aside>, <section> instead of raw div layouts.
* WCAG criteria requires all images to have descriptive alt attributes, or empty alt="" for purely decorative elements.
* Form controls must possess linked <label> tags with the "for" property matching inputs to allow clear screen reader focus.
* WCAG criteria requires all images to have descriptive alt attributes, or empty alt="" for purely decorative elements.
* Form controls must possess linked <label> tags with the "for" property matching inputs to allow clear screen reader focus.
Personal Reflection
HTML felt deceptively simple at the start, but configuring true, production-grade accessibility and semantic structures opened my eyes to the depth of the document model. It is the soil in which all other framework seedlings grow.
library_books
Favorite Resource Guides
Hand-selected reference documentations