책 이미지
eBook 미리보기
책 정보
· 제목 : Building Native Web Components: Front-End Development with Polymer and Vue.Js (Paperback)
· 분류 : 외국도서 > 컴퓨터 > 웹 > 웹프로그래밍
· ISBN : 9781484259047
· 쪽수 : 226쪽
· 출판일 : 2020-11-13
· 분류 : 외국도서 > 컴퓨터 > 웹 > 웹프로그래밍
· ISBN : 9781484259047
· 쪽수 : 226쪽
· 출판일 : 2020-11-13
목차
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
