Angular JS
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.
CURRICULUM
Angular
- Introduction to Angular 2
- Angular vs Angular 2
- Getting Started with Angular2
- Development Environment for Angular2
- NodeJS, NPM, Webpack
- Setting the IDE for Angular 2 development
- Architecture and Concepts for Angular2
- Loading and Starting the Angular App
- TypeScript Primer
- JavaScript 2015 module system
- ES6 Import/Export
- Classes and Interfaces
- Arrow functions and Template strings
- Working with types
- Decorators
Components and Modules
- Studying Angular Modules
- What are Components
- Importance of Components
- How to Create a New Component?
- Studying App Module and Component Declaration
- Application Bootstrapping
- Data projection
- Building a Wrapper component
- Life Cycle of Components
- Using Custom Components
- Creating Components with the CLI & Nesting Components
- Component Templates & Component Styles
- Studying Component Selector
- Component Input Properties
- What are Event Emitters?
- Output Properties of Components
Angular Directives
- Studying Angular Core Directives
- ngIF and Output Data
- ngIF & Else Condition
- ngStyle and Styling Elements
- CSS Classes & ngClass
- Output Lists with ngFor
- Getting the Index when using ngFor
- How to create a Basic Attribute Directive?
- Studying and Using Renderer
- Hostlistener & Host Events
- Binding to Host Properties
- Bind to directive Properties
- What and How of Structural Directives?
- How to Use Dropdown Directive?
Services and Dependency Injection
- Importance of Services
- Services and Providers
- Services & Dependancy Injection
- The Injectable Decorator
- Create a Logging Service
- Inject Logging Service into computers
- What is Hierarchical Injector?
- Services for Cross-Component Communication
- Using Services for Push Notifications
Angular Debugging
- Debugging for Angular2
- Rectifying Angular Error Messages
- How to Debug Code in the Browser with Sourcemaps?
- Angular Apps & Augury
- Property & Event Binding
- Binding to Custom Properties
- Custom Property & Event Binding
- Studying View Encapsulation
- Local References in Templates
- Component Life Cycle & Life Cycle Hooks
- Project: Plan the App, Create the Components
- How to Add Navigation Bar?
- What is Non-Collapsable Navigation Bar?
- What is a Recipe Model?
- Recipe Components
- Recipes with ngFor
- Shopping List Components
- Creating an Ingredient Model
- Outputting the Shopping List
- Event Binding & View Encapsulation
- Navigation with Event Binding & ngIF
- Recipe Data & Property Binding
- Event & Property Binding
- Adding Elements to the Shopping List
Angular Data Binding
- What is Databinding?
- One Way Data Binding
- String Interpolation
- Property Binding
- Property Binding vs String Interpolation
- Studying Event Binding
- Bindable Properties and Events
- Data and Event Binding
- Special Bindings
- Studying Two-Way-Databinding
- What is ng Model?
- Two-Way-Data Binding & Forms Module
- How to Combine Forms of Databinding
- Templates Styles & Syntax
Angular Routing & Guards
- Defining Guards
- Significance of Guards
- Angular Routing & Guards
- Passing Static Data to a Route
- Resolve Dynamic Data with Resolve Guard
- Setting up Routes
- Active Routes & Child Routes
- Child Route Configuration
- How to Retrieve Route Parameters?
- Built-in Angular Observable
- Buidling a Simple Observable
- Building a Custom Observable
Pipes and HTTP Requests
- Use of Pipes
- Transforming Output with Pipes
- Parametrizing Pipes
- Multiple Pipes and Custom Pipes
- Pipes: Filter, Pure, Impure
- Making HTTP Requests
- RxJS and Observables
- Handling http Responses
- Error Handling
- How Http Requests Work in SPAs?
- Request Headers
- GET Requests & PUT Request
- async Pipe and http Request
- Firebase as a Dummy Backend
- Angular Apps
- Authentication & Route Protection
- Single-Page Applications & Authentication
- Firebase SDK
[attendance-register]