Planning for Angular concept in 3 sessions

angular_learning.md

Essential AngularJS 1.7.8 Concepts for Your Project

1. Modules & Dependency Injection

Your app uses a modular architecture:

angular.module("app", ["core", "dashboard", "jobs", ...])

Learn: • How to create and configure modules • Dependency injection with $inject annotation • Module dependencies and loading order

2. Controllers with "Controller As" Syntax

Your project uses the modern controllerAs pattern:

controller: "dashboardController",
controllerAs: "vm"

Learn:

• Controller functions vs constructor pattern

• this vs $scope usage

• Binding data to controller instance (vm.property)

• View

3. UI-Router for Navigation

Your app uses UI-Router instead of ngRoute:

$stateProvider.state("root.dashboard", {
  url: "dashboard",
  views: { body: { templateUrl: "views/dashboard/dashboard.html" }}
})

Learn: • States vs routes • Nested views and state hierarchy • URL parameters and resolve

4. Services & Factories

Your project has services like dashboardService, commonService:

Learn: • Service vs Factory vs Provider • Creating reusable business logic • HTTP requests with $http

5. Directives

Your app has a /directives folder with custom components:

Learn:

• Element, attribute, class directives

• Scope isolation (scope: {})

• Template and templateUrl

• Link function basics

• Form validations