Ưu đãi trong tuần: Nhập mã UD50 giảm 50k cho đơn từ 300k!
Trang chủ
Menu

Crash Course: Build a Full-Stack Web App in a Weekend!

Khóa Học Cấp Tốc: Xây Dựng Ứng Dụng Web Full-Stack Trong Một Cuối Tuần!

Khóa Học Cấp Tốc: Xây Dựng Ứng Dụng Web Full-Stack Trong Một Cuối Tuần!

Giới thiệu nhanh, thú vị và thực hành về phát triển web. Xây dựng một ứng dụng hoàn chỉnh với HTML, CSS, JavaScript và React!

4.6
(3,856 đánh giá)
28,285 học viên
Giảng viên
Jonas Schmedtmann
Phụ đề Việt chất lượng cao Phụ đề tiếng Anh Bán chạy Đánh giá cao
50.000đ 389.000đ -87%
✓ Xem giỏ hàng và thanh toán
Bao gồm phụ đề tiếng Việt, tiếng Anh
12.5 giờ video
71 bài giảng
Truy cập vĩnh viễn
Học trên mọi thiết bị
Cập nhật: 30/05/2026

Bạn sẽ học được gì

Bạn SẼ xây dựng được một ứng dụng web thú vị chỉ trong vài ngày! Không cần kinh nghiệm trước
Bạn sẽ KHÔNG muốn tạm dừng khóa học một khi đã bắt đầu ;)
Bạn SẼ học được những kiến thức nền tảng nhất của phát triển web hiện đại (một cách nhanh chóng!)
Bạn sẽ KHÔNG thành thạo mọi công nghệ web (điều đó cần nhiều năm...)
Bạn SẼ có được trải nghiệm xây dựng một ứng dụng web hoàn chỉnh
Bạn sẽ KHÔNG thể tự mình xây dựng các ứng dụng phức tạp, nhưng những ứng dụng nhỏ thì có
Bạn SẼ khám phá xem phát triển web có phải là con đường sự nghiệp phù hợp với bạn không

Yêu cầu

Không cần kinh nghiệm lập trình!
Máy tính nào cũng dùng được — Windows, macOS hay Linux
Bạn không cần mua bất kỳ phần mềm nào — chúng ta sẽ dùng trình soạn code miễn phí tốt nhất thế giới

Đối tượng phù hợp

Hãy tham gia khóa học này nếu bạn cần một giới thiệu nhanh về phát triển web hiện đại
Hãy tham gia khóa học này nếu bạn muốn tìm hiểu xem phát triển web có phải là lựa chọn nghề nghiệp tốt không
Hãy tham gia khóa học này nếu bạn muốn gây ấn tượng với bạn bè bằng cách xây dựng một ứng dụng web siêu ngầu chỉ trong vài ngày!

Nội dung khóa học

8 phần • 71 bài giảng
1 Giới thiệu
2 Đọc Trước Khi Bắt Đầu!
3 Tổng Quan Về Phát Triển Web
4 Thiết Lập Trình Soạn Code
1 HTML là gì?
2 Cấu Trúc Tài Liệu HTML
3 Làm Việc Với Văn Bản và Danh Sách
4 Siêu Liên Kết, Hình Ảnh và Thuộc Tính
5 Cấu Trúc Ứng Dụng
6 Xây Dựng Biểu Mẫu
7 Thêm Nhiều Nút Bấm Hơn
1 CSS là gì?
2 Định Dạng Văn Bản
3 Thêm Google Fonts
4 Làm Việc Với Màu Sắc
5 Kế Thừa và Bộ Chọn Toàn Cục
6 Mô Hình Hộp CSS
7 Phần Tử Khối và Nội Tuyến
8 Tạo Bố Cục Nhỏ Với Flexbox
9 Áp Dụng Flexbox Cho Các Sự Kiện Của Chúng Ta
10 Tạo Bố Cục Lớn Hơn Với CSS Grid
11 Căn Giữa Ứng Dụng
12 Định Dạng Liên Kết và Hiệu Ứng Chuyển Tiếp
13 Định Dạng Nút Bấm
14 Kỹ Năng Lập Trình Viên: Tìm Kiếm Google và Đọc Tài Liệu
15 Định Dạng Nút Bình Chọn
16 Định Dạng Phần Tử Biểu Mẫu
17 Điều Chỉnh Bố Cục Cho Màn Hình Nhỏ Hơn
1 Supabase là gì?
2 Tạo Cơ Sở Dữ Liệu Đầu Tiên Của Bạn
3 Tạo Một Bảng
4 Thêm Chính Sách Bảo Mật
1 JavaScript là gì?
2 Hiển Thị và Ẩn Biểu Mẫu
3 Giá Trị, Biến và Toán Tử
4 Hàm
5 Đưa Ra Quyết Định Với Câu Lệnh if/else
6 Toán Tử Ba Ngôi
7 Làm Việc Với Chuỗi
8 Hàm Mũi Tên
9 Mảng
10 Đối Tượng
11 Lặp Qua Mảng: Phương Thức forEach và map
12 DOM là gì?
13 Quay Lại Với Thao Tác DOM Đầu Tiên
14 Tạo Phần Tử DOM
15 Tải Dữ Liệu Với fetch và async/await
16 Phương Thức Mảng filter và find
1 React là gì?
2 Cài Đặt Node.js và Thiết Lập Dự Án React
3 Làm Quen Với JSX và Tạo Component Ứng Dụng
4 Chia Giao Diện Thành Các Component
5 Hiển Thị Danh Sách Các Sự Kiện
6 Truyền và Nhận Props
7 Hiển Thị Danh Sách Các Danh Mục
8 Giới Thiệu State
9 Hiển Thị và Ẩn Biểu Mẫu Theo Cách Của React
10 Tạo Component Header
11 Làm Việc Với Biểu Mẫu Theo Cách Của React
12 Thêm Sự Kiện Mới – Phần 1
13 Thêm Sự Kiện Mới – Phần 2
14 Tải Dữ Liệu Từ Supabase Với useEffect
15 Tạo Component Loader
16 Lọc Theo Danh Mục
17 Tải Lên Sự Kiện Mới Lên Supabase
18 Xử Lý Bình Chọn và Cập Nhật Sự Kiện Trên Supabase
1 Hiển Thị Ứng Dụng Trên Mọi Điện Thoại Di Động
2 Hoàn Thiện và Tạo Bản Dựng Sản Phẩm
3 Triển Khai Lên Netlify
1 Bước Tiếp Theo Là Gì
2 PHẦN THƯỞNG: Khám Phá Các Khóa Học Khác Của Tôi!

Giới thiệu khóa học

"I have already learned more in this class than in a $12,000 coding BootCamp (...). Before taking one of the Bootcamp on Udemy, you should take this class first" – Robert


Do you want to learn the fundamentals of modern web development fast?

Do you want to find out if building websites and apps is the right career path for you?

Or maybe you just want to know what your web developer friends do all day?

In any of these cases...

Welcome to my "Web Development Crash Course"! Together, we will build a fun, small, but full-stack web application in just a few days.


But why this course? And why is it so short?

Well, there are so many 60 and 80-hour-long "complete" web development courses out there, which are great if you want to invest 3 months of your life into finding out if web dev is even right for you or not...

I wanted to offer a different approach. A short and fast crash course, where you can dip your toes into the world of HTML, CSS, JavaScript, and even React (the most used JavaScript library in the world).

You can finish it in a weekend (if you have nothing else planned), or you can take a week. But the point is that you can learn the very fundamentals of web development quite fast, and in an engaging, 99% project-based way.

And even though this is called a "crash course", this course teaches you more in 12 hours than I learned in my first 2 years as a web developer!

That's how condensed, and how valuable, the material is. And the course still maintains the high-quality standard of all my other courses, so that you actually understand what you are learning!


But you might be thinking: "Is a crash course really right for me?"

Well, it all depends on your goals.

Sure, you will not become a web developer after this short course, and you will not be able to build big web projects (but sometimes that's true even for those huge 80-hour courses).

But, at the end of this course, you will have learned and understood the fundamentals of the most important web technologies (HTML, CSS, JavaScript, React). And even more importantly, you will have discovered if you actually like web development and want to pursue it as a (lucrative) career!

Plus, you will walk away from this course with a super cool web application that you can show to all your friends (please tell them I sent you ;)

All this will enable you to go deeper into the topics that you actually liked, and keep learning and progressing on your own if you like (or of course, you can purchase more specialized courses).


So, have you never written a single line of code in your life?

You have come to the right place! We will start slowly, step-by-step, and then speed up the pace as we progress through the course.

So here's what we're gonna do in this course:

  • We will set up your code editor and coding environment together (all for free!)

  • I will guide you through the basics of the web and web development

  • Then we slowly start our project, by writing the HTML code (for the page content)

  • We then style the page and create a layout using CSS

  • Next we create an online database and API for our application data, using a free service called Supabase

  • To get the data into the application and make it interactive, we learn the fundamentals of JavaScript

  • Writing apps with only JavaScript can be difficult, so we build the app using the React library

  • Finally, we deploy the final project to a free service called Netlify

  • DONE! You can now share the URL of your project with everyone :)


Already know HTML, CSS, or JavaScript?

No problem! You can still get something from the course. For example, you can watch only the section on "React" and use the downloadable code from the previous section as your starting point.


If all this sounds great, then join me on this adventure right now! See you on the inside :)

Khóa học liên quan

Khám phá thêm các khoá học cùng chủ đề

Hiển thị tất cả khoá học Frontend Development
Hiển thị tất cả khoá học Javascript
Hiển thị tất cả khoá học React
Hiển thị tất cả khoá học Web Development
Zalo
Tôi có thể tư vấn khoá học cho bạn 😊