Full Stack

Course OverView

Full Stack Web Development is nothing but complete designing of both websites and applications where the developers need to work from frontend to backend development. With our Full Stack Web Development Course, you will become an expert in all the aspects of web development such as Java, .NET, MEAN Stack and Python. In Frontend you are able to learn – HTML, HMTL5, CSS3, Bootstrap, JavaScript and jQuery whereas in Backend – Node.js, Meteor.js, Angular 2,4&5, PHP and Ruby on Rails and finally in Database – MySQL, PostgreSQL, MongoDB, CouchDB and Apache Cassandra.

Course Objectives:

• To Learn the core concepts of both the frontend and backend programming course
• To Get familiar with the latest web development technologies
• To Learn all about sql and nosql databases
• To Learn complete web development process

Prerequisties

• HTML/CSS, JavaScript, back-end programming, databases, and HTTP/REST

Duration

Online

• The format is 40% theory, 60% Hands-on.
• It is a 60 days program and extends up to 1 hrs each.

Corporate

• The format is 40% theory, 60% Hands-on.
• It is a 5 days program and extends up to 8 hrs each.

Classroom

• Private Classroom arranged on request and minimum attendees for batch is 5.

Course Content

Introduction – i

• UI Developer roles and responsibilities
• UX designer roles
• Technologies needed
• Power of UI
• Current market requirements on UI
• Basic Technologies needed
• Difference between Front end and Backend

Introduction – ii

• Sample webpages
• Crawling and Meta tags.
• Basics

Basics – HTML

• Exploring existing pages
• Browsers & Editors
• DOM
• Structure of HTML Page
• Mandatory tags in html page (html, head, body)
• Heading tags (H1…H6), Tags and attributes (Class, Id, style…etc.)
• Inline and block level elements

CSS

• What is CSS
• Different ways of applying CSS for elements, and priority chain of CSS
• CSS Properties (color, font, size, border…etc.)

CSS – ii

• Box model
• Margin & Padding
• Positioning Elements
• Floating Elements

More HTML Tags

• Including external page links in a page using anchor tags and its properties
• Working with row and column data using table tags
• Hiding and un-hiding elements using display property
• img tag, p tag, ul and ol tags, li, nobr, hr, bretc
• Layouts, forms, buttons
• Input fields (textbox, radio button, checkbox, dropdown, text area etc.)
• Debugging HTML & CSS (Firebug, IE and Chrome developer tool)
• Creating Tabs and menu lists

More CSS Properties

• Adding borders,  font,  Pseudo classes and Pseudo Elements
• positioning elements (absolute, relative, fixed and static)
• Image spriting
• Box model (margins, padding)
• Floating elements (float left, right etc.)
• Including external resources
• Absolute and Relative paths
• Including external resources like CSS, images etc.
• Display Property(inline, block, inline block etc)
• Display none and hidden elements.

Form Elements

• Get & Post Communication
• Validating input values in a form.
• Form action and type

JavaScript

• Data types and data structures in Js
• Control structures, if, if-else, while, for, switch case statements

DHTML

• Dynamic creation and manipulation of DOM elements using Java script.
• Adding multiple events dynamically using event listeners.
• Event capturing and event bubbling
• Exploring Event Object.
• Validations using key char codes

JavaScript Supported Data Structures

• Arrays and Predefined methods.
• Working on logical programs using Arrays.
• Predefined methods in arrays
• Strings and predefined methods
• Objects
• JSON
• Iterating through Dynamic JSON Object.
• Exploring Predefined Date object.

Adv. JavaScript

• Inheriting Static Object using proto.
• Inheritance using Object.create()
• Java Script Classes
• Prototyping
• Inheritance using prototyping.
• Global and local variables
• Securing Data using Closures
• Exception Handling
• Handling Predefined and user defined exceptions
• Exploring try, catch, finally and throws.

jQuery

• History and version explore
• Difference between Minified and non-minified JS files.
• On load and on ready difference
• Jquery selectors
• Multiple ways of referring DOM elements using jQuery selectors
• Jquery methods
• Adding dynamic properties for DOM elements
• Toggling elements
• Creating dynamic elements using jQuery

jQuery Traversing methods

• Traversing Siblings
• Traversing Children’s
• Traversing Parent Elements.
• Traversing Ancestors.
• Finding elements using jQuery techniques
• Filtering elements

Events using jQuery

• Binding events
• Dynamic binding
• List of events been supported in jQuery (blur, change, click, dbclick….etc.)s

AJAX

• Advantages with AJAX and its limitations
• Samples working with AJAX
• Different data formats used in AJAX (string, xml, JSON, etc.)
• XML and JSON difference
• Cross domain interactions using JSONP
• Jquery Promises
• Handling Multiple AJAX Calls using Jquery Promises.

Jquery Animations

• Animation Effects using
• Hide, Show
• Sliding up and down
• Fading
• Animate Method.

jQuery Templating

• Loading DOM dynamically using Jquery templates
• loading templates using AJAX

HTML 5

• Difference between HTML5 and HTML 4
• List of Browsers support HTML5
• Doc type
• Semantic Tags
• Multithreading Using Web Workers.
• Media Support (audio and video tags)
• Graphics using Canvas tag and SVG Tags.
• Drag and Drop features
• Offline Application using Application Cache
• Exploring Navigator Object
• Working on locations lat and lng using Geolocation
• Storing user preferences using Local storage & Session Storage

CSS 3

• Difference between CSS 2 and CSS 3
• Adding borders and backgrounds
• Advanced text effects(shadow)
• 2D and 3D Transformations
• Adding Transitions to elements
• Adding animations to text and elements

Responsive Design

• Difference between multiple devices, making a page to work on multiple devices
• Media queries
• Introduction to Bootstrap CSS API

Angular JS

• Introduction and History
• What is MVC
• Features and Advantages of Angular Js
• Angular Expressions
• Predefined Directives
• Dependency Injection
• AJAX communication in Angular using $http
• Handling Multiple AJAX requests using $http promises.
• Working on multiple controllers with in single application
• Communication between controllers using broadcast and $rootScope
• Difference between $scope and $rootScope

SPA

• What is Single Page Application
• Exploring routeProvider service
• Working on $location service
• Angular configuration

Filters

• Angular predefined Filters
• Accessing Filters in controllers
• Creating Custom Filters

Angular Forms

• Form Validations
• Angular predefined Form validation classes
• Exploring ng-valid, ng-invalid, ng-pristine, ng-dirty, ng-touched etc

Predefined Methods

• Angular predefined methods
• Bootstrap, copy, equals, forEach, extend, toJSON etc.

Handling Events

• Adding events in angular js
• ng-click, ng-dbclick,ng-mouseupetc

Controller directives

• ng-if
• ng-switch
• ng-include

NgResource

• Handling REST calls using $resource
• Performing get, post, put, query, remove an delete calls using $resource

Custom Directives

• Creating Custom User defined directives in Angular
• Exploring template, templateUrl, scope, link and restrict properties
• Manipulating DOM element using Directives

Angular services

• Constants
• Value
• Factory
• Services
• Providers

Angular Scope Functions

• $watch
• $apply
• $digest

NODE JS

Introduction to NodeJS

• Introduction and History
• Latest version details

Installation and Environment Setup

• Setting up the Node environment
• Node and npm Installation

REPL Terminal

• Exploring REPL Terminal
• Walkthrough commands on terminal

Digging into NODE

• Server side javascript
• Introduction to NPM
• Creating simple http server
• Exploring package.json

Event Loop

• What is Event Loop
• Exploring Event driven programming
• Emitting events
• Setting Callback methods

Web Module

• Creating simple webservices
• Creating web clients using node.

Express js

• Exploring Express module
• Setting up express environment
• Creating http server using express
• Reading data from GET/POST requests

Templates

• Creating templates using PUG
• Generating Dynamic html pages from server
• Responding a template for a client request

File system

• Exploring File system
• Reading and writing to files

REST API

• Introduction to REST API
• REST Architecture

Clustering

• Creating and handling multiple clusters in Node js

Db Connection

• Connecting to Mongo DB
• Connecting to SQL

WebService with DB interactions

• Creating web services which communicate with Database

MONGO DB

Overview

• History and over view of MONGO DB
• Advantages
• How it differs from other DB

Environment Setup

• Setting up the environment and installation of Mongo DB

Data modeling

• Exploring Data modeling

Creating and Dropping DB

• Creating DB in Mongo
• Droping an existing DB

Datatypes and collections

• Datatypes
• Creating and dropping collections

Documents

• Creating Documents
• Updating and Dleting Documents
• Query Documents

Backup support        

• Creating Backup for database