AngularJS

AngularJS Course Outline

Duration: 40–50 Hours
Level: Beginner to Intermediate
Delivery Mode: Online/Offline
Tools Used: Visual Studio Code, Node.js, npm, Angular CLI, Chrome DevTools

Module 1: Introduction to AngularJS

• What is AngularJS?
• Features and Advantages of AngularJS
• Overview of the Model-View-Controller (MVC) Architecture
• Setting Up the Development Environment
• AngularJS vs Angular (Differences)
• Creating Your First AngularJS Application

Module 2: AngularJS Basics

• AngularJS Application Structure
• Directives in AngularJS: ng-app, ng-model, ng-repeat, etc.
• Two-Way Data Binding
• Expressions in AngularJS
• AngularJS Controllers and Scopes
• Injecting Dependencies with AngularJS Services

Module 3: AngularJS Directives

• Overview of Built-In Directives
• ng-repeat, ng-show, ng-hide, ng-if, ng-switch, ng-click
• Creating Custom Directives
• Directive Controllers and Isolated Scope
• Transclusion in Directives

Module 4: AngularJS Services

• Introduction to AngularJS Services
• Built-In Services: $http, $timeout, $scope, $route, etc.
• Creating Custom Services
• Service Dependency Injection
• Factory vs Service vs Provider in AngularJS

Module 5: AngularJS Routing and Navigation

• Introduction to Routing in AngularJS
• Configuring Routes with $routeProvider
• Route Parameters and Nested Views
• Using ng-view and ng-outlet
• Redirecting and Resolving Routes
• Handling Route Guards

Module 6: AngularJS Forms and Validation

• Handling Forms in AngularJS
• AngularJS Form Validation: ng-required, ng-pattern, ng-minlength, etc.
• Custom Validation Functions
• Using ng-submit for Form Handling
• Displaying Error Messages and Conditional Styling

Module 7: AngularJS Filters

• Built-In Filters in AngularJS: currency, date, filter, json, uppercase, etc.
• Creating Custom Filters
• Using Filters in Templates and Expressions
• Filter Chaining in AngularJS

Module 8: AngularJS and AJAX

• Introduction to AJAX and Asynchronous Programming
• Making HTTP Requests with $http
• Handling JSON Data in AngularJS
• Working with REST APIs
• Handling HTTP Responses and Errors
• Promises and $q Service

Module 9: Dependency Injection in AngularJS

• What is Dependency Injection?
• How AngularJS Handles Dependency Injection
• Injecting Services into Controllers, Directives, and Filters
• Use of $injector and $provide
• Advantages of Dependency Injection in AngularJS

Module 10: Testing in AngularJS

• Introduction to Testing in AngularJS
• Unit Testing with Jasmine
• Running Tests with Karma
• Writing Tests for Controllers, Directives, and Services
• Debugging and Fixing Errors in Tests

Module 11: AngularJS Advanced Concepts (Optional)

• Customizing $http Interceptors
• Optimizing Performance in AngularJS Applications
• Lazy Loading in AngularJS
• Working with AngularJS Modules and Partials
• Best Practices for Building AngularJS Applications

Module 12: Final Project and Assessment

• Build a Complete AngularJS Application (e.g., To-Do List, Weather App, Blogging Platform)
• Code Review, Debugging, and Optimization
• Final Exam and Viva
• Certification from BACT IT Institute of Bangladesh