Phù hợp với
- Người mới cần project đầu tiên đưa vào CV
- Người muốn thay portfolio cá nhân rời rạc bằng trang có cấu trúc
- Người muốn luyện quy trình từ design, code, review đến deploy
← Quay về khóa học
Project đưa vào CV
Project Portfolio developer đưa vào CV
Tự xây portfolio cá nhân có giới thiệu, kỹ năng, dự án, liên hệ, responsive và deploy public.
Sau workshop, bạn có một sản phẩm public trình bày được năng lực, project và cách liên hệ theo chuẩn junior developer.
Cần chuẩn bị
- Biết HTML/CSS cơ bản
- Nên có ít nhất 1-2 project nhỏ để trình bày
- Có tài khoản GitHub để đưa code và deploy
Kết quả đạt được
- Có portfolio responsive public
- Biết trình bày kỹ năng và project theo hướng tuyển dụng
- Biết viết README, deploy và kiểm tra lỗi UI cơ bản
Study method
Cách học để không bị ngợp.
Mỗi khóa được thiết kế theo nhịp: hiểu khái niệm, làm bài tập nhỏ, áp dụng vào project và review lại bằng checklist.
Bắt đầu bằng nội dung thật trước khi trang trí UI
Dựng mobile trước, sau đó thêm layout desktop
Mỗi section chỉ có một nhiệm vụ rõ ràng
Review lại copywriting: ngắn, cụ thể, không phóng đại
Syllabus chi tiết
Module, mục tiêu và bài tập sau từng bài.
Lesson nào cũng có mục tiêu học và bài thực hành cụ thể để người mới biết mình cần làm gì sau khi xem tài liệu.
01Nội dung và cấu trúc portfolio
3 bài học
Nội dung và cấu trúc portfolio
3 bài học
Xác định thông điệp cá nhân, section cần có và thứ tự ưu tiên khi nhà tuyển dụng đọc.
- 01
Portfolio goal
Mục tiêu: Biết portfolio cần chứng minh điều gì cho junior developer.
Bài tập: Viết 3 câu mô tả bạn học gì, làm được gì và đang tìm cơ hội gì.
- 02
Information architecture
Mục tiêu: Chia section hero, skills, projects, learning path, contact.
Bài tập: Vẽ wireframe trên giấy hoặc Figma đơn giản.
- 03
Project storytelling
Mục tiêu: Trình bày project bằng vấn đề, giải pháp, stack và kết quả.
Bài tập: Viết mô tả 2 project theo format 4 dòng.
02Build UI mobile-first
4 bài học
Build UI mobile-first
4 bài học
Dựng giao diện sạch, dễ đọc, responsive và có trạng thái tương tác cơ bản.
- 01
Hero and navigation
Mục tiêu: Tạo ấn tượng đầu rõ ràng, không biến hero thành CV dài.
Bài tập: Dựng hero có tên, vai trò, mô tả ngắn và CTA xem project.
- 02
Skills and roadmap
Mục tiêu: Trình bày kỹ năng trung thực, có nhóm rõ ràng.
Bài tập: Tạo skill groups Frontend, Backend, Tools.
- 03
Project cards
Mục tiêu: Thiết kế card project dễ scan và có link GitHub/demo.
Bài tập: Dựng 3 card project có stack, mô tả và kết quả.
- 04
Contact section
Mục tiêu: Giúp người xem liên hệ nhanh qua email, GitHub, LinkedIn nếu có.
Bài tập: Tạo form hoặc contact links có focus state.
03Polish, SEO và deploy
3 bài học
Polish, SEO và deploy
3 bài học
Hoàn thiện trải nghiệm, kiểm tra responsive, metadata, performance cơ bản và deploy.
- 01
Responsive QA
Mục tiêu: Kiểm tra layout ở mobile, tablet, desktop.
Bài tập: Fix mọi lỗi overflow, text overlap và button quá nhỏ.
- 02
Basic SEO
Mục tiêu: Thêm title, description, heading đúng cấp và alt image.
Bài tập: Viết metadata cho portfolio của bạn.
- 03
README and deploy
Mục tiêu: Đưa code lên GitHub và deploy public.
Bài tập: Viết README có screenshot, stack, feature, setup.
Project cuối khóa
Personal Developer Portfolio
Portfolio hoàn chỉnh, responsive, có project thật, thông tin liên hệ và link deploy public.
Yêu cầu sản phẩm
- Hero có thông điệp rõ trong 5 giây đầu
- Có ít nhất 2 project cards với GitHub/demo
- Responsive không lỗi trên mobile
- Có README và metadata cơ bản
Tiêu chí đạt
- Nội dung cụ thể, không dùng câu chung chung quá mức
- UI sạch, spacing nhất quán, CTA rõ
- Project trình bày được vai trò và kết quả
- Link deploy/GitHub hoạt động
Tài liệu học tập
Checklist, bài tập và tài liệu đi kèm.
Các tài liệu này giúp người học tự kiểm tra, luyện tập và hoàn thiện project theo chuẩn dễ theo dõi.
Checklist
Portfolio content worksheet
Mẫu chuẩn bị nội dung trước khi code.
Project
Project card writing template
Cách viết mô tả project ngắn, thật và có sức thuyết phục.
Checklist
Deploy QA checklist
Checklist kiểm tra trước khi gửi portfolio cho nhà tuyển dụng.
Next steps
Học xong nên làm gì tiếp?
Đừng học rời rạc. Mỗi khóa đều dẫn sang kỹ năng hoặc project kế tiếp trong lộ trình full-stack.
1
Thêm Todo App và Course Platform vào portfolio
2
Viết blog ngắn về quá trình học Java/Frontend
3
Tối ưu GitHub profile để đồng bộ với portfolio
