Angular Training in Hyderabad

• html and css beyond basics

Angular 2/4/5/6/7
• Introduction
• What is Angular
• Architecture of Angular Apps
• Setting Up the Development Environment
• Your First Angular App
• Structure of Angular Projects
• Webpack
• Angular Version History
• Course Structure

• Basic Setup
  • Introduction
  • What is TypeScript?
  • Your First TypeScript Program
  • Declaring Variables
  • Types
  • Type Assertions
  • Arrow Functions
  • Interfaces
  • Classes
  • Objects
  • Constructors
  • Access Modifiers
  • Access Modifiers in Constructor Parameters
  • Properties
  • Modules

• Introduction
  • Building Blocks of Angular Apps
  • Components
  • Generating Components Using Angular CLI
  • Templates
  • Directives
  • Services
  • Dependency Injection
  • Generating Services Using Angular CLI

Displaying Data and Handling Events
• Introduction
• Property Binding
• Attribute Binding
• Adding Bootstrap
• Class Binding
• Style Binding
• Event Binding
• Event Filtering
• Template Variables
• Two-way Binding
• Pipes
• Custom Pipes

Directives
• Introduction
• ngIf
• Hidden Property
• ngSwitchCase
• ngFor
• ngFor and Change Detection
• ngFor and Trackby
• The Leading Asterisk

• Introduction
  • Building a Bootstrap Form
  • Types of Forms
  • ngModel
  • Adding Validation
  • Specific Validation Errors
  • Styling Invalid Input Fields
  • Cleaner Templates
  • ngForm
  • ngModelGroup
  • Control Classes and Directives
  • Disabling the Submit Button
  • Working with Check Boxes
  • Working with Drop-down Lists
  • Working with Radio Buttons

• Introduction
• Building a Bootstrap Form
• Creating Controls Programmatically
• Adding Validation
• Specific Validation Errors
• Implementing Custom Validation
• Asynchronous Operations
• Asynchronous Validators
• Showing a Loader Image
• Validating the Form Input Upon Submit
• Nested FormGroups
• FormArray

• Introduction
• JSONPlaceHolder
• Getting Data
• Creating Data
• Updating Data
• Deleting Data
• OnInit Interface
• Separation of Concerns
• Extracting a Service
• Handling Errors
• Handling Unexpected Errors
• Handling Expected Errors
• Throwing Application-specific Errors
• Handling Bad Request Errors
• Importing Observable Operators and Factory Methods
• The Map Operator
• Observables vs Promises

• Introduction
• Routing in a Nutshell
• Configuring Routes
• RouterOutlet
• RouterLink
• RouterLinkActive
• Getting the Route Parameters
• Why Route Parameters Are Observables
• Routes with Multiple Parameters
• Query Parameters
• Programmatic Navigation

• Introduction
• Application Overview
• Architecture
• JSON Web Tokens
• Starter Code
• Implementing Login
• Implementing Logout
• Showing or Hiding Elements
• Showing or Hiding Elements based on the User’s Role
• Getting the Current User
• CanActivate Interface
• Redirecting Users After Logging In
• Protecting Routes Based on the User’s Role
• Accessing Protected API Resources

• Introduction
  • Preparing for Deployment
  • JIT vs AOT Compilation
  • Angular Compiler in Action
  • Building Applications with Angular CLI
  • Environments
  • Adding Custom Environments
  • Linting with Angular CLI
  • Linting in VSCode
  • Other Deployment Options

• Introduction
  • Examples of Animations
  • Different Ways to Create Animations
  • Angular Animations
  • Importing the Animations Module and Polyfills
  • Implementing a Fade-in Animation
  • Implementing a Fade-out Animation
  • States
  • Transitions
  • Animatable Properties

• Introduction
  • What is Angular Material
  • Installing Angular Material
  • Check Boxes
  • Radio Buttons
  • Selects
  • Inputs
  • Text Areas
  • Date Pickers
  • Icons
  • Buttons
  • Chips
  • Progress Spinners
  • Tooltips
  • Tabs
  • Dialogs
  • Passing Data to Dialogs
  • Other Components

HTML & XHTML

• Basic Tags and Structure
• Text and Fonts, Creating Lists
• Building the Site/Creating Links
• Working with Images, Creating Tables
• Designing Website using Tables
• Creating Frames, Inline Frames
• Framesets Creating Forms
• video tag
• audio tag DOCTYPE declaration
• W3C Standards
• DIV & SPAN
• Designing Website using DIV

• Style Sheet Basics
• Classes & IDs
• Setting Font and Text Styles
• Background Properties
• Box Properties
• Lists & Pseudo classes
• border
• padding & Margin Properties
• CSS Menus & Positions

• Introduction
• Scripting Basics
• Functions
• Working with Objects
• String Object
• Array Object
• Math & Date
• Objects
• DOM (Document Object Model)
• DOM Hierarchy
• Window Object
• Navigator
• Location
• Screen Objects
• Link Objects
• History Objects
• Select Objects Working with Forms
• Event Handling
• Form Validation
• DHTML Form Validation

• Introduction
• CSS selectors
• Effects & Animations
• Form Validation
• jQuery with Ajax
• jQuery with Database.

: Introduction to AngularJS

• What is Angular
• Difference between Angular 2.0 vs 7.0
• Angular CLI and Troubleshooting
• Node JavaScript Introduction
• Setup a Project
• Setup Node JS with Angular
• Typescript Introduction
• What is bootstrap
• Create Your Fist App

• What is Component in Angular js
• What is Module in Angular js
• Create and Start Component
• Why Components are important
• How we create a component
• Create Component using CLI
• What is nesting Component
• What is Component Template
• Omponent Styles and Selectors

• What is Data binding
• Splitting Application into Component
• String Interpolation
• What is Property Binding
• Difference between Property Binding and String Interpolation
• Binding with Custom Events
• What are Binding Properties and Events
• Two Way binding
• Combine Forms with Data binding
• Custom Properties
• What is Encapsulation
• How to Use Local Reference in Templates
• Access and DOM
• Component Lifecycle
• What is Hooks in Angular js
• Access Template with Hooks

• What is Directives
• Using Output Data Conditionally
• What is ng if and else condition
• Output List
• Styling Element with ngStyle
• How to apply css class dynamically with angular js
• How to Create Basic Attribute Directive
• What is Renderer
• What is HostBinding and HostListener
• Directive Properties

• What is Dependency Injection
• What is Services
• Logging Service and Injection
• Create Data Service
• Instance of Services
• Insert Service into Services
• How to use service in Cross Component
• What is Hierarchical Injector

• What is Routing?
• Loading of Routes
• Navigation and it path
• Styling of Router Links
• Relative Path Navigation
• De ne parameter in Routing
• Fetch Routing Parameter
• Observables
• Passing & Retrieving Parameters & Fragments
• Nested RoutingCon g Query Parameters
• Redirection Routes
• Route con guration
• Route Guards
• Protect Routes with can activate
• Navigation Controlling
• Static Data in Route
• Location Strategies

• What is Forms and how do we handle it?
• Reactive Approach
• Template Driven
• Create Template Driven Forms
• What is Registering Control
• Use and Submit of Forms
• Access of Forms
• How to add validation in use input
• Build-In Validation
• HTML5 Validation

Output Validation and Error Messages

• What is Reactive Forms
• Create Reactive form through code
• Syncing of HTML and Form
• Adding Validation
• Sumit Forms
• Grouping
• Form Control Arrays
• Custom Validators
• Relative Forms
• Async validation
• Value changes and Reacting to status

• What is Pipes in Angular
• How we use pipes
• Chaining Multiple pipes in angular
• parameterizing a pipe
• Filter Pipe
• Impure & Pure Pipe
• async Pipes