Web Development MERN Stack From Scratch
About Course
Welcome to the Complete Web Development Bootcamp, the only course you need to learn to code and become a full-stack web developer.
At 50+ hours, this Web Development course is without a doubt the most comprehensive web development course available online. Even if you have zero programming experience, this course will take you from beginner to mastery
- This course doesn’t cut any corners, tens of real-world projects which you will get to build.
- The curriculum was developed over a period of four years, with comprehensive student testing and feedback.
- You’ll save yourself over Rs 50,000 by enrolling, but still get access to the same teaching materials and learn from the same instructor and curriculum as our in-person programming bootcamp.
- The course is constantly updated with new content, with new projects and modules determined by students – that’s you!
We’ll take you step-by-step through engaging video tutorials and teach you everything you need to know to succeed as a web developer.
The course includes over 50 hours of HD video tutorials and builds your programming knowledge while making real-world websites and web apps.
Throughout this comprehensive course, we cover a massive amount of tools and technologies, including:
- Front-End Web Development
- HTML 5
- CSS 3
- Bootstrap 4
- Javascript ES6
- DOM Manipulation
- jQuery
- Bash Command Line
- Git, GitHub and Version Control
- Backend Web Development
- Node.js
- NPM
- Express.js
- EJS
- REST
- APIs
- Databases
- SQL
- MongoDB
- Mongoose
- Authentication
- Firebase
- React.js
- React Hooks
- Web Design
- Deployment with GitHub Pages, Heroku and MongoDB Atlas
By the end of this course, you will be fluently programming and be ready to make any website you can dream of.
You’ll also build a portfolio of over 25+ websites that you can show off to any potential employer.
Sign up today, and look forward to:
- Video Lectures
- Fully Fledged Projects
- Quizzes
- Programming Resources and Cheatsheets
What Will You Learn?
- Be able to build ANY website you want.
- Become a front-end and Back-end developer - Complete Full Stack Developer.
- Build 2 major projects which you can add in your resume and submit as final year projects too
- Learn the latest frameworks and technologies, including Javascript ES6, Bootstrap 4, MongoDB.
- Build fully-fledged websites and web apps for your startup or business.
- Work as a freelance web developer.
Course Content
Introduction to Web Development
-
04:01
-
08:34
-
What is Web Development
05:02
HTML
-
Installing VS Code
07:29 -
The structure of a Webpage
07:56 -
Creating a full webpage
05:42 -
Header tags
05:16 -
Paragraph tags
05:52 -
Formatting tags
09:37 -
Unordered list
03:46 -
Ordered list
03:10 -
Image tags
05:18 -
Forms in HTML
13:44 -
Tables
06:31 -
Links
08:13 -
HTML entities
03:12 -
iFrames
06:30 -
PROJECT- Putting it all together
20:05
CSS
-
What is CSS
03:03 -
Inline CSS
04:42 -
Internal CSS
05:19 -
Class and id
16:14 -
Div
05:48 -
Color
03:56 -
Floating
04:18 -
Positions
10:41 -
Margins
05:21 -
Padding
04:24 -
Borders
11:31 -
Font style
05:46 -
Styling text
06:59 -
Aligning text
04:32 -
Styling links
05:03 -
FlexBox in CSS
17:10 -
External CSS
02:53
JavaScript 1
-
Inline javascript
05:42 -
Internal javascript
05:48 -
Accessing elements
07:44 -
Onclick event
07:55 -
Changing Website content
11:03 -
Manupulating styles with javascript
04:31 -
Disappearing circles
07:09 -
Variables
11:56 -
Array
07:34 -
If statement
06:17 -
Random number guessing game
11:41 -
For loop
12:29 -
While loop
05:11 -
PROJECT-Reaction tester project
22:38 -
External javascript
03:07
JavaScript 2
-
DOM intro
15:29 -
Naming conventions
05:18 -
String concat
03:16 -
Length property in strings
04:13 -
Slicing
04:08 -
Changing Case of string
02:46 -
Operators in js
06:26 -
Functions
06:46 -
Objects
05:59 -
How to add event listener in js
08:10
Jquery
-
What is jQuery
02:26 -
Including jQuery on our webpage
07:03 -
Detecting a click
10:12 -
Changing website content using jQuery
08:08 -
Changing website styles
10:17 -
Fading content
11:16 -
Animating content
10:47 -
Regular expression
06:35 -
PROJECT-Form Validation
40:27 -
Droppable
11:26 -
Jqui widget
06:35
Bootstrap
-
Intro to Bootstrap
03:01 -
Your first bootstrap site
04:22 -
Grid
12:42 -
Bootstrap components
05:36 -
Tables and Form
14:17 -
Modals,popover and tooltips
18:03 -
Scrollspy
09:46 -
PROJECT-App landing project
28:09 -
Themes in bootstrap
04:19 -
Card in bootstrap
08:27
The Killer Website( Front end Project)
-
Setting up the folder structure
20:50 -
Responsive grid system
06:40 -
Header section Part-1
12:53 -
Header section Part-2
18:01 -
Header section Part-3
14:23 -
Feature section Part-1
11:18 -
Feature section Part-2
11:36 -
Creating Favorite meal section Part-1
10:10 -
Creating Favorite meal section Part-2
09:12 -
Creating how it works section Part-1
10:12 -
Creating how it works section Part-2
16:59 -
Creating the city section Part-1
13:17 -
Creating the city section Part-2
12:30 -
Creating Customer testimonial section Part-1
06:43 -
Creating Customer testimonial section Part-2
10:16 -
Creating Sign up section Part-1
11:41 -
Creating Sign up section Part-2
12:36 -
Creating the contact form section Part-1
14:40 -
Creating the contact form section Part-2
07:31 -
Creating the footer section Part-1
06:43 -
Creating the footer section Part-2
14:48 -
Making webpage responsive Part-1
17:03 -
Making webpage responsive Part-2
18:39 -
Including jquery
03:17 -
Scrolling effect
07:37 -
Adding animations
12:49
Intro to Backend
-
Backend
05:29
Nodejs
-
Nodejs
03:27 -
REPL
03:11 -
Native modules
06:34 -
Modules in nodejs
06:08
Express with Nodejs
-
Express framework
02:10 -
Creating a server using express
08:07 -
Request and response using express
11:28 -
Routes
06:56 -
Sending html file as a response
04:47 -
Post request in express
15:23
API
-
API
08:12 -
Authentication and JSON
04:01 -
Weather app
39:39
Git and Github
-
Git
17:59 -
Version control using git
14:34 -
Github and remote repositories
08:51 -
Clonning
03:45 -
Forking and pulling request
09:25
EJS
-
EJS
06:41 -
Creating Ejs template
10:38 -
Creating a Todo list project Part-1
24:57 -
Creating a Todo list Part-2
10:00 -
Layouts In ejs
11:52 -
Creating our own modules
07:24
MangoDB Database
-
What is database
04:35 -
Installing mongodb
05:46 -
Create In CRUD
07:01 -
Read In CRUD
04:05 -
Update and Delete In CRUD
07:11 -
Relationship In mongodb
03:15
Mangoose
-
Mongoose
15:52 -
Retriving Data from Database
04:15 -
Data Validation
05:20 -
Delete and Update
08:21 -
Connecting documents
05:11
Putting it all together
-
Storing list items permanently PART-1
19:15 -
Storing list item permanently PART-2
05:45 -
Deleting a task from todo list
09:12
Build your own Restful API from Scratch
-
what REST
02:13 -
Setting Up Robo 3T
05:09 -
Get All Articles
07:47 -
Post a new article
09:19 -
Delete Request
04:05 -
Making a specific get request
07:37 -
Put operation on a specific record
07:48 -
Patch request
05:29 -
Deleteing a specific record
03:58
Intro to Authentication and security
-
Intro to Authentication and security
03:22 -
Setting Up folder structure
05:29 -
Register and login
13:13 -
Encryption
07:00 -
Cookies and Session
04:07
React JS
-
Intro to Reactjs
02:47 -
Code sandbox
01:21 -
JSX and babel
08:49 -
JSX practice
04:52 -
Javascript expression in JSX practice
05:19 -
Javascript expression in jsx
03:15 -
JSX styling React elements
07:09 -
Inline style for React elements
04:53 -
React styling practice
08:54 -
React Components
08:25 -
React Component Practice
04:46 -
Import and export
06:15 -
Export and import Practice
06:00 -
Keeper app Project Part-1
13:32 -
Props in reactjs
07:06 -
Adding React js developer tools
01:58 -
Mapping Data to components
09:32 -
Map function Practice challenge
11:13 -
Map reduce and filter function In js ES6
07:47 -
Arrow function in ES6
03:37 -
Keeper App project Part-2
07:47 -
React Condiitional rendering
09:10 -
ReactJs states
03:57 -
React Hooks UseState
15:32 -
Hooks use state practice
04:50 -
Destructure Concept in ES6
05:57 -
Handling events in React
11:46 -
Form Events
13:57 -
Class component Vs Hooks
05:52 -
Handling multiple states in react js app
06:57 -
Spread operator
04:57 -
Component tree structure
06:39 -
Keeper app project-3
32:52