New Courses
You are here: HomeOur ServicesNew CoursesFull Stack Web Developer Training

Full Stack Web Developer Training

Full stack development is the process of designing, building, testing, and deploying a complete web application from scratch. Full stack development has various technologies and tools, including front-end web development, back-end web development with database

 

TRAINING OBJECTIVES

  • Candidates will be able to develop a complete web application using front-end and Back-end technologies.

  • Candidate will be updated with latest skills/technology as per industry requirements

  • By the end of the training candidate will be able to develop web Application projects.

 

DURATION : 2 months


 

PLATFORM & TOOLS

 

  • OS : Windows or Linux (ex: Ubuntu)

  • Browsers : Firefox / Chrome / Microsoft Edge

 

PREREQUISITES

 

  • MCA / BCA / B.E / B.Tech / M.E / M.Tech

 

TRAINING DELIVERY METHOD

  • Live Virtual Classes Sessions

  • Daily Assignment/ Practices

  • Project Explainer

  • Live Doubt Clarification

  • Assignment Evaluation

TRAINING TECHNOLOGY SUMMARY

  • Front-end – HTML/HTML5, CSS/CSS3, Bootstrap, JavaScript/ES6, ReactJS

  • Fundamental principle - Programming Principal, OOPS, Design Patterns, Object Modeling

  • Exchanging data - JSON and Asynchronous

  • Back end - NodeJS, ExpressJS, MongoDB

  • Data Exchange - HTTP, JSON, REST API, Micro services

  • Setting Environment : CLI

  • Development Tools - VS Code, Node JS CLI

  • Project and Interview prep

Front-end Module - HTML5

Module Objectives:

  • Building Strong skill to develop front end website or web application using HTML5

  • Responsive design to scale well across PC, tablet and Mobile Phone

Overview:

  • This module provides you rich experience and exposure to developing HTML5 based website or web application for browsers. This module will help developer building responsive website or web application.

Introduction HTML


HTML Elements


HTML5 Semantic


HTML Attributes


HTML Headings


HTML Head


HTML Paragraph

HTML Styles


HTML Formatting


HTML Quotations


HTML Computer Code


HTML Comments & Colors


HTML CSS, Links and Images


HTML Lists


HTML Blocks


HTML Layout


HTML Responsive


Introduction HTML HTML Elements HTML5 Semantic HTML Attributes HTML Headings HTML Head HTML Paragraph HTML Styles HTML Formatting HTML Quotations

HTML Computer Code HTML Comments & Colors

HTML CSS, Links and Images HTML Lists

 

HTML Blocks HTML Layout HTML Responsive

Front-end Module – CSS3

 

Module Objectives:

  • Building Strong skill to develop front end website or web application using CSS3

  • Responsive design to scale well across PC, tablet and Mobile Phone

Overview:

  • This module provides you rich experience and exposure to developing CSS3 based website or web application for browsers. This module will help developer building responsive website or web application.

Introduction


CSS3


Syntax


Property


Selector


Colors


Backgrounds


Boarders


Padding


Height/Width


Gradients


Shadows


Links


Lists


Tables


Box Model


Outline


Display


Max-width


Position


Pseudo-class


Inline-block


Align


Float


Combinators


Pseudo-element


Navigation Bar


Fonts


2D Transforms


3D Transforms


Animations


User Interface


Box Sizing


Filters


Media Queries


Responsive


 

 

Front-end Module – Bootstrap

 

Module Objectives:

  • Building Strong skill to develop front end website or web application using Bootstrap

  • Responsive design to scale well across PC, tablet and Mobile Phone

Overview:

  • This module provides you rich experience and exposure to developing Bootstrap based website or web application for browsers. This module will help developer building responsive website or web application.

Introduction


Basics


Container


Grids layout


Colors


Tables


Images


Jumbotron


Form


Button


Card


Navigation


Model


Toast


Stacked/Horizontal


Sizes


Flex


Front-end Module – JavaScript

 

Module Objectives:

  • Building Strong skill to develop front end website or web application using JavaScript

  • Responsive design to scale well across PC, tablet and Mobile Phone

Overview:

  • This module provides you rich experience and exposure to developing JavaScript based website or web application for browsers. This module will help developer building website or web application using JavaScript

Programming Basic

Flow control structures


Functional programming


Object-oriented programming


Debugging


Algorithms and Problem solving

Software development


lifecycle Introduction to Polya's rules


Algorithm design methods


Understanding Pseudo code


Process Flow Diagrams


 

Introduction to JavaScript

Setting up development environment (with VSCode)


Document Object Model (DOM)


DOM Types


Syntax


Variables


Data Types


Conditional statements


Loops


Operators


 

Introduction to functions

Function definition


Function Invoking


Recursion functions


Arrow functions


Function closures


Passing Parameter


Function Return


Function Generator


Robust parameter handling


Local and global variables


Functions as objects


Function constructor


Prototype


 

Introduction to Arrays

Array Methods


map/forEach/filter/every/some


Introduction to String


Introduction to RegExp


 

Introduction to objects

Type of objects in


JavaScript How to use objects


Object methods OOPS in JavaScript


Inheritance using prototype chain


 

Introduction to Event

Event handling


Event bubbling


 

Forms

Form Handling


Validation APIs


 

Error Handling

Error and debugger


JavaScript Errors


Error handling mechanisms

Debugging Techniques


How to use Breakpoints


 

Browser Object Model

Introduction to BOM


Introduction to Cookies & Session


Back-end Module – Node JS

Module Objectives:

  • Building Strong skill to develop front end website or web application/api using Node JS

  • Responsive design to scale well across PC, tablet and Mobile Phone

 

Overview:

  • • This module provides you rich experience and exposure to developing Node JS based website or web application for browsers. This module will help developer building REST API / single page application or website

 

Introduction to Node JS

Why NPM


Nodemon


Modules vs HTTP Module


File System


Events


Callback


Event Loop


Buffers


Stream


Environments


Configuration


Debugging


Express


Introducing Express


RESTful Services


Routing


Routing Parameters


HTTP GET Requests


HTTP POST Requests


HTTP DELETE Request


HTTP PUT Request


Input Validation


Express - Advanced Topics


Middleware


Creating Custom


Middleware Built-In


Middleware


Third-party Middleware


JSON web token


Asynchronous JavaScript


Synchronous Vs. Asynchronous Code


Patterns For Asynchronous Code


Callbacks


Callback Hell


Named Functions to Rescue


Understanding Promises


Async and Await


Back-end Module – Mongodb

Module Objectives:

  • Building Strong skill to develop front end website or web application using Mongodb

Overview:

  • This module provides you rich experience and exposure to developing Mongodb based website or web application for browsers. This module will help developer building database for website or web application.

MongoDB

Installing and Setup MongoDB


Connecting to MongoDB


Saving a Document


Querying Documents


Comparison Operators


Logical Operators


Regular Expressions


Counting


Pagination


Insert New Record


Query First 10 Records


Updating a Document with criteria


Removing Documents


Mongoose - Data Validation


Validation


Built-In Validators


Custom Validators


Async Validators


Validation Errors


SchemaType Options


Mongoose Introduction


Building Schemas


Creating Models


Modeling Relationships for documents


Population


Embedding Documents


Using an Array of Sub-documents


Transactions


Object ID


 

Back-end Module – NODE JS

Module Objectives:

  • Building Strong skill to develop front end website or web application using React JS

  • Responsive design to scale well across PC, tablet and Mobile Phone

Overview:

  • This module provides you rich experience and exposure to developing React JS based website or web application for browsers. This module will help developer building responsive and single page application or website.

ReactJS

Introduction to React


JS Setting up and Installation


Single Page Application


Multi Page Application


Client Side Technologies


React Architecture


DOM vs Virtual


DOM ES6


NPM Modules


Components


Parent Component and Child Component


Props in React Component


State in React Component


Understanding render


Component Styling


Understanding Elements


Funtional Component vs Class Component


React Events


React Forms


Styling in React


Inline Styling


CSS Stylesheet


Run time Styling


React Hooks


What are React hooks?


Basic hooks


Functional components and React hooks


useState hook


useEffect hook


useContext() hook


 

Routing

Introducing Navigation


Installing Routing


Implement Routing


Navigation using Links


404 page not found


Route Parameters


Nested Routes


NavLink with Active style


 

Redux

Why State Management ?


Redux Architecture


Redux Action


Redux Reducers


Redux Store


Principles of Redux


Multiple Reducers


Async operations


Saga Middleware


Async Workflow


Action Creators


Debugging application using Redux Devtools


Fetch Data using axios

Crud Operation


Post – Request server to add new record


Put – Request server to update record


Delete – Request server to delete record


Get – Request server to get record


 

React Application Testing and Deployment

Setup Testing environment


Testing with React Library


Introduction to Jest


What is Snapshot testing


Create Test Components


Push Application on Git


Deploy App


Understanding Docker


You may be also interested in

Register for FREE Demo

Fields marked with (*) are mandatory

* Name:
* Email:
* Phone:
* Location:
* Course:
* Enquiry:
* Captcha:

 

Client Feedback

Thanks, you guys provided the best online training in SAP BODS. The hands on training is very informative and helpful.

- David Sergi, Camaga Ltd; U.K