Full Stack Web Development

Description

Full stack developers are technical wizards who can develop, code, design and manage databases. Build around MERN stack, this program would involve skills from scratch, creating complex web and mobile applications from start to end. Starting with JavaScipt, we will take you on a ride for React Js, Node Js, Express Js , followed with Mongodb and Mongoose. For detailed process, deliverables and curriculum, please refer the sections below.

A stack is the combination of technologies used to create a web application. Any web application will be made using multiple technologies (frameworks, libraries, databases etc).
The MERN stack is a JavaScript stack that’s designed to make the development process smoother. MERN includes four open-source components: MongoDB, Express, React, and Node.js. These components provide an end-to-end framework for developers to work in. Full Stack web development has some of the highest vacancies available in the world. According to Indeed.com, India added 28% more web developer jobs in the past year alone.The rise of ecommerce and IT has led to the rise in the jobs and also the median salaries. The increasing middle class and the increase of internet users will only get the industry to grow bigger.

The MERN stack is becoming increasingly popular and is a powerful stack to work in. If you’re able to build and deploy good MERN applications, it will greatly help your career prospects as a developer.

Process


  • Instructor-led Training

    90 hours live weekend sessions | Batch of 30 trainees

  • International certifications
  • Industrial Exposure

    Live project with internship completion letter.

  • 1 year of Live Sessions by Experts

    Be a part of interactive webinars every weekend, by experts on cutting edge topics.

Curriculum

  • Introduction to JavaScript
  • Client-side scripting
  • JavaScript functions
  • Business Intelligence vs Data Science
  • FE, IIFE, Arrays, Date and Time Objects
  • Closures, DOM Objects
  • 1. What is React?
  • What react is and what it is not?
  • Advantages
  • Limitations
  • How React works?
  • Introduction to JSX
  • Virtual DOM
  • JS vs JSX
  • React Components
  • HTML attributes e.g. class and id etc
  • 3. Creating a simple React Application
  • A simple react component with JSX template
  • Nesting Components
  • React render
  • React Props
  • Props validation with data types
  • States, Initialize states and update states
  • 4. React UI and Forms
  • Form components e.g. input, text area
  • Checkboxes and Radios
  • Select box with default selected value
  • Form validation
  • 5. Component Life Cycle
  • Initial Render
  • Props Change
  • Stage Change, Component Unmount
  • 6. React Router and Other JS concepts
  • React Router configuration
  • Router History
  • If-else in JSX
  • IIFE in JSX for complex logic
  • 7. Event Handling in JSX
  • onClick, onKeyUp and other useful events in React
  • Sharing events across the components
  • 8. React Router & Navigation
  • Loading the router library
  • Router configuration
  • Passing and receiving parameters
  • React-cookie integration
  • 9. Redux
  • One Store
  • Provider Component
  • Actions
  • Reducers
  • Redux application development
  • 10. Unit Testing
  • Tools for Unit testing
  • React Unit testing
  • JEST
  • React Component testing
  • React Router Testing
  • NPM: The Node Package Manager
  • Events and the Event Emitter
  • Events
  • Object Properties
  • Your First Class
  • Functions, and Arrays
  • The Node Event Emitter
  • Introductions, Environment setup
  • Event Loop
  • Event Emitter
  • Assignments /Project
  • Packages and Package Managers
  • Conceptual Aside: Semantic Versioning (semver)
  • npm and the npm registry: Other People's Code,
  • init, nodemon, and package.json.
  • Global Objects, Utility Modules
  • EXPRESSJS – TEMPLATING
  • Important Features of Pug/Jade
  • EXPRESSJS – SERVING STATIC FILES
  • EXPRESSJS – FORM DATA, EXPRESSJS –
  • DATABASE, Setting up Mongoose
  • Saving Documents – POST Verb
  • Retrieving Documents – GET Verb
  • Updating Documents – PUT Verb
  • Deleting Documents – Delete Verb
  • MongoDB - Advantages, MongoDB - Environment
  • MongoDB - Data Modelling
  • MongoDB - Create Database
  • MongoDB - Drop Database
  • MongoDB - Create Collection
  • MongoDB - Drop Collection,
  • MongoDB - Datatypes
  • MongoDB - Insert Document
  • MongoDB - Delete Document
  • MongoDB - Capped Collections
  • MongoDB - Auto Increment Sequence
  • Interacting with MongoDB Using Mongoose
  • Mongoose Node Module
  • Schemas
  • Example Mongoose Schema
  • Mongoose Models
  • Creating More Documents
  • Simple Queries
  • Updating
  • Adding Mongoose Models
  • The Employee Model
  • The Team Model
  • Populating the Database
  • Accessing the Database