Angular Architecture
● About Front-end Web Technologies
● Architecture overview
● Introduction to modules
● Typescript Introduction
● Introduction to components
● Introduction to services and dependency injection
● Angular supports most recent browsers
● Visual Studio Code, Running and Debugging
● Routing
● Managing Data
● Forms
● First Angular Application
Environment Setup
● Node JS 10.9.0 or Later
● Installing Visual Studio Code
● Install Angular CLI
Configuration
● project file structure
● Angular Workspace Configuration
● npm dependencies
● TypeScript Configuration
● Browser support
Components and Templates
● Displaying Data
● Template Syntax
● User Input
● LifeCycle Hooks
● Component Interaction
● Component Styles
● Dynamic Component Loader
● Attribute Directives
● Structural Directives
● pipes
Directives in Angular
● What is Directives
● Using Output Data Conditionally
● What is nglf 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
● ngSwitch
Forms validations
● Reactive Forms
● Template-driven forms
● Form Validation
● Dynamic Forms
Communication with server
Async Task
JSON parsing
Maps and Location based services
● Map View and Map Activity – Map API Key from Google
● Geolocation
● Location Providers and Finding Current Location
● Google map
● Google Console
Services In Angular
● HTTP requests
● HTTP Client
● Interacting with databases
● Accessing device features and information
● API Communication
Observables && Rxjs
RxJS library
Observable
HTTP
Async Pipe && Router
HTTP Services
What is HTTP Requests
How to send requests
Adjusting Request Headers
How to handle Get and Put Request
Catching HTTP Error
async with HTTP Requests
Angular Routing
● What is Routing?
● Loading of Routes
● Navigation and it path
● Styling of Router Links
● Relative Path Navigation
● Define parameter in Routing
● Fetch Routing Parameter
● Observables
● Passing & Retrieving Parameters & Fragments
● Nested Routing
● Config Query Parameters
● Redirection Routes
● Route configuration
● Route Guards
● Protect Routes with canActivate
● Navigation Controlling
● Static Data in Route
● Location Strategies
Data Binding in Angular
● 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
● What is Encapsulation
● How to Use Local Reference in Templates
● Template Access and DOM
● What is Hooks in Angular
● Access Template with Hooks
Angular Modules
● What is idea behind Modules
● What is feature Modules and how we create it
● What is App Modules
● Registering Routes in Feature Modules
● What is Shared Module and how we create
● Create the Auth Feature module
● What is Lazy Loading
● How to Modules & Services works
● What is Core Module
● How to Create Basic Core Module
● AoT Compilation with CLI
Angular CLI Commands
● Ng add
● Ng build
● Ng serve
● Ng generate
● Ng help
● Ng new
● Ng run
● Ng lint
● Ng text
● Ng update
● Ng version
● Ng config
● Ng e2e
● Ng doc
Project