EIEIOTECHNOVATION
← Training programmes

EIEIO / PROGRAMMING & DEVELOPMENT

AngularJS

Course outline

3 days

Duration

3 days

Overview

From animations to testing and everything in between, this course covers the features of AngularJS with a focus on practical scenarios and real applications. We will see how to build custom services, directives, filters, and controllers while maintaining a separation of concerns with clean JavaScript code. Hands on labs will reinforce concepts.

Prerequisites

Basic knowledge of Javascript/ Web Programming & JQuery

At Course Completion

After completing this course, you will be able to gain the knowledge and experience necessary for working with the AngularJS framework.

Module 1: Introduction to AngularJS

  • Concepts
  • Client-side templates
  • Model View Controller (MVC)
  • Data Binding
  • Dependency Injection
  • Directives
  • Up Next

Module 2: Anatomy of an AngularJS Application

  • Invoking Angular
  • Model View Controller (MVC)
  • Templates and data binding
  • Organizing dependencies with Modules
  • Formatting Data with Filters
  • Changing Views with Routes and location
  • Talking to Servers
  • Changing the DOM with Directives
  • Validating User Input
  • Moving On

Module 3: Developing AngularJS

  • Project Organization
  • Tools
  • Running Your Application
  • Testing with AngularJS
  • Unit tests
  • End-to-End/ Integration Tests
  • Compilation
  • Debugging
  • Batarang
  • Yeoman: Optimizing Your Workflow
  • Integrating AngularJS with RequireJS

Module 4: Analyzing an AngularJS App

  • The Application
  • Relationship between Model, Controller and Template
  • The Model
  • Controllers, Directives, and Services
  • The Templates
  • The Test

Module 5: Communicating with Servers

  • Communicating Over http
  • Unit testing
  • Working with RESTful Resources
  • The $q and the Promise
  • Response Interception
  • Security Considerations

Module 6: Directives

  • Directives and HTML
  • Validation API Overview

Module 7: Other Concerns

  • %location
  • AngularJS Module Methods
  • Communicating Between Scopes with $on, $emit, and $broadcast
  • Cookies Internationalization and localization
  • Sanitizing HTML & sanitizing Module

Module 8: Cheatsheet and Recipes

  • Wrapping a jQuery Datapicker
  • Filtering and Controller Communication
  • File Upload in AngularJS
  • Using SocketIO
  • A simple Pagination Service
  • Working with Servers and login

Programme scope, delivery arrangements and suitability are confirmed during enquiry.