CF

Full-Stack Web Developer Bootcamp with Real Projects

22h 11m 13s
English
Paid

Embark on a comprehensive journey to becoming a Full-Stack Web Developer. This course guides you step-by-step through the entire web development process, from scratch to deploying your project with a domain name. You'll master server-side development using Node, Express, and MongoDB, and client-side development with HTML, CSS, Bootstrap, JavaScript, and jQuery. Suitable for beginners, no prior coding experience is required.

Course Requirements

Before you begin this course, ensure you have:

  • A computer or laptop
  • An internet connection

Target Audience

This course is perfect for:

  • Anyone looking to build their own online business
  • Individuals eager to learn the full-stack web development process

What You'll Learn

  • Transform into a full-stack web developer capable of building complete web applications
  • Gain the skills necessary to launch and run an online business
  • Develop proficiency in tools and technologies including Node.js, Express.js, Passport, Stripe, HTML, CSS, Bootstrap, JavaScript, and jQuery

About the Author: 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.

Watch Online 121 lessons

This is a demo lesson (10:00 remaining)

You can watch up to 10 minutes for free. Subscribe to unlock all 121 lessons in this course and access 10,000+ hours of premium content across all courses.

View Pricing
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
Unlock unlimited learning

Get instant access to all 120 lessons in this course, plus thousands of other premium courses. One subscription, unlimited knowledge.

Learn more about subscription

Related courses

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.