CF

Full-Stack Web Developer Bootcamp with Real Projects

22h 11m 13s
English
Paid
Released
Added to CourseFlix

Full-Stack Web Developer Bootcamp with Real Projects is a 121-lesson 22 hours 11 minutes self-paced course by Udemy. This 121-lesson bootcamp covers the entire path of building a web application — from an empty folder to a live site running on its own domain — using one consistent project rather than disconnected exercises.

Course facts

Lessons
121
Duration
22 hours 11 minutes
Language
English
Released
October 2019
Added to CourseFlix
July 2024
Instructor
Udemy
Price
Premium

This 121-lesson bootcamp covers the entire path of building a web application — from an empty folder to a live site running on its own domain — using one consistent project rather than disconnected exercises.

What's covered

On the server side, you'll work with Node.js, Express, and MongoDB. On the client side, it's HTML, CSS, Bootstrap, JavaScript, and jQuery. Along the way the course also brings in Passport for authentication and Stripe for handling payments, pieces that show up in almost any real-world web app.

Who it's for

  • Beginners with no prior coding experience — just a computer and an internet connection are needed
  • Anyone who wants to launch their own web-based business
  • Developers who want full-stack fluency rather than only front-end or back-end pieces

By the end, you'll have gone through the same steps a professional project takes: building it, connecting the pieces, and deploying it live under a real domain name.

Who teaches Full-Stack Web Developer Bootcamp with Real Projects? Udemy

Udemy thumbnail

Udemy is the largest open marketplace for online courses on the internet. Founded in 2010 by Eren Bali, Oktay Caglar, and Gagan Biyani and headquartered in San Francisco, the company went public on the Nasdaq in 2021 under the ticker UDMY. The platform hosts well over two hundred thousand courses across software development, IT and cloud, data science, design, business, marketing, and creative skills, taught by tens of thousands of independent instructors. Roughly seventy million learners use it worldwide, and the corporate arm — Udemy Business — supplies a curated subset of that catalog to enterprise customers.

Because Udemy is a marketplace rather than a single editorial publisher, the catalog is uneven by design. The strongest material lives in the long-form, project-based courses authored by working engineers — full-stack JavaScript, React, Node.js, Python data science, AWS, Docker and Kubernetes, mobile development with Flutter and React Native, and cloud certification preparation. The CourseFlix listing under this source is the slice of that catalog that has been mirrored here for offline-friendly viewing, organized by topic and updated as new releases land. Pricing on Udemy itself swings dramatically with the site's near-permanent sales, which is why the platform is best treated as a deep reference catalog: pick instructors with strong reviews and a track record of updating their material rather than buying on the headline price alone.

What lessons are included in Full-Stack Web Developer Bootcamp with Real Projects?

This is a demo lesson (10:00 remaining)

Watch the first 10 minutes free. One payment unlocks all 121 lessons here and every other premium course. No auto-renew.

Watch all 121 lessons from $6.67/mo
0:00
/
#1: Installation to setup Development Environment
All Course Lessons (121)
#Lesson TitleDurationAccess
1
Installation to setup Development Environment Demo
03:03
2
Create a project
08:36
3
Building Server / Back-end
07:51
4
Build Client / Front-End
10:23
5
Introduction to HTML
13:52
6
Nodemon
05:06
7
Introduction to CSS
15:31
8
Introduction to JavaScript
08:18
9
JavaScript-Data-Type
18:24
10
JavaScript Objects and Arrays
25:07
11
JavaScript Arrays
09:54
12
Arrays of Objects
11:46
13
Bootstrap
13:52
14
Adding-Bootstrap-Form
15:17
15
Push-Source-Code to GitHub
11:33
16
Create Zodiac Array of Objects
17:49
17
Retrieve data from Array of Objects
18:54
18
Dislaying-Data-on-the-Web
16:11
19
Styling web pages with CSS and Bootstrap
13:39
20
Deployment to Heroku
06:43
21
installation
01:24
22
Build Server / Back-end using Node and Express
13:36
23
Setup Template as a View Engine
07:59
24
Nodemon module
06:52
25
Set Express Static Folder
04:19
26
Styling web pages with CSS
06:47
27
Bootstrap
05:57
28
JavaScript and jQuery
07:26
29
JavaScript Functions
07:30
30
DOM manipulation by JavaScript
05:01
31
Push Project to GitHub
10:15
32
jQuery AJAX request
12:44
33
Display Data on the web by JavaScript
11:50
34
For Loop
06:18
35
Display title of Books
21:49
36
Styles using CSS and Bootstrap
11:14
37
Display Author and Country of Books
19:17
38
Push changes to Github
06:43
39
Fetching Published Year and Publisher from Data
17:09
40
Styles with CSS
09:58
41
Push changes to Github
03:38
42
Deployment to Heroku
05:20
43
Setup development environment
04:29
44
Building Server / Back-end
13:09
45
Nodemon module
06:51
46
Setup Template as a View Engine
09:28
47
Set Express Static Folder
10:29
48
Bootstrap
11:08
49
Create Remote Database
16:52
50
Push project to Github
15:14
51
UX Design
13:38
52
UI Design
10:53
53
Mongoose Model
16:01
54
GOOGLE AUTHENTICATION
10:30
55
Google Strategy
13:30
56
Authenticate Google Users
19:40
57
Storing User Data into MongoDB
12:12
58
Saving User Data into Remote Database
07:36
59
Handling Promise Rejection
04:12
60
Fetch User Data from MongoDB
12:01
61
Display User Profile Page
10:34
62
Logout User
12:13
63
Push changes to Github
03:57
64
Config Keys for Production
14:31
65
Deployment to Heroku
05:05
66
Setup Config Vars
10:37
67
Passport-Facebook Module
17:25
68
Facebook Strategy
07:09
69
Retrieve Facebook Users Data
04:54
70
Storing Facebook Data into MongoDB
17:32
71
Facebook Signup for Production
19:31
72
UX for User Profile
17:12
73
Push changes to Heroku
02:59
74
Push changes to Github
03:14
75
Passport-Instagram
10:09
76
Instagram-Client-Keys
08:25
77
Fetch Instagram Users Data
07:41
78
Storing and Displaying Instagram Data
16:45
79
Adding Email Form
14:58
80
Instagram Authenticate for Production
12:36
81
Ensure Authentication
07:42
82
Ensure Guest
07:14
83
Push changes to Heroku
04:39
84
Adding Phone into Database
14:58
85
User Location
10:06
86
Push changes to Heroku
03:37
87
Prevent empty form submit
02:50
88
Fetch and Display all Users from Collection
14:59
89
UI styling for User Page
09:19
90
Adding Footer
05:53
91
Conditional Rendering Template
06:58
92
Display User Location
06:34
93
Display User Profile
12:10
94
UI for User Profile
04:34
95
Create Model for Post
11:14
96
Adding Form for Post Collection
14:07
97
Submitting Form
09:34
98
Saving Post Collection to MongoDB
13:13
99
Display Public Posts
10:43
100
UX for Public Posts Page
08:23
101
Display User Posts in Profile Page
13:20
102
Adding Edit Icon
04:56
103
Editing Post
11:51
104
Save edited post into Database
13:05
105
Push Changes to Heroku and Deploy
10:26
106
Adding Delete Icon to delete Posts
08:18
107
Add Comment Form
12:55
108
Storing and Displaying Comments
16:40
109
Display a User Profile
08:06
110
Display All Public Posts of a User
13:29
111
Deploy changes to Heroku
11:03
112
Accepting Payments
07:59
113
Stripe Module
14:40
114
Display Payment Form
07:29
115
Install Stripe Module
08:59
116
Charging Customers
18:23
117
Stripe Keys for Producton
09:12
118
UX Styling
26:57
119
Deploy changes to Heroku
13:31
120
Access Control
14:40
121
Adding Domain Name
26:12
Watch the other 120 lessons

One payment unlocks this course and every other premium course. No auto-renew.

See plans

What courses are similar to Full-Stack Web Developer Bootcamp with Real Projects?

More courses by Udemy

Frequently asked questions

What are the prerequisites for enrolling in this course?
The only prerequisites for this course are having a computer or laptop and an internet connection. The course is designed for beginners, so no prior coding experience is required. This makes it accessible to anyone interested in learning full-stack web development from scratch.
What kind of projects will I build during the course?
Throughout the course, you'll build full-stack web applications. These projects will involve both server-side development using Node.js, Express, and MongoDB, and client-side development with HTML, CSS, Bootstrap, JavaScript, and jQuery. You'll also learn to deploy your project with a domain name using Heroku.
Is this course suitable for someone looking to start an online business?
Yes, the course is ideal for individuals looking to build their own online business. It not only teaches you the technical skills required to develop web applications but also equips you with the knowledge to launch and run an online business effectively.
Which specific tools and technologies does this course cover?
The course covers a range of tools and technologies essential for full-stack web development. You'll gain proficiency in Node.js, Express.js, HTML, CSS, Bootstrap, JavaScript, jQuery, and MongoDB. Additionally, you'll work with tools like Passport for authentication and Stripe for payment integration.
How does the depth and scope of this course compare to other web development courses?
This course offers a comprehensive approach to learning full-stack web development, covering both client-side and server-side technologies. With 121 lessons, you will develop a robust understanding of each component needed to build complete web applications. The course also includes deployment using Heroku, which may not be covered in all other courses.
What topics or skills are not covered in this course?
The course does not cover mobile app development or advanced topics like machine learning or data science. It focuses specifically on web development from setting up the development environment to deploying a web application.
What is the estimated time commitment required to complete this course?
The course consists of 121 lessons, but the total runtime isn't specified. As it is a bootcamp-style course, expect to dedicate a significant amount of time, typically a few hours per week over several weeks, to thoroughly learn and practice the skills taught.