Developing MVC single-page web applications using AngularJS

Overview

Google's AngularJS JavaScript framework allows web developers to create smart clients creating rich decision making User Interfaces that enhance your end users experience. In this two-day practical course, we will teach you how to implement MVC applications using AngularJS and leverage the modern developer toolbox that includes Yeoman, Gulp and NPM.

Objectives

You will learn:
  • How to create MVC (Model View Controller) web apps using Angular
  • How to create a developer tool chain using Gulp, Karma, Bower, Istanbul and Yeoman
  • To consume RESTful services using Angular
  • The basis of Behaviour Driven Development (BDD) to test your apps
  • Code reuse, dependency injection and how to build reuse into your code

Prerequisites

It is essential you understand the face of contemporary web development to attend this course. We insist upon JavaScript experience equivalent to the skills covered in Programming with JavaScript (QAJAVSC) and recommend attending Developing Web Applications Using HTML5 (QAWEBUI) before attending this course.

Syllabus

Understanding Angular and the Modern Web

  • The open web
  • Git and software development
  • Bower, Grunt, Yeoman and Gulp
  • Understanding NPM and packaged components
  • Initialising applications and working package.json

Working with Task runners

  • Exploring task runners and generators such as Grunt and Gulp
  • Using Gulp to build an automated task runner and compiler
  • Introducing continuous integration and development
  • Building a CI/CD Gulp task runner

Setting up an Angular Application

  • Understanding AngularJS and its dependencies
  • Generating Applications using YEOMAN
  • Initialising your first Angular Application

Introducing AngularJS

  • Installing and working with the AngularJS framework
  • Creating and running Angular Apps using Generator
  • Understanding Single-Page Applications and MVC: AngularJS Views; AngularJS Models; AngularJS Controllers
  • Understanding Dependency Injection and Code Reuse

Implementing Views and Controller

  • Creating controllers to manage views
  • Declaring properties and methods in a controller
  • Binding to properties and expressions in an AngularJS template

Implementing Models and Services

  • Using $http to communicate with remote servers
  • How promises handle asynchronous communication
  • Using $http interceptors

Implementing Directives

  • Using Directives to improve HTML
  • Templates and reuse
  • Implementing Angular Directives

Working with the Angular Animation Framework

  • Enhancing the UI with Animation
  • Creating and utilizing Animations

Working with Routes

  • Components of AngularJS routes
  • Creating routes
  • Route parameters
  • Creating and resolving dependencies in routes
  • Route events

Training provider

Teaching mode: Classroom - Instructor Led
Duration: 2 days
Gooroo has partnered with the global leaders in IT training to give you access to quality training, personalised to you, targeted at increasing your job opportunities and salary.

Our pricing

We do not display pricing as Gooroo members qualify for special discounts not available elsewhere. You must enquire through Gooroo to get this benefit.

New courses are happening all the time

Our partner's expert training consultant will provide you with the times and all the details you need. Enquire today.

Top skills covered in this course

Software development / engineering
Worldwide
This skill has an average salary of
US$92,575
and is mentioned in
5.15%
of job ads.
Git
Worldwide
This skill has an average salary of
US$87,070
and is mentioned in
2.01%
of job ads.
JSON
Worldwide
This skill has an average salary of
US$94,699
and is mentioned in
1.16%
of job ads.
HTML
Worldwide
This skill has an average salary of
US$76,916
and is mentioned in
4.62%
of job ads.