Learning Polymer

Learning Polymer

1h 35mIntermediate2017-08-31

Authors

Joe Marini

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

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
40,000 Toman