{"product_id":"9781638350705","title":"Web Components in Action","description":"\u003cb\u003eSummary\u003c\/b\u003e\u003cbr\u003e\u003cbr\u003eWeb Components are a standardized way to build reusable custom elements for web pages and applications using HTML, CSS, and JavaScript. 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 \u003ci\u003eWeb Components in Action\u003c\/i\u003e you'll learn to design, build, and deploy reusable Web Components from scratch.\u003cbr\u003e\u003cbr\u003eForeword by Gray Norton.\u003cbr\u003e\u003cbr\u003ePurchase of the print book includes a free eBook in PDF, Kindle, and ePub formats from Manning Publications.\u003cbr\u003e\u003cbr\u003e\u003cb\u003eAbout the Technology\u003c\/b\u003e\u003cbr\u003e\u003cbr\u003eThe 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.\u003cbr\u003e\u003cbr\u003e\u003cb\u003eAbout the Book\u003c\/b\u003e\u003cbr\u003e\u003cbr\u003e\u003ci\u003eWeb Components in Action\u003c\/i\u003e teaches you to build and use Web Components from the ground up. You'll start with simple components and component-based applications, using JavaScript, 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.\u003cbr\u003e\u003cbr\u003e\u003cb\u003eWhat's inside\u003c\/b\u003e\u003cbr\u003e\u003cbr\u003e\u003cul\u003e\n\u003cli\u003eCreating reusable Custom Elements without a framework\u003c\/li\u003e\n\u003cli\u003eUsing the Shadow DOM for ultimate component encapsulation\u003c\/li\u003e\n\u003cli\u003eLeveraging newer JS features to organize and reuse code\u003c\/li\u003e\n\u003cli\u003eFallback strategies for using Web Components on older browsers\u003c\/li\u003e\n\u003c\/ul\u003e\u003cbr\u003e\u003cb\u003eAbout the Reader\u003c\/b\u003e\u003cbr\u003e\u003cbr\u003eWritten for web developers experienced with HTML, CSS, and JavaScript.\u003cbr\u003e\u003cbr\u003e\u003cb\u003eAbout the Author\u003c\/b\u003e\u003cbr\u003e\u003cbr\u003e\u003cb\u003eBen Farrell\u003c\/b\u003e is a Senior Experience Developer at Adobe working on the Adobe Design Prototyping Team.\u003cbr\u003e\u003cbr\u003e\u003cb\u003eTable of Contents\u003c\/b\u003e\u003cbr\u003e\u003cbr\u003e\u003col\u003e\n\u003cstrong\u003ePART 1 - FIRST STEPS\u003c\/strong\u003e\u003cli\u003eThe framework without a framework \u003c\/li\u003e\n\u003cli\u003eYour first Web Component \u003c\/li\u003e\n\u003cli\u003eMaking your component reuseable \u003c\/li\u003e\n\u003cli\u003eThe component lifecycle \u003c\/li\u003e\n\u003cli\u003eInstrumenting a better web app through modules \u003c\/li\u003e\n\u003cstrong\u003ePART 2 - WAYS TO IMPROVE YOUR COMPONENT WORKFLOW \u003c\/strong\u003e\u003cli\u003eMarkup Managed \u003c\/li\u003e\n\u003cli\u003eTemplating your content with HTML \u003c\/li\u003e\n\u003cli\u003eThe Shadow DOM \u003c\/li\u003e\n\u003cli\u003eShadow CSS \u003c\/li\u003e\n\u003cli\u003eShadow CSS rough edges \u003c\/li\u003e\n\u003cstrong\u003ePART 3 - PUTTING YOUR COMPONENTS TOGETHER\u003c\/strong\u003e\u003cli\u003eA real-world UI component \u003c\/li\u003e\n\u003cli\u003eBuilding and supporting older browsers \u003c\/li\u003e\n\u003cli\u003eComponent testing \u003c\/li\u003e\n\u003cli\u003eEvents and application data flow \u003c\/li\u003e\n\u003cli\u003eHiding your complexities \u003c\/li\u003e\n\u003c\/ol\u003e","brand":"Manning","offers":[{"title":"Default Title","offer_id":46634643259633,"sku":"9781638350705","price":49.99,"currency_code":"USD","in_stock":true}],"thumbnail_url":"\/\/cdn.shopify.com\/s\/files\/1\/0674\/5433\/7265\/files\/9781638350705_p0.jpg?v=1765422880","url":"https:\/\/shop.barnesandnoble.com\/products\/9781638350705","provider":"Barnes \u0026 Noble","version":"1.0","type":"link"}