Frontend for Beginners

How the Internet works (DNS, IP, HTTP) ★ recommended

HTTP methods, status codes, headers ★ recommended

Browser rendering basics ★ recommended

DevTools basics (Network, Console, Elements) ★ recommended

Security basics: HTTPS, CORS (overview) ★ recommended

Semantic HTML (header/main/footer/article) ★ recommended

Forms: inputs, validation basics ★ recommended

Accessibility basics (labels, focus, ARIA overview) ★ recommended

Media: images, video, responsive images ★ recommended

SEO basics for markup (titles, meta, structure) ★ recommended

Box model, positioning ★ recommended

Flexbox and Grid basics ★ recommended

Responsive design (media queries) ★ recommended

Typography and spacing systems ★ recommended

Basic animations and transitions ★ recommended

Variables, functions, scope ★ recommended

Arrays/objects, immutability basics ★ recommended

DOM manipulation and events ★ recommended

Fetch + JSON, error handling ★ recommended

Async: promises, async/await ★ recommended

Git workflow (branch/PR/rebase basics) ★ recommended

npm basics, package.json ★ recommended

Bundlers: Vite/Webpack (overview) ★ recommended

Lint/format: ESLint/Prettier (overview) ★ recommended

2 small projects: landing + API-driven page ★ recommended