Working with Polymer.js 1 Elements
This course will go over the Polymer Element Catalog and show you the necessary tools and actions to create and publish your own custom, reusable element.
What you'll learn
Polymer.js is one of the most promising frameworks available because it allows you to use web components efficiently. In this course, Working with Polymer.js 1 Elements, you'll go over the Polymer Element Catalog to see the tools and action necessary for creating and publishing custom, reusable elements. First, you'll see some examples of each of the element sets. Next, you will create your own custom and reusable element. You'll finish with creating tests for you element as well as publishing and sharing it. By the end of this course, you'll be ready to tackle your own custom elements using Polymer.js.
Table of contents
- Introduction 0m
- General Overview 2m
- Setting Up 2m
- Bower.json 2m
- Creating Our Element: Structure 3m
- Creating Our Element: Layout 3m
- Creating Our Element: Paper Elements 1m
- Creating Our Element: Toggle Properties 2m
- Creating Our Element: Toggle Functionality 2m
- Creating Our Element: Search Action 2m
- Styling 2m
- Documentation 1m
- Landing/ Documentation Page 1m
- Summary 0m
- Introduction 0m
- Unit Testing 4m
- Async Testing 2m
- Testing with the Shadow DOM 2m
- Vulcanization - The Problem 2m
- Vulcanization - The Solution 2m
- Publishing Our Element: Github 3m
- Publishing Our Element: Demo and Landing Pages 3m
- Testing on the Cloud: Account Setup 2m
- Testing on the Cloud: Settings Setup 4m
- Sharing Our Element 2m
- Summary 1m