</> WebClass
Log in Sign up
Chapter 1 deck Chapter 2 deck Chapter 3 deck Chapter 4 deck Chapter 5 deck Chapter 6 deck Chapter 7 deck Chapter 8 deck Chapter 9 deck Chapter 10 deck Chapter 11 deck Chapter 12 deck Chapter 13 deck Chapter 14 deck

Web Technologies & Developer Roles

6 slides · use ←/→ or Space to navigate, F for fullscreen.

Reading view

← Back to the full Chapter 1 deck

Web Technologies & Developer Roles
Fullscreen for presentation · Print / PDF for a handout
1 / 6
Lesson

Web Technologies & Developer Roles

The 2025 frontend/backend technology map, the three developer roles, and the trends shaping the field.

Web Technologies & Developer Roles

Frontend Technologies (2025)

TechnologyRole
HTML5Semantic structure, accessibility, web storage, canvas, geolocation
CSS3 / TailwindFlexbox, Grid, animations, custom properties, utility-first CSS
JavaScript ES2025Modern syntax, async/await, optional chaining, Temporal API
TypeScriptStatic typing for large apps, better IDE support, fewer bugs
React / Next.jsComponent-based UI; Next.js adds SSR, SSG and App Router
Vue / NuxtProgressive framework; Nuxt adds full-stack, file-based routing
AngularGoogle-backed; strong for enterprise; standalone components
WebAssemblyRun C/C++/Rust in the browser at near-native speed
Web Technologies & Developer Roles

Backend Technologies (2025)

TechnologyRole
Node.js / BunEvent-driven, non-blocking; Bun is ~3x faster with native TS support
PHP 8.x / LaravelPowers ~75% of the web; Laravel adds MVC, Eloquent ORM, Blade
Python / Django / FastAPIClean syntax; Django for web apps, FastAPI for high-performance APIs
Go (Golang)Fast, concurrent; popular for microservices and cloud-native backends
MySQL / PostgreSQLRDBMS for structured data; PostgreSQL adds JSON, full-text, extensions
MongoDB / RedisMongoDB for documents; Redis for ultra-fast in-memory caching
GraphQL / RESTREST for simple CRUD; GraphQL for flexible, client-defined queries
Docker / KubernetesDocker for containers; Kubernetes for orchestrating at scale
Web Technologies & Developer Roles

Developer Roles

Frontend Developers

Build everything a user sees and interacts with. Responsibilities include responsive accessible interfaces, implementing Figma/Adobe XD mockups, performance (Core Web Vitals, Lighthouse), cross-browser compatibility, integrating REST/GraphQL APIs, tests (Jest, Vitest), and Git.

2025 must-have skills: HTML5, CSS3, JavaScript (ES2025), TypeScript, React/Vue/Angular/Svelte, Tailwind, v0/Cursor/Copilot, Vitest/Playwright, Vite/webpack/ESLint/Prettier.

Backend Developers

Build the server-side logic, databases, APIs and infrastructure. Responsibilities include REST/GraphQL APIs, databases, authentication (OAuth 2.0, JWT, sessions), business logic, security/scalability/performance, CI/CD, and third-party integrations.

2025 must-have skills: Node.js/Python/PHP/Go, REST/GraphQL/OpenAPI, SQL + NoSQL, Docker/GitHub Actions, AWS/Azure/GCP/Vercel/Railway, OWASP Top 10/JWT/HTTPS/rate limiting, OpenAI/HuggingFace/LangChain.

Full Stack Developers

Proficient in both frontend and backend — they can build and deploy complete applications end-to-end: languages (JS/TS, Python, PHP, Go, Rust), cloud, security, frontend frameworks, DevOps, API design, AI integration, version control, databases, testing and project tools.

Web Technologies & Developer Roles

2025 Emerging Trends

  • AI-powered development — LLMs generate code, UIs and APIs (Copilot, Cursor, v0, ChatGPT).
  • Progressive Web Apps — install like native apps with offline support and push notifications.
  • WebAssembly (WASM) — near-native speed in browsers; powers Figma, Adobe, Google Earth.
  • Web3 & decentralisation — dApps, NFTs, smart contracts, decentralised identity.
  • Edge computing — code runs at CDN edge nodes (Vercel Edge, Cloudflare Workers) to cut latency.
  • HTTP/3 & QUIC — UDP-based, faster and more reliable; supported by ~30% of the web.
Web Technologies & Developer Roles

Chapter 1 Summary

  • The Internet — global TCP/IP network; IPv6 now essential; IoT drives exponential growth.
  • DNS & domains — hierarchical name system; DNSSEC & DNS-over-HTTPS for security.
  • The Web — built on the Internet; HTTP/3, WebAssembly, edge delivery reshape it.
  • Browsers & servers — AI-powered browsers; NGINX/serverless dominate; HTTPS mandatory.
  • Frontend — React, Next.js, TypeScript and Tailwind lead; WebAssembly grows.
  • Backend — Node.js, Python, PHP 8.x and Go; Docker/Kubernetes for cloud-native apps.
  • Developer roles — all roles now use AI tools; full stack devs manage entire product lifecycles.