-71%

Web Development

Master in Full Stack Web Development (MERN) – 17th June to 20th August 2023 Live Online

CodeZil

Last Update May 21, 2023

5.0 /5

(1)

25 already enrolled

About This Course

Date: 17th June 2023 – 20th August 2023 (2 Hours/Day Alternate Weekdays and Weekend classes)

Welcome to the Live Full Stack Web (MongoDB, Express.js, React.js, Node.js) Development Course! This comprehensive course will guide you through the process of becoming a skilled full stack developer using the popular MERN stack. By the end of this course, you will have the knowledge and practical skills to build dynamic web applications from front to back.

Throughout the course, you will learn how to leverage the power of React.js for building interactive and responsive user interfaces.

On the server side, you will dive into Node.js and Express.js, learning how to build robust and scalable APIs. MongoDB will be your database of choice, and you’ll learn how to interact with it using Mongoose, a popular object modeling library for MongoDB and Node.js.

You’ll explore version control with Git and GitHub, learn about deployment strategies.

Learning Objectives

It allows you to create dynamic and responsive web applications using React.js, a popular and powerful JavaScript library.

You'll learn how to create scalable and efficient server-side APIs, handle HTTP requests and responses, implement middleware, and work with databases such as MongoDB using Mongoose.

It enables you to create end-to-end solutions where the user interface seamlessly interacts with the server-side functionality.

Material Includes

Videos
Booklet PDF

Requirements

You should have a PC or Mac and know how to turn it on!
Have an Internet connection

Target Audience

This course is for beginners - no prior experience is required
This course is for entrepreneurs & hobbyists
This course is for those looking for a career change
This course is for anyone who wants to learn front-end and backend development
This course is for students

Curriculum

118 Lessons80h

Course Introduction

Introduction00:30:00

Introduction to HTML

Styling with CSS

JavaScript

BMI Calculator Project

Git and Github

React

Redux

Project – Personal Portfolio

Flipkart Clone – Frontend Project

MongoDB Database

Intro to Backend

ExpressJs and NodeJs

Routing and Controllers in NodeJS

Working with MongoDB in NodeJS

Authenticity and Security

File Uploading and Handling

React – Data Fetching & APIs

Project – Flipkart Clone Backend

Project – Flipkart Clone API Integration

Project – Hospital Management System

Assignment Project – Blogging Website

Bonus – TypeScript

Internship Project

Mock Interviews

₹8,499.00~~₹28,999.00~~

71% off

Level

Expert

Duration 80 hours

Lectures

118 lectures

Subject

Web Development

Language

English

Material Includes

Videos
Booklet PDF

Master in Full Stack Web Development (MERN) – 17th June to 20th August 2023 Live Online

About This Course

Tags

Learning Objectives

Material Includes

Requirements

Target Audience

Curriculum

Course Introduction

Introduction00:30:00

Introduction to HTML

Introduction to HTML00:30:00

Basic Elements & Document Setup00:30:00

Lists & Tables00:20:00

Forms & Input00:30:00

Basic Styling – Project on Basic CSS00:30:00

Project – Building A Basic HTML Webpage00:30:00

Styling with CSS

CSS Basic Styling – Project on Basic Styling00:30:00

Positioning & Background Images – Project on Images00:20:00

Colors, Backgrounds & Gradients – Project on Color Backgrounds00:20:00

Text & Box Shadows – Project Text Shadows00:20:00

Transitions & Animation – Project on Animations00:20:00

Columns & Flexbox – Project in FlexBox00:20:00

Create a Basic Intro Webpage of a Restaurant

JavaScript

Introduction to JavaScript00:15:00

Variables, data types, and operators00:30:00

Control flow (conditionals and loops)00:20:00

Functions and scope00:20:00

Arrays and array manipulation00:30:00

Objects and object-oriented programming concepts00:30:00

Overview of new features introduced in ECMAScript 6 and later versions01:00:00

Arrow functions, destructuring, spread syntax, etc.01:00:00

Promises, async/await, and other asynchronous programming enhancements00:40:00

JavaScript Coding Questions

BMI Calculator Project

Introduction00:15:00

BMI Calculator Project01:00:00

Git and Github

What is Git?00:15:00

Version control using git00:15:00

Github and remote repositories00:20:00

Clonning00:15:00

Forking and pulling request00:20:00

React

Intro to Reactjs00:15:00

JSX practice00:15:00

Javascript expression in JSX practice00:15:00

React styling00:20:00

React styling practice00:15:00

React Components00:30:00

Import and export00:15:00

Working with props and dynamic data00:15:00

Conditional rendering and handling events00:20:00

Creating functional components00:20:00

Using state and props in functional components00:15:00

Destructuring props and using default props00:15:00

Managing component lifecycle with hooks (useState, useEffect, etc.)00:20:00

Breaking down the UI into smaller, reusable components00:20:00

Parent-child component relationships and passing data between them00:25:00

Handling form input with controlled components00:20:00

Handling form submission and validation00:00:00

Handling user input with Hooks – Contact Us Page Project01:00:00

Rendering lists of data with map function00:30:00

Adding unique keys to list items00:10:00

Dynamic list manipulation (adding, removing, updating items) – CRUD Library Project01:00:00

Implementing client-side routing in React with React Router00:45:00

Setting up routes and navigation00:30:00

Handling route parameters and query strings00:20:00

Create Library Management in React

Redux

Introduction to Redux00:15:00

Main Features of Redux Tool Kit API00:20:00

How to Use Redux Toolkit in your project?00:00:00

Project – Personal Portfolio

Personal Portfolio – Part 101:00:00

Personal Portfolio – Part 201:00:00

Personal Portfolio – Part 301:00:00

Personal Portfolio – Final Part01:00:00