A complete, structured overview for mastering frontend development. Inspired by Notion-style learning dashboards.

📌 HTML Basics

• HTML Elements: Headings, paragraphs, lists, links, images
• Forms: Input fields, checkboxes, radio buttons, labels
• Semantic HTML: <article>, <section>, <nav>, <main>, <aside>
• Accessibility (a11y): ARIA roles, proper tag usage, alt text

🎨 CSS Fundamentals

• Selectors & Specificity: Class, ID, element, attribute selectors
• Box Model: Margin, border, padding, content
• Positioning: static, relative, absolute, fixed, sticky
• Flexbox: Align items, justify content, wrapping, direction
• Grid: Rows, columns, areas, grid-template
• Media Queries: Responsive breakpoints
• CSS Variables: -primary-color, var() usage

🧠 JavaScript Core

• Data Types: string, number, boolean, object, array, null, undefined
• Functions: Declaration, expression, arrow functions