Ưu đãi trong tuần: Nhập mã UD50 giảm 50k cho đơn từ 300k!
Trang chủ
Đăng nhập
Xem tất cả kết quả
Menu
Đăng nhập Đăng ký miễn phí

Full Stack Web Development with Django 5, TailwindCSS, HTMX

Phát triển Web Full Stack với Django 5, TailwindCSS, HTMX

Phát triển Web Full Stack với Django 5, TailwindCSS, HTMX

Xây dựng ứng dụng web full stack hoàn chỉnh | Thành thạo Django 5 | Thiết kế chuyên nghiệp với TailwindCSS | Docker và Docker Compose

4.5
(353 đánh giá)
2,936 học viên
Giảng viên
Jose Salvatierra
Phụ đề Việt chất lượng cao Phụ đề tiếng Anh Bán chạy Đánh giá cao
50.000đ 349.000đ -86%
✓ Xem giỏ hàng và thanh toán
Bao gồm phụ đề tiếng Việt, tiếng Anh
19.0 giờ video
246 bài giảng
23 bài quiz
6 bài coding
Truy cập vĩnh viễn
Học trên mọi thiết bị
Cập nhật: 30/05/2026
#Django #Python #Tailwindcss #Web Development

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

Viết code ứng dụng Django full stack sử dụng HTML, TailwindCSS, HTMX và AlpineJS
Thiết lập môi trường phát triển Django cục bộ với Docker và Docker Compose
Sử dụng Django Class-Based Views để thiết lập bộ lọc nâng cao và phân trang
Thêm tính năng đăng nhập bằng mạng xã hội vào ứng dụng Django với django-allauth
Học HTML và CSS từ đầu, bao gồm HTML ngữ nghĩa, CSS flex và CSS grid
Học cách tích hợp trình soạn thảo văn bản phong phú vào ứng dụng Django

Yêu cầu

Biết chút ít về Python sẽ hữu ích, mặc dù khóa học có phần ôn tập Python đầy đủ
Không cần biết trước về HTML hay CSS
Không cần cài đặt phần mềm, mọi thứ đều được cài đặt trong khóa học
Không cần kiến thức trước về Django!

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

Dành cho doanh nhân muốn nhanh chóng xây dựng dự án web bằng Django - một framework chín chắn
Lập trình viên muốn chuyển sang làm việc với Django hoặc muốn học full stack
Học viên lập trình muốn học cách xây dựng ứng dụng full stack

Nội dung khóa học

27 phần • 243 bài giảng
1 Tổng quan về dự án Django trong khóa học
2 Yêu cầu kỹ thuật cho khóa học này
3 Tổng quan chương trình học
4 Cách nhận trợ giúp
5 Nơi lấy mã nguồn dự án Django
6 Nhật ký thay đổi nội dung khóa học
1 Phần tử head và body
2 Phần tử block và inline
1 Thẻ tiêu đề (h1 đến h6)
2 Đoạn văn (p)
3 Liên kết (a)
4 Hình ảnh (img)
5 Danh sách (ul, ol và li)
6 Div và Span
1 Giới thiệu về biểu mẫu HTML
2 Trường nhập văn bản HTML (input)
3 Hộp kiểm và nút radio HTML (input)
4 Vùng văn bản HTML (textarea)
5 Danh sách thả xuống HTML (select và option)
6 Gửi biểu mẫu (method và action)
7 Khả năng truy cập và tự động điền biểu mẫu
1 Giới thiệu về HTML ngữ nghĩa
2 Phần tử header và nav
3 Main, section và article
4 Aside và footer
1 Thẻ meta và viewport
2 Thẻ meta Open Graph và Twitter
1 Giới thiệu về CSS và bộ chọn
2 Đơn vị trong CSS
3 Mô hình hộp CSS
4 Border-box hoạt động như thế nào?
5 Độ ưu tiên bộ chọn CSS
6 Định vị trong CSS (relative, absolute, fixed và sticky)
7 Làm việc với màu sắc trong CSS
8 Làm việc với kiểu chữ trong CSS
9 Lớp giả và phần tử giả
1 Giới thiệu về CSS flex
2 Căn chỉnh và phân bố trong CSS flex
3 Thuộc tính phần tử con trong CSS flex
4 Khoảng cách và ngắt dòng trong CSS flex
5 Cột và hàng trong CSS grid
6 Vùng mẫu trong CSS grid
7 Lặp lại và tự động khớp trong CSS grid
8 Vị trí phần tử trong CSS grid
9 Căn chỉnh trong CSS grid
1 Giới thiệu phần học - bạn có thể bỏ qua không?
2 Biến trong Python
3 Định dạng chuỗi với f-strings (và các cách khác)
4 Nhận đầu vào từ người dùng với Python
5 List, tuple và set trong Python
6 Thao tác nâng cao với set trong Python
7 Làm việc với boolean trong Python
8 Điều khiển luồng: câu lệnh if trong Python
9 Từ khóa 'in' trong Python
10 Sử dụng từ khóa 'in' trong câu lệnh if với Python
11 Vòng lặp trong Python: for và while
12 List comprehensions trong Python
13 Làm việc với dictionary trong Python
14 Phân rã biến trong Python
15 Hàm trong Python
16 Đối số và tham số hàm trong Python
17 Cách đặt giá trị mặc định cho tham số hàm trong Python
18 Cách trả về giá trị từ hàm trong Python
19 Hàm ẩn danh hoặc lambda trong Python
20 Dictionary comprehensions trong Python
21 Giải nén đối số với Python (*args)
22 Giải nén đối số từ khóa với Python (**kwargs)
23 Lập trình hướng đối tượng trong Python
24 Phương thức magic Python: __str__ và __repr__
25 @classmethod và @staticmethod trong Python
26 Kế thừa lớp trong OOP với Python
27 Thành phần lớp trong OOP với Python
28 Gợi ý kiểu dữ liệu với Python
29 Import hoạt động như thế nào trong Python?
30 Import tương đối trong Python (và tại sao nên tránh)
31 Xử lý lỗi và ngoại lệ trong Python
32 Tạo lớp lỗi tùy chỉnh trong Python
33 Hàm hạng nhất trong Python là gì?
34 Decorator đơn giản trong Python
35 Cú pháp '@' cho decorator trong Python
36 Trang trí hàm có tham số
37 Viết decorator có tham số
38 'Mutability' trong Python nghĩa là gì?
39 Tham số hàm mặc định có thể thay đổi (và tại sao đây là ý tưởng tồi)
1 Giới thiệu phần này
2 Cách cài đặt pyenv và Python trên Windows
3 Cách cài đặt pyenv và Python trên Mac
4 Cách cài đặt Poetry trên Windows
5 Cách cài đặt Poetry trên Mac
6 Cách cài đặt VSCode trên Windows
7 Cách cài đặt VSCode trên Mac
8 Cách thiết lập virtualenv và cài đặt dependencies trên Windows
9 Cách thiết lập virtualenv và cài đặt dependencies trên Mac
10 Cách bắt đầu một dự án Django trên Windows
11 Cách bắt đầu một dự án Django trên Mac
12 Cách chạy migrations, tạo superuser và truy cập admin panel trên Windows
13 Cách chạy migrations, tạo superuser và truy cập admin panel trên Mac
14 Cách tạo một Django app trên Windows
15 Cách tạo một Django app trên Mac
1 Giới thiệu phần này
2 MVT (Model View Template) trong Django là gì?
3 Viết ứng dụng Hello World với Django
1 Giới thiệu phần này
2 Cách tạo và đăng ký Django models
3 Cách tạo và chạy database migrations
4 Cách hiển thị tất cả bài viết trên trang chủ
5 Giới thiệu về Django Forms
6 Cookie trình duyệt là gì?
7 Tấn công CSRF là gì?
8 Tạo view sử dụng form với Django
9 Tạo bài viết trong ứng dụng với Class-Based Views
10 Thêm các endpoint ứng dụng khác với CBVs
11 Tối ưu URL bài viết
12 HTML escaping là gì và hoạt động thế nào trong Django?
1 Giới thiệu phần này
2 Cách tạo base template trong Django
3 Cập nhật templates để kế thừa base template
4 Django filters là gì?
5 Cách thêm điều hướng giữa các trang trong Django
6 Cách hiển thị có điều kiện trong Django templates
7 Tính toán động số từ trong bài viết
8 Cách thêm số từ vào templates
9 Cách tùy chỉnh các trường trong Django admin panel
1 Giới thiệu phần này
2 Cách build Docker image cho ứng dụng Django
3 Cách chạy Docker container với ứng dụng Django
1 Giới thiệu phần này
2 Django Debug Toolbar (cực kỳ hữu ích!)
3 Cách tự động hóa việc tạo superuser
1 Giới thiệu phần này
2 Cách thêm quan hệ người dùng vào Django model
3 Cách thiết lập người tạo bài viết trong form của Class-Based View
4 Cách thêm trang đăng nhập và đăng xuất với Django
5 Cách yêu cầu đăng nhập trong Django CBVs
6 Cách thiết lập django-allauth
7 Cách sử dụng URL django-allauth trong dự án
8 Cách thiết lập xác thực mạng xã hội với django-allauth
9 Cách tạo ứng dụng GitHub OAuth
10 Cách thêm ứng dụng mạng xã hội mới với django-allauth
11 Cách thiết lập Django đăng nhập bằng email thay vì username với allauth
12 Cách tùy chỉnh trang admin UserProfile
13 Dịch thuật và bản địa hóa hoạt động thế nào trong Django?
14 Cách thêm bản dịch vào Django admin panel
15 Tạo UserManager tùy chỉnh để sử dụng trường email trong Django
1 Giới thiệu phần này
2 Cách thêm thuộc tính tính toán tùy chỉnh vào models
3 Hiển thị thống kê bài viết người dùng trong template
4 Cách thêm trình soạn thảo markdown vào dự án Django
5 Loại bỏ trùng lặp từ form templates
1 Giới thiệu phần này
2 Cách thiết lập kết nối PostgreSQL trong Python với psycopg
3 Chạy ứng dụng Django và database với Docker Compose
4 Chạy database migrations với Docker Compose
5 Các lệnh Docker Compose hữu ích
1 Cách cài đặt NodeJS trên macOS
2 Cách cài đặt NodeJS trên Windows
3 Cách cài đặt và thiết lập TailwindCSS
4 Plugin TailwindCSS để thiết kế dễ dàng hơn
5 Tải lại trình duyệt tự động với django-browser-reload
6 Thêm django_widget_tweaks
7 Tạo kiểu nút với TailwindCSS
8 Thiết kế thanh điều hướng với TailwindCSS
9 Tùy chỉnh theme TailwindCSS bằng cách tạo box shadow underline
10 Tùy chỉnh theme trong TailwindCSS v4
11 Thay đổi kiểu menu tùy thuộc vào trang hiện tại
12 Thiết kế bảng điều khiển người dùng
13 Thiết kế giao diện form xóa bài viết (+ làm việc với biểu tượng svg trong Django)
14 Tái cấu trúc template bố cục base_form để giảm trùng lặp
15 Thiết kế giao diện template form bài viết (tạo kiểu form với Django và widget_tweaks)
16 Thiết kế giao diện trang đăng nhập Django allauth
17 Tìm hiểu cấu trúc phần tử trong Django allauth
18 Tạo kiểu cho phần tử đăng nhập bằng mạng xã hội
19 Tạo kiểu cho danh sách lỗi hiển thị trên trang đăng nhập
20 Các tính năng chính của trang chủ và trang đăng ký
21 Tạo cấu trúc responsive cho trang đăng ký và trang chủ
22 Thiết kế giao diện form đăng ký trên trang chủ
23 Tạo kiểu cho thông báo lỗi form trên trang đăng ký
24 Cách tạo kiểu cho phần tử HTML details để hiển thị thông tin chi tiết
25 Cải thiện base template để hoạt động xuyên suốt các ứng dụng
26 Thiết kế giao diện chính cho bố cục allauth
27 Phần tử Allauth: tạo kiểu cho nút bấm
28 Phần tử Allauth: tạo kiểu cho form và trường nhập liệu
29 Phần tử Allauth: tạo kiểu cho tiêu đề
30 Một số cải thiện và tinh chỉnh kiểu cuối cùng trong base template
31 Biến trang đăng ký thành trang chủ của chúng ta
32 Vị trí hiện tại của chúng ta khi kết thúc phần này
1 Giới thiệu phần này
2 Bắt đầu với AlpineJS
3 Thiết lập giá trị dữ liệu component AlpineJS từ Django forms
4 Liên kết các lớp TailwindCSS dựa trên trạng thái AlpineJS
5 Cập nhật các lớp trạng thái bài viết trên trang chủ
1 Giới thiệu phần này
2 Thông báo flash trong Django là gì?
3 Cách hiển thị thông báo flash Django trong template
4 Cách tạo thông báo flash trong ứng dụng Django
1 Giới thiệu phần này
2 Cách thêm phân trang vào Django ListView
3 Cách triển khai phân trang trong template Django
4 Cách thêm tìm kiếm full text PostgreSQL vào ứng dụng Django
5 Cách thêm tính năng tìm kiếm vào Django ListView
6 Cách triển khai tìm kiếm trong template Django
7 Cách kết hợp tìm kiếm và phân trang trong Django
1 Giới thiệu phần này
2 HTMX là gì?
3 Thêm HTMX vào dự án
4 Cách triển khai cửa sổ modal với HTMX và Django
5 Tìm kiếm nhanh với Django ListView chỉ trong 4 dòng code
6 Thêm chỉ báo trạng thái request với HTMX, SVG và TailwindCSS
7 Cách thêm hiệu ứng animation bằng TailwindCSS
8 Cách vô hiệu hóa phần tử trong khi request đang xử lý
9 Xử lý thay đổi lịch sử trình duyệt với HTMX
1 Giới thiệu phần này
2 Cách thiết lập tài khoản Mailgun
3 Cách gửi email với Python và Mailgun
4 Thêm xác nhận email vào ứng dụng Django-allauth
5 Loại bỏ trường xác nhận mật khẩu từ form đăng ký
6 Tự động xác minh tài khoản superuser trong migration database
1 Giới thiệu về triển khai lên Railway
2 Thay đổi cài đặt Django cho môi trường production
3 Thêm các dependency mới cho ứng dụng Django trong production
4 Sử dụng whitenoise để phục vụ static assets với Django
5 Thiết lập với GitHub và Railway
6 Cài đặt Git và GitHub cho ứng dụng
7 Triển khai ứng dụng lên Railway
1 Bắt đầu với Playwright
2 Cách cài đặt playwright và chạy kiểm thử
3 Các giai đoạn Docker: cách xử lý dev và prod trong Dockerfile
4 Kiểm thử trình duyệt tự động đầu tiên với Playwright
5 Mẫu Page Object Model cho kiểm thử trình duyệt
6 Playwright locators và cách tìm phần tử
7 Kiểm thử trang đăng ký Django với playwright
8 Thực hiện hành động trên trang với mẫu Page Object Model
9 Tạo người dùng đã xác minh cho các bài kiểm thử yêu cầu xác thực
10 Thiết lập trang trình duyệt đã xác thực với Django test client
11 Kiểm thử trình duyệt trang bài viết trống
12 Kiểm thử trình duyệt các điều khiển tìm kiếm bài viết
13 Kiểm thử trình duyệt việc tạo bài viết mới
14 Cách chạy các bài kiểm thử pytest song song
1 Cập nhật code trên GitHub bằng cách push thay đổi
2 YAML là gì?
3 GitHub Actions là gì?
4 Tạo file YAML GitHub Action Workflow để chạy kiểm thử
5 Cách làm việc với Pull Requests và GitHub Actions

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

Are you ready to level up your web development skills? Master modern full stack development using Django 5, TailwindCSS, and HTMX.


What You'll Learn

In this comprehensive, project-based Django course, you'll build a complete, production-ready web application from the ground up. We'll learn Django to create robust projects without having to re-invent the wheel! We cover:

  • Set up a Python environment and your Django projects

  • Understand Model-View-Controller, requests, and responses

  • Work extensively with Django templates

  • Add relationships between models (such as one-to-many or many-to-many)

  • Use the Django ORM to query and aggregate data from your database

  • Use and customize the powerful Django admin panel

  • Handle user input with Django forms

  • Generate forms automatically using Django models

  • Add extensive authentication and social sign-on, including email confirmation

  • Learn how to cache, compress, and serve static assets in production


Plus you'll also learn an entire ecosystem around Django:

  • TailwindCSS: Design sleek, responsive user interfaces

  • HTMX: Add dynamic features without complex JavaScript

  • PostgreSQL: Manage data with a production-grade database

  • Docker & Docker Compose: Containerize your web application for easy deployment

  • Authentication: Implement secure user systems with Django-allauth, including social sign on

  • Markdown Editor: Integrate rich text editing capabilities with your Django project

  • Deployment: Take your Django project live on Railway


By the end of this course, you'll have the skills to develop, design, and deploy full stack Django web applications using cutting-edge technologies.


Why Choose This Course?

  • Project-Based Learning: Build a real-world Django application from start to finish

  • Comprehensive Tech Stack: Go beyond basic Django with modern tools and practices

  • Clear, Concise Explanations with Hand-Written Subtitles: Suitable for non-native English speakers

  • Practical Skills: Learn techniques used in professional web development environments

  • Up-to-Date Content: Stay current with the latest web development trends

No more piecing together fragmented tutorials or outdated resources. This course provides a cohesive learning experience that will take you from foundational concepts to advanced techniques in Django full stack development.


Join us to level up your web development skills. Whether you're aiming to boost your career prospects or bring your web application ideas to life, this course will give you the tools and knowledge you need to succeed.


Enroll now and start your journey to becoming a proficient full stack Django developer.


See you in the course!

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 Django
Hiển thị tất cả khoá học Python
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 😊