AngularJS Development

  • At times to suit you, Weekends, Evenings or Daytime
  • Small classes to focus on your learning
  • Enhance your employability

overview & enrollment

  • Course level: Intermediate
  • Total Duration: 30 Hours
  • Delivery Method: Instructor LED based Classroom Training

Following topics are included in this course:

  • Architecture of Angular Apps
  • Building blocks of Angular Apps
  • JSON overview
  • Design an Ecommerce system

Certification:

Certificate of Completion will be provided after completing the course

Skills Required

No prior knowledge on AngularJS is required. Candidate should have basic knowledge of programming concept.

full course outline

  • What is Angular?
  • Architecture of Angular Apps
  • Setup the Development Environment
  • First Angular App
  • Structure of Angular Projects
  • What is Typescript?
  • First typescript program
  • Declaring variables
  • Types
  • Types assertions
  • Arrow functions
  • Interfaces
  • Classes
  • Objects
  • Constructors
  • Access modifiers
  • Properties
  • Modules
  • Building blocks of Angular Apps
  • Components
  • Generating component using Angular CLI
  • Templates
  • Directives
  • Services
  • Dependency Injection
  • Service using Angular CLI
  • Property Binding
  • Attribute Binding
  • Adding Bootstrap
  • Class Binding
  • Style Binding
  • Event Binding
  • Event Filtering
  • Template Variables
  • Two-way Binding
  • Pipes
  • Custom Pipes
  • Component API
  • Input Properties
  • Output Properties
  • Passing event data
  • Templates
  • Styles
  • View Encapsulation
  • ngContent
  • ngContainer
  • ngIf
  • Hidden Property
  • ngSwitchCase
  • ngFor
  • ngFor and change detection, Trackby
  • The Leading Asterik
  • ngClass
  • ngStyle
  • Safe traversal operator
  • Custom directives
  • Building a Bootstrap form
  • Types of forms
  • ngModel
  • Adding Validation
  • Specific Validation Errors
  • Styling Invalid input fields
  • ngForm
  • ngModelGroup
  • Control classes and Directives
  • Working with Checkboxes
  • Drop-down Lists
  • Radio Buttons
  • Creating Controls Programmatically
  • Adding validation
  • Custom validation
  • Asynchronous operations
  • Asynchronous validators
  • Loader image
  • Nested form groups
  • FormArray
  • JSON overview
  • Getting data
  • Creating data
  • Updating data
  • Deleting data
  • Oninit interface
  • Separation of concerns
  • Extracting a service
  • Handling errors, unexpected errors and expected errors
  • Handling bad request errors
  • Global error handling
  • Extracting a reusable error handling method
  • Extracting a reusable data service
  • The map operator
  • Optimistic vs pessimistic updates
  • Observables vs promises
  • Routing in a Nutshell
  • Configuring Routes
  • Router Outlet
  • Router Link
  • Router Link Active
  • Getting the route parameters
  • Why route parameters are observables
  • Routes with multiple parameters
  • Query parameters
  • Subscribing to multiple observables
  • The SwitchMap Operator
  • Programmatic Navigation
  • Application Overview
  • Architecture
  • JSON web tokens
  • Starter Code
  • Implementing Login
  • Implementing Logout
  • Showing or hiding elements
  • Showing or hiding elements based on the Users’ role
  • Getting the current user
  • CanActivate Interface
  • Redirecting Users after Logging in
  • Protecting routes based on the user’s role
  • Design an Ecommerce system
  • Design an Admin Panel

Contact Us for Training

Close Menu