Modern Web Development bundle

Strengthen every layer of your frontend work with four hand-picked ebooks covering the browser platform, JavaScript execution, modern CSS, and web components. You’ll learn to reason through asynchronous behavior, write responsive, maintainable styles, and build reusable components with Lit and related tools. This curated collection offers a practical toolkit for solving problems today as well as a solid foundation for frontend development into the future.

This bundle contains these four eBooks:
  • Web Component Development with Modern Libraries and Tooling This is in eBook format This title is in MEAP
  • JavaScript in Depth This is in eBook format This title is in MEAP
  • CSS in Depth, Second Edition This is in eBook format
  • Vanilla Web This is in eBook format This title is in MEAP
$206.96 $99.00
you save $107.96 (52%)

Web Component Development with Modern Libraries and Tooling

Development teams increasingly face pressure to future-proof their code—and that makes framework lock-in a serious liability. In Web Component Development with Modern Libraries and Tooling, you’ll learn how to build reusable web components that last well beyond the next library update. In this practical and easy-to-follow guide, author Mark Volkmann shows you how web components deliver something no JavaScript framework can match: true portability. Built on W3C standards and supported natively by every modern browser, web components let you build UI elements once and reuse them anywhere, in React, Vue, Angular, Svelte, plain HTML, or even Markdown documents. No framework downloads and no immovable dependencies.

The early chapters introduce Web Awesome, one of the most popular web component libraries. Using Web Awesome, you’ll build a UI complete with color-changing radio buttons, animated progress indicators, and more. Then, as you progress into the middle chapters, you’ll dive into creating your own web components in vanilla JavaScript, and you'll discover 15 essential best practices that separate professional-grade components from ones that won’t stand the test of time.

Once you’ve learned how web components work, you’ll get a leg up with libraries like Google’s Lit, Microsoft’s FAST, Ionic’s Stencil, and wrec—a library created author Mark Volkmann. You’ll then integrate components with Angular, React, Solid, Svelte, and Vue, apply professional tooling for documentation, testing, and demonstration, and tackle server-side rendering. Finally, finish up with solid advice on utilizing LLMs to implement web components and use them in web applications.

In each chapter, you’ll work on progressively more sophisticated example components including hello-world, google-button, radio-group, sortable-table, and traffic-light. Every example is chosen to illustrate concepts in a flexible way you can adapt to your own real-world projects. And unlike scattered blog posts and lightweight video tutorials, this substantial book provides both a clear structured learning path and a valuable reference for your future projects.

JavaScript in Depth

JavaScript in Depth isn’t a “how-to” guide—it’s a “how it works” guide. In it, you’ll find detailed code samples, in-depth technical breakdowns, and real examples drawn from production environments, all connecting JS theory to everyday development. You’ll see how JS engines execute code and interact with system APIs, how runtimes power your applications, and why JavaScript behaves the way it does. Whether you read it cover to cover or dip in as for easy reference, this book will help you refresh obscure topics, troubleshoot complex bugs, and make the best use of AI-generated code snippets.

CSS in Depth, Second Edition

CSS in Depth, Second Edition, deep dives into the CSS techniques used by the world’s most skilled web developers. Inside, you’ll learn how to build and organize a modular CSS codebase that’s easy to understand, maintain, and reuse. This new edition is fully revised to cover the CSS standard’s latest additions, including cascade layers, logical properties, new color functions, subgrid, and container queries.

Vanilla Web

When it comes to web development, vanilla may be the finest of the flavors. With plain JavaScript you can build fast, maintainable web apps that run everywhere, load instantly, and avoid framework lock-in. Today’s browsers are incredibly capable, and for many types of applications, “batteries included” libraries and frameworks just introduce avoidable slowdowns, security issues, and complex build chains. Why not embrace the vanilla web!

Vanilla Web is your guide to building serious web applications using the tools built right into the browser. You’ll learn to use “plain vanilla” JavaScript, HTML, and CSS to create reusable UI components, a routing system, an installable progressive web app, and a full-featured e-commerce frontend. Each chapter builds real capabilities you can apply anywhere, even when you work with libraries. You’ll soon be delivering dependency-free UX that’s easy to debug and maintain and survives neverending tool churn.
Modern Web Development bundle
$206.96 $99.00
you save $107.96 (52%)
Some bundled books and liveVideos are part of the Manning Early Access Program. You'll get all the available content now, new content as it's created, and the final product when it's ready.