Beginning Web Components with Dart

Massively simplify web development by using and creating web components with the Dart programming language.
4.4 (8 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.
64 students enrolled
$19
$75
75% off
Take This Course
  • Lectures 62
  • Length 4 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 1/2016 English

Course Description

Keeping on top of the latest progress in web development can be daunting. There are always new languages to learn, new applications to create with them, and endless possibilities. Learning web components with Dart is an excellent place to start, however. Whether you're a coding veteran or just dipping your toes, Dart will massively streamline your web development projects by eliminating endless lines of code, implementing complex features with a few clicks, and cutting down on the time and effort it takes to create top notch web components.

Get to Grips with Web Components

  • Simplify code and boost web development efficiency
  • Compose custom web components alongside existing ones
  • Learn Google's new Dart programming language
  • Use web components from Google and other powerhouses
  • Future-proof your programming skills

Master Dart Programming in Just a Few Hours

This course has been especially designed for web developers and designers who are already familiar with javascript libraries, HTML and related concepts. While you don't need to be an expert, some background knowledge certainly helps.

Over the course of 61 lectures and 4 hours of concept you will learn all the ins and outs of the Dart as well as how to create and implement web components using this programming language. You'll cover syntax and usage first and after establishing the groundwork, you'll move on to the nitty gritty of web components. That means learning all about their origins, advantages, features and proper use.

Following that, you'll work on a project that will allow you to put all that theory to practice, creating real world web applications using Dart. When finished, you'll have enough hands-on experience with Dart to be able to apply it to any relevant web development project.

Tools Used

Dart is a new programming language designed specifically for building web, server and mobile apps. It is class based and object oriented, but easy to follow. A wide range of tools, libraries and documentation makes it versatile and perfectly suited for modern web applications.

What are the requirements?

  • Each student needs a Windows 7, 8, or 10 based computer to follow along with the instructor.
  • All required tools will be acquired (open source and trial) throughout the course.
  • Student will be required to download and register a "free-trial" IDE to complete the course project

What am I going to get from this course?

  • Massively simplify web development by using and creating web components with the Dart programming language. Any modern web development project a student addresses will be a much easier effort with the efficiencies of Dart web components.
  • Replace hundreds of lines of javascript with simple tags
  • Compose custom web components with vetted existing components
  • Leverage web components from Google and other powerhouses
  • Implement complex, intricate features with no code

What is the target audience?

  • This course is best suited for web developers and designers... ideally, those with a object-oriented programming background. Even without heavy programming experience, anyone with even basic web development under their belt can follow the material in this course. This course should be avoided by those who have NOT at least worked with javascript libraries and HTML.

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: Course Introduction
03:32

Download project files here

Introduction to Dart's Tools
Preview
00:45
What Skills You Will Gain From This Course
Preview
00:38
What You Will Learn
Preview
02:10
Introduction to DartPad
Preview
01:12
First Look At a Dart Web App
Preview
01:21
Section Conclusion
Preview
00:56
Section 2: Dart Overview
03:40

What is Dart? Why do we use it?

02:35

The Dart SDK

Our Dev environment

Set up the dev environment
08:29
Webstorm demo
08:16
Section Conclusion
01:48
Section 3: Nuts and Bolts
02:15

High- level Dart

02:06

Types in Dart

Numbers
05:02
Strings
09:54
Booleans
00:59
Lists
04:15
Maps
05:12
Progress Check
01:09
Operators
02:48
Functions
04:39
Syntax Shortcuts
01:45
Conditionals
02:18
04:48

Looping

For In Loop

Section Conclusion
01:34
Section 4: Beyond Basics
Section Introduction
01:14
Classes
05:48
Interfaces
03:39
Generics
01:56
Exceptions
00:47
Futures
07:53
Isolates
01:09
Pub
01:14
Section Conclusion
01:52
Section 5: Dart and the DOM
04:19

Dart, HTML, & CSS

The DOM

05:29

CSS in DartPad

Dart Code in DartPad

Section Conclusion
01:46
Section 6: Web Components
03:36

What are Web Components

04:33

Why use them?

06:18

How do they work in the browser?

One caveat

Importing

Composition

Section Conclusion
01:53
Section 7: Polymer and Dart
03:55

What is Polymer? Why Polymer?

04:21

Shadow DOM,What's in Polymer.Dart?

How do we set up Polymer.Dart?
01:07
Section Conclusion
01:34
Section 8: Web App
05:20

A Toolbar Header

06:17

Create EventList.dart

Project Setup Test
08:24
Section Conclusion
05:48
On Deck
01:19
Section 9: Web App+
06:37

Web Services

Iteration
09:58
Iteration 2
08:42
Iteration 3
21:14
Section Conclusion
06:53
Section 10: Web App++
Section Introduction
02:18
Google Maps
09:41
Google Sign-In
04:45
Project Summary
05:19
Section 11: Course Conclusion
Summary
02:28
Request a Course
Article

Students Who Viewed This Course Also Viewed

  • Loading
  • Loading
  • Loading

Instructor Biography

Stone River eLearning, 200,000+ Happy Udemy Students

At Stone River eLearning, technology is all we teach. If you're interested in programming, development or design - we have it covered. 

Check out our huge catalog of courses and join the over 370,000 students currently taking Stone River eLearning courses. We currently offer 100+ different technology training courses on our Stone River eLearning website and are adding new courses on hot and trending topics every month. A subscription option is available for those with a real passion for learning.

Ready to start learning?
Take This Course