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.

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!

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