Phát triển Full-Stack

Chào mừng đến với giai đoạn Phát triển Full-Stack! Ở đây bạn sẽ đi sâu vào phát triển full-stack, thành thạo component hóa frontend, thiết kế cơ sở dữ liệu, phát triển API backend và triển khai.

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

Phát triển Frontend

Thành thạo phát triển frontend hiện đại và học cách sử dụng thư viện component và công cụ thiết kế:

Frontend 0: Sử dụng Lovart cho tài nguyên

↗

Học cách sử dụng các công cụ AI như Lovart để tạo nhanh tài nguyên trò chơi chất lượng cao và tài nguyên UI

Frontend 1: Giới thiệu Figma và MasterGo

↗

Thành thạo các thao tác cơ bản của công cụ thiết kế UI chuyên nghiệp và quy trình làm việc từ thiết kế đến code

Frontend 2: Xây dựng ứng dụng hiện đại đầu tiên của bạn - Thiết kế UI

↗

Thiết kế giao diện ứng dụng web hiện đại từ đầu, thực hành các nguyên tắc thiết kế UI

Frontend 3: Hướng dẫn thiết kế UI và UI đa sản phẩm

↗

Tìm hiểu các hướng dẫn thiết kế UI hàng đầu để cải thiện tính nhất quán và thẩm mỹ của thiết kế sản phẩm

Frontend 4: Hãy xây dựng chân dung Hogwarts

↗

Dự án thực hành: Xây dựng ứng dụng chân dung Hogwarts tương tác sử dụng hình ảnh được tạo bởi AI

Backend và Full-Stack

Học thiết kế API, quản lý cơ sở dữ liệu và chiến lược triển khai ứng dụng:

Backend 1: API là gì

↗

Hiểu khái niệm cốt lõi của API, cầu nối giữa frontend và backend

Backend 2: Từ cơ sở dữ liệu đến Supabase

↗

Thành thạo các nguyên tắc cơ bản của cơ sở dữ liệu quan hệ và học cách sử dụng Supabase, nền tảng BaaS hiện đại

Backend 3: Code giao diện được hỗ trợ bởi AI và tài liệu

↗

Sử dụng AI để hỗ trợ tạo code giao diện backend và tài liệu API chuẩn

Backend 4: Quy trình làm việc Git

↗

Thành thạo các thao tác cốt lõi và quy trình làm việc cộng tác của hệ thống quản lý phiên bản Git

Backend 5: Triển khai Zeabur

↗

Học cách triển khai nhanh các ứng dụng full-stack của bạn lên đám mây sử dụng Zeabur

Backend 6: Công cụ phát triển CLI hiện đại

↗

Khám phá các công cụ CLI hiện đại để nâng cao trải nghiệm phát triển trong môi trường dòng lệnh

Backend 7: Tích hợp hệ thống thanh toán Stripe

↗

Thực hành: Tích hợp chức năng thanh toán Stripe vào ứng dụng của bạn để kiếm tiền

Bài tập

Củng cố kỹ năng phát triển full-stack của bạn thông qua các dự án thực hành:

Bài tập 1: Xây dựng ứng dụng hiện đại đầu tiên của bạn - Full-Stack

↗

Áp dụng toàn diện những gì bạn đã học để hoàn thành độc lập một ứng dụng full-stack hoàn toàn chức năng

Bài tập 2: Thư viện component frontend hiện đại + Trae

↗

Sử dụng thư viện component hiện đại với Trae IDE để xây dựng hiệu quả các giao diện frontend phức tạp

Mở rộng khả năng AI

AI 1: Giới thiệu Dify và tích hợp cơ sở kiến thức

↗

Học cách xây dựng ứng dụng AI sử dụng Dify và tích hợp các cơ sở kiến thức riêng tư

AI 2: Tra cứu từ điển AI và tích hợp API đa phương thức

↗

Khám phá thêm các khả năng AI, tích hợp các API đa phương thức như thị giác và giọng nói

Dành cho ai

• Nhà phát triển có một số nền tảng lập trình muốn học phát triển full-stack một cách có hệ thống
• NgườI học muốn chuyển đổi từ quản lý sản phẩm sang kỹ sư full-stack
• Nhà phát triển từ cơ bản đến trung cấp muốn thành thạo công cụ và quy trình làm việc phát triển hiện đại
• Doanh nhân muốn phát triển các sản phẩm hoàn chỉnh độc lập

Điều kiện tiên quyết

• Hoàn thành giai đoạn "NgườI mới và nguyên mẫu sản phẩm", hoặc có kiến thức cơ bản tương đương
• Hiểu các khái niệm cơ bản về HTML/CSS/JavaScript
• Có kiến thức sơ bộ về các công cụ lập trình AI

Sẵn sàng đi sâu vào phát triển full-stack? Nhấp vào điều hướng bên trái để bắt đầu học!