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











 
ICT Offers
Partnership
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

HTML

  • 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

Javascript

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

JQuery

Bootstrap

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

AngularJS

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

 

www.ict-trainings.com/curriculum/angularjs-leaflet.pdf

 


Training Schedule
Download Full Calendar


17 Nov 2018

Android with IoT
Sat-Sun 11:00 AM-02:00 PM


19 Nov 2018

IELTS
Mon-Tue-Wed-Thu 04:00 PM-05:00 PM

Full Stack Development
Mon-Tue-Wed-Thu 10:00 AM-02:00 PM

CCNP RS
Mon-Tue-Wed 06:30 PM-08:30 PM

Spoken English
Mon-Tue-Wed-Thu 05:00 PM-06:00 PM


22 Nov 2018

CCNA
Thu-Fri-Sat 06:30 PM-08:00 PM

ITIL
Thu-Fri-Sat 10:00 AM-05:00 PM

MCSE-2016
Thu-Fri 06:30 PM-08:30 PM


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

Contact

Web Development

Java Android

.NET

Graphics Designing

AutoCAD

MCSE 2012

CCNA

CCNP & CCIE

SharePoint 2013

Spoken English

Ms Office

IELTS
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
ict

© Copyright 2007-2018 - ICT Trainings - All rights reserved.
Designed by Creative.