Learn and Build using Polymer
3.9 (154 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.
457 students enrolled
Wishlisted Wishlist

Please confirm that you want to add Learn and Build using Polymer to your Wishlist.

Add to Wishlist

Learn and Build using Polymer

Learn how to create custom elements with Polymer and use Polymer Elements from the Polymer Catalog
3.9 (154 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.
457 students enrolled
Created by Arman Eker
Last updated 3/2016
English
Current price: $10 Original price: $40 Discount: 75% off
1 day left at this price!
30-Day Money-Back Guarantee
Includes:
  • 3 hours on-demand video
  • 1 Article
  • 1 Supplemental Resource
  • Full lifetime access
  • Access on mobile and TV
  • Certificate of Completion
What Will I Learn?
  • 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
View Curriculum
Requirements
  • Basic JavaScript and HTML/CSS Knowledge
  • A browser and a Chrome Dev Editor (which is FREE)
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!

Who is the target audience?
  • Web developers and designers looking to learn Polymer
  • Those who have researched Polymer but still find it hard to understand
Students Who Viewed This Course Also Viewed
Curriculum For This Course
Expand All 43 Lectures Collapse All 43 Lectures 03:03:49
+
What is Polymer?
3 Lectures 09:34

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

Preview 02:17

In this lecture we will learn about what Polymer is.

Preview 03:18

In this lecture we will learn about what Polymer is.

Preview 03:59

[QUIZ] Measure your knowledge with this section Quiz on Polymer
2 questions
+
Use a Polymer Element from the Polymer Catalog
7 Lectures 28:51

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

Preview 01:42

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.

Preview 05:24

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

Preview 04:27

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

Use a Polymer Element: Implement Google Map
05:14

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

Use a Polymer Element: Implement Google Map Attributes
03:04

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

Use a Polymer Element: Implement Google Map Bundle Elements
05:32

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
Polymer Element Catalog
03:28

[QUIZ] Measure your knowledge with this section Quiz on Polymer
2 questions
+
Create a Custom Element with the Polymer Library
13 Lectures 38:27

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

Register a custom element: Concept
03:44

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

Register an element: Coding
05:07

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

Add local DOM: Concept
02:35

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

Add local DOM: Coding
03:05

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

Compose with local DOM: Concept
01:09

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

Compose with local DOM: Coding
04:26

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

Use data binding: Concept
02:02

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

Use data binding: Coding
02:30

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

Declare a property: Concept
02:09

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

Declare a property: Coding
03:46

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

Bind to a property: Concept
01:03

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

Bind to a property: Coding
05:56

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

Create a Custom Element with Polymer: Summary
00:55

[QUIZ] Measure your knowledge with this section Quiz on Polymer
2 questions
+
Preparing our Professional Development Environment
2 Lectures 09:58

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

WebStorm - Our JavaScript IDE
03:44

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.

Bower - A package manager for the web
06:14

[QUIZ] Measure your knowledge with this section Quiz on WebStorm and Bower
3 questions
+
Building a To Do Web Application with Polymer
17 Lectures 01:36:17

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

Preview 01:12

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.

Creating our To Do Project
06:41

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

Overview of Custom Elements which we will develop
03:56

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.

Custom Element: todo-data
05:16

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

Custom Element: todo-view
06:43

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.

Custom Element: todo-list
04:56

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.

Custom Element: todo-item
03:08

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

Implementing Polymer Element: paper-checkbox
08:37

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

Implementing "filter" and "observe"
09:34

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

Testing "filter" and "observe"
04:31

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.

Adding a new To Do item - part1
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.

Adding a new To Do item - part 2
04:07

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

The Polymer Starter Kit
06:32

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

Organizing the Polymer Starter Kit
05:08

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

Merging the Polymer Starter Kit with our To Do App
05:02

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

Delete a To Do Task using fire() and slice()
11:03

Lecture notes
00:05
+
Thank You & What's Next?
1 Lecture 00:41

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

Thank You & What's Next?
00:41
About the Instructor
Arman Eker
3.9 Average rating
241 Reviews
1,285 Students
2 Courses
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!