Web Components in Action

by Ben Farrell

SummaryWeb 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 TechnologyThe 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 BookWeb 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 insideCreating reusable Custom Elements without a frameworkUsing the Shadow DOM for ultimate component encapsulationLeveraging newer JS features to organize and reuse codeFallback strategies for using Web Components on older browsersAbout the ReaderWritten for web developers experienced with HTML, CSS, and JavaScript.About the AuthorBen Farrell is a Senior Experience Developer at Adobe working on the Adobe Design Prototyping Team.Table of ContentsPART 1 - FIRST STEPSThe 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 TOGETHERA real-world UI component Building and supporting older browsers Component testing Events and application data flow Hiding your complexities

Genres: Programming

783 pages, Kindle Edition

Published August 15, 2019

About the author

At some point, not too long ago, I realized that much of my morality comes from my father reading Tolkien to my sister and I as we went to bed each night. Before I get too far into this bio, you should know that if your village is being threatened by Orcs, you have my sword.

I'm a writer, dreamer, Dean and a Dad. Also I'm a geek, can't forget the important things, right? Writing, exploring and the unknown have been passions throughout my life. With my debut novel THE UNSEEN, I've finally found a way to connect my interests and nerdy sci-fi pursuits.

Growing up in a small town in Western Massachusetts, I always dreamed of traveling, exploring...of going and doing. I accomplished this through steadfastly burying my nose in all the books, pouring over maps and globes, and trying to find ways to get enough money together to buy a glorious full set of encyclopedias. I found refuge in the cool stacks of the town library, I perfected my Dewey decimal system abilities through searching out anything relating to the paranormal. By twelve I had a pretty firm grasp of all the potential nuances regarding the Philadelphia Experiment, Roswell, Shag Harbor, Mokele-mbembe, Nessie, Champy, the Yeti (and all the sub-varieties around the world) and thoroughly freaked myself out with the Hopkinsville encounter. I can say with a significant amount of certainty that I was the only three sport athlete organizing UFO hunts on a semi-regular basis in the greater Franklin County area from 1995-1997. Mix all that in with a steady diet of X-Files, Mystery Science Theater 3000, TNG and New England sports, and you should get a pretty good sense of who you're dealing with.

As I hit my mid twenties and found a job that would pay me to travel and study around the world, that sense of exploration fostered on hot summer days sitting on cool marble floors, exploded into something that has pushed, pulled and challenged me since. I've been lucky enough to meet wonderful people from all over the world who've shown me that when situations are the worst, humans are often at our best. Our common language of courage, laughter and hope for the future, connects us much more than it divides.

I've tried to echo that in THE UNSEEN. My characters have become my friends, confidants, more interesting versions of myself and, at times, guideposts. You know you've punched your writer's card when you stop and wonder how a twelve year old kid you dreamed up would respond to a real life situation you're actually going through. Was that weird? That might have been weird.

I currently live in California with my wicked amazing wife and our two hilarious kids.

Reviews

[Justin · Rating 4 out of 5]

Some good information spoiled by code along learn X by building 20 apps nonsense. Just give me clear concise examples. I don't need to build a work out app just to learn how events work. It adds nothing and is distracting.

[Ivan Koma · Rating 4 out of 5]

Отличное оформление и приятный стиль, но главная проблема книги, (не говоря о том что всё успело устареть) это ее размер, почти 500 страниц для объяснения концепции веб-компонентов, это конечно похвально, но нужно понимать что люди могут потерять запал даже к художественной затянутой книге, не говоря уже о технической литературе. (Пытаюсь оправдаться т.к. многие главы просто проскролил останавливаясь на чем-то зацепившем, при этом пока скролил, видел что там была даже работа с вебкой и 3д моделями, нужно ли это в книге про веб-компоненты?)

[Avraam Mavridis · Rating 4 out of 5]

Its a good book, but as it often happens with books that try explain a fairly new technology while this technology is evolving... is kinda out-dated. e.g. shadow dom can be expressed decleratively and server rendered nowdays.

[Kristján Oddsson · Rating 4 out of 5]

A pretty solid book on Web Components but references things that have quickly become outdated. There were also whole chapters devoted to topics only tangential related to Web Components.

[Alexander · Rating 4 out of 5]

It is a very light and enjoyable read. I like how he walks the story from a simple html to a full blown app on web components.