Highlights
- Angular Fundamentals
- JavaScript Concepts
- Basics
- Templating
- Forms
- Controllers
- Models
- AJAX
- Routing
- NodeJS
- Related Technologies
- Testing
- Animation
- Developing custom components
Course Details
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
Who should attend
Web and IT professionals who know Javascript and wish to progress and take advantage of the latest libraries.
Feedback
4.8 out of 5 average
"Our tailored course provided a well rounded introduction and also covered some intermediate level topics that we needed to know. Clive gave us some best practice ideas and tips to take away. Fast paced but the instructor never lost any of the delegates"
Brian Leek, Data Analyst, May 2022
“JBI did a great job of customizing their syllabus to suit our business needs and also bringing our team up to speed on the current best practices. Our teams varied widely in terms of experience and the Instructor handled this particularly well - very impressive”
Brian F, Team Lead, RBS, Data Analysis Course, 20 April 2022
