Angular is one of the most popular frameworks for building client apps with HTML, CSS and TypeScript. If you want to establish yourself as a front-end or a full-stack developer, you need to learn Angular.
Newcomer as well as experienced frontend developers interested in learning a modern JavaScript framework
This course is for everyone interested in learning a state-of-the-art frontend JavaScript framework
Taking this course will enable you to be amongst the first to gain a very solid understanding of Angular.
Basic HTML and CSS knowledge helps, but isn’t a must-have
Prior TypeScript knowledge also helps but isn’t necessary to benefit from this course
Basic JavaScript knowledge is required
A desire to learn
As on 18th Jan, 2019, there are 5385+ Jobs available on Indeed.com
AngularJS Course Content
- 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
- Introduction
- What is TypeScript?
- Your First Type Script Program
- Declaring Variables
- Types
- Type Assertions
- Arrow Functions
- Interfaces
- Classes
- Objects
- Constructors
- Access Modifiers
- Access Modifiers in Constructor Parameters
- Properties
- Modules
- Exercise
- Solution
- A Problem with the Current Implementation
- Introduction
- Building Blocks of Angular Apps
- Components
- Generating Components Using Angular CLI
- Templates
- Directives
- Services
- Dependency Injection
- Generating Services Using Angular CLI
- List of Authors
- Introduction
- Property Binding
- Attribute Binding
- Adding Bootstrap
- Class Binding
- Style Binding
- Event Binding
- Event Filtering
- Template Variables
- Two-way Binding
- Pipes
- Custom Pipes
- Favorite Component
- Title Casing
- Introduction
- Component API
- Input Properties
- Aliasing Input Properties
- Output Properties
- Passing Event Data
- Aliasing Output Properties
- Templates
- Styles
- View Encapsulation
- ngContent
- ngContainer
- Introduction
- ngIf
- Hidden Property
- ngSwitchCase
- ngFor
- ngFor and Change Detection
- ngFor and Trackby
- The Leading Asterisk
- ngClass
- ngStyle
- Safe Traversal Operator
- Creating Custom Directives
- Exercise: ZippyComponent
- 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
- Cousre From
- 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
- FormBuilder
- Quick Recap
- Change Password Form
- 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
- Global Error Handling
- Extracting a Reusable Error Handling Method
- Extracting a Reusable Data Service
- The Map Operator
- Optimistic vs Pessimistic Updates
- Observables vs Promises
- GitHub Followers Page
- 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
- Subscribing to Multiple Observables
- The SwitchMap Operator
- Programmatic Navigation
- Blog Archives
- 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
- Quick Recap
- 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
- Deploying to GitHub Pages
- Deploying to Firebase
- Heroku
- Deploying to Heroku
- Engines
- Exercise
- Introduction
- What is Firebase?
- Your First Firebase Project
- Working with Firebase Databases
- Installing Firebase
- Reading Lists
- A Real-time Database
- Observables and Memory Leaks
- Unsubscribing from Subscriptions
- Async Pipe
- Reading an Object
- As Keyword
- Adding an Object
- Updating an Object
- Removing an Object
- Additional Resources
- 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
- Creating Reusable Triggers
- Build a re-usable slide animation
- Easings
- Keyframes
- Creating Reusable Animations with animation()
- Parameterizing Reusable Animations
- Animation Callbacks
- Querying Child Elements with query()
- Animating Child Elements with animateChild()
- Running Parallel Animations with group()
- Staggering Animations with stagger()
- Working with Custom States
- Multi-step Animations
- Separation of Concerns
- 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
- Creating a Reusable Module
- Themes
- SASS
- Creating a Custom Theme
- Using Angular Material’s Typography
- Customizing Typography
- An Important Note
- Introduction
- What is Redux
- Building Blocks of Redux
- Pure Functions
- Installing Redux
- Working with Actions
- The Select Decorator
- Avoiding State Mutation
- Using Immutable.js
- Exercise
- Redux DevTools
- Calling Backend APIs
- Refactoring Fat Case Statements
- Dealing with Complex Domains
- Introduction
- What is Automated Testing?
- Types of Tests
- Unit Testing Fundamentals
- Working with Strings and Arrays
- Set Up and Tear Down
- Working with Forms
- Working with Event Emitters
- Working with Spies
- Interaction Testing
- Working with Confirmation Boxes
- Limitations of Unit Tests
- Code Coverage
- Exercises
- Introduction
- The Setup
- Generating the Setup Code
- Testing Property Bindings
- Testing Event Bindings
- Providing Dependencies
- Getting the Dependencies
- Providing Stubs
- Testing the Navigation
- Dealing with Route Params
- Testing RouterOutlet Components
- Shallow Component Tests
- Testing Attribute Directives
- Dealing with Asynchronous Operations
Join Now WinPath IT is the best Institute for AngularJS Training in Hyderabad.
Course Offering Mode:
AngularJS Online Training and Classroom Training.
Our Branches:
AngularJS Training in Madhapur and Kukatpally KPHB.
