Angular: Starting with Angular 4 & 5

$99.00 $49.99

Whether you’re an IT professional, an aspiring web, mobile or service app developer, a tester, a UI designer or an architect, this Starting with Angular 4 & 5 course will get you right up to speed on Angular versions 5, 4.3, and 4. You will learn to code an Angular project with an online IDE, master frameworks, get to grips with data binding and component nesting, and so much more!

Length: 6 hrs

This title is available in the
Total Training All-Access library.

Subscribe Now

Description

With this Starting with Angular 4 & 5 training course, you will master this popular JavaScript based framework. Begin with the lessons covering the latest version 5, learning the most recent tips and tricks. Then work your way through the lessons covering version 4.3 and 4, if needed, to get an in-depth, comprehensive understanding of Angular.

Sample clip

 

Angular Version 5
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 (v5).

In this update we addressed the major changes in the Angular version 5 major release. Per our course content, including hands-on coding exercises, there were a few breaking changes in the 5.1 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.
We’ve updated all of the course’s code-along video content with version 5 code, 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. Forms are a pillar of web-based development and we feel this 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 5, there wasn’t actually an ‘Angular 3’! Confused? Don’t be. This online course will explain it all…

Keeping Current with Angular
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
  • Utilize 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

Who Is This Course For?
This Angular 5 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.

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 5.

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 a modular approach.

Each of the most important features of Angular 5 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. 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 5?
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 and 4.

Angular Version 4.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…

 

What Will I Learn?

  • Understand Angular and how it can make you a better developer
  • Code an Angular project with an online IDE
  • Learn to code with TypeScript
  • Utilize 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

Who is This Course For?

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.

More About The Course:

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.

1. Angular 5 Update
 Course Introduction (1:33)
 What is Angular? (1:39)
 How this course works (2:21)
 The Course Outline (1:22)

2. Angular 5_Let’s Get Started
 Section Introduction (12:02)
 What Do We Have Here (9:24)
 Angular Architecture (9:10)
 From Scaffold to Application (1:34)
 Section Summary (1:12)

3. Angular 5_Angular Components
 Section Introduction (4:35)
 Create a Components Project (1:50)
 Working with Components (6:25)
 Section Summary (3:15)

4. Angular 5_Angular Routing
 Section Introduction (1:38)
 Create a Routing Project (6:54)
 Let’s Do Some Routing (8:52)
 Section Summary (1:32)

5. Angular 5_Angular Services
 Section Introduction (2:24)
 Create a Services Project (8:52)
 Building Services (7:38)
 Wiring Services Up (4:40)
 Accessing Services (9:57)
 Service-Enabled Components (3:27)
 Finalizing our Services Implementation (6:39)
 Section Summary (1:53)

6. Angular 5_Angular Modules
 Section Introduction (4:16)
 Modules Defined (5:11)
 Refactoring for Modules (5:33)
 Finish our Modules Refactor (9:47)
 Section Summary (4:35)

7. Angular 5_Styling Angular
 Section Introduction (2:31)
 Integrate the Module (4:36)
 Style our Components (12:32)
 Section Summary (1:14)

8. Angular 5_Directives & Pipes
 Section Introduction (2:39)
 Directives (7:20)
 Pipes (3:23)
 Section Summary (1:59)

9. Angular 5_Angular Forms
 Section Introduction (1:54)
 Types of Forms (5:13)
 The Angular Forms Module (2:45)
 Implementing Reactive Forms (9:21)
 Styling Reactive Forms (6:16)
 Section Summary (1:43)

10. Angular 5_Course Conclusion
 Course Conclusion (2:09)
 What Now? (1:58)
 Final Comments (1:10)

11. Angular 4.3 Update
 Course Introduction (1:41)
 What is Angular? (1:39)
 How this course works (2:22)
 The Course Outline (1:22)

12. Angular 4.3_Let’s Get Started
 Section Introduction (7:44)
 What Do We Have Here (8:38)
 Angular Architecture (7:53)
 From Scaffold to Application (1:22)
 Section Summary (1:05)

13. Angular4.3_Angular Components
 Section Introduction (4:06)
 Create a Components Project (1:39)
 Working with Components (5:28)
 Section Summary (2:57)

14. Angular4.3_Angular Routing
 Section Introduction (1:30)
 Create a Routing Project (7:48)
 Let’s Do Some Routing (8:06)
 Section Summary (1:20)

15. Angular4.3_Angular Services
 Section Introduction (2:10)
 Create a Services Project (9:11)
 Building Services (8:36)
 Wiring Services Up (4:02)
 Accessing Services (9:57)
 Service-Enabled Components (3:01)
 Finalizing our Services Implementation (6:40)
 Section Summary (1:40)

16. Angular4.3_Angular Modules
 Section Introduction (3:47)
 Modules Defined (5:11)
 Refactoring for Modules (5:34)
 Finish our Modules Refactor (9:47)
 Section Summary (4:35)

17. Angular4.3_Styling Angular
 Section Introduction (2:31)
 Integrate the Module (4:00)
 Style our Components (11:54)
 Section Summary (1:06)

18. Angular4.3_Directives & Pipes
 Section Introduction (2:23)
 Directives (6:51)
 Pipes (3:05)
 Section Summary (1:59)

19. Angular4.3_Angular Forms
 Section Introduction (1:54)
 Types of Forms (5:14)
 The Angular Forms Module (2:46)
 Implementing Reactive Forms (9:19)
 Styling Reactive Forms (5:34)
 Section Summary (1:44)

20. Angular4.3_Course Conclusion
 Course Conclusion (2:09)
 What Now? (1:58)
 Final Comments (1:00)

21. Welcome to Starting With Angular 4 (Beginning of Angular 4.1 course)
 Course Introduction (1:29)
 What is Angular? (1:26)
 How this course works (1:56)
 The Course Outline (1:05)

22. Angular 4_Let’s Get Started
 Section Introduction (6:28)
 What Do We Have Here? (8:38)
 Angular Architecture (7:53)
 From Scaffold to Application (1:22)
 Section Summary (1:05)

23. Angular 4_Angular Components
 Section Introduction (4:06)
 Create a Components Project (1:39)
 Working with Components (5:28)
 Section Summary (2:57)

24. Angular 4_Angular Routing
 Section Introduction (1:30)
 Create a Routing Project (5:20)
 Let’s Do Some Routing (8:06)
 Section Summary (1:20)

25. Angular 4_Angular Services
 Section Introduction (2:10)
 Create a Services Project (6:05)
 Building Services (7:01)
 Wiring Services Up (4:02)
 Accessing Services (8:46)
 Service-Enabled Components (3:01)
 Finalizing our Services Implementation (6:40)
 Section Summary (1:40)

26. Angular 4_Angular Modules
 Section Introduction (3:47)
 Modules Defined (4:34)
 Refactoring for Modules (4:54)
 Finish our Modules Refactor (9:27)
 Section Summary (4:04)

27. Angular 4_Styling Angular
 Section Introduction (2:15)
 Integrate the Module (4:05)
 Style our Components (11:08)
 Section Summary (1:06)

28. Angular 4_Directives & Pipes
 Section Introduction (2:23)
 Directives (6:05)
 Pipes (2:45)
 Section Summary (1:44)

29. Angular 4_Course Conclusion
 Course Conclusion (1:45)
 What Now? (1:44)
 Final Comments (0:53)
 

Brett Hooper, Brett is a seasoned software engineer with a 20+ year IT career, which includes Fortune 200 clients and the US Dept. of Defense.

You may also like…