O'Reilly logo

Stay ahead with the world's most comprehensive technology and business learning platform.

With Safari, you learn the way you learn best. Get unlimited access to videos, live online training, learning paths, books, tutorials, and more.

Start Free Trial

No credit card required

Starting with Angular 5

Video Description

Angular Version 5 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 (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: Angular-CLI repositioning & syntax usage related to its repositioning Angular-CLI & npm syntax usage Angular-CLI template output changes Material 2 Library Module massive positioning changes Material 2 inclusion and configuration syntax changes 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 This course will continue to 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 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. 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. 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. 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.

Table of Contents

  1. Angular 5 Update
    1. Course Introduction 00:01:33
    2. What is Angular? 00:01:39
    3. How this course works 00:02:22
    4. The Course Outline 00:01:22
  2. Angular 5_Let's Get Started
    1. Section Introduction 00:12:02
    2. What Do We Have Here 00:09:24
    3. Angular Architecture 00:09:11
    4. From Scaffold to Application 00:01:34
    5. Section Summary 00:01:12
  3. Angular 5_Angular Components
    1. Section Introduction 00:04:36
    2. Create a Components Project 00:01:50
    3. Working with Components 00:06:25
    4. Section Summary 00:03:15
  4. Angular 5_Angular Routing
    1. Section Introduction 00:01:38
    2. Create a Routing Project 00:06:54
    3. Let's Do Some Routing 00:08:53
    4. Section Summary 00:01:32
  5. Angular 5_Angular Services
    1. Section Introduction 00:02:25
    2. Create a Services Project 00:08:53
    3. Start Building Services 00:07:39
    4. Wiring Services Up 00:04:40
    5. Accessing Services 00:09:58
    6. Service-Enabled Components 00:03:27
    7. Finalizing our Services Implementation 00:06:40
    8. Section Summary 00:01:53
  6. Angular 5_Angular Modules
    1. Section Introduction 00:04:16
    2. Modules Defined 00:05:12
    3. Refactoring for Modules 00:05:34
    4. Finish our Modules Refactor 00:09:47
    5. Section Summary 00:04:36
  7. Angular 5_Styling Angular
    1. Section Introduction 00:02:31
    2. Integrate the Module 00:04:37
    3. Style our Components 00:12:32
    4. Section Summary 00:01:15
  8. Angular 5_Angular Forms
    1. Section Introduction 00:02:40
    2. Directives 00:07:20
    3. Pipes 00:03:24
    4. Section Summary 00:02:00
  9. Angular 5_Directives & Pipes
    1. Section Introduction 00:01:55
    2. Types of Forms 00:05:14
    3. The Angular Forms Module 00:02:46
    4. Implementing Reactive Forms 00:09:22
    5. Stying Reactive Forms 00:06:17
    6. Section Summary 00:01:44
  10. Angular 5_Course Conclusion
    1. Course Conclusion 00:02:10
    2. What Now? 00:01:59
    3. Final Comments 00:01:10