Starting with Angular 4 (updated for Version 4.3)
4.7 (49 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.
318 students enrolled
Wishlisted Wishlist

Please confirm that you want to add Starting with Angular 4 (updated for Version 4.3) to your Wishlist.

Add to Wishlist

Starting with Angular 4 (updated for Version 4.3)

Stay on the cutting edge of Angular development with Angular 4...Will be updated regularly as Angular changes
4.7 (49 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.
318 students enrolled
Last updated 7/2017
Current price: $10 Original price: $100 Discount: 90% off
5 hours left at this price!
30-Day Money-Back Guarantee
  • 6 hours on-demand video
  • 2 Articles
  • 3 Supplemental Resources
  • Full lifetime access
  • Access on mobile and TV
  • Certificate of Completion
What Will I Learn?
  • Code an Angular Project with an Online IDE
  • Learn to code with TypeScript and use it's data typing features
  • Understand and use Angular's Component paradigm
  • Use Angular's powerful data binding features
  • Use Angular's improved Pipes to transform displayed data
  • Compose Components with Angular's Component Nesting capabilities
  • Implement Services in an Angular application
  • Use Dependency Injection to keep an Angular application lean
  • Modularize an application with Angular's Module system
  • Implement Routing in Angular
  • Understand what Angular is, and how it can make you the best developer ever ... and much, much more!
View Curriculum
  • Before taking this course, a student should ideally (but not absolutely) have some experience in: Creating web UI’s with normal Javascript tools (i.e. jQuery, Bootstrap, ASP.NET, AngularJS, etc.) Programming with a common object-oriented or scripting language (i.e. Java, C#, Python, PHP, etc.) JavaScript development of complete client-side solutions.

Angular Version 4.3

Purpose: To keep this course on the cutting edge of Angular technology and be consistent in providing instruction for the features found in the latest Angular release (v4.3)

In this update we addressed the major changes in the Angular version 4.3 release (scheduled for early July 2017). Per our course content, including hands-on coding exercises, there were a few breaking changes in the 4.3 beta/rc releases which ripped across much of the original project code and also included minor, non-breaking changes which outdated certain aspects of our original content. With this update we were also able to comfortably include an entirely new course content section focusing on the Angular Forms module. This Angular module has stabilized enough in the v.4.3 release to be included in the course.

We updated all of the course’s code-along video content to fix the breaking changes, including:

  1. Angular-CLI repositioning & syntax usage related to its repositioning
  2. Angular-CLI & npm syntax usage
  3. Angular-CLI template output changes
  4. Material 2 Library Module massive positioning changes
  5. Material 2 inclusion and configuration syntax changes
  6. Material 2/Animations Module repositioning

Fallout of the above deltas outdated a large percentage of the course’s existing content. Each affected video in the series was updated to reflect the current release.

The Angular Forms Module has been in flux since the inception of Angular 2. Fortunately, it has stabilized in the later 4.x releases and we feel comfortable enough in it’s current state to have included it as the topic for an entire new section in this course update. Forms are a pillar of web-based development and we feel this new content adds significant value to the course.

While closely tied to the Angular core library, but not included in it, the Material 2 styling library has endured a lengthy, rough development and release lifecycle. As this library is so closely tied to the Angular core, we’ve included content in this video series from the beginning. Again, in this current release, many breaking changes and previously unavailable features were included. We made significant changes to existing content and created additional content to appropriately cover the current state of the Material library.

As with prior updates to this video series, we applied incremental improvements to existing content (that was not updated for v.4.3 changes) in an effort to continuously improve the overall effectiveness and appeal of the entire course.

Web frameworks can be difficult enough to get your head around at the best of times. When it comes to Angular, it can be especially challenging to keep up; new versions are released every 6 months, and although the latest version is Angular 4, there wasn't actually an 'Angular 3'! Confused? Don't be. This online course will explain it all...

Keeping Current with Angular

This course will be updated regularly to reflect the constant changes in the Angular framework. We're teaching this course in a modular style rather than project-based style so that small changes in Angular can be updated right away, and not affect your ability to learn in any way. 

 Angular for All 

  • Understand Angular and how it can make you a better developer
  • Code an Angular project with an online IDE
  • Learn to code with TypeScript
  • Utilise dependency injection to keep your applications lean
  • Implement services in an Angular application
  • Get to grips with component paradigms, pipes, data binding, component nesting and more

 Master Frameworks

This Angular 4 online course was designed for those who already know a little about creating web Uis with JavaScript tools. Those who have experience programming with a common object oriented scripting language will also be at an advantage. However, absolutely no Angular experience is needed to keep up with the lessons.

What does the course cover? Everything from Angular's best practices in building components, templates, services, routes and modules to designing and building all of the above. You'll also learn how to use templates to create your application's user interface, how to extend HTML with directives, pipes and data binding, and how routing is done with modular speech.

Each of the most important features of Angular 4 have a dedicated section in this course, along with practical exercises to compound your learning and helpful guidance from our expert tutor every step of the way. Don't worry, we've covered all angles so you can learn what you need to know, and fast.

Whether you're an IT professional, an aspiring web, mobile or service app developer, a tester, a UI designer or an architect, this course will get you right up to speed on Angular 4. By the time you've finished, you'll know how Angular solutions are designed, administered and developed and will have a solid understanding of how to get Angular projects up and running.

 What is Angular 4?

Angular, or Angular JS, is a structural framework for dynamic web applications. In other words, it helps turn simple HTML into cool web apps that actually do stuff (rather than just staying static like a simple informational website would do), by using it as a template then extending its syntax to express components. Angular 4 is the newest and most recent 'majorly revamped' version. It is backwards compatible with Angular 2.


Who is the target audience?
  • This course is built for web developers who design and build UI/UX solutions for mobile and the web.
  • This course is designed for those developers who want to design with Angular as easily as they can with other JavaScript frameworks.
  • Of course, the info presented here is just as valuable for architects, testers, and product managers as they too should understand how Angular is designed and used in a complete web solution.
Compare to Other Angular Courses
Curriculum For This Course
90 Lectures
Angular 4.3 Update
4 Lectures 07:02

What is Angular? Why should we use Angular? Why is there an Angular?

Preview 01:39

Let’s understand how this course will present itself and how we'll work within the lessons

How this course works

A run through of the course matrix

The Course Outline
Let's Get Started
5 Lectures 26:42

Before we go head’s down with Angular, we need to prepare ourselves with some significant background info and a functioning development environment.

Preview 07:44

Let's dig thru what the Angular-CLI tool has created for us and understand how the Angular bootstrapping process works

What Do We Have Here?

We should understand Angular from an Architectural perspective

Angular Architecture

We're going to build apps with Angular, so let's see how we move forward from a CLI scaffolded project base

From Scaffold to Application

We're now primed and ready to dive deeper into Angular

Section Summary
Angular Components
4 Lectures 14:10

Components are the most significant element in the Angular framework.  We can learn how to create them and make them work for us.

Section Introduction

Let’s create a new project for learning to use Components.

Create a Components Project

We've created some Components with the CLI tool.  Now let's learn to flesh them out.

Working with Components

Creating and customizing Components is really pretty simple.  The CLI tool helps us get them into a project and ready for code. 

Section Summary
Angular Routing
4 Lectures 18:44

One of Angular's strongest features is it's new Router.  We can leverage it and it's simplicity to make an app behave as we want.

Section Introduction

Let's create a new project for working with the Router.

Create a Routing Project

We can create a Routing Module to make our views display on que.

Preview 08:06

Angular's new Router is a joy to work with.  We can leverage the CLI tool and then configure routes to make our Components work as we wish.

Section Summary
Angular Services
8 Lectures 45:17

We’ll learn to use Services to abstract application logic.

Section Introduction

We can create a new project for building Services

Create a Services Project

We can encapsulate our data access logic in Services

Start Building Services

Let's get our Services wired into our app

Wiring Services Up

Our Components can access our Services

Accessing Services

The Templates of our Service-enabled Components can be upgraded

Service-Enabled Components

Let's get the final details worked into our Services Implementation

Finalizing our Services Implementation

Service are now understood and we've leveraged them in our application code to simplify our data access functionality.

Section Summary
Angular Modules
5 Lectures 28:53

Let's discover Angular's Module System

Section Introduction

What are Modules & why do we care?

Modules Defined

By introducing a Feature Module and a Routing Module, our app's quality can be massivly upgraded. Let’s learn how!

Refactoring for Modules

Implementing new Modules forces sweeping changes in our code.  Let's get everything upgraded.

Finish our Modules Refactor

We learned what Modules are an what they do for our application quality.

Section Summary
Styling Angular
4 Lectures 19:31

Angular's Material2 Module is an amazing styling library.  Let's learn to integrate its styled Components.

Section Introduction

Let’s get the Material2 Module installed and configured for use.

Integrate the Module

We can update our plain old Component templets with Material2's modern, themed styling!

Style our Components

Styling with Material2 is simple. Our newly styled app looks fantastic with Material Design Components.

Section Summary
Directives & Pipes
4 Lectures 14:18

We'll learn the significance of Angular's functional Directives and Pipes features

Section Introduction

Let’s see how Structural and Attribute Directives realize our Templates true potential.


Angular's Pipes make formatting our Template contents too easy


Angular's Directives and Pipes features unlock simplicity in Component design

Section Summary
Angular Forms
6 Lectures 26:27

Every Applications needs forms.  Let's learn how Forms work in Angular so our apps can collect user input

Section Introduction

Angular has 2 distincly different approaches for Forms development: Template-driven and Reactive

Types of Forms

Angular Forms are broken out into their own Module.  Let's see how get it into our app.

Preview 02:45

Let's learn to get Forms scaffolded, fleshed out, and functioning

Implementing Reactive Forms

Reactive Forms are awesome.  Let's make them pretty.

Stying Reactive Forms

We learned what Angular Forms are, how to get them into a project and how to code Reactive Forms for excellent UX.

Section Summary
Course Conclusion
3 Lectures 05:07

We’ll pat ourselves on the back for completing this course, then let's recap what we've learned

Preview 02:09

This course cover the basics but there is so much more to learn about Angular

What Now?

Thank you again for viewing this course! Go out and build with Angular!

Final Comments
10 More Sections
About the Instructor
Stone River eLearning
4.2 Average rating
17,229 Reviews
285,612 Students
203 Courses
280,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 450,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.