Khoá Học Làm Phần Mềm Không cần Code Với Bubble Qua Dự Án Thực Tế

Lộ trình học chi tiết của khóa “Làm phần mềm không cần code với Bubble qua dự án thực tế”

Phần 1: Làm quen với Bubble & giao diện Editor

• Tạo app mới và giới thiệu tổng quan về Bubble Editor (06:31)

• Tìm hiểu element Text và cách nhúng video vào Homepage (04:14)

• Element Group trên Homepage (02:28)

• Giới thiệu Repeating Group và Data Type (06:03)

• Layout của Repeating Group (04:56)

• Tạo Course Cell (05:40)

• Sử dụng Conditional và Transition cho element (08:00)

Phần 2: Xây dựng danh mục Platform

• Section Platform (06:45)

• Option Sets (06:04)

• Thêm dữ liệu Platform (01:53)

• Tạo trang danh sách Platform (07:22)

• Danh mục Platform Category (03:55)

• Custom State (12:24)

• Filter Intersect (06:56)

• Lọc dữ liệu theo danh mục & thiết lập giá trị mặc định cho Custom State (08:15)

• Thêm icon Select & Deselect (04:52)

• Cải thiện UX khi lọc dữ liệu (03:03)

• Thêm Footer cho trang Platform List (01:29)

Phần 3: Trang chi tiết Platform (Platform Detail)

• Tạo trang Platform Detail (04:30)

• Truyền dữ liệu giữa các trang (06:47)

• Hiển thị thông tin của Platform (08:51)

• Danh sách Tutorials (04:40)

• Danh sách Courses (06:01)

• Các Platform liên quan (11:14)

Phần 4: Tutorials – Làm việc với dữ liệu nâng cao

• Giới thiệu 2 section mới: Tutorials và Projects (02:34)

• Định nghĩa Data Type Tutorial & thiết kế danh sách Tutorials (08:47)

• Section Tutorials tại trang Index (08:10)

• Trang Tutorial List (08:08)

• Lọc danh mục trong Tutorial List (10:24)

• Search Box tìm kiếm tutorial (04:19)

Phần 5: Xây dựng hệ thống Authentication (Đăng ký/Đăng nhập)

• Giới thiệu tính năng đăng ký/đăng nhập/quen mật khẩu mặc định của Bubble (06:16)

• Làm lại Login/Signup popup theo giao diện riêng (21:51)

• Custom State Mode cho popup đăng nhập/đăng ký (09:34)

• Logic cho Đăng ký & Đăng nhập (11:07)

Phần 6: Tính năng Submit Tutorial

• Điều kiện hiển thị Button Submit Tutorial (03:45)

• Tạo popup Submit Tutorial (08:30)

• Reuse popup trong trang Tutorial List (05:01)

• Review Section Tutorial (04:05)

Phần 7: Hoàn thiện giao diện & trải nghiệm người dùng

• Header (07:56)

• Footer (05:43)

• Empty State Overview (03:27)

• Empty cho Tutorial và Course (02:00)

Phần 8: Deployment & tổng kết dự án chính

• Deployment, Settings và Logs (03:48)

• Tổng kết khóa học (04:09)