Home

/

Courses

/Full Stack Web Development Masterclass

Full Stack Web Development Masterclass

Learn with Siddharth Shekhar

4 modules

English

Certificate of completion

Lifetime access

Unlock the full potential of web development with this comprehensive masterclass course!

Overview

This comprehensive Full-Stack Web Development Masterclass course will take you through the complete journey of building and deploying a full-stack web application. From front-end technologies like HTML, CSS, and JavaScript to back-end frameworks like Node.js, Express.js, and databases such as PostgreSQL, you will gain the skills and knowledge needed to create dynamic and interactive web applications.

Key Highlights

Learn HTML, CSS, JavaScript, Node.js, Express.js, and PostgresSQL

Build complete front-end and back-end applications from scratch

Understand how to create responsive and user-friendly web designs

Master CRUD operations, authentication, and data management

Deploy your web application to a cloud hosting platform

What you will learn

Learning Outcome 1

Gain a solid understanding of HTML and CSS to create visually appealing web pages.

Learning Outcome 2

Learn JavaScript fundamentals and enhance your coding skills to build dynamic web functionalities.

Learning Outcome 3

Master Node.js and Express.js to develop powerful server-side applications and APIs.

Learning Outcome 4

Discover PostgresSQL and database integration techniques to store and manage your application data.

Learning Outcome 5

Apply advanced techniques for responsive design, user authentication, and CRUD operations.

Learning Outcome 6

Learn how to deploy your web application to a cloud hosting platform for global accessibility.

Modules

HTML and CSS

8 attachments • 10 hrs

Lesson 1: Introduction to HTML, Paragraph, Heading, Image and Anchor Tags

Lesson 2: Ordered, Unordered List, Video, Audio, Difference b/w Block and Inline Element, Difference b/w Space Bar and Indentation and HTML Form Tags

Lesson 2 Assignment-1

Lesson 3: HTML Attributes, HTTP GET and POST Methods, and Label Tag

Lesson 4: Grouping Input Fields, Submit Button, Date, Time Input Fields, Hidden Attribute

Lesson 5: Table Tags, Rowspan, Colspan, CSS Basics, Difference b/w Class and ID, Different types of selectors in CSS, Simple Selectors, and Div Tag

Lesson 6: Combinator CSS Selectors, Attribute Selectors, and Pseudo CSS Selectors, Text Styling, and CSS Measurement Units

Notes

JavaScript

37 attachments • 23 hrs

Lesson 7: Introduction to JavaScript, JavaScript Engine, Variables, Data Type, Functions, Anonymous, Arrow and First Class Functions, Operators, IIFE, and Template Literals

Lesson 7 Assignment: JavaScript Engine & NodeJS

Lesson 7 Assignment: Data Types

Lesson 7 Assignment: Arithmetic Operators

Lesson 7 Assignment: Assignment Operators

Lesson 7 Assignment: Comparison Operators

Lesson 7 Assignment: Logical Operator

Lesson 7 Assignment: IIFE

Lesson 7 Assignment: Functions-1

Lesson 7 Assignment: Functions-2

Lesson 7 Assignment: Functions-3

Lesson 7 Assignment: Functions-4

Lesson 7 Assignment: Arrow Functions

Lesson 7 Assignment: Template Literals

Lesson 8: Arrays, Objects, If-Else, Nested If-Else, If-Else-If, For Loops, While Loops, Do-While Loops, map(), filter() & forEach() Methods, and DOM Introduction

Lesson 8 Assignment: Objects-1

Lesson 8 Assignment: Objects-2

Lesson 8 Assignment: Objects-3

Lesson 8 Assignment: map()

Lesson 8 Assignment

Lesson 9: Selecting, Modifying, Adding and Deleting HTML Elements & Attributes using JS, Synchronous and Asynchronous Code, Examples of Synchronous and Asynchronous Code, Callbacks, Callback Hell, Promises, Handling Promises, Async-Await and Dog App Introduction

Lesson 9 Assignment: Promises-1

Lesson 9 Assignment: Promises-2

Lesson 9 Assignment: Promises-3

Lesson 10: Dog App using Callbacks, Dog App using Promises, Chaining Promises, Dog App using Async-Await

Lesson 10 Assignment-1

Lesson 11: Error Handling and Debugging, Console Methods, Try-Catch Block, Execution Context, Hoisting, and Call Stack Introduction

Lesson 11 Assignment: Execution Context

Lesson 12: How Functions Execute?, Call Stack Explained

Lesson 13: Scope, Scope Chain and Lexical Environment, Difference between var, let and const

Lesson 14: Difference between var, let and const, Temporal Dead Zone and Closures

Lesson 14 Assignment: Closures

Lesson 15: Promises Revision

Lesson 16: Promises Revision-2, 'this' keyword, and Object-oriented concepts in JS

Lesson 17: REST API, HTTP Request Methods, and Postman

Lesson 18: fetch() (Sending API requests), try, catch, throw (Error handling)

Notes

Node.js

30 attachments • 8 hrs

Lesson 19: Server Basics

Lesson 20: Starting a Node.js project, Creating server using 'http' & 'express' modules, Restarting server using Nodemon, QnA app, and Middleware functions

Lesson 21: Creating routes, rendering an HTML page, Using 'path' module, Error handling with a middleware function, util, public and views folder

Lesson 22: Working with Dynamic Content & Adding Templating Engine

Live Test 2: Creating a basic 'Online Book Store'

Lesson 23: Model, View and Controller (MVC)

Lesson 24: Dynamic Routes & Advanced Models

Lesson 25: Dynamic Routes & Advanced Models - 2

Lesson 26: Using Query Params, Pre-Populating the Edit Product Page with Data, Linking to the Edit Page, Editing the Product Data

Lesson 27: Adding the Product-Delete Functionality, Deleting Cart Items, Displaying Cart Items on the Cart Page

Lesson 28: Deleting Cart Items & SQL Introduction, Difference between SQL & NoSQL Databases, ACID Properties

Lesson 29: Difference between SQL & NoSQL Databases, Which database to chose?, Creating a MySQL Database and Table

Lesson 30: Data Types and Basic CRUD Queries

Lesson 31: JOIN in SQL, Integrating MySQL to our Node.js application

Lesson 32: Adding SQL queries to models

Live Test 2: Adding MVC and SQL to 'Online Book Store'

Lesson 33: Writing SQL query for Deleting an item from the cart & MongoDB Introduction

Lesson 34: CRUD using MongoDB

Solution for 'TypeError: Cannot read properties of undefined (reading 'startsWith')'

Lesson 35: Using Sequalize ORM instead of SQL queries

Lesson 36: Using Sequelize to change the SQL queries

Lesson 37: Adding Sequelize code for cart functionality and adding authentication

Lesson 38: Adding Sequelize code for viewing the cart iteams and authentication

Lesson 38: Session configuration and Saving sdession data on database

Lesson 38: What is express.session?

Lesson 38: Where express-session exactly stores the data?

Lesson 39: Adding Flash Messages & JWT introduction

Lesson 40: JWT in action & Adding server-side validation

Lesson 41: Completing server-side validation, Live client-side validation & Integrating Chat feature

Lesson 42: Deplying the app

ReactJS

24 attachments • 14 mins

An example how ReactJS is better than EJS?

What is Virtual DOM?

How to decide which section should be a component on the web page?

Difference b/w a Library and a Framework

Why we are adding crossorigin on CDN script?

Why do we have both React and ReactDOM?

Babel and JSX

Lesson 43: Revision & Introduction to ReactJS

Lesson 44: Bundler and Components

Lesson 45: Building our Online Food Ordering App

Lesson 46: Organising the app in files and folders, Hooks

Lesson 46: Kill the running servers

Lesson 46: Types of Exports

Live Test 3: Simple Project Management Dashboard using ReactJS

Live Test 3: Simple Project Management Dashboard using ReactJS

Lesson 47: useEffect and useState in detail

Lesson 48: Adding a Search bar

Lesson 49: Adding individual Restaurant pages

Lesson 50: Class Based Components

Lesson 51: Lifecycle methods & Optimising our App

Lesson 52: Optimising our App (Creating custom Hooks), Tailwind CSS

Lesson 54: Higher Order Components, Controlled Components

Lesson 55: Controlled Components - 2, Props Drilling, useContext()

Lesson 56: Testing react app

Certification

When you complete this course you receive a ‘Certificate of Completion’ signed and addressed personally by me.

Course Certificate

FAQs

How can I enrol in a course?

Enrolling in a course is simple! Just browse through our website, select the course you're interested in, and click on the "Enrol Now" button. Follow the prompts to complete the enrolment process, and you'll gain immediate access to the course materials.

Can I access the course materials on any device?

Yes, our platform is designed to be accessible on various devices, including computers, laptops, tablets, and smartphones. You can access the course materials anytime, anywhere, as long as you have an internet connection.

How can I access the course materials?

Once you enrol in a course, you will gain access to a dedicated online learning platform. All course materials, including video lessons, lecture notes, and supplementary resources, can be accessed conveniently through the platform at any time.

Can I interact with the instructor during the course?

Absolutely! we are committed to providing an engaging and interactive learning experience. You will have opportunities to interact with them through our community. Take full advantage to enhance your understanding and gain insights directly from the expert.

Free

×

Order ID:

This course is in your library

What are you waiting for? It’s time to start learning!

Illustration | Payment success

Share this course

https://undefined/courses/Full-Stack-Web-Development-Masterclass-64e9f173e4b03564208dd659-64e9f173e4b03564208dd659

or

×

Wait up!

We see you’re already enrolled in this course till Lifetime. Do you still wish to enroll again?

Illustration | Already enrolled in course