Web components in action /

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...

Full description

Saved in:
Bibliographic Details
Main Author: Farrell, Ben (Author)
Format: Book
Language:English
Published: Shelter Island, NY : Manning Publications, [2019]
Subjects:
Tags: Add Tag
No Tags, Be the first to tag this record!
LEADER 05282nam a2200481 i 4500
001 7438dc94-4537-412b-b8d7-3a2547ef51cd
005 20240926000000.0
008 191010s2019 nyua ob 001 0 eng d
035 |a (OCoLC)1122791565 
035 |a (Sirsi) a13489241 
035 |a (Sirsi) sron1122791565 
037 |a CL0501000075  |b Safari Books Online 
040 |a UMI  |b eng  |e rda  |e pn  |c UMI  |d OTZ  |d OCLCF  |d VT2  |d YDX  |d EBLCP  |d OCLCO  |d OCLCQ   |d OCLCO  |d UKAHL  |d KSU 
050 4 |a QA76.625 
082 0 4 |a 006.76  |2 23 
100 1 |a Farrell, Ben,  |e author 
245 1 0 |a Web components in action /  |c Ben Farrell 
264 1 |a Shelter Island, NY :  |b Manning Publications,  |c [2019] 
264 4 |c ©2019 
300 |a 1 online resource (1 volume) :  |b illustrations 
336 |a text  |b txt  |2 rdacontent 
337 |a computer  |b c  |2 rdamedia 
338 |a online resource  |b cr  |2 rdacarrier 
504 |a Includes bibliographical references and index 
505 0 |a Intro -- Copyright -- Brief Table of Contents -- Table of Contents -- Foreword -- Preface -- Acknowledgments -- About this book -- About the cover illustration -- Part 1. First steps -- Chapter 1. The framework without a framework -- 1.1. What are Web Components? -- 1.2. The future of Web Components -- 1.3. Beyond the single component -- 1.4. Your project, your choice -- Summary -- Chapter 2. Your first Web Component -- 2.1. Intro to HTMLElement -- 2.2. Rules for naming your element -- 2.3. Defining your custom element (and handling collisions) 
505 8 |a 2.4. Extending HTMLElement to create custom component logic -- 2.5. Using your custom element in practice -- 2.6. Making a (useful) first component -- 2.7. Notes on browser support -- Summary -- Chapter 3. Making your component reusable -- 3.1. A real-world component -- 3.2. Making our component configurable -- 3.3. Using attributes for configuration -- 3.4. Listening for attribute changes -- 3.5. Making more things even more customizable -- 3.6. Updating the slider component -- Summary -- Chapter 4. The component lifecycle -- 4.1. The Web Components API -- 4.2. The connectedCallback handler 
505 8 |a 4.3. The remaining Web Component lifecycle methods -- 4.4. Comparing to React's lifecycle -- 4.5. Comparing to a game engine lifecycle -- 4.6. Component lifecycle v0 -- Summary -- Chapter 5. Instrumenting a better web app through modules -- 5.1. Using the tag to load your Web Components -- 5.2. Using modules to solve dependency problems -- 5.3. Adding interactivity to our component -- 5.4. Wrapping third-party libraries as modules -- Summary -- Part 2. Ways to improve your component workflow -- Chapter 6. Markup managed -- 6.1. String theory -- 6.2. Using template literals 
505 8 |a 6.3. Importing templates -- 6.4. Template logic -- 6.5. Element caching -- 6.6. Smart templating -- 6.7. Updating the slider component -- Summary -- Chapter 7. Templating your content with HTML -- 7.1. R.I.P. HTML Imports -- 7.2. The tag -- 7.3. Choose your own template adventure -- 7.4. Dynamically loading templates -- 7.5. Entering the Shadow DOM with slots -- Summary -- Chapter 8. The Shadow DOM -- 8.1. Encapsulation -- 8.2. Enter the Shadow DOM -- 8.3. The Shadow DOM today -- Summary -- Chapter 9. Shadow CSS -- 9.1. Style creep -- 9.2. Style creep solved with the Shadow DOM 
505 8 |a 9.3. Shadow DOM workout plan -- 9.4. Adaptable components -- 9.5. Updating the slider component -- Summary -- Chapter 10. Shadow CSS rough edges -- 10.1. Contextual CSS -- 10.2. Component themes -- 10.3. Using the Shadow DOM in practice (today) -- Summary -- Part 3. Putting your components together -- Chapter 11. A real-world UI component -- 11.1. Crafting a color picker -- 11.2. Coordinate picker component -- 11.3. The color picker -- 11.4. Adding a common design language -- Summary -- Chapter 12. Building and supporting older browsers -- 12.1. Backward compatibility 
520 |a 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 
588 0 |a Online resource; title from title page (Safari, viewed October 8, 2019) 
650 0 |a Application software  |x Development 
650 0 |a Internet programming 
650 0 |a Web applications 
650 6 |a Applications Web 
650 6 |a Logiciels d'application  |x Développement 
650 6 |a Programmation Internet 
650 7 |a Application software  |x Development  |2 fast 
650 7 |a Internet programming  |2 fast 
650 7 |a Web applications  |2 fast 
999 1 0 |i 7438dc94-4537-412b-b8d7-3a2547ef51cd  |l a13489241  |s US-CST  |m web_components_in_action___________________________________________________2019_______mannia________________________________________farrell__ben_______________________e 
999 1 1 |l a13489241  |s ISIL:US-CST  |t BKS  |b f30a8a4c-ca28-5077-8f41-1c588e54bf59  |y f30a8a4c-ca28-5077-8f41-1c588e54bf59  |p UNLOANABLE 
999 1 1 |l a13489241  |s ISIL:US-CST  |t BKS  |a SUL-ELECTRONIC  |p UNLOANABLE