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:
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
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.
Let’s understand how this course will present itself and how we'll work within the lessons
A run through of the course matrix
Before we go head’s down with Angular, we need to prepare ourselves with some significant background info and a functioning development environment.
Let's dig thru what the Angular-CLI tool has created for us and understand how the Angular bootstrapping process works
We should understand Angular from an Architectural perspective
We're going to build apps with Angular, so let's see how we move forward from a CLI scaffolded project base
We're now primed and ready to dive deeper into Angular
Components are the most significant element in the Angular framework. We can learn how to create them and make them work for us.
Let’s create a new project for learning to use Components.
We've created some Components with the CLI tool. Now let's learn to flesh them out.
Creating and customizing Components is really pretty simple. The CLI tool helps us get them into a project and ready for code.
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.
Let's create a new project for working with the Router.
We can create a Routing Module to make our views display on que.
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.
We’ll learn to use Services to abstract application logic.
We can create a new project for building Services
We can encapsulate our data access logic in Services
Let's get our Services wired into our app
Our Components can access our Services
The Templates of our Service-enabled Components can be upgraded
Let's get the final details worked into our Services Implementation
Service are now understood and we've leveraged them in our application code to simplify our data access functionality.
Let's discover Angular's Module System
What are Modules & why do we care?
By introducing a Feature Module and a Routing Module, our app's quality can be massivly upgraded. Let’s learn how!
Implementing new Modules forces sweeping changes in our code. Let's get everything upgraded.
We learned what Modules are an what they do for our application quality.
Angular's Material2 Module is an amazing styling library. Let's learn to integrate its styled Components.
Let’s get the Material2 Module installed and configured for use.
We can update our plain old Component templets with Material2's modern, themed styling!
Styling with Material2 is simple. Our newly styled app looks fantastic with Material Design Components.
We'll learn the significance of Angular's functional Directives and Pipes features
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
Every Applications needs forms. Let's learn how Forms work in Angular so our apps can collect user input
Angular has 2 distincly different approaches for Forms development: Template-driven and Reactive
Angular Forms are broken out into their own Module. Let's see how get it into our app.
Let's learn to get Forms scaffolded, fleshed out, and functioning
Reactive Forms are awesome. Let's make them pretty.
We learned what Angular Forms are, how to get them into a project and how to code Reactive Forms for excellent UX.
We’ll pat ourselves on the back for completing this course, then let's recap what we've learned
This course cover the basics but there is so much more to learn about Angular
Thank you again for viewing this course! Go out and build with Angular!
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.