Learning Polymer
1h 35mIntermediate2017-08-31
Authors

Joe Marini
Senior Developer Advocate at Google, Developer
Course details
Polymer is an open-source JavaScript library that can help you structure complex web applications. In this course, get started with Polymer, and learn how to work smarter by leveraging the power of web components—custom elements you can use just as you would built-in HTML tags. Joe Marini kicks off the course by reviewing what web components are and why they're significant, and providing a tour of a basic web app built with Polymer. Next, he discusses Polymer command-line tools, the web components catalog, and how to add components to an existing app. Plus, he shows how to build your own Polymer component, and use the command-line tools to scaffold out a basic Polymer app. To wrap up, he goes into data binding, discussing one-way binding, two-way binding, and computed properties.
Learning objectives
What is Polymer?
The Polymer command line
Using components in an app
The web components catalog
Building a web component
Defining component structure and appearance
Scaffolding a Polymer project
Creating an element
Polymer data binding
Learning objectives
What is Polymer?
The Polymer command line
Using components in an app
The web components catalog
Building a web component
Defining component structure and appearance
Scaffolding a Polymer project
Creating an element
Polymer data binding
Skills covered
PolymerProgramming LanguagesOpen SourceSoftware Development
Concepts
Introduction
- Welcome
- What you should know before watching this course
- Exercise files
- Set up the development environment
Overview of Polymer
- Web components
- So what is Polymer
- A quick Polymer app tour
Using Polymer
- The Polymer command line
- Use components in an app
- Add more components to an app
- The web components catalog
Building a Web Component
- Overview of Polymer components
- Define component structure
- Define component appearance
- Declare properties and behavior
- Use the finished component
Scaffolding a Polymer Project
- Polymer scaffolding options
- Create an element
- Create an application
- Use the starter kit
Polymer Data Binding
- Data binding overview
- One-way binding
- Two-way binding
- Computed properties
Conclusion
- Next steps