SlideShare a Scribd company logo
1 of 18
JAVA SCRIPT
 What is JAVA Script?
 Basic JS
 Variables
 Comments
 Operators
 Functions
 Conditional Statements
 Events
 Control Flow or Error Handling
 Loops & Iterations
 Number & Dates
 Text Formatting
 with Objects
 Properties
 Defining Methods

PROTOTYPES
 Understanding Inheritance
 Static Properties
 Public / Private Properties
 Closures
IMMEDIATE INVOCABLE FUNCTIONS (IIF)
 Static Mode
 Call Backs
DYNAMIC UI CREATION
 Understanding for each Loop
 Get
 Post
 Calling Rest Full APIs
TWITTER BOOTSTRAP
 Understanding Grid Layout
 Creating Different Form Layouts
 Creating Navigation Bars
 Understanding glyphicons
GETTING STARTED WITH TYPESCRIPT
 Installing Typescript
 Compiling the code
 Building a simple demo.
UNDERSTANDING CLASSES
 Building a class
 Adding properties
 Demo of using classes in typescript
 What is Inheritance
 How to inherit the classes
 Understanding interfaces
WORKING WITH MODULES
 What are Modules in Typescript
 When to use modules
 Demo on building modules.

 GENERICS

 What are Modules in Typescript
 When to use generics
 Demo on working with generics.
 What is angular 2.X
 Working with our build tool
 Setting up out template
INTRODUCTION TO THE BASICS
 Creating a simple component
 Using multiple modules
 Understanding template types
 Displaying data in our templates
 Working with events
 Using properties
 Using two-way data binding
 Adding CSS to our component
 Components, Bootstrap, and the DOM
 Directives and pipes
 Data binding
 Dependency injection
 Services and other business logic
 Data persistence
 Routing
CREATING A BASIC MODULE
 Using more complex data
 Creating a subcomponent
 Using multiple subcomponents
 Cleaning up components
 Filtering content through data pipes
COMPONENTS
• Component metadata
• The component selector
• The component template
• Styling a component
• Using other components in a component
• Interpolation and the expression context
• Property binding
• Event binding
• Getting data to the component with input
• Subscribing to component events with output
DIRECTIVES AND PIPES
• Structural directives—ng-if
• Structural directives—ng-for
• Attribute directives—built in
• Attribute directives—custom
• Using directive values
• Working with events in directives
• Angular pipes—built in
• Angular pipes—custom
FORMS
• Angular forms
• Template-driven forms
• Model-driven forms
• Validation--built in
• Validation—custom
• Error handling
DEPENDENCY INJECTIONS AND SERVICES
 How Angular does dependency injection
 Services in angular
 Class constructor injection
 Building a service
 Provider registration at bootstrap
 The inject decorator
 The opaque token
HTTP
 The angular 2 HTTP bundle
 Using a mock back end for HTTP calls
 Using HTTP for GET calls
 Using Url Search Params
 Using HTTP for POST, PUT and DELETE calls
ROUTING
 The Angular 2 routing bundle
 Route configuration
 Router outlets
 Router links
 Using the router class to navigate
Difference between Angular-1.X and Angular -4.0
Understanding component architecture
Dependency injection design pattern
NG SET UP
 Initializing Angular CLI.
 Initializing Web page.
 Set up VS code.
 Adding required templates to VS code.
 Set up GIT LAB
CREATING THE GATHERING PROJECT REQUIREMENT
BUILDING THE COMPONENT
 Understanding the decorators
 Understanding the Selectors
 Understanding the Providers
 Referring the Component in the Application
 Adding Component to the module
BUILDING THE MODULE
 Understanding NG Module
 Declarations
 mports
 Exports
 Providers
COMPONENT LIFE CYCLE
 Understanding Component life cycle Hooks
 Understanding various Interfaces
 Consuming classes in component
 Consuming Interfaces in Component
 Consuming Component in a component
RX JS - REACTIVE PROGRAMING
 Understanding what is reactive programming
 What are Observables
 What is a Subject
 Map Method
REST API CALLS
 HTTP Calls with Observables
 Error handling
 Streaming
 Integrating with third party API"s
BUILD IN DIRECTIVES
 * ngFor
 * ngIf , Else
 Show and hide elements
 Rendering Images in Angular 4.0
 Rendering Tables in Angular 4.0
PROVIDERS
 How to Use Providers
 Communicate with Component
 Working with RXJS in Providers
CREATING PIPES
 Understanding Build in pipes
 Creating Custom pipes
ADVANCES ANGULAR 4.0
 Working with Routing
 Authenticating and Authorization
 Component to component communication
 Understanding input output methods
 Understanding Subjects
 Understanding Event emitters
SETTING UP REVERSE PROXY WITH WEBSERVER
 NPage nation
 Calendar
 More
CONCLUSION
Additional benefits from NBITS
 Course Material
 Sample resumes and Fine tuning of Resume
 Interview Questions
 Mock Interviews by Real time Consultants
 Certification Questions
 Job Assistance.

More Related Content

What's hot

Introduction to MVC Web Framework with CodeIgniter
Introduction to MVC Web Framework with CodeIgniterIntroduction to MVC Web Framework with CodeIgniter
Introduction to MVC Web Framework with CodeIgniter
Pongsakorn U-chupala
 
Component based architecture
Component based architectureComponent based architecture
Component based architecture
Zaiyang Li
 
Client Object Model - SharePoint Extreme 2012
Client Object Model - SharePoint Extreme 2012Client Object Model - SharePoint Extreme 2012
Client Object Model - SharePoint Extreme 2012
daniel plocker
 

What's hot (19)

Building blocks of Angular
Building blocks of AngularBuilding blocks of Angular
Building blocks of Angular
 
React Native
React NativeReact Native
React Native
 
Feature flag launchdarkly
Feature flag launchdarklyFeature flag launchdarkly
Feature flag launchdarkly
 
Codeigniter Introduction
Codeigniter IntroductionCodeigniter Introduction
Codeigniter Introduction
 
CodeIgniter - PHP MVC Framework by silicongulf.com
CodeIgniter - PHP MVC Framework by silicongulf.comCodeIgniter - PHP MVC Framework by silicongulf.com
CodeIgniter - PHP MVC Framework by silicongulf.com
 
Angular overview
Angular overviewAngular overview
Angular overview
 
Understanding iOS from an Android perspective
Understanding iOS from an Android perspectiveUnderstanding iOS from an Android perspective
Understanding iOS from an Android perspective
 
Tell Me Quando - Implementing Feature Flags
Tell Me Quando - Implementing Feature FlagsTell Me Quando - Implementing Feature Flags
Tell Me Quando - Implementing Feature Flags
 
Introducing Ruby/MVC/RoR
Introducing Ruby/MVC/RoRIntroducing Ruby/MVC/RoR
Introducing Ruby/MVC/RoR
 
Angular 2 - Core Concepts
Angular 2 - Core ConceptsAngular 2 - Core Concepts
Angular 2 - Core Concepts
 
Angular.js presentation
Angular.js presentationAngular.js presentation
Angular.js presentation
 
Introduction to MVC Web Framework with CodeIgniter
Introduction to MVC Web Framework with CodeIgniterIntroduction to MVC Web Framework with CodeIgniter
Introduction to MVC Web Framework with CodeIgniter
 
Introduction to API Design: REST and Java
Introduction to API Design: REST and JavaIntroduction to API Design: REST and Java
Introduction to API Design: REST and Java
 
User Forms & API integration
User Forms & API integrationUser Forms & API integration
User Forms & API integration
 
Component based architecture
Component based architectureComponent based architecture
Component based architecture
 
Client Object Model - SharePoint Extreme 2012
Client Object Model - SharePoint Extreme 2012Client Object Model - SharePoint Extreme 2012
Client Object Model - SharePoint Extreme 2012
 
Marlabs - ASP.NET Concepts
Marlabs - ASP.NET ConceptsMarlabs - ASP.NET Concepts
Marlabs - ASP.NET Concepts
 
Case Study: Integration Automation Create Delightful API Docs
Case Study: Integration Automation Create Delightful API DocsCase Study: Integration Automation Create Delightful API Docs
Case Study: Integration Automation Create Delightful API Docs
 
Android application architecture
Android application architectureAndroid application architecture
Android application architecture
 

Similar to Angular js Training in Hyderabad

AngularJS = Browser applications on steroids
AngularJS = Browser applications on steroidsAngularJS = Browser applications on steroids
AngularJS = Browser applications on steroids
Maurice De Beijer [MVP]
 

Similar to Angular js Training in Hyderabad (20)

Angular 7 training_topics
Angular 7 training_topicsAngular 7 training_topics
Angular 7 training_topics
 
Dot net training bangalore
Dot net training bangaloreDot net training bangalore
Dot net training bangalore
 
Angular from Zero to Mastery - Training (Intermediate)
Angular from Zero to Mastery - Training (Intermediate)Angular from Zero to Mastery - Training (Intermediate)
Angular from Zero to Mastery - Training (Intermediate)
 
D17251 gc20 47_us
D17251 gc20 47_usD17251 gc20 47_us
D17251 gc20 47_us
 
Mvc training By Jaganath Rao Niku
Mvc training By Jaganath Rao NikuMvc training By Jaganath Rao Niku
Mvc training By Jaganath Rao Niku
 
Angular 9
Angular 9 Angular 9
Angular 9
 
A Beginners Guide to Custom Connectors for Power Apps and Power Automate
A Beginners Guide to Custom Connectors for Power Apps and Power AutomateA Beginners Guide to Custom Connectors for Power Apps and Power Automate
A Beginners Guide to Custom Connectors for Power Apps and Power Automate
 
Java UI Course Content
Java UI Course ContentJava UI Course Content
Java UI Course Content
 
Angular patterns
Angular patternsAngular patterns
Angular patterns
 
AngularJS = Browser applications on steroids
AngularJS = Browser applications on steroidsAngularJS = Browser applications on steroids
AngularJS = Browser applications on steroids
 
Angular 4 Training | Angular Js training in Hyderabad
Angular 4 Training | Angular Js training in HyderabadAngular 4 Training | Angular Js training in Hyderabad
Angular 4 Training | Angular Js training in Hyderabad
 
Best Angular JS training in Hyderabad, India
Best Angular JS training in Hyderabad, IndiaBest Angular JS training in Hyderabad, India
Best Angular JS training in Hyderabad, India
 
Oracle Framework Training in Bangalore by myTectra
Oracle Framework Training in Bangalore by myTectraOracle Framework Training in Bangalore by myTectra
Oracle Framework Training in Bangalore by myTectra
 
Angular EE - Special Workshop by Nir Kaufman
Angular EE - Special Workshop by Nir KaufmanAngular EE - Special Workshop by Nir Kaufman
Angular EE - Special Workshop by Nir Kaufman
 
Angular Basics.pptx
Angular Basics.pptxAngular Basics.pptx
Angular Basics.pptx
 
Mean stack training-course-content
Mean stack training-course-contentMean stack training-course-content
Mean stack training-course-content
 
Building a website with angular 2
Building a website with angular 2Building a website with angular 2
Building a website with angular 2
 
Letsleads dot net-syllabus
Letsleads dot net-syllabusLetsleads dot net-syllabus
Letsleads dot net-syllabus
 
6 Months Dotnet internship in Noida
6 Months Dotnet internship in Noida6 Months Dotnet internship in Noida
6 Months Dotnet internship in Noida
 
Mastering angular - Dot Net Tricks
Mastering angular - Dot Net TricksMastering angular - Dot Net Tricks
Mastering angular - Dot Net Tricks
 

More from CHENNAKESHAVAKATAGAR

More from CHENNAKESHAVAKATAGAR (7)

Sap hana training in hyderabad
Sap hana training in hyderabad Sap hana training in hyderabad
Sap hana training in hyderabad
 
Sap bods Training in Hyderabad | Sap bods Online Training
Sap bods Training in Hyderabad | Sap bods  Online Training Sap bods Training in Hyderabad | Sap bods  Online Training
Sap bods Training in Hyderabad | Sap bods Online Training
 
Rpa blue prismTraining in Hyderabad
Rpa blue prismTraining in HyderabadRpa blue prismTraining in Hyderabad
Rpa blue prismTraining in Hyderabad
 
Python Training in Hyderabad
Python Training in HyderabadPython Training in Hyderabad
Python Training in Hyderabad
 
Nodejs Training in Hyderabad
Nodejs Training in HyderabadNodejs Training in Hyderabad
Nodejs Training in Hyderabad
 
Hadoop Training in Hyderabad
Hadoop Training in HyderabadHadoop Training in Hyderabad
Hadoop Training in Hyderabad
 
Datascience Training in Hyderabad
Datascience Training in HyderabadDatascience Training in Hyderabad
Datascience Training in Hyderabad
 

Recently uploaded

Spellings Wk 4 and Wk 5 for Grade 4 at CAPS
Spellings Wk 4 and Wk 5 for Grade 4 at CAPSSpellings Wk 4 and Wk 5 for Grade 4 at CAPS
Spellings Wk 4 and Wk 5 for Grade 4 at CAPS
AnaAcapella
 
會考英聽會考英聽會考英聽會考英聽會考英聽會考英聽會考英聽會考英聽會考英聽會考英聽
會考英聽會考英聽會考英聽會考英聽會考英聽會考英聽會考英聽會考英聽會考英聽會考英聽會考英聽會考英聽會考英聽會考英聽會考英聽會考英聽會考英聽會考英聽會考英聽會考英聽
會考英聽會考英聽會考英聽會考英聽會考英聽會考英聽會考英聽會考英聽會考英聽會考英聽
中 央社
 

Recently uploaded (20)

Mattingly "AI & Prompt Design: Named Entity Recognition"
Mattingly "AI & Prompt Design: Named Entity Recognition"Mattingly "AI & Prompt Design: Named Entity Recognition"
Mattingly "AI & Prompt Design: Named Entity Recognition"
 
How To Create Editable Tree View in Odoo 17
How To Create Editable Tree View in Odoo 17How To Create Editable Tree View in Odoo 17
How To Create Editable Tree View in Odoo 17
 
diagnosting testing bsc 2nd sem.pptx....
diagnosting testing bsc 2nd sem.pptx....diagnosting testing bsc 2nd sem.pptx....
diagnosting testing bsc 2nd sem.pptx....
 
Improved Approval Flow in Odoo 17 Studio App
Improved Approval Flow in Odoo 17 Studio AppImproved Approval Flow in Odoo 17 Studio App
Improved Approval Flow in Odoo 17 Studio App
 
Spellings Wk 4 and Wk 5 for Grade 4 at CAPS
Spellings Wk 4 and Wk 5 for Grade 4 at CAPSSpellings Wk 4 and Wk 5 for Grade 4 at CAPS
Spellings Wk 4 and Wk 5 for Grade 4 at CAPS
 
Andreas Schleicher presents at the launch of What does child empowerment mean...
Andreas Schleicher presents at the launch of What does child empowerment mean...Andreas Schleicher presents at the launch of What does child empowerment mean...
Andreas Schleicher presents at the launch of What does child empowerment mean...
 
ANTI PARKISON DRUGS.pptx
ANTI         PARKISON          DRUGS.pptxANTI         PARKISON          DRUGS.pptx
ANTI PARKISON DRUGS.pptx
 
An Overview of the Odoo 17 Knowledge App
An Overview of the Odoo 17 Knowledge AppAn Overview of the Odoo 17 Knowledge App
An Overview of the Odoo 17 Knowledge App
 
會考英聽會考英聽會考英聽會考英聽會考英聽會考英聽會考英聽會考英聽會考英聽會考英聽
會考英聽會考英聽會考英聽會考英聽會考英聽會考英聽會考英聽會考英聽會考英聽會考英聽會考英聽會考英聽會考英聽會考英聽會考英聽會考英聽會考英聽會考英聽會考英聽會考英聽
會考英聽會考英聽會考英聽會考英聽會考英聽會考英聽會考英聽會考英聽會考英聽會考英聽
 
VAMOS CUIDAR DO NOSSO PLANETA! .
VAMOS CUIDAR DO NOSSO PLANETA!                    .VAMOS CUIDAR DO NOSSO PLANETA!                    .
VAMOS CUIDAR DO NOSSO PLANETA! .
 
PSYPACT- Practicing Over State Lines May 2024.pptx
PSYPACT- Practicing Over State Lines May 2024.pptxPSYPACT- Practicing Over State Lines May 2024.pptx
PSYPACT- Practicing Over State Lines May 2024.pptx
 
FICTIONAL SALESMAN/SALESMAN SNSW 2024.pdf
FICTIONAL SALESMAN/SALESMAN SNSW 2024.pdfFICTIONAL SALESMAN/SALESMAN SNSW 2024.pdf
FICTIONAL SALESMAN/SALESMAN SNSW 2024.pdf
 
OS-operating systems- ch05 (CPU Scheduling) ...
OS-operating systems- ch05 (CPU Scheduling) ...OS-operating systems- ch05 (CPU Scheduling) ...
OS-operating systems- ch05 (CPU Scheduling) ...
 
Including Mental Health Support in Project Delivery, 14 May.pdf
Including Mental Health Support in Project Delivery, 14 May.pdfIncluding Mental Health Support in Project Delivery, 14 May.pdf
Including Mental Health Support in Project Delivery, 14 May.pdf
 
The Story of Village Palampur Class 9 Free Study Material PDF
The Story of Village Palampur Class 9 Free Study Material PDFThe Story of Village Palampur Class 9 Free Study Material PDF
The Story of Village Palampur Class 9 Free Study Material PDF
 
ESSENTIAL of (CS/IT/IS) class 07 (Networks)
ESSENTIAL of (CS/IT/IS) class 07 (Networks)ESSENTIAL of (CS/IT/IS) class 07 (Networks)
ESSENTIAL of (CS/IT/IS) class 07 (Networks)
 
DEMONSTRATION LESSON IN ENGLISH 4 MATATAG CURRICULUM
DEMONSTRATION LESSON IN ENGLISH 4 MATATAG CURRICULUMDEMONSTRATION LESSON IN ENGLISH 4 MATATAG CURRICULUM
DEMONSTRATION LESSON IN ENGLISH 4 MATATAG CURRICULUM
 
Book Review of Run For Your Life Powerpoint
Book Review of Run For Your Life PowerpointBook Review of Run For Your Life Powerpoint
Book Review of Run For Your Life Powerpoint
 
8 Tips for Effective Working Capital Management
8 Tips for Effective Working Capital Management8 Tips for Effective Working Capital Management
8 Tips for Effective Working Capital Management
 
An overview of the various scriptures in Hinduism
An overview of the various scriptures in HinduismAn overview of the various scriptures in Hinduism
An overview of the various scriptures in Hinduism
 

Angular js Training in Hyderabad

  • 1.
  • 2. JAVA SCRIPT  What is JAVA Script?  Basic JS  Variables  Comments  Operators  Functions  Conditional Statements  Events  Control Flow or Error Handling  Loops & Iterations  Number & Dates  Text Formatting  with Objects  Properties  Defining Methods 
  • 3. PROTOTYPES  Understanding Inheritance  Static Properties  Public / Private Properties  Closures IMMEDIATE INVOCABLE FUNCTIONS (IIF)  Static Mode  Call Backs DYNAMIC UI CREATION  Understanding for each Loop
  • 4.  Get  Post  Calling Rest Full APIs TWITTER BOOTSTRAP  Understanding Grid Layout  Creating Different Form Layouts  Creating Navigation Bars  Understanding glyphicons
  • 5. GETTING STARTED WITH TYPESCRIPT  Installing Typescript  Compiling the code  Building a simple demo. UNDERSTANDING CLASSES  Building a class  Adding properties  Demo of using classes in typescript
  • 6.  What is Inheritance  How to inherit the classes  Understanding interfaces WORKING WITH MODULES  What are Modules in Typescript  When to use modules  Demo on building modules.   GENERICS   What are Modules in Typescript  When to use generics  Demo on working with generics.
  • 7.  What is angular 2.X  Working with our build tool  Setting up out template INTRODUCTION TO THE BASICS  Creating a simple component  Using multiple modules  Understanding template types  Displaying data in our templates  Working with events  Using properties  Using two-way data binding  Adding CSS to our component
  • 8.  Components, Bootstrap, and the DOM  Directives and pipes  Data binding  Dependency injection  Services and other business logic  Data persistence  Routing CREATING A BASIC MODULE  Using more complex data  Creating a subcomponent  Using multiple subcomponents  Cleaning up components  Filtering content through data pipes
  • 9. COMPONENTS • Component metadata • The component selector • The component template • Styling a component • Using other components in a component • Interpolation and the expression context • Property binding • Event binding • Getting data to the component with input • Subscribing to component events with output
  • 10. DIRECTIVES AND PIPES • Structural directives—ng-if • Structural directives—ng-for • Attribute directives—built in • Attribute directives—custom • Using directive values • Working with events in directives • Angular pipes—built in • Angular pipes—custom FORMS • Angular forms • Template-driven forms • Model-driven forms • Validation--built in • Validation—custom • Error handling
  • 11. DEPENDENCY INJECTIONS AND SERVICES  How Angular does dependency injection  Services in angular  Class constructor injection  Building a service  Provider registration at bootstrap  The inject decorator  The opaque token HTTP  The angular 2 HTTP bundle  Using a mock back end for HTTP calls  Using HTTP for GET calls  Using Url Search Params  Using HTTP for POST, PUT and DELETE calls
  • 12. ROUTING  The Angular 2 routing bundle  Route configuration  Router outlets  Router links  Using the router class to navigate
  • 13. Difference between Angular-1.X and Angular -4.0 Understanding component architecture Dependency injection design pattern NG SET UP  Initializing Angular CLI.  Initializing Web page.  Set up VS code.  Adding required templates to VS code.  Set up GIT LAB CREATING THE GATHERING PROJECT REQUIREMENT
  • 14. BUILDING THE COMPONENT  Understanding the decorators  Understanding the Selectors  Understanding the Providers  Referring the Component in the Application  Adding Component to the module BUILDING THE MODULE  Understanding NG Module  Declarations  mports  Exports  Providers
  • 15. COMPONENT LIFE CYCLE  Understanding Component life cycle Hooks  Understanding various Interfaces  Consuming classes in component  Consuming Interfaces in Component  Consuming Component in a component RX JS - REACTIVE PROGRAMING  Understanding what is reactive programming  What are Observables  What is a Subject  Map Method
  • 16. REST API CALLS  HTTP Calls with Observables  Error handling  Streaming  Integrating with third party API"s BUILD IN DIRECTIVES  * ngFor  * ngIf , Else  Show and hide elements  Rendering Images in Angular 4.0  Rendering Tables in Angular 4.0
  • 17. PROVIDERS  How to Use Providers  Communicate with Component  Working with RXJS in Providers CREATING PIPES  Understanding Build in pipes  Creating Custom pipes ADVANCES ANGULAR 4.0  Working with Routing  Authenticating and Authorization  Component to component communication  Understanding input output methods  Understanding Subjects  Understanding Event emitters
  • 18. SETTING UP REVERSE PROXY WITH WEBSERVER  NPage nation  Calendar  More CONCLUSION Additional benefits from NBITS  Course Material  Sample resumes and Fine tuning of Resume  Interview Questions  Mock Interviews by Real time Consultants  Certification Questions  Job Assistance.