🚀

Dự án thực tế

2 tuần Trung cấp

Tổng hợp kiến thức để tạo ra một sản phẩm hoàn chỉnh.

Tổng quan

Cái này là gì?

Xây dựng ứng dụng từ A-Z.

Tại sao lại quan trọng?

Khẳng định năng lực bản thân.

Bạn sẽ học được gì
  • Thiết kế dự án
  • Triển khai từng bước
  • Phương pháp công khai

Chi tiết

Tư duy thiết kế

Lên kế hoạch: Làm cái gì? Chức năng gì quan trọng nhất? Làm bản nháp trên giấy.

Tips:
  • Nên làm từ nhỏ đến lớn
Lỗi thường gặp:
  • Cố làm quá nhiều tính năng cùng lúc

Triển khai (Deploy)

Đưa trang web lên internet bằng GitHub Pages hoặc Netlify hoàn toàn miễn phí.

Tips:
  • GitHub Pages là lựa chọn tốt nhất cho người mới

Các bước thực hành

  1. 1
    Vẽ phác thảo (Wireframe) 10 phút

    Vẽ ra giấy các nút và ô nhập nằm ở đâu.

    • Xác định chức năng chính
    • Vẽ bố cục trang web
  2. 2
    Xây dựng lõi chức năng Vài giờ

    Làm cho nó chạy được trước khi làm đẹp.

    • Viết HTML/JS cho chức năng chính
    • Đảm bảo không còn lỗi console
  3. 3
    Công khai lên Internet 15 phút

    Để cả thế giới thấy sản phẩm của bạn.

    • Dùng GitHub Pages

Vị trí nghề nghiệp & thực tế

Dự án capstone là lõi portfolio và phỏng vấn live coding.

Ví dụ trong ngành

  • Site portfolio cá nhân
  • Prototype công cụ nội bộ
  • Hackathon MVP

Kế hoạch học đề xuất

Hoàn thành TODO → localStorage → API → GitHub Pages.

Kiến thức nền

Dự án capstone là lõi portfolio và phỏng vấn live coding.…

Câu hỏi thường gặp

Nên làm dự án gì đầu tiên?
ToDo List, Đồng hồ đếm ngược hoặc App xem thời tiết là những bài tập kinh điển để rèn luyện kỹ năng.
Học xong cái này thì học gì tiếp?
Hãy thử học các Framework như React hoặc Vue, và ngôn ngữ TypeScript để code chuyên nghiệp hơn.
Yếu design?
Ưu tiên chức năng; polish UI sau bằng framework CSS.
GitHub Pages?
URL chia sẻ trên CV—reviewer click và test.

① Đã đọc giải thích. Tiếp theo ② Làm bài tập.

Hoàn thành lộ trình!

Tiếp tục học các Framework như React, Vue.

② Làm bài tập (5 câu)