Lavoisier S.A.S.
14 rue de Provigny
94236 Cachan cedex
FRANCE

Heures d'ouverture 08h30-12h30/13h30-17h30
Tél.: +33 (0)1 47 40 67 00
Fax: +33 (0)1 47 40 67 02


Url canonique : www.lavoisier.fr/livre/autre/building-native-web-components/descriptif_4351828
Url courte ou permalien : www.lavoisier.fr/livre/notice.asp?ouvrage=4351828

0 article 

 Frais de port 0,01€*

Exclusivité web : à partir de 35 euros d’achat, frais de port à 1 centime pour les expéditions vers la France métropolitaine, la Suisse et l’UE avec Colissimo ou GLS

Building Native Web Components, 1st ed. Front-End Development with Polymer and Vue.js

Langue : Anglais

Auteur :

Couverture de l’ouvrage Building Native Web Components

Start developing single-page applications (SPAs) with modern architecture. This book shows you how to create, design, and publish native web components, ultimately allowing you to piece together those elements in a modern JavaScript framework.

Building Native Web Components dives right in and gets you started building your first web component. You?ll be introduced to native web component design systems and frameworks and discuss component-driven development to understand its importance in large-scale companies. You?ll then move on to building web components using templates and APIs, and custom event lifecycles. Techniques and best practices for moving data, customizing, and distributing components are also covered. Throughout, you?ll develop a foundation to start using Polymer, Vue.js, and Firebase in your day-to-day work.

Confidently apply modern patterns and develop workflows to build agnostic software pieces that can be reused in SPAs. Building Native Web Components is your guide to developing small and autonomous web components that are focused, independent, reusable, testable, and works with all JavaScript frameworks, modern browsers, and libraries.


What You Will Learn

  • Incorporate component-driven development (CDD) and design systems into your workflow
  • Build apps with reusable UI components that are agnostic to JavaScript frameworks
  • Utilize Polymer and Vue.js in your day-to-day work
  • Publish your UI components in npm (Node Package Manager)


Who This Book Is For

The book is intended for Intermediate?Advanced level readers interested in single-page applications (SPAs), as well as Polymer, Vue.js, and Firebase.

Chapter 1: Web Components
Chapter Goal: Understand the history of the web components as well as the concept and its core technologies.
Sub-Topics 
  • What is a web component?
  • History of the component
  • Browser support for web components
  • Core technologies
  • Custom elements
  • Summary

Chapter 2: Making Your First Web Component
Chapter Goal: We are going to build a simple component learning some critical concepts along the way.
Sub-Topics 
  • Getting started
  • CDD
  • Micro frameworks
  • Design systems
  • Development
  • Summary

Chapter 3:  HTML Template
Chapter Goal: We will Cover the template features provided by web component API and build a simple dropdown component using these APIs. The template API provides many low-level features needed to create UI components
Sub-Topics
  • Introducing HTML templates
  • Creating and using templates
  • Content slot API
  • Named slots
  • Creating a web component
  • Summary

Chapter 4: Communication
Chapter Goal: With web Components, we typically pass data into components by setting properties or attributes. Learn techniques and best practices when moving data to components.
Sub-Topics:  
  • Introducing communication between components 
  • Component properties
  • Component events
  • Communicating a web component 
  • Component custom attributes
  • Summary

Chapter 5: Component Lifecycle
Chapter Goal: We will cover the custom element lifecycle 
Sub-Topics: 
  • Introducing web components lifecycle
  • JavaScript class constructor and connect callback
  • Disconnected callback
  • Attribute changed callback
  • Adopted callback
  • Summary
Chapter 6: Customizing Component with Shadow DOM
Chapter Goal: In this chapter, we are going to cover how to style Web Components. 
Sub-Topics: 
  • Introducing shadow DOM
  • Global styles
  • CSS encapsulation
  • CSS custom properties
  • Dynamic CSS custom properties
  • Theming Web Components
  • Summary 

Chapter 7: Component Hierarchy and Architecture
Chapter Goal: We will learn how components can communicate with each other and where the web platform falls a bit short in aiding application architecture.
Sub-Topics: 
  • Component Data Flow
  • Note List
  • Note Detail
  • Summary

Chapter 8: Distributing Web Component
Chapter Goal:  We are going to distribute web components with cross-browser support. 
Sub-Topics: 
  • Publishing with npm
  • Polyfills
  • Browser Support
  • Installing Webpack and Babel
  • Webpack
  • Summary
Chapter 9: Polymer
Chapter Goal: We are going to use this amazing library to introduce flexibility in our web components
Sub-Topics: 
  • Getting started
  • Foundations
  • Building with Polymer
  • Summary
Chapter 10: Building an App with Web Components and Vue.js
Chapter Goal:  We will learn some concepts of Vue.js to use all our new skills to build from scratch a complete App
Sub-Topics: 
  • Vue.js concepts
  • Implementation
  • NoteBook data service
  • NoteBook routing
  • Notebook HTTP communication
  • Summary

Chapter 11: Publishing
Chapter Goal:  We are going to publish our App in the web 
Sub-Topics: 
  • Adding Firebase authentication 
  • Preparing for production
  • Sending to Firebase hosting
  • Adding a domain name
  • Summary

Carlos Rojas is an engineer with over 10 years of experience building digital products. He is focused on front-end technologies (HTML, CSS, JS, Angular, React, Polymer, and Vue.js) and edge web technologies such as web components, WebXR and Progressive Web Apps. He also has experience working with Fortune 500 companies and fast-changing business environments such as startups.

He enjoys sharing knowledge with talks in meetups, videos on YouTube, other books published by Apress, and his personal blog https://medium.com/@carlosrojas_o, helping startups and companies to run workflows to make excellent digital products. As such, his books aim to convey the love he has for the construction of scalable, high-quality products.

Hands-on guide to making your first web component

Thoroughly covers all fundamentals in using Polymer, Vue.js, and Firebase

Practical lessons by building a complete app from scratch and publishing it

Date de parution :

Ouvrage de 226 p.

17.8x25.4 cm

Disponible chez l'éditeur (délai d'approvisionnement : 15 jours).

Prix indicatif 52,74 €

Ajouter au panier