Minimal but essential HTML, JavaScript, and CSS features you’ll use all the time.
| Category |
Core Tags |
Explanation |
| Semantic Elements |
<header>, <nav>, <main>, <section>, <footer> |
Define the structure of a page (better for accessibility & SEO). |
| Form Elements |
<form>, <input>, <button> |
Collect user input (typing, clicking, submitting). |
| Media Tags |
<img>, <video> |
Embed images and videos for visuals or tutorials. |
| Text Structure |
<h1>-<h6>, <p>, <div> |
Organize text (headings, paragraphs, or group content with <div>). |
| Tables |
<table>, <tr>, <td>, <th> |
Display data in rows and columns (not for layout). |
JavaScript Features (Core Only)
| Category |
Core Methods/Keywords |
Explanation |
| DOM Manipulation |
querySelector, innerHTML |
Select elements on the page and change their content dynamically. |
| Event Handling |
addEventListener |
Run code when a user interacts (clicks, submits, types). |
| Async Operations |
fetch, async/await |
Load data from APIs or servers without reloading the page. |
| Variables & Functions |
let, const, function |
Store values and write reusable blocks of code. |
| Control Structures |
if/else, for |
Decide what code runs (conditions) or repeat tasks (loops). |
CSS Core Properties that can be learned over time as you need them
CSS Properties (Core Only)
| Category |
Core Properties |
Explanation |
| Layout |
display: flex, display: grid |
Arrange elements side-by-side or in rows/columns. |
| Box Model |
margin, padding, width, height |
Control spacing and sizing of elements (foundation of layout). |
| Typography |
font-family, font-size, text-align |
Style text to be readable and properly aligned. |
| Colors |
color, background-color |
Set text and background colors for emphasis and design. |
| Responsive |
@media queries |
Change styles for different screen sizes (desktop vs mobile). |
