Angular 1 training course

JavaScript Concepts

• Scope
• Closure
• Object Orientation

Angular 1 Basics

• Conceptual overview
• Angular Philosophy
• Architecture
• MVC
• Dependency Injection
• Models
• Controllers
• $scope
• Templates
• The Digest cycle

Templating

• ng-repeat
• filters
• Built in Directives
• Data binding
• Custom directives
• Data Binding
• Two way binding
• Layout Templates
• Inversion of control (don't select, direct)
• Forms

Manipulating forms and inputs in the controller

• Binding to input fields
• text
• date
• radio
• checkbox
• select
• Toggling form control state with ng-show and ng-disabled
• HTML5 attributes: required, min, max, pattern
• Harnessing $error, $dirty, and $invalid in expressions
• Styling with Angular CSS classes: ng-valid, ng-invalid, ng-pristine, ng-dirty
• Controllers

$scope

• inheritance of $scope
• $digest and $apply

Models

• Simple models
• JSON models
• $scope and $scope inheritance

AJAX

• ng-include
• $http
• Directive templates
• JSON
• JSONP
• Application architecture

Services

• Services for network access
• Services for long lived data
• Services that return a promise
• Writing custom services
• Factories
• Values
• Constants

Directives

• Creating a simple directive
• What are directives
• Templates
• External templates
• Compile and Link
• Isolate scopes
• Transclusion

Components

• A component oriented architecture
• Controller as
• Bind to controller
• Isolate $scope
• Component Input / Output
• Building a highly scalable application through modularity
• Angular 1.5 component syntax

Modules and Modularity

• JavaScript Module Packers (Browserify / Webpack / SystemJS)
• Angular Modules
• Splitting code across multiple files
• ES6

Angular 2

• Angular 2 upgrade path
• Writing future proof Angular

Routing

• ngRoute
• uiRouter
• $routeProvider
• Configuration
• Hashbang routes
• Passing parameters
• PushState
• Angular SEO

Testing

• Unit testing with Karma and Jasmine
• End to end testing with Protractor

Animation (optional)

• ngAnimate module
• CSS3 Transitions
• CSS3 keyframe animation

CRUD (optional)

• Build a real content based app against an API

Optional Further Angular topics

• JavaScript topics - functional scope, closure and prototypical inheritance
• NodeJS, Express and Mongo back end stack
• Mongo as a service with Firebase or Parse
• SEO with Angular Apps
• Mobile app development with Phonegap
• HTML5 and CSS3