Angular js course

Lesson 1 • Setting Up the Development Environment

Guides installation of Node.js, npm, and a local server for AngularJS. Ensures every learner has a consistent, runnable workspace.

Lesson 2 • Your First AngularJS Application

Walks through bootstrapping an app with ng-app and rendering dynamic data. Reinforces architecture concepts through hands-on creation.

Lesson 3 • Core AngularJS Architecture

Explains modules, controllers, views, and the digest cycle at a conceptual level. Connects architecture to the MVC pattern introduced earlier.

Lesson 1 • Filters in Expressions

Introduces built-in filters for formatting data within expressions and templates. Learners apply currency, date, and text filters to bound data.

Lesson 2 • AngularJS Expressions

Covers expression syntax, supported operations, and limitations compared to JavaScript. Learners write expressions directly in templates.

Lesson 3 • Understanding Two-Way Data Binding

Explains how AngularJS keeps the model and view in sync automatically. Demonstrates the binding mechanism using scope variables.

Lesson 1 • Creating Custom Directives

Explains the directive definition object, restrict options, and template linking. Learners encapsulate reusable UI logic into custom directives.

Lesson 2 • Directive Scope and Isolation

Covers isolated scope, scope binding types (@, =, &), and component communication. Prevents scope pollution in complex directive trees.

Lesson 3 • Core Built-In Directives

Covers ng-repeat, ng-if, ng-show, ng-hide, and ng-class for DOM control. Builds on data binding to render lists and conditional content.

Lesson 4 • Directive Lifecycle and Compilation

Explains compile, pre-link, and post-link phases and when to use each. Enables advanced DOM manipulation within the directive pipeline.

Lesson 1 • Controllers and the $scope Object

Defines controller responsibilities and how $scope mediates between controller and view. Reinforces MVC separation introduced in Chapter 1.

Lesson 2 • Scope Inheritance and Events

Explains prototypal scope inheritance and cross-scope communication via events. Learners debug scope hierarchies using browser dev tools.

Lesson 3 • Built-In AngularJS Services

Surveys $http, $timeout, $interval, $location, and $log services. Learners integrate these services into controllers for common tasks.

Lesson 4 • Creating Custom Services

Covers factory, service, provider, value, and constant recipes for custom services. Learners extract reusable business logic from controllers.

Lesson 1 • Form Submission and Reset

Implements ng-submit, disabling submit on invalid state, and resetting form state. Completes the full form lifecycle from input to submission.

Lesson 2 • AngularJS Form Basics

Covers the FormController, novalidate attribute, and form state properties. Connects ng-model from Chapter 2 to structured form handling.

Lesson 3 • Built-In Validation Directives

Applies required, minlength, maxlength, pattern, and type validators. Learners display contextual error messages tied to validation state.

Lesson 4 • Dynamic and Nested Forms

Covers ng-form for nested forms, dynamic field generation with ng-repeat, and form arrays. Handles complex data entry scenarios.

Lesson 1 • Navigation Guards and Security

Implements route change events and resolve-based guards to restrict access. Learners protect views based on authentication state.

Lesson 2 • Defining and Navigating Routes

Covers route definitions, URL parameters, and programmatic navigation. Learners build a multi-view app with linked pages.

Lesson 3 • Route Resolvers and Data Prefetching

Teaches the resolve property to prefetch data before a view renders. Prevents empty-state flicker in data-driven views.

Lesson 4 • UI-Router for Advanced Routing

Introduces UI-Router states, nested states, and named views as an alternative to ngRoute. Enables complex layout compositions.

Lesson 1 • $resource and RESTful Resources

Uses ngResource $resource to map REST endpoints to model objects. Reduces boilerplate compared to raw $http calls.

Lesson 2 • Interceptors and Global HTTP Config

Implements $http interceptors for auth tokens, logging, and error handling. Centralises cross-cutting HTTP concerns in one place.

Lesson 3 • Promises and $q Service

Explains the promise pattern, $q.defer, $q.all, and chaining with .then. Enables sequential and parallel async operations.

Lesson 4 • $http Service and REST Basics

Covers $http GET, POST, PUT, DELETE methods and request/response configuration. Builds on the $http introduction from Chapter 4.

Lesson 1 • End-to-End Testing with Protractor

Configures Protractor to run browser-based E2E tests against AngularJS apps. Verifies full user flows from navigation to form submission.

Lesson 2 • Unit Testing with Jasmine and Karma

Sets up Karma test runner with Jasmine to unit test controllers, services, and filters. Validates isolated logic without a browser.

Lesson 3 • Build Tools and Minification

Uses Grunt or Gulp to concatenate, minify, and annotate AngularJS code. Prepares assets for production without breaking DI.

Lesson 4 • AngularJS Performance Optimisation

Covers digest cycle optimisation, one-time binding, track by in ng-repeat, and debouncing. Reduces unnecessary watchers and re-renders.