Learn and Build using Polymer

Learn how to create custom elements with Polymer and use Polymer Elements from the Polymer Catalog
3.8 (92 ratings)
Instead of using a simple lifetime average, Udemy calculates a
course's star rating by considering a number of different factors
such as the number of ratings, the age of ratings, and the
likelihood of fraudulent ratings.
272 students enrolled
$19
$40
52% off
Take This Course
  • Lectures 43
  • Length 3 hours
  • Skill Level All Levels
  • Languages English
  • Includes Lifetime access
    30 day money back guarantee!
    Available on iOS and Android
    Certificate of Completion
Wishlisted Wishlist

How taking a course works

Discover

Find online courses made by experts from around the world.

Learn

Take your courses with you and learn anywhere, anytime.

Master

Learn and practice real-world skills and achieve your goals.

About This Course

Published 12/2015 English

Course Description

There are some Polymer courses on the web now. Which one should you take? If you're looking to quickly grasp the core concepts of Polymer with hands-on examples and want to learn from a developer/instructor with over 13 years of experience who has also launched and advised multiple tech startups then this is the course for you!

The Polymer library is designed to make it easier and faster for developers to create great, reusable components for the modern web. By the time you're done with this course you'll understand how Polymer can be used to build web applications. This includes learning the fundamentals of Polymer, how to use Polymer Elements from the Polymer Element Catalog, and how to create your own custom elements. This is a hands-on course that you can follow along with and learn by doing.

We will build a To Do Web Application from scratch! Using our own build custom components, Polymer Elements and we will use the Polymer Starter Kit to boost our development time.

Polymer is Production ready. Polymer 1.0 has been rebuilt from the ground up for speed and efficiency. The new, leaner core library makes it easier than ever to make fast, beautiful, and interoperable web components. If you haven't used Polymer before, it's time to try it out. If you haven't tried it recently, time to take another look.

The Polymer course is broken down into 3 sections.

  1. What is Polymer
  2. Use a Polymer Element
  3. Create a Custom Element with Polymer
  4. Build a To Do Web Application from scratch

By the end of the course you'll have walked through of all of the key components in Polymer, used a Polymer Element and built a working Custom Element with Polymer. If you're looking to boost your Polymer knowledge look no further than this course. It's a great technology to know and add to your resume!

What are the requirements?

  • Basic JavaScript and HTML/CSS Knowledge
  • A browser and a Chrome Dev Editor (which is FREE)

What am I going to get from this course?

  • Learn fundamental Polymer concepts
  • Create Custom Elements and save time and energy with easily reusable web components
  • Understand and use the Polymer Element Catalog
  • Learn and use Polymer Elements like google-map and iron-input
  • Learn and use Polymer Bundle Elements
  • Register a Custom Element
  • Add local DOM
  • Compose with local DOM
  • Use data binding
  • Declare a property
  • Bind to a property
  • Build a To Do Web Application
  • Use Polymer Starter Kit

What is the target audience?

  • Web developers and designers looking to learn Polymer
  • Those who have researched Polymer but still find it hard to understand

What you get with this course?

Not for you? No problem.
30 day money back guarantee.

Forever yours.
Lifetime access.

Learn on the go.
Desktop, iOS and Android.

Get rewarded.
Certificate of completion.

Curriculum

Section 1: What is Polymer?
02:17

In this lecture we will have a look at "how" we are going to learn Polymer. What the lectures and section are containing.

03:18

In this lecture we will learn about what Polymer is.

03:59

In this lecture we will learn about what Polymer is.

[QUIZ] Measure your knowledge with this section Quiz on Polymer
2 questions
Section 2: Use a Polymer Element from the Polymer Catalog
01:42

In this lecture we will have a look at what a custom element is and why and how it is used.

05:24

In this lecture we will have a look at the Google Chrome Dev Editor which we will use to build our first Custom Elements and also use Polymer Elements.

04:27

In this lecture we learn about the Google Map Polymer Element.

05:14

In this lecture we will learn how to implement the Google Map Polymer Element.

03:04

In this lecture we will dive deeper into the Google Map Polymer Element and look at Attributes.

05:32

In this lecture we will dive even deeper into the Google Polymer Element and have a look at Bundles.

03:28

In this lecture we will have a look at the Polymer Element Catalog and learn about following:

  • Iron Elements
  • Paper Elements
  • Google Web Components
  • Gold Elements
  • Neon Elements
  • Platinum Elements
  • Molecules
[QUIZ] Measure your knowledge with this section Quiz on Polymer
2 questions
Section 3: Create a Custom Element with the Polymer Library
03:44

In this lecture we will have a look at the concept of registering a custom element.

05:07

In this lecture we will implement the concept learned about registering a custom element.

02:35

In this lecture we will have a look at the concept of adding a local DOM to our custom element.

03:05

In this lecture we will implement the concept learned about adding a local DOM.

01:09

In this lecture we will have a look at the concept of composing with local DOM.

04:26

In this lecture we will implement the concept learned about composing with local DOM.

02:02

In this lecture we will have a look at the concept of using data binding in our custom element.

02:30

In this lecture we will implement the concept learned about using data binding.

02:09

In this lecture we will have a look at the concept of declaring a property inside our custom element.

03:46

In this lecture we will implement the concept learned about declaring a property.

01:03

In this lecture we will have a look at the concept of binding to a property.

05:56

In this lecture we will implement the concept learned about binding to a property.

00:55

In this lecture we will summarize what we have learned about custom elements build with Polymer Library.

[QUIZ] Measure your knowledge with this section Quiz on Polymer
2 questions
Section 4: Preparing our Professional Development Environment
03:44

In this lecture we will learn about WebStorm JavaScript IDE. We will download and install it.

06:14

In this lecture we will learn about Bower, a package manager for the web. We will the install necessary prerequisites and then install and test Bower.

[QUIZ] Measure your knowledge with this section Quiz on WebStorm and Bower
3 questions
Section 5: Building a To Do Web Application with Polymer
01:12

In this lecture we will have a look at the development Roadmap of our To Do Web Application.

06:41

In this lecture we will create our To Do project in WebStorm. Also we will install the Polymer Library, Polymer Iron elements and Polymer Paper elements using Bower.

03:56

In this lecture we will look at which type of Custom Elements we are going to build using the Polymer Library.

05:16

In this lecture we will build our todo-data custom element. The todo-data custom element will be used to fetch our To Do data from a data source. But in this lecture it will store the data locally inside the custom element.

06:43

In this lecture we will build todo-view custom element. This element contains the visuals and also the data.

04:56

In this lecture we will build todo-list custom element. This element will define which To Do item will be displayed in which list. For example an uncompleted To Do task will be inside the uncompleted to do tasks list.

03:08

In this lecture we will build todo-item custom element. This element will contain each individual to do task. For example it will decide whether the check box for a specific to do item is unchecked or not.

08:37

In this lecture we will implement the Polymer paper-checkbox element.

09:34

In this lecture we will implement "filter" and "observe" inside "dom-repeat" to filter to do tasks and also detect any changes.

04:31

In this lecture we will test our implementation of "filter" and "observe".

09:46

In this lecture we will add a new To Do item to our To Do lists. It will be added via a paper-input element from the Polymer Element library.

04:07

In this lecture we will add a new To Do item to our To Do lists. It will be added via a paper-input element from the Polymer Element library.

06:32

In this lecture we will learn about Polymer Starter Kit, download and use it.

05:08

In this lecture we will organize our Polymer Starter Kit so that we will be able to implement our To Do Web Application.

05:02

In this lecture we will merge our To Do Web Application with our modified Polymer Starter Kit and have our first major outcome.

11:03

In this lecture we will delete a To Do Task from our todos array.

Lecture notes
Article
Section 6: Thank You & What's Next?
00:41

Thank you for your participation. If you liked the course please leave us a review! It helps us a lot.

Students Who Viewed This Course Also Viewed

  • Loading
  • Loading
  • Loading

Instructor Biography

Arman Eker, Tech Entrepreneur, SAP PI & AngularJS & Polymer Expert

In 2008 I started my career as a SAP Process Integration Technology Consultant. I got my SAP Process Integration certificate the same year. I developed and managed 100+ projects and worked with 20+ customers. Some of these are: SAP, Shell, Nike, Exxon Mobile, Vodafone etc.

In 2012 I founded my first Startup in which we create a social network based event discovery web platform using technologies like, Redis, Elasticsearch, MongoDB, JavaScript etc. We got funded the same year but had to pivot after difficulties in growth.

In 2014 I developed a Facebook based Backgammon game using ActionScript and successfully grew over 10K MAU. Once we sold our product I continued with my entrepreneurship career in building an IoT Startup in which we collect sales data in real time from traditional retail stores to create sales analytic for CPG companies like Unilever, Coca Cola, PepsciCo etc. Right now we use technologies like AngularJS, NodeJS, MongoDB, SAP HANA, Amazon Elastic Beanstalk, Polymer etc.

What's next? Who know. I'm passionate to solve life problems by developing simple to use solutions.

In my free time I love to teach on Udemy, read books, follow news of Elon Musk and dream about the future!


Ready to start learning?
Take This Course