Angular JS

AngularJS is an open-source Front-end JavaScript framework.Angular JS is a framework of JavaScript for single page applications. Although it was released a few years ago, it became very popular in 2013 and now is regarded as one of the top frameworks of Javascript. Angular is what HTML would've been if it was designed for building applications. Angular teaches the browser new syntax through a construct called directives.

Overview

AngularJS is a very powerful JavaScript Framework. It is used in Single Page Application (SPA) projects. It extends HTML DOM with additional attributes and makes it more responsive to user actions. AngularJS is open source, completely free, and used by thousands of developers around the world. It is licensed under the Apache license version 2.0.

Directives

AngularJS directives are used to extend HTML. These are special attributes starting with ng- prefix. We're going to discuss following directives −

  1. ng-app − This directive starts an AngularJS Application.
  2. ng-init − This directive initializes application data.
  3. ng-model − This directive binds the values of AngularJS application data to HTML input controls.
  4. ng-repeat − This directive repeats html elements for each item in a collection.
Expressions

Expressions are used to bind application data to html. Expressions are written inside double braces like {{ expression}}. Expressions behaves in same way as ng-bind directives. AngularJS application expressions are pure javascript expressions and outputs the data where they are used.

Filters

Filters are used to change modify the data and can be clubbed in expression or directives using pipe character. Following is the list of commonly used filters.

Modules

AngularJS supports modular approach. Modules are used to separate logics say services, controllers, application etc. and keep the code clean. We define modules in separate js files and name them as per the module.js file. In this example we're going to create two modules.

Controllers

AngularJS application mainly relies on controllers to control the flow of data in the application. A controller is defined using ng-controller directive. A controller is a JavaScript object containing attributes/properties and functions. Each controller accepts $scope as a parameter which refers to the application/module that controller is to control.

Events

You can add AngularJS event listeners to your HTML elements by using one or more directives. The event directives allows us to run AngularJS functions at certain user events.An AngularJS event will not overwrite an HTML event, both events will be executed.

DOM

AngularJS has directives for binding application data to the attributes of HTML DOM elements.

  • ng-disabled : disables a given control.
  • ng-show : shows a given control.
  • ng-hide : hides a given control.
  • ng-click : represents a AngularJS click event.

 

Form

Forms in AngularJS provides data-binding and validation of input controls.We can use ng-click to handle AngularJS click on button and use $dirty and $invalid flags to do the validations in seamless way. Use no validate with a form declaration to disable any browser specific validation. Forms controls makes heavy use of Angular events.

Validation

AngularJS offers client-side form validation. AngularJS monitors the state of the form and input fields (input, textarea, select), and lets you notify the user about the current state.AngularJS also holds information about whether they have been touched, or modified, or not.You can use standard HTML5 attributes to validate input, or you can make your own validation functions.Client-side validation cannot alone secure user input. Server side validation is also necessary.

API

The AngularJS Global API is a set of global JavaScript functions for performing common tasks like:

  • Comparing objects
  • Iterating objects
  • Converting data
The Global API functions are accessed using the angular object.Below is a list of some common API functions:

Prerequisites

You should have a basic understanding of JavaScript and any text editor. As we are going to develop web-based applications using AngularJS, it will be good if you have an understanding of other web technologies such as HTML, CSS, AJAX, etc.

Course Features

Industry professionals as Trainers

  • Well researched advanced course content created by Industry professionals
  • Assignments
  • Live web design project
  • Technical HR Interview preparations
  • Exam and Industry recognised Certificate

Course Syllabus

  • Introduction
  • Basics
    • Angular App
    • Expressions
    • Scopes
    • Data Binding
    • Model
  • Angular Concepts
    • Modules
    • Directives
      • Existing Directives - ng-app, ng-repeat, ng-show, ng-hide, ng-if
      • Custom Directives - How to create directive
    • Controllers
    • Filters
      • Basic Filters - Date, Time, Currency
      • Custom Filter - How to create filter
    • Services and Providers
      • AngularJS Services - Http
      • Learn Services, Factories, Value and Providers
      • Custom Services - How to create Service/Factory/Value/Provider
    • Angular Template
      • Tables
      • DOM
      • Events
      • Forms
      • Validation
    • Angular API
    • Includes
    • Animations
    • Application
      • ngRoute
      • ngView

Upcoming Batches

Job Profile

Who Is Hiring?

Zensar_Technologies_logoSyntel-logoPersistent_logoLT_Infotech_logoCybage_logoIBM_Company_Logohexaware_logocredentek_logocognizant_logoCapgemini_logo

What Is Next?

Send Enquiry

Enter only Alphabets!Name is required.
E-mail ID is required.Invalid Email address.

Enter a valid contact no.

Loading...
Congratulations!!! Your enquiry has been sent successfully. Our executive will call you shortly. Call : 8999417889.

Contact Us

Web Touch India Solution


Mobile :
8999417889


Email Address :