About the course

AngularJS has changed the entire picture of developing a web-based apps and managing the entire web market by offering a simplified way to manage the code. It aims to fulfill the expectations of today's generation developers who demand fast performance and responsiveness for their web applications. As a web developer, All you'll need to learn how to use new frameworks on a regular basis. AngularJS is a full-featured framework that is very popular among developers. For single-page applications, the AngularJS framework creates rich interactive features for a real-time experience. It's friendly to developers and has a supportive and active community.

What are the requirements?

  • Basic understanding of Programming
  • Basic concepts related to JS

What I am going to get from this course

  • Understand the Angularjs architecture
  • Develop components, use directives, and work with data binding
  • Work with Service and Dependency Injection
  • Create and validate model-driven forms
  • Work with the Model-View-Controller (MVC)
  • Use HTTP with Observables, routing, and pipes
  • Use custom pipes and directives
  • Perform unit testing
  • Develop attractive UI using Bootstrap

Target Audience

  • Web developers
  • Web designer
  • Students who wish to learn UI development
  • UI developer
  • Full Stack web developer

Curriculum


Module 1: Getting Started

  • 1.1  Introduction
  • 1.2  What is in Angular JS 4
  • 1.3  Creating an Angular JS 4 Project
  • 1.4  Editing our First App
  • 1.5  Understanding the Project Structure
  • 1.6  Why TypeScript. What is TypeScript

Module 2: Components, Templates & Databinding

  • 2.1  Getting Started with Components
  • 2.2  How an Angular JS 4 App gets started
  • 2.3  Understanding AppModules
  • 2.4  Using Templates & Styles
  • 2.5  First Summary
  • 2.6  Creating a new Component
  • 2.7  About Unique Selectors
  • 2.8  Using multiple Components
  • 2.9  View Encapsulation and Styling
  • 2.10  Inserting Content with ng-content
  • 2.11  Databinding Overview
  • 2.12  String Interpolation
  • 2.13  Property Binding & Event Binding Overview
  • 2.14  Property Binding
  • 2.15  Binding to Custom Properties
  • 2.16  Event Binding
  • 2.17  Binding to Custom Events
  • 2.18  Two-Way Binding

Module 3: Directives

  • 3.1  What are Directives
  • 3.2  Attribute Directives
  • 3.3  Building a Custom Attribute Directive
  • 3.4  Element Interaction with HostListener & HostBinding
  • 3.5  Directive Property Binding
  • 3.6  ngIf
  • 3.7  ngFor
  • 3.8  ngSwitch

Module 4: Services & Dependency Injection

  • 4.1  What are Services
  • 4.2  Example - Logging Service
  • 4.3  What is Dependency Injection
  • 4.4  Example - Injecting the Logging Service
  • 4.5  Services & AppModules
  • 4.6  Multiple Instances vs One Instance
  • 4.7  Using NgModules

Module 5: Routing

  • 5.1  Introduction to the Angular JS 4 Router
  • 5.2  Setting up Routes
  • 5.3  Loading Routes
  • 5.4  Navigation with Links
  • 5.5  Understanding Navigation Paths
  • 5.6  Imperative Routing (Triggered in Code)
  • 5.7  Route Parameters
  • 5.8  Extracting Route Parameters
  • 5.9  Query Parameters
  • 5.10  Extracting Query Parameters
  • 5.11  Query Parameters and the routerLink Directive
  • 5.12  Child Routes
  • 5.13  Redirecting Request
  • 5.14  Styling Active Route Links
  • 5.15  Using Guards with AppModules
  • 5.16  Guards - Can Activate
  • 5.17  Guards - Can Deactivate

Module 6: Forms

  • 6.1  Introduction to Forms in Angular JS 4
  • 6.2  Approach Basics
  • 6.3  Registering Controls
  • 6.4  Submitting a Form and Using the Output
  • 6.5  Form Properties
  • 6.6  Input Validation
  • 6.7  Form State & CSS Classes
  • 6.8  Default Values with ngModel
  • 6.9  Two-Way Binding with ngModel
  • 6.10  Form Groups
  • 6.11  Radio Button Controls
  • 6.12  Using the Form State
  • 6.13   Providing a better UX
  • 6.14  Intro The Data-Driven Approach

Module 7: Pipes

  • 7.1  What are Pipes
  • 7.2  Using Pipes
  • 7.3  Parametrizing Pipes
  • 7.4  Pipe Documentation
  • 7.5  Custom Pipes

Module 8: Http

  • 8.1  Http & Observables
  • 8.2  Required Adjustments in this Module
  • 8.3  Demo Data Source - Firebase Setup
  • 8.4  Sending a GET Request
  • 8.5  Using NgModules
  • 8.6  The Power of Observables Operators - Map (ping Data)
  • 8.7  Sending a POST Request
  • 8.8  Retrieving and Transforming Data with Observables

Module 9: Deploying an Angular JS 4 Application

  • 9.1  Intro
  • 9.2  New Project Structure
  • 9.3  What to Deploy
  • 9.4  Setting up an App for Deployment
  • 9.5  Deploying to Github Pages with the Angular JS 4 CLI
  • 9.6  Deploying to Github Pages Manually
Request a detailed syllabus.

Get Answers (Answering their questions)

What kind of learning does ITlearn360.com provide?

ITlearn360.com offers instructor-led online live sessions and classroom-based corporate trainings and bootcamps for various courses and certifications to the learners.

Who are the instructors @ITlearn360.com?

@ITlearn360.com, we have an instructor community of industry professionals who are working in leading organizations and are veterans in their respective fields. These experts belong to various industries and are willing to share their talent with learners like you.

Are classes @ITlearn360.com conducted through online video streaming?

Yes, the classes @ITlearn360.com are conducted through online video streaming where there is two-way communication between users and instructors. The users can speak by using a microphone, chat by sending a message through a chat window and share their screens with an instructor. For better understanding, users also get recorded video of the class.

Sign for next demo class