Full Stack Development

Full Stack Development

Price : ₹35,000.00

Offer Price : ₹30,000.00

Estimated Hours : 60 HOURS

Full Stack Web Development (MERN AND MEAN)

MERN: Mongo DB, ExpressJS, ReactJS, NodeJS

MEAN: Mongo DB, ExpressJS, AngularJS, NodeJS

Overview

  • It refers to the development of both front end (client side) and back end (server side) portions of web application.
  • full Stack development (a hybrid of both). Full stack can apply to a web stack, mobile stack
  • You'll develop a solid foundation for working with servers and host configurations, performing database integrations, and troubleshooting front-end development issues.

Objective

Full Stack Developers are computer programmers who are proficient in both front and back end coding. Their primary responsibilities include designing user interactions on websites, developing servers and databases for website functionality and coding for mobile platforms.

  • Developing front end website architecture.
  • Designing user interactions on web pages..
  • Developing back end website applications.
  • Creating servers and databases for functionality.
  • Ensuring cross-platform optimization for mobile phones.
  • Ensuring responsiveness of applications.
  • Working alongside graphic designers for web design features.
  • Seeing through a project from conception to finished product.
  • Designing and developing APIs.
  • Meeting both technical and consumer needs.

Audience

This tutorial is designed for those who want to learn the Both Front End and Back End and to develop modular, maintainable Single Page Applications.

Course Curriculum

MERN Stack is a JavaScript Stack that is used for easier and faster deployment of full-stack web applications. MERN Stack comprises of 4 technologies namely: MongoDB, Express, React, and Node.js. It is designed to make the development process smoother and easier. MERN is the acronym for MongoDB, Express JS, React JS and Node JS.

  • Mongo DB is a database system
  • Express JS is a back-end web framework
  • Angular and ReactJS is a front-end framework
  • Node JS is a back-end runtime environment

MongoDB :

A document-oriented, No-SQL database used to store the application data

NodeJS :

The JavaScript runtime environment. It is used to run JavaScript on a machine rather than in a browser

ExpressJS :

A framework layered on top of NodeJS, used to build the backend of a site using NodeJS functions and structures. Since NodeJS was not developed to make websites but rather run JavaScript on a machine, ExpressJS was developed

ReactJS :

A library created by Facebook. It is used to build UI components that create the user interface of the single page web application

MODULE 1 (5 Hrs):

ECMAScript Topics (Next Generation JavaScript ES6, ES7, ES8):

  • Let and Const
  • Arrow Functions
  • Classes and Objects
  • Encapsulation, Polymorphism and Inheritance.
  • Template Strings
  • Spread and Rest operators
  • Promise and async/await

MODULE 2 (20-25 Hrs):

ReactJS:

  • ReactJS Introduction
  • Advantages and scope of ReactJS
  • Introduction to Virtual Dom
  • ReactJS Environment Setup (NodeJS setup, usage of npm)
  • React Components
  • Functional Component and Class Component
  • Usage of Props and State
  • Stateful component vs Stateless component
  • Handling Events
  • Refs Uncontrolled Component
  • Controlled Component
  • Form validation
  • HOC (Higher order component)
  • Arrays with map method
  • Consuming REST API Axios library for handling http external requests (GET, POST, DELETE, PUT)
  • Fetch Method
  • React Router SPA
  • Overview React Redux
  • React with Redux Thunk

MODULE 3(20 Hrs):

Creating NodeJS REST API with Express and MongoDB :

  • MongoDB installation setup.
  • What is API
  • What is Express Middleware
  • Nodemon
  • Connection with MongoDB
  • Schema with mongoose
  • Mongoose toObject Transform
  • API Schema Validation Middleware
  • Creating GET, POST, PUT and DELETE API
  • POST API JWT (Json Web Token)
  • Token Validation and routes with JWT
  • Creating Documentation of API using Swagger
  • Hosting application using Firebase Cloud Storage

Prerequisites

Before proceeding with this tutorial, you should have a basic understanding of Html , Css , Javascript. A Familiarity with this will help you learn it very fast