🎯 Mục tiêu bài Quiz
Kiểm tra kiến thức của bạn qua các câu hỏi trắc nghiệm và bài tập thực hành!
✅ 18 câu hỏi trắc nghiệm (6 phần)
✅ 3 bài tập thực hành
✅ Yêu cầu: Hoàn thành bài 1-14
Thời gian: 30 phút | Độ khó: Tổng hợp | Đạt yêu cầu: ≥ 13/18 câu đúng
Các chủ đề bao gồm:
- Tổng quan nền tảng No-Code (Bubble, Webflow, FlutterFlow, Adalo)
- Lập trình trực quan với Bubble.io (workflows, database, plugins)
- Thiết kế responsive với Webflow (CMS, interactions)
- Phát triển ứng dụng mobile với FlutterFlow (Firebase, Supabase)
- Tích hợp API (REST APIs, webhooks, Zapier/Make)
- Thiết kế cơ sở dữ liệu cho No-Code (data types, relations, privacy rules)
- UI/UX cho No-Code (component design, responsive layouts, user flows)
- Xác thực & phân quyền (user roles, permissions, OAuth)
- Tích hợp tính năng AI (OpenAI API, chatbots, image generation)
- Triển khai & xuất bản (domains, hosting, app stores)
- Tối ưu hiệu suất & Monetization (subscriptions, payments, Stripe)
Phần 1: Nền tảng No-Code
Phần 2: Bubble.io & Webflow
Phần 3: Ứng dụng Mobile & FlutterFlow
Phần 4: Tích hợp API & Cơ sở dữ liệu
Phần 5: UI/UX & Xác thực
Phần 6: Triển khai & Monetization
Phần 7: Bài tập thực hành
Bài tập 1: Xây dựng ứng dụng CRUD với Bubble.io
Yêu cầu: Xây dựng một ứng dụng quản lý danh bạ (Contact Manager) trên Bubble.io với các tính năng:
- Database Design: Tạo data type
Contactvới các trường:name(text),email(text),phone(text),category(option set: Bạn bè, Công việc, Gia đình),avatar(image),created_date(date) - CRUD Operations:
- Tạo form thêm mới liên hệ với validation (email format, phone format)
- Hiển thị danh sách liên hệ bằng Repeating Group với tìm kiếm và lọc theo category
- Chỉnh sửa thông tin liên hệ qua Popup
- Xóa liên hệ với xác nhận (confirmation dialog)
- Privacy Rules: Thiết lập để mỗi user chỉ thấy contacts của chính mình
- Responsive Design: Đảm bảo hiển thị tốt trên cả desktop và mobile
Tiêu chí đánh giá: Hoàn thiện chức năng (40%), UI/UX (25%), Privacy Rules đúng (20%), Responsive (15%)
Bài tập 2: Tích hợp AI Chatbot vào ứng dụng No-Code
Yêu cầu: Tích hợp chatbot AI sử dụng OpenAI API vào ứng dụng Bubble.io hoặc FlutterFlow:
- API Configuration: Cấu hình API Connector (Bubble) hoặc API Call (FlutterFlow) để gọi OpenAI Chat Completions API
- Chat Interface: Thiết kế giao diện chat với:
- Danh sách tin nhắn hiển thị theo thứ tự thời gian
- Input field để nhập câu hỏi
- Loading indicator khi đang chờ phản hồi từ AI
- Nút xóa lịch sử chat
- System Prompt: Cấu hình system prompt để chatbot đóng vai trò trợ lý tư vấn sản phẩm
- Conversation History: Lưu trữ lịch sử hội thoại trong database và gửi context cho API để duy trì mạch hội thoại
- Error Handling: Xử lý trường hợp API lỗi, timeout, hoặc rate limit
Tiêu chí đánh giá: API tích hợp đúng (30%), Chat UI (25%), Conversation context (25%), Error handling (20%)
Bài tập 3: Triển khai ứng dụng Marketplace với thanh toán
Yêu cầu: Xây dựng ứng dụng marketplace mini cho phép người dùng đăng bán và mua sản phẩm số (digital products):
- User Roles: Thiết lập 2 vai trò: Seller (đăng sản phẩm) và Buyer (mua sản phẩm), mỗi user có thể chuyển đổi vai trò
- Product Management: Seller có thể tạo, chỉnh sửa, ẩn/hiện sản phẩm với thông tin: tên, mô tả, giá, hình ảnh, file đính kèm (PDF/ZIP)
- Search & Filter: Buyer có thể tìm kiếm sản phẩm theo tên, lọc theo danh mục và khoảng giá, sắp xếp theo giá/ngày đăng
- Stripe Integration: Tích hợp thanh toán Stripe Checkout, sau khi thanh toán thành công → tự động cấp quyền download file
- Dashboard: Dashboard cho Seller hiển thị tổng doanh thu, số đơn hàng, sản phẩm bán chạy
- Webhook: Cấu hình Stripe webhook để cập nhật trạng thái đơn hàng realtime
Tiêu chí đánh giá: Hoàn thiện chức năng (35%), Stripe integration (25%), UI/UX & responsive (20%), Dashboard analytics (20%)
📊 Đánh giá kết quả
| Số câu đúng | Đánh giá |
|---|---|
| 16-18 | 🌟 Xuất sắc! Bạn nắm vững kiến thức |
| 13-15 | 👍 Tốt! Cần ôn lại một số chủ đề |
| 9-12 | 📚 Cần học thêm, xem lại các bài |
| dưới 9 | 🔄 Nên học lại từ đầu |
🎓 Hoàn thành khóa học!
🎉 Chúc mừng bạn đã hoàn thành quiz tổng hợp khóa học GenAI No-Code - Xây dựng Apps!
Tổng kết những gì bạn đã học:
- ✅ Hiểu và so sánh các nền tảng No-Code hàng đầu (Bubble, Webflow, FlutterFlow, Adalo)
- ✅ Xây dựng ứng dụng web với Bubble.io: visual programming, workflows, database
- ✅ Thiết kế website responsive chuyên nghiệp với Webflow
- ✅ Phát triển ứng dụng mobile cross-platform với FlutterFlow
- ✅ Tích hợp API, webhooks và các công cụ automation (Zapier, Make)
- ✅ Thiết kế cơ sở dữ liệu và bảo mật dữ liệu cho ứng dụng No-Code
- ✅ Áp dụng nguyên tắc UI/UX và hệ thống xác thực, phân quyền
- ✅ Tích hợp tính năng AI (OpenAI API, chatbots) vào ứng dụng
- ✅ Triển khai, xuất bản ứng dụng và tích hợp thanh toán (Stripe)
- ✅ Tối ưu hiệu suất và xây dựng mô hình monetization bền vững
Hãy tiếp tục thực hành và xây dựng các dự án thực tế để nâng cao kỹ năng No-Code của bạn!
