AngularJS 1

Learn AngularJS from AngularJS programmers and also create projects for your portfolio.

15 %
Discount

when you buy 3 or more courses

The discount will be automatically
applied at the checkout
Looking for a
2-12 months
training?
Choose JavaScript
Career Programme

Looking for a 2-12 months training?

Choose

JavaScript career programme

Upcoming dates

There are no open public schedule dates for AngularJS 1 course. We can offer you a private training or arrange a public course for you. Contact us here and we can make arrangements for your course.

Delivery Formats

This course can be attended face to face in an open classrooms, live online virtual classroom remotely from home or office, private one-to-one and on-site for your team at your office.


Course Outline

AngularJS 1 course overview

This course explains how to use AngularJS 1 to create single-page applications. After completing our AngularJS training course you will be able to create solid web applications.

Few practical AngularJS based projects at the end of the course will ensure that you can apply AngularJS on your web projects.

This short AngularJS course is hands-on, instructor-led and classroom based. This training can be taken as a part-time evening course or even on the weekends. A list of all upcoming public AngularJS training courses is given on training dragon website.


Who is AngularJS 1 training for?

This course is for you if you are interested in using AngularJS on your projects and applications.


Prerequisites for AngularJS 1 course

This course is not for beginners in JavaScript. To attend this course you must have previous working experience of JavaScript, jQuery, Ajax and OOP JavaScript. A basic knowledge of CSS3 is also required.

If you are not familiar with such topics, please consider enrolling on our Web design course, javascript / jQuery trainingAJAX course, HTML5 & CSS3 and Advanced JavaScript first. If you have already completed HTML, JavaScript courses with us please make sure you review your jQuery and JavaScript course topics before your first AngularJS class.


What will I get?

  • Training from professional AngularJS developers:

    Training Dragon consultants have been implementing professional AngularJS solutions across a wide range of projects. Those consultants write and teach our AngularJS training courses, so their experience directly informs course content.

  • Real-time Practice and Projects:

    Our AngularJS projects are designed to get you started in AngularJS. We work on industry related projects in this AngularJS course. 

  • Course Material:

    AngularJS electronic notes are included in this course.

  • Course Completion Certificate:

    After completing this training your will receive an AngularJS course completion certificate.

  • Support and Careers Advice:

    After the course if you have any problems or questions regarding AngularJS do not hesitate to contact us. Training Dragon’s trainers are expert in their fields and if you need any help with you career choice, please speak to one of our trainers.


AngularJS 1 Course Contents

Introduction and Overview

  • What is AngularJS
  • Why AngularJS
  • Features and benefits of AngularJS
  • MVC, MVVC and MV* architecture in AngularJS
  • AngularJS ABC: directives, expressions, controllers, modules

Architecting AngularJS

Assembling the application

  • Folder structure
  • Bootstrapping the application with ng-app
  • Modularising functionality with angular.module()
  • Managing dependencies with dependency injection
  • Annotating modules for minification

Coding AngularJS controllers

  • Attaching the controller with ng-controller
  • Connecting the $scope to the controller
  • Implementing controller properties and methods

Constructing an Interactive User Interface

Applying basic directives to templates

  • Binding to HTML with ng-model
  • Interleaving AngularJS expressions with HTML
  • Displaying sets of data with ng-repeat

AngularJS filters

  • Piping data into AngularJS filters
  • Filters and parameters

Integrating forms with AngularJS

  • Manipulating forms and inputs in the controller
  • Toggling form control state with ng-show and ng-disabled

Validating form input

  • Exploiting 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

Working with images and links

  • Binding image source URLs with ng-src
  • Incorporating bound links with ng-href

Harnessing AngularJS Services

Navigating with the routing service

  • Dividing application functionality across multiple views
  • Specifying the ng-view and page layout
  • Configuring the ngRoute service
  • Mapping route URLs to templates

Connecting to external REST API data

  • Performing CRUD operations with the $http service
  • Working with JSON

Extending AngularJS

Developing custom components

  • Custom services
  • Custom filters
  • Custom directives

Animating AngularJS Applications

  • Including the ngAnimate module
  • Hooking into AngularJS animation triggers
  • Writing CSS transitions and animations

View Complete Course outline

Daily schedule

The scheme below shows what a typical day at Training Dragon looks like.

10:00 11:30 11:45 13:00 14:00 15:30 15:45
Classroom Activity
This course explains how to create web pages from scratch using different techniques, such as
Tea
Break
Classroom Activity
This course explains how to create web pages from scratch using different techniques, such as
Lunch
Break
Classroom Activity
This course explains how to create web pages from scratch using different techniques, such as
Tea
Break
Classroom Activity
This course explains how to create web pages from scratch using different techniques, such as
Video Placeholder

Looking for a
2-12 months
training?

Choose

JavaScript career programme

Our Trainers

Emiliano
Emiliano
Leads our teaching team with many years of experience in teaching web development.
Ross
Ross
Brings many years of Python and Java software development experience to classrooms.
Olu
Olu
Microsoft and Oracle certified developer with years teaching experience in Android, .NET and databases.

Frequently Asked Questions

How many maximum people are on my course? 

?
To make sure that personal attention is provided to everyone in the class, we keep our classroom size very small. There are maximum 8 delegates in all our classrooms.
More questions?
We are here to answer them