Basic Angular JS

SkillsFuture Course - Basic Angular JS

AngularJS 2 was designed by Google to address challenges programmers face building single-page applications. This Angular JS 2 basic course will show you the essentials of this framework, including declarative templates, two-way data binding, and dependency injection.

The Topics include:

• What is Angular JS 2?
• Setting up an Angular template
• Creating a component
• Displaying data
• Working with events
• Using two-way data binding
• Creating a subcomponent
• Using the built-in HTTP module
• Using the built-in router module

Module 1 - TypeScript Overview

• ES6 & TypeScript
• Static Typing
• Constants 
• Block Variables
• Template Strings
• Arrow Functions
• Spread parameters
• Rest parameters
• Destructuring 
• Classes
• Inheritance 
• Interfaces
• Modules
• Decorators

Module 2 - Architecture Overview

• Setting up AngularJS 2
• Angular Hello World App
• Booststrapping angular to index.html
• Architecture Overview
• Core concepts

Module 3. Modules, Components and Templates

• Introduction to Modules
• Importing Modules
• What are components in Angular
• Component templates
• Component metadata
• Component decorator
• Decorator configurations
• Component Events
• Template Variables

Module 4. Data Binding

• What is Data Binding
• Property Events
• Passing data into a Component
• Passing data from parent component
• Event Bindings
• Passing Data Outside the Component
• Parent receiving data from child
• Two way Data Binding
• Hands on Data Binding - creating movie details screen

Module 5. Directives and Pipes

• What are Directives in Angular
• Structural directives
• Attribute directives
• Built In Pipes
• Hands on directives and pipes - updating movie details view
• Using ngIf and ngClass directive
• Using inbuilt pipes

Breeze has around 10+ years of experience in UI and Front End Development. He has worked on various projects involving Single Page Applications, E-Commerce, Responsive Web Design, Dashboard Development, Website Development and Mobile App Development using tools like Angular.JS, Backbone.JS, Ractive.JS, Twitter Boostrap, Zurb Foundation, Gulp, SASS, LESS, Underscore.JS, JQuery, Mocha, Cucumber etc.

His project experience has given him the opportunity to work on various domains involving finance, telco, education, retail, healthcare, auto-mobile and tourism.