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