Course Code: webapp1
Duration: 35 hours
Prerequisites:

Recommended to have some understanding HTML and JavaScript.

Overview:

This course is intended not just to introduce but to provide strong foundations and present best practices for developing web applications using Angular.JS, Node.JS, and Typescript. Fundamental concepts are introduced along with Best practices through labs and hands on exercises. For a good enough coverage of all the topics HTML is addressed along with other topics such as JQUERY, BOOTSTRAP, and ECMA6

Course Outline:

JAVASCRIPT

   •     Introduction to JavaScript

             ◦     Lexical Structure, Types Values Variables

             ◦     Expressions and operators

             ◦     Statements

             ◦     Objects, Arrays, Functions

             ◦     Classes & Modules

   •     Client side JavaScript

             ◦     JavaScript in Web Browsers

             ◦     The Window Object

             ◦     Scripting Documents

             ◦     Scripting CSS

             ◦     Handling Events

   •     HTML5 APIs

JQUERY

   •     jQuery Basics

   •     Altering document structure

   •     Ajax with jQuery

BOOTSTRAP

   •     Introduction to Bootstrap (Responsive design)

   •     The structure of the page (Grid system ...)

   •     Typography, Forms

   •     Components (Menus, Navigation Bars, Buttons, Modals ... )

   •     Bootstrap and LESS

BOWER

   •     Javascript Dependencies Management with Bower

GULP

   •     Automate tasks with GULP

NODE.JS

   •     Introduction to Node.JS

   •     Modules and npm

   •     npm commands

   •     package.json

   •     Browserify

ECMA 6

   •     Scoping

   •     Arrow Functions

   •     String Interpolation

   •     Array Matching

   •     Modules&Classes

   •     Generators

   •     Promises

TYPESCRIPT

   •     Types

   •     Functions

   •     Lambdas

   •     Classes

   •     Interfaces

   •     Decorators

   •     Modules

ANGULARJS 2

   •     Bootstrap AngularJS 2 app

   •     Angular CLI

   •     Develop custom components

   •     Component Tree

   •     Advanced Components

   •     Directives and Pipes

   •     Attributes directives and Structural directives

   •     Pipes

   •     Building blocks

   •     Immutable.js

   •     Observables

   •     Dependency Injection

   •     Forms

   •     Template Driven Forms

   •     Form Builder

   •     REST and State Management

   •     HTTP API

   •     RxJS

   •     Redux and Ngrx

   •     Routes in Angular 2

   •     Testing Components

   •     Testing Services