Angular Programming: Level 1

Course Description:

  The Angular Programming: Level 1 course is designed for web and application developers to build applications using the Angular Framwork.

Students will learn to use Angular Directives and to create Angular Components and Services to develop applications using Model-View-Controller (MVC) architecture. Students will also learn about using HTML Templates, Typescript and the effective usage of the Angular Router.

Topics covered in the course include:

• Create single page web applications using the MVC pattern of Angular
• Understand how write and organize Angular code
• Program Angular View Components and Services
• Use Angular output, two-way, event and property bindings
• Work with Angular Pipes to format data
• Create and work with Angular Forms
• Angular Component Router

Target Student: This course is ideal for students who have previous experience with web development using, HTML, CSS and JavaScript. Students will also want to have basic programming experience in at least one of the following programming languages, html, c#, VB, VB.net, css, javascript, typescript, ASP, ASP.net or another web or application programming language.

Chapter 1. Introducing Angular
Create a Simple Reddit Clone
Requirements and Recommendations for Running an Angular 4 Application
Running an Application - Components
Add Data to a Component
Work with Arrays
Use the User Item Component
Understanding Bootstrap
Work with the Application Component
Deploy your Applications

Chapter 2. How Angular Works
Applications and the Navigation Component
Use the Breadcrumbs Component
Use the Product List Component
Building a Product Model
Use the Component Decorator
Add Products to your Application
Understanding View and Controller Use the Product List Component
Use the Product Row Component
Additional Angular Product Components - Image, Display and Department
Use NgModule and Booting Applications
Introduction to Data Architecture

Chapter 3. Built in Directives
Use the NgIf Directive
Use the NgSwitch Directive
Use the NgStyle Directive
Use the NgClass Directive
Use the NgFor Directive and Indexing
Use the NgNonBindable Directive

Chapter 4. Forms in Angular
Use Forms in Angular
FormControl and FormGroups
Loading the FormsModule
Use the FormBuilder
Understanding Reactive Forms
Add Form Validation
Use ngModel with Forms

Chapter 5. Routing
Use When to Use Routing
How Client Siding Routing Works
Write Routes in Angular
Understanding the Components of Angular Routing
Routing Strategies
Understanding Route Parameters
Router Hooks
Nesting Routes

Chapter 6. Dependency Injection
Use Dependency Injectors
Dependency Injection Parts
Providing Dependencies with NgModule
Understanding Class and Factory Providers
Dependency Injections in Apps

We offer live-instructor group training classes for your team.

Upskill your team from the comfort of your office or online.

Benefits of Group Training Include:

• Experienced Professional Instructor Trains Your Team
• Content Focused On Your Team's Needs
• Convenient Scheduling and Class Setup
• Significant Per/Student Cost Savings
• Online, On-Site and Blended Options Available

Get A Free Consultation