What web development means in 2024

Front-end vs back-end vs full-stack

Tools you'll use (code editors, terminals, version control)

Building page structure with HTML

Styling with CSS: layouts, responsive design, flexbox, grid

Best practices (semantics, accessibility)

Variables, data types, operators

Functions, control flow, loops

DOM manipulation, events, asynchronous calls (fetch / promises)

Arrow functions, destructuring, spread/rest

Modules, classes, promises, async/await

Working with APIs and JSON

Choosing and setting up the framework

State, props, components, lifecycle

Routing, hooks, context (if React), or equivalents in Vue/Angular

Server setup and routing

Building RESTful APIs

Middleware, error handling, authentication

SQL basics: tables, queries, relationships

NoSQL (MongoDB) basics

CRUD operations, schema design, indexing

Registration, login, password hashing

Tokens / JWT and sessions

Role-based access control, route protection

Deploying to cloud platforms (Heroku, AWS, Netlify etc.)

Environment variables, domains, SSL

CI/CD basics, monitoring and logging

Common security threats (XSS, CSRF, SQL injection)

Performance tuning: caching, lazy loading, code splitting

SEO basics, compression, image optimization

Git commands and workflows

Branching, merging, pull requests

Working in teams, resolving conflicts

Planning, building, deploying a full web app

Incorporate frontend + backend + database

Presentation, code review, iteration