Front-End Web Development

by Chong Lip Phang

About this book

Everything a front-end developer needs, in one book, checked against the web platform as it stands in 2026. Front-End Web Development is the first volume of the Web Coding Series. It takes you from an empty editor to fast, accessible, well-ranked websites and web applications, and it shows the real result of almost every example: rendered browser screenshots, genuine console and compiler output, and diagrams of what happens under the hood. What you will learn Development environments: VS Code and AI coding assistants, browser DevTools, hosting and your own server with HTTPS, Node.js, npm and pnpm, Vite and other bundlers, ESLint, Prettier and Biome, Vitest, Jest and Playwright, Git, and a survey of React, Vue, Angular, Svelte and Solid. HTML: structure, text, images and media, forms and constraint validation, popovers and dialogs, Web Components and shadow DOM, security (CSP, SRI, Permissions-Policy, Trusted Types), accessibility with WCAG 2.2, and metadata. Bootstrap 5.3: the grid, every major component, utilities, Sass customization, the ecosystem and a preview of Bootstrap 6, finished with a responsive landing page project. CSS: the cascade, modern colour (OKLCH, color-mix, light-dark), selectors with :has(), @layer and @scope, container queries, Flexbox and Grid, anchor positioning, scroll-driven animations and view transitions, responsive design, Sass, Less, PostCSS and Lightning CSS. Tailwind CSS 4: how the engine works, theme variables, variants, dark mode, plugins and component libraries, and the Bootstrap landing page rebuilt in Tailwind with measured CSS sizes. JavaScript (ECMAScript 2026): scope and modules, objects and prototypes, closures, promises and the event loop, classes, iterators and generators, typed arrays, Temporal, regular expressions, Intl, Proxy, memory and performance in V8. TypeScript 6 and the native TypeScript 7 compiler: everyday types, narrowing, generics, conditional and mapped types, modules, declaration files and project configuration. The DOM and Web APIs: events, observers, Fetch and streams, WebSocket and WebRTC, IndexedDB and OPFS, service workers and PWAs, media and device APIs, passkeys and Web Crypto, Core Web Vitals, built-in AI APIs, and building a Manifest V3 browser extension. Search engine optimization: how crawling, rendering and ranking really work, which ranking factors Google confirms and which are myths, microformats and structured data, technical SEO for JavaScript sites, and Generative Engine Optimization for AI answers. Why this book is different Every version number, browser-support status and price was verified against official documentation at the time of writing. Hundreds of runnable listings, rendered demos, tables and SVG diagrams, with the output actually produced. Honest guidance: outdated techniques are modernized, experimental features are labeled, and SEO folklore is separated from documented fact. Works as a cover-to-cover course for beginners and as a desk reference for working developers.

Publisher

Chong Lip Phang

Pages

584

Language

en