2015
Pluralsight
Bill Stavroulakis
2:05
English
Web Components consist of a palette of revolutionary new HTML5 standards. These finally connect the critical missing parts needed in Web Development to build highly maintainable, modular, and distributable apps. Features of Web Components such as Templates aid us in writing truly re-usable code, while Custom Elements allow us to define our own HTML elements. With the Shadow DOM we can define encapsulated DOM branches in our elements and HTML Imports are a standard wrapping up and distributing of all the previous technologies. Although these may sound fantastic, we cannot use them as yet since they are not compatible with all of the browsers out there. Fortunately, various polyfills have been released to leverage older browsers to handle these standards and even combine them with other technologies. Polymer, backed-up by Google, is definitely the most popular. This course will introduce Polymer’s basic functionality by building together a real-life administration dashboard. Lastly, the UI framework of choice will be Material Design as it is tightly coupled with numerous pre-existing polymer elements.
Introduction
3m 5s
Introduction 1m 26s
Our Application 1m 39s
Working Example - Structure
16m 46s
Introduction 0m 30s
Setting Up 0m 51s
Installations 1m 11s
The Application Shell 1m 47s
Our First Element 3m 29s
Anatomy of an Element - Properties 4m 7s
Anatomy of an Element - Computed Properties 1m 8s
Anatomy of an Element - Tap Events 1m 25s
Anatomy of an Element - Insertion Points 1m 43s
Summary 0m 31s
Working Example - Styling
12m 23s
Overview 0m 19s
Anatomy of an Element - CSS 1m 4s
Theming 2m 55s
Coloring 5m 15s
CSS Scope 0m 55s
Material Design 1m 32s
Summary 0m 20s
Routing
9m 45s
Introduction 0m 18s
The Menu 3m 54s
Routing 2m 20s
Loading Pages 2m 34s
Summary 0m 37s
Authentication
13m 45s
Introduction 0m 21s
Simple Backend JSON Server 2m 46s
Simple Backend Security 2m 10s
Login Page 4m 24s
Login Process 3m 34s
Summary 0m 28s
Profile
14m 26s
Introduction 0m 18s
The Card Element - Template If 1m 50s
Reading the Data 3m 19s
Dropdown Element - Template Repeat 2m 43s
Dropdown Element - A Cooler Select Element 3m 24s
Updating the Data 2m 14s
Summary 0m 37s
Staff List Page
22m 32s
Introduction 0m 25s
Reading the Data 3m 1s
Creating the Data 4m 46s
Updating the Data 2m 45s
Delete Items 2m 1s
Search Element 3m 20s
Search Element - Custom Events 3m 17s
Search Element - Reuse 2m 20s
Summary 0m 34s
Chat
12m 22s
Introduction 0m 26s
Showing Friends 2m 43s
Chat Page 2m 33s
Socket.IO 2m 21s
Updating Data in Real-time 3m 32s
Summary 0m 44s
Performance and Optimization
12m 23s
Introduction 0m 23s
Vulcanization - The Problem 2m 32s
Vulcanization - The Solution 3m 3s
Gulp Tasks 1m 47s
Testing 4m 10s
Summary 0m 27s
Caveats and Resources
7m 39s
Introduction 0m 26s
Browser Compatibility 0m 59s
Shady and Shadow DOM 2m 49s
SEO 0m 49s
Resources - Next Steps 1m 46s
Summary 0m 47s
pluralsight.com/courses/building-web-application-polymer-material-design
Download File Size:378.75 MB
|
