AngularJS is one of the JavaScript open-source web application frameworks which is generally used to add an HTML page along with a tag. The major aim of AngularJS is to simplify the application development and testing performance by providing a framework called MVC (Model View Controller) Architecture. It enables the application to change from bulk amount of programming code into a simple code

Course Objectives:

  • The main objective of Angular JS is to reduce the code to build user interface applications
  • To create single page applications
  • To restore data from back-end server and manipulate it easily

About the Trainer

Introduction

  • Name: John Smith
  • Professional Title: Full stack developer
  • Education: Master’s in Computer Science, XYZ University
  • Expertise:
    • Over 15 years of experience in software development and architecture
    • Proficient in full-stack development with expertise in Java and web application development
  • Industry Experience:
    • Worked with leading tech companies, contributing to the development of scalable and secure applications
    • Extensive experience in designing and implementing cloud-based solutions for diverse industries
  • Training Experience:
    • Conducted numerous training sessions on cloud architecture, software development best practices, and agile methodologies
    • Received positive feedback for clear communication and hands-on, practical training approach
  • Skills:
    • Strong communication and presentation skills
    • Ability to convey complex technical concepts in an understandable manner
    • Passionate about fostering a collaborative and engaging learning environment

Checklist

Offer

10% Off on

EARLY BIRD OFFER

About this course

This course teaches Angular JS in web design using HTML page along with a tag, basics to advance concepts from realtime project implementation. These web technologies are used to develop standalone applications for desktops, tablets and mobile phones, and this course will open up this rapidly evolving field to you.

Syllabus

AngularJS Introduction

  • Introduction To Client Side Scripting Languages
  • Basics of Javascript and jQuery
  • Introduction to AngularJS and Its History
  • Why should we use AngularJS?

Execution flow

Controllers

  • Properties, Methods
  • Binding controllers with views
  • Controller hierarchy
  • Sharing data between controllers

Bootstrapping Angular APPS

  • Auto bootstrap
  • Custom bootstrap

Data Binding

  • Binding Model Objects
  • Model Objects Visibility
  • $scope
  • $rootScope
  • Difference between $scope & $rootScope
  • Using $emit and $broadcast
  • JSON advantages
  • Using JSON in Angularjs
  • Use of $watch, $digest & $apply

Understanding AngularJS Architecture

Dependency Injection

  • What is Dependency Injection?
  • Implicit DI
  • Inline Array Annotated DI
  • $inject Array Annotated DI

Expressions

  • AngularJs Expressions, AngularJS Numbers
  • AngularJS Strings, AngularJS Arrays
  • AngularJS Objects

Directives

  • Power of directives
  • Working with built in directives
    • ng-app, ng-init
    • ng-model, ng-repeat
    • ng-class, ng-template
    • ng-include
  • Working with custom directives

Filters

  • Adding Filters to Expressions, Directives
  • Working with built in filters
  • Creating custom filters

Events

  • ng-click
  • Hiding HTML Elements
  • ng-disabled
  • ng-show, ng-hide

Modules

  • Controllers Pollute the Global Namespace
  • AngularJS Application Files

AngularJS XMLHttpRequest (AJAX)

  • AngularJS $http

AngularJS Forms & Input Validation
AngularJS Service Types

  • Constants and Values, Factories
  • Services, Providers

Single Page Applications

  • What is SPA?
  • How to work with SPA in angular
  • Working with routes
  • Static & dynamic routing

REST API Calls

  • Overview of REST API
  • Use of angular resource module

Animations

  • Overview of transitions
  • Use of angular animate module

Angular with UI Frameworks

  • ui boostrap
  • anguar-meterial

Behavior Driven Development

  • Overview of Nodejs
  • installation of karma and jasmin
  • working with karma and jasmin

Sounds Intresting?