JavaScript fundamentals

What are Libraries (jQuery)?

  • What is jQuery? Its Basics.
  • Introduction to Ajax.
  • Plugin Development for jQuery.

What are Web Applications?

  • The Challenge with Web Apps (SPA)
  • SPA or Web App’s?
  • To bind or not to bind? this is the question
  • MVC or MVVM Frameworks
  • Why AngularJS?

AngularJS Building Blocks for Building SPA (slides)

  • Template & live data binding ( Directives & $scope )
  • Model, View & Controller (MVC)
  • Dependency Injection ( AngularJS services )
  • Modules
  • LAB : TV Show SPA

Forms in AngularJS (slides | post)

  • ng-model directive
  • ngModelController & FormController
  • Custom Validation
  • Input directive

AngularJS Filters (slides)

  • Filter Syntax
  • AngularJS Filters
  • Custom filters

Communication (slides)

  • $.Ajax vs. $http
  • $resource
  • Promises ($q) vs. Calbacks
  • Offline / Online
  • LAB: Full TV Show Web App

AngularJS Internal (slides)

  • AngularJS Startup Process (post)
  • AngularJS Runtime
  • Scope API ($id, $watch & $apply )
  • Scope Communication
  • Template Services:
  • Injector Service (post)
  • Modules (post I | post II)
  • Caching
  • $provide service (slides | post)
  • Routing

Custom Directive (slides)

  • Template
  • Scope (post)
  • Compile function
  • Link function
  • Controller
  • Transclude
  • Animation (slides)
  • Tips & tricks

Routing and Navigation (slides)

  • $location service
  • ng-view directive
  • $route service and route object
  • Navigation flow
  • Routing broadcasted events
  • Resolve option and promise
  • Cancelling route changes

AngularJS Testing (slides)

  • Unit Testing (Jasmine.js)
  • AngulrJS Mock API’s (ngMock)
  • Unit Testing Tools
  • E2E Testing
  • ngMockE2E – $httpBackend
  • Protractor Tool

AngularJS Animation (slides)

  • CSS3-enabled Animations
  • Directive That Support Animation
  • JavaScript-enabled Animations
  • Using Animations in your own directives

AngularJS Tips & Tricks

  • Optimization & Performance
  • Debugging
  • Localization
  • Mobile
  • AngularJS External Module
Advertisements