AngularJS is a framework for dynamic web HTML template language. The extend HTML's syntax application's components data binding and dependency. The injection drop of the code otherwise have write. it all happens within the browser, making it an ideal partner with server technology.
AngularJs Course Syllabus
AngularJS Introduction:
-
- Introduction To Client Side Scripting Languages
- Basics of JavaScript and jQuery
- Introduction to AngularJS and Its History
- Why should we use AngularJS?
Controllers:
-
- Properties, Methods
- Binding controllers with views
- Controller hierarchy Sharing data between controllers
Bootstrapping Angular APPS:
-
- Auto bootstrap
- Custom bootstrap
Data Binding:
-
- Binding Model Objects
- Model Objects Visibility
- $scope
- $root Scope
- Difference between $scope & $root Scope
- Using $emit & $broadcast & Custom events
- JSON advantages
- Using JSON in Angularjs
- Use of $watch, $digest & $apply
Dependency Injection:
Events:
-
- What is Dependency Injection?
- Implicit DI
- Inline Array Annotated DI
- $inject Array Annotated DI
-
- AngularJs Expressions, AngularJS Numbers
- AngularJS Strings, AngularJS Arrays
- AngularJS Objects
Directives:
-
- Power of directives
- Working with built in directives
- ng-app, ng-init
- ng-model, ng-repeat
- ng-class, ng-template
- ng-include …etc
- Working with custom directives
Filters:
-
- Adding Filters to Expressions
- Adding Filters to Directives
- Working with built in filters
- Creating custom filters
- ng-click
- Hiding HTML Elements
- ng-disabled
- ng-show, ng-hide
Modules:
-
- Controllers Pollute the Global Namespace
- AngularJS Application Files
-
- AngularJS $http
AngularJS Service Types:
-
- Constants & Values, Factories
- Services, Providers
Single Page Applications:
-
- What is SPA?
- How to work with SPA in angular
- Working with routes
- Static & dynamic routing
REST API Calls
-
- Overview of REST API
- Use of angular resource module
Animations
-
- Overview of transitions
- Use of angular animate module
Angular with UI Frameworks
-
- Ui boo strap
Angular 2/4
What is a SPA? What is Angular?
-
- Single Page Apps vs. Conventional Web Applications
- Where Angular Fits
- Angular-4 arrived (what’s new)
Preparing for TypeScript
-
- Brief Intro to Typescript
- The Typescript Module System
- Getting Setup
- Project Setup
- Nodemon
- String Templates
- Const
- Let
- Debugging
- Rest & Spread Operators
- Arrow Functions
- For...of
- Maps
- Sets
- Interface
- Generics
- New Object Features
- Classes
- Destructuring
- Typescript decorators
-
- A Trivial Component
- Nested Components
- Deeper Nesting
Bootstrap Scaffolding
-
- What Is Bootstrap?
- Bootstrap File Structure
- Basic HTML Template
- Global Styles
- Default Grid System
- Fluid Grid System
- Bootstrap CSS
- Typography
- Code
- Tables
- Forms
- Buttons
- Images
- Icons
Angular 2 Binding and Events
-
- Templates
- Bindings
- Event Bindings
- Two-way Binding
- Class and Style Bindings
- Built-in Directives
- Component Data Binding
- Component Events
- Ng-model
- Introduction to web pack/systemJS
-
- Why Dependency Injection?
- Injection API
- Component Multi Providers
- Injection Multi Providers
- Services Overview
- Creating a Service
- Injecting a Service
Directives
-
- Introduction and Examples
- Directives Overview
- Attribute Directives
- Custom Attribute Directive
- Structural Directives
-
Structural Directive: ngIf
-
Structural Directive: ngFor
-
Structural Directive: ngSwitch
-
Custom Structural Directive
Pipes
-
- Using Pipes
- Creating Pipes
- Built-in Pipes
- Chaining Pipes
- Custom Pipes
- Stateful Pipes
Forms
-
- Controls
- Control groups
- FormBuilder
- Template Driven Approach
- Data Driven Approach
Routing
-
- Introduction and Use
- Creating and configuring Routes
- Imperative Routing
- Routing Parameters
- Child Routes
- Routing Lifecycle Hooks
- Setting up Firebase
-
HTTP POST Request
-
HTTP GET Request
-
- Promises - still available, still useful
- Calling an API via HTTP
- Introduction to Observables
- Observable Bindings
- Observables Operators
Testing
-
- Unit Testing
- End to End Testing