Web Components in Action
eBook - ePub

Web Components in Action

  1. 432 pages
  2. English
  3. ePUB (mobile friendly)
  4. Available on iOS & Android
eBook - ePub

Web Components in Action

About this book

Summary Web 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 Web Components in Action you'll learn to design, build, and deploy reusable Web Components from scratch.Foreword by Gray Norton.Purchase of the print book includes a free eBook in PDF, Kindle, and ePub formats from Manning Publications. 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 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. 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


About the Reader Written for web developers experienced with HTML, CSS, and JavaScript. About the Author Ben Farrell is a Senior Experience Developer at Adobe working on the Adobe Design Prototyping Team. Table of Contents

PART 1 - FIRST STEPS

  • The framework without a framework
  • Your first Web Component
  • Making your component reuseable
  • The component lifecycle
  • Instrumenting a better web app through modules

PART 2 - WAYS TO IMPROVE YOUR COMPONENT WORKFLOW

  • Markup Managed
  • Templating your content with HTML
  • The Shadow DOM
  • Shadow CSS
  • Shadow CSS rough edges

PART 3 - PUTTING YOUR COMPONENTS TOGETHER

  • A real-world UI component
  • Building and supporting older browsers
  • Component testing
  • Events and application data flow
  • Hiding your complexities

Trusted by 375,005 students

Access to over 1 million titles for a fair monthly price.

Study more efficiently using our study tools.

Information

Publisher
Manning
Year
2019
Print ISBN
9781617295775
eBook ISBN
9781638350705
Topic
Design
Subtopic
Programming in HTML

Table of contents

  1. Copyright
  2. Brief Table of Contents
  3. Table of Contents
  4. Foreword
  5. Preface
  6. Acknowledgments
  7. About this book
  8. About the cover illustration
  9. Part 1. First steps
  10. Part 2. Ways to improve your component workflow
  11. Part 3. Putting your components together
  12. Appendix. ES2015 for Web Components
  13. Index
  14. List of Figures
  15. List of Tables
  16. List of Listings

Frequently asked questions

Yes, you can cancel anytime from the Subscription tab in your account settings on the Perlego website. Your subscription will stay active until the end of your current billing period. Learn how to cancel your subscription
No, books cannot be downloaded as external files, such as PDFs, for use outside of Perlego. However, you can download books within the Perlego app for offline reading on mobile or tablet. Learn how to download books offline
Perlego offers two plans: Essential and Complete
  • Essential is ideal for learners and professionals who enjoy exploring a wide range of subjects. Access the Essential Library with 800,000+ trusted titles and best-sellers across business, personal growth, and the humanities. Includes unlimited reading time and Standard Read Aloud voice.
  • Complete: Perfect for advanced learners and researchers needing full, unrestricted access. Unlock 1.4M+ books across hundreds of subjects, including academic and specialized titles. The Complete Plan also includes advanced features like Premium Read Aloud and Research Assistant.
Both plans are available with monthly, semester, or annual billing cycles.
We are an online textbook subscription service, where you can get access to an entire online library for less than the price of a single book per month. With over 1 million books across 990+ topics, we’ve got you covered! Learn about our mission
Look out for the read-aloud symbol on your next book to see if you can listen to it. The read-aloud tool reads text aloud for you, highlighting the text as it is being read. You can pause it, speed it up and slow it down. Learn more about Read Aloud
Yes! You can use the Perlego app on both iOS and Android devices to read anytime, anywhere — even offline. Perfect for commutes or when you’re on the go.
Please note we cannot support devices running on iOS 13 and Android 7 or earlier. Learn more about using the app
Yes, you can access Web Components in Action by Benjamin Farrell in PDF and/or ePUB format, as well as other popular books in Design & Programming in HTML. We have over one million books available in our catalogue for you to explore.