Web Components in Action

Web Components in Action
PDF, ePUB

Book Description
Web Components are a standardized way to build reusable custom elements for web pages and applications using HTML, CSS, and jаvascript. A Web Component is well-encapsulated, keeping its internal structure separate from other page elements so they don't collide with the rest of your code. In Web Components in Action you'll learn to design, build, and deploy reusable Web Components from scratch.

About the Technology

The right UI can set your sites and web applications apart from the ordinary. Using the Web Components API, you can build Custom Elements and then add them to your pages with just a simple HTML tag. This standards-based design approach gives you complete control over the style and behavior of your components and makes them radically easier to build, share, and reuse between projects.

About the Book

Web Components in Action teaches you to build and use Web Components from the ground up. You'll start with simple components and component-based applications, using jаvascript, HTML, and CSS. Then, you'll customize them and apply best design practices to maximize reusability. Through hands-on projects, you'll learn to build production-ready Web Components for any project, including color pickers, advanced applications using 3D models, mixed reality, and machine learning.

What's inside
  • Creating reusable Custom Elements without a framework
  • Using the Shadow DOM for ultimate component encapsulation
  • Leveraging newer JS features to organize and reuse code
  • Fallback strategies for using Web Components on older browsers

Content

PART 1 - FIRST STEPS

1. The framework without a framework
2. Your first Web Component
3. Making your component reuseable
4. The component lifecycle
5. Instrumenting a better web app through modules

PART 2 - WAYS TO IMPROVE YOUR COMPONENT WORKFLOW
6. Markup Managed
7. Templating your content with HTML
8. The Shadow DOM
9. Shadow CSS
10. Shadow CSS rough edges

PART 3 - PUTTING YOUR COMPONENTS TOGETHER

11. A real-world UI component
12. Building and supporting older browsers
13. Component testing
14. Events and application data flow
15. Hiding your complexities

Download Web Components in Action PDF or ePUB format free


Free sample

Download in .PDF format



Download in .ePUB format


Add comments
Прокомментировать
Введите код с картинки:*
Кликните на изображение чтобы обновить код, если он неразборчив
Copyright © 2019