Skype | Facebook | Google+ | Home | Sitemap | Contact us | +92 321 3499131 | +971 4 221 6756

ICT Offers
Online Training

Web Designing with AngularJS

AngularJS is a modern JavaScript framework for building web-based functionality in desktop and mobile browsers. Training curriculum is designed to develop the skills necessary to implement a full-featured Web Application using AngularJS.

Web Designing with AngularJS Course Outline

[Download Outline]

Internet Basics

  • Protocols
  • Servers and there Functions
  • Internet Clients, Configuration and Use
  • Network Security
  • Internet Development
  • Internet Site Functionality Design
  • Business Concepts


  • Fundamentals of HTML
  • Basic HTML tags
  • Format text on Web Pages
  • Incorporate images
  • Create hyperlinks
  • Create complex image maps
  • Create tables and nested tables
  • Insert a form on a web page
  • Set, modify form field properties: text field, drop-down, check box, radio button
  • Validating HTML

Cascading Style Sheet - CSS

  • Introduction
  • Designing with Style Sheets
  • Style Sheet Syntax
  • ID, Class Contextual Selectors
  • Linked (External) Style Sheets
  • Cascading Order
  • Properties: Text, Font, Colors, Backgrounds, Borders
  • Floating Elements
  • Absolute and Relative Positioning i.e. Div’s etc.
  • Layering Elements with the Z-Index
  • Animation of objects


  • Introduction to JavaScript
  • Variables and  Objects
  • Decision Making Statement: If, Switch
  • Loops: For, While & Do While
  • Arrays
  • Functions and Prototypes
  • Core JavaScript Objects



  • Introduction
  • Typography
  • Tables
  • Form, Button, Images
  • Grid System


Introduction and Overview

  • Features and benefits of AngularJS
  • Extending HTML for web applications
  • Separating concerns and testability

Architecting AngularJS

Assembling the application

  • Bootstrapping the application with ng–app
  • Modularizing 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
  • Employing the controller as syntax

Demystifying Angular internals

  • Dissecting the digest cycle
  • Observing expressions with $scope.$watch()
  • Integrating external libraries with $scope.$apply()

Constructing an Interactive User Interface

Applying directives to templates

  • Binding to HTML with ng–model
  • Interleaving AngularJS expressions with HTML
  • Displaying sets of data with ng–repeat
  • Piping data into AngularJS filters
  • date
  • currency
  • filter
  • orderby

Integrating forms with AngularJS

  • Manipulating forms and inputs with the form controller
  • Binding to input fields
  • text
  • date
  • radio
  • checkbox
  • select
  • 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

Designing a Polished User Interface

Working with images and links

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

Supporting internationalization and accessibility

  • Providing local rules
  • Applying localization with ngPluralize and ngMessageFormat
  • Leveraging the ngAria module

Harnessing AngularJS Services

Navigating with the routing service

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

Connecting to external REST API data

  • Performing CRUD operations with the $http service
  • get()
  • post()
  • delete()
  • put()
  • Retrieving JSON data asynchronously
  • Mapping JSON data into JavaScript objects

Testing AngularJS functionality

  • Unit testing controllers with Jasmine
  • Mocking HTTP with $httpbackend


Web Designing & Development Android Mobile App Development SEO Internet Marketing MCSE CCNA CCNP


Web Development

Java Android


Graphics Designing






Spoken English

Ms Office

ICT Trainings facebook Icon ICT Trainings Twitter Icon ICT Google Plus Icon ICT Trainings Google Plus Icon ICT Trainings linkedin Icon
Download ICT Trainings App!
ICT Trainings - iTunes App ICT Trainings - Google Play App

© Copyright 2007-2019 - ICT Trainings - All rights reserved.
Designed by Innovative.