Frontend for Beginners

How the Internet works (DNS, IP, HTTP)

HTTP methods, status codes, headers

Browser rendering basics

DevTools basics (Network, Console, Elements)

Security basics: HTTPS, CORS (overview)

Semantic HTML (header/main/footer/article)

Forms: inputs, validation basics

Accessibility basics (labels, focus, ARIA overview)

Media: images, video, responsive images

SEO basics for markup (titles, meta, structure)

Box model, positioning

Flexbox and Grid basics

Responsive design (media queries)

Typography and spacing systems

Basic animations and transitions

Variables, functions, scope

Arrays/objects, immutability basics

DOM manipulation and events

Fetch + JSON, error handling

Async: promises, async/await

Git workflow (branch/PR/rebase basics)

npm basics, package.json

Bundlers: Vite/Webpack (overview)

Lint/format: ESLint/Prettier (overview)

2 small projects: landing + API-driven page