Scribd
Upload
63 views3 pages

TOC - Angular - 02days

The two-day Angular course outline covers foundational Angular concepts including components, data binding, directives, forms, services, and routing. On day one, students will learn TypeScript, components, data binding, structural and attribute directives, template-driven forms, and pipes. Day two focuses on services, dependency injection, HTTP clients, single page applications, routing, and basic unit testing. The course requires experience with JavaScript and provides students with the skills to build Angular applications.

Uploaded by

Abhisek Banerjee
Copyright
© © All Rights Reserved
We take content rights seriously. If you suspect this is your content, claim it here.
Available Formats
Download as PDF, TXT or read online on Scribd
63 views3 pages

TOC - Angular - 02days

The two-day Angular course outline covers foundational Angular concepts including components, data binding, directives, forms, services, and routing. On day one, students will learn TypeScript, components, data binding, structural and attribute directives, template-driven forms, and pipes. Day two focuses on services, dependency injection, HTTP clients, single page applications, routing, and basic unit testing. The course requires experience with JavaScript and provides students with the skills to build Angular applications.

Uploaded by

Abhisek Banerjee
Copyright
© © All Rights Reserved
We take content rights seriously. If you suspect this is your content, claim it here.
Available Formats
Download as PDF, TXT or read online on Scribd
You are on page 1/ 3

ANGULAR COURSE OUTLINE

Duration : 02 days

Prerequisites : experienced JavaScript developers with a fairly advanced understanding of


JavaScript, including prototypes and functions as first class citizens.

Software/Hardware :
 Windows 7 or later
 Node Installer
 4GB RAM
 Latest Browser : Chrome, IE, Firefox
 Any preferred IDE (Sublime, VS Code, Notepad++ etc.)
 Internet Connection
 Permission to download and install libraries on participants’ machine

Course Outline :

Day 01

1 - Introduction to Angular
 What is Angular?
 Central Features of the Angular Framework
 Angular vs. AngularJS
 Installing and Using Angular
 Building Blocks of and Angular Application
 A Basic Angular Application

2 - Introduction to TypeScript and ES6


 Programming Languages for Use with Angular
 TypeScript Syntax
 The Type System
 Destructuring – Objects & Arrays
 Class Constructors
 Interfaces
 Working with Modules
 TypeScript Transpilation
 Arrow Functions
 Template Strings

3 - Components in Angular
 What is a Component?
 Component Decorator Properties
 Component Lifecycle Hooks
 Using a Lifecycle Hook: OnInit

4 - Data and Event Binding


 Binding Syntax
 One-Way Output Binding
 Two-Way Binding of Input Fields
 Binding Events
 Setting Element Properties

5 - Structural Directives
 Structural Directives
 Creating Tables/Lists with ngFor
 ngSwitch & ngIf/else

6 - Attribute Directives and Property Bindings


 Directive Types
 Apply Styles by Changing Classes
 Applying Styles Directly
 Directives and Property Binding

7 - Template Driven Forms


 Template Driven Forms
 Binding Input Fields
 Accessing the Form Object
 Binding the Form Submit Event
 Basic HTML5 Validation - "required" Attribute
 Angular Validations
 Displaying Form Validation State
 Displaying Field Validation State
 Displaying Validation State Using Classes
 Disabling Submit when Form is Invalid
 Submitting the Form

8 - Pipes and Data Formatting


 What are Pipes?
 Using a Built-in Pipe
 Using Pipes in HTML
 Chaining Pipes
 Custom Pipes

Day 02

9 - Service and Dependency Injection


 What is a Service?
 What is Dependency Injection?
 Injecting Services
 Lazy Loading of Module
 Multi-modules
 Exporting Modules
 Exporting Services

10 - HTTP Client
 The Angular HTTP Client
 Setting up the Root Component
 Service Using Http Client
 The Observable object type
 Making a Basic HTTP GET Call
 Using the Service in a Component
 Importing Observable Methods
 Enhancing the Service with .map() and .catch()

11 - Introduction to Single Page Application


 What is a Single Page Application (SPA)
 Single Page Application Advantages
 Implementing SPA's Using Angular
 SPA Using Angular

12 - The Angular Component Router


 Routing and Navigation
 The Component Router
 Setting up the Component Router
 Bootstrapping Routing
 App Routes
 Programmatic Navigation
 Creating Routes with Route Parameters
 Navigating with Route Parameters
 Using Route Parameter Values
 Retrieving the Route Parameter
 Guards at Gate / Authentication

13 – Unit testing : Basics using Karma & Jasmine

You might also like