Portfolio 3D cho lập trình viên · 6 phút đọc

Portfolio 3D cho lập trình viên, khỏi mất cả tháng với Three.js

Rất nhiều lập trình viên từng định tự làm portfolio 3D bằng Three.js rồi bỏ dở, vì chính cái portfolio đã thành một dự án lớn. Perlink dựng sẵn căn phòng cho bạn. Dự án nằm trên một trang gọn để nhà tuyển dụng lướt nhanh, còn trong căn phòng 3D nhỏ, chiếc laptop dẫn tới GitHub và tấm biển neon ghi stack của bạn. Thời gian còn lại, bạn dành cho phần code muốn khoe.

Bởi Perlink · Cập nhật

Phòng của một lập trình viên, xem trực tiếp

Kéo để nhìn quanh, cuộn hoặc chụm hai ngón để phóng to, chạm vào khung tranh để xem dự án. Trong phòng của bạn, chiếc laptop sẽ mở GitHub.

Đang mở phòng…

Phòng 3D trực tiếp · Lập trình viên

Kéo để nhìn quanh · Cuộn hoặc chụm hai ngón để phóng to · Chạm vào một bức ảnh

Nhà tuyển dụng và trưởng nhóm kỹ thuật xem gì

Người tuyển dụng IT thường mở CV ở một tab và portfolio ở tab bên cạnh. Họ muốn xác nhận thật nhanh rằng kỹ năng ghi trong CV là thật. Trưởng nhóm kỹ thuật đi xa hơn một bước: họ mở code của bạn ra đọc.

  • Sản phẩm đã chạy: link dùng thử hơn ảnh chụp, ảnh chụp hơn lời mô tả
  • Code đọc được: repository công khai có README rõ ràng
  • Phần bạn làm: với dự án nhóm, một hai câu về đúng phần của bạn
  • Cách bạn nghĩ: một bài viết ngắn về một vấn đề khó và cách bạn giải
  • Stack hiện tại: ngôn ngữ và công cụ bạn đang dùng, không phải mọi thứ từng chạm tới

Nên đưa dự án nào

Ba đến năm dự án là vừa. Chọn dự án hợp với vị trí bạn ứng tuyển: front-end cần giao diện chỉn chu và tối ưu hiệu năng, back-end cần hệ thống, dữ liệu và độ ổn định, còn game hay đồ họa thì cần thứ gì đó chuyển động.

Những bản sao theo tutorial (ứng dụng to-do, ứng dụng thời tiết, bản sao Netflix) tốt để học, nhưng portfolio nào cũng có. Nếu bạn có một cái như vậy, hãy thêm điểm riêng của mình vào, hoặc thay bằng một công cụ nhỏ mà chính bạn đang dùng. Đóng góp mã nguồn mở cũng tính, dù nhỏ; hãy dẫn link tới pull request đã được merge.

Thẻ dự án trả lời đúng câu hỏi

Mỗi dự án nên theo cùng một cấu trúc ngắn để người đọc so sánh trong một cái nhìn:

  • Tên dự án và một câu: nó làm gì, ai dùng
  • Stack, gói trong một dòng
  • Vai trò của bạn và quy mô nhóm
  • Một quyết định kỹ thuật đáng đem ra nói trong buổi phỏng vấn
  • Liên kết: bản chạy thử, repository, và bài viết nếu có

Sao không tự viết bằng Three.js?

Nếu bạn ứng tuyển vị trí WebGL hay creative developer, một portfolio 3D tự viết chính là dự án mạnh nhất bạn có thể khoe, và bạn nên tự làm. Với những vị trí khác, đó là hàng tuần dựng mô hình, ánh sáng, màn hình tải, tối ưu cho điện thoại và trợ năng, nhưng lại nói rất ít về công việc bạn đang ứng tuyển.

Còn một rủi ro thực tế: một trang 3D nặng, mất mười giây mới mở được trên điện thoại của nhà tuyển dụng, để lại ấn tượng tệ hơn một trang đơn giản. Perlink giữ một trang nhanh, dễ đọc làm nền, tự chỉnh chất lượng phòng theo máy, và để bạn chọn khách thấy trang hay phòng trước.

Biến căn phòng thành chỗ của một dev

Căn phòng là nơi bạn thể hiện cá tính mà không cần viết dòng code dựng hình nào. Vài ý tưởng hợp với lập trình viên:

  • Gắn link GitHub vào chiếc laptop trên bàn, để món đồ dễ thấy nhất mở ra code của bạn
  • Ghi stack lên biển neon, hoặc một câu bạn thích như “ship small, ship often”
  • Treo ảnh chụp các dự án trong khung tranh, mỗi khung dẫn tới bản chạy thật
  • Dùng chiếc TV cho ảnh demo của dự án tốt nhất
  • Chọn thành phố về đêm hoặc sao Hỏa với tường màu tối nếu trang của bạn dùng giao diện tối
  • Thêm bảng blog nếu bạn viết bài, và đăng bài kỹ thuật lên blog của trang

Những lỗi khiến dev mất cơ hội phỏng vấn

Phần lớn chỉ mất một buổi tối để sửa.

  • Link demo chết, hoặc ứng dụng chạy trên host miễn phí phải chờ cả phút mới thức dậy
  • Repository không có README, hoặc README vẫn là bản mặc định của framework
  • Danh sách kỹ năng ba mươi cái logo mà không biết bạn giỏi cái nào
  • Không có email hay LinkedIn trên trang, người quan tâm không biết liên hệ đâu
  • Portfolio vỡ giao diện trên điện thoại, đúng nơi nhiều nhà tuyển dụng mở nó

Tự làm portfolio 3D hay dùng Perlink

Tự viết bằng Three.jsPerlink
Thời gian để portfolio lên mạngVài tuầnMột buổi tối
Thể hiện kỹ năng đồ họa 3DCó, rất rõKhông, nó làm nổi các dự án khác của bạn
Trang nhanh cho nhà tuyển dụng và GooglePhải tự làm thêmCó sẵn
Hosting, địa chỉ, thống kêTự thiết lậpCó sẵn, perlink.to/tên-bạn
Cập nhật dự ánSửa code rồi deploy lạiTrong trình chỉnh sửa, trên điện thoại hay máy tính

Làm portfolio lập trình viên trong sáu bước

  1. 01

    Bắt đầu từ mẫu cho developer

    Mẫu Neon developer có sẵn trang tối, dòng thời gian dự án và căn phòng đi kèm.

  2. 02

    Chọn ba đến năm dự án

    Hợp với vị trí bạn muốn. Mỗi dự án có link chạy thử, repository và phần bạn làm.

  3. 03

    Viết thẻ dự án

    Nó làm gì, stack, vai trò, một quyết định kỹ thuật, các liên kết.

  4. 04

    Sắp xếp căn phòng

    Gắn GitHub vào laptop, ghi stack lên biển neon, đưa ảnh dự án vào khung tranh.

  5. 05

    Thêm liên hệ và CV

    Email, LinkedIn, link tới CV, cùng form liên hệ cho việc freelance.

  6. 06

    Chia sẻ khắp nơi

    Đặt perlink.to/tên-bạn vào CV, hồ sơ GitHub, LinkedIn, và in mã QR nếu bạn hay đi sự kiện.

Câu hỏi

Tôi có nên tự làm portfolio bằng Three.js không?

Nếu bạn ứng tuyển WebGL, đồ họa hay creative developer thì nên, vì portfolio chính là bằng chứng. Với front-end, back-end, mobile hay full-stack, thời gian nên dành cho các dự án bạn khoe, còn Perlink lo phần phòng 3D.

Tôi gắn link GitHub, bản demo và CV được không?

Được. Thêm chúng thành liên kết trên trang, và gắn link vào laptop, biển neon hay bất kỳ khung tranh nào trong phòng.

Có giao diện tối không?

Có. Mẫu Neon developer dùng nền tối với màu nhấn phát sáng, bạn đổi màu và phông chữ theo ý mình.

Tôi viết bài kỹ thuật được không?

Được. Mỗi trang có blog riêng, gói miễn phí đăng được tới 50 bài.

Nhà tuyển dụng dùng điện thoại yếu có xem được không?

Được. Portfolio trước hết là một trang web bình thường, tải nhanh; căn phòng tự chỉnh chất lượng theo máy và chỉ cách một lần chạm.

Có miễn phí không?

Có. Một trang gồm portfolio, phòng 3D và thống kê 30 ngày, miễn phí không giới hạn thời gian. Gói Starter 6 USD một tháng có thêm trang và theme Pro.

Tôi dùng tên miền riêng như tenban.dev được không?

Được, với gói Plus (20 USD một tháng, tối đa 3 tên miền) hoặc Max. Địa chỉ perlink.to vẫn hoạt động song song.

Đưa portfolio lên mạng ngay tối nay

Giữ địa chỉ của bạn, bắt đầu từ mẫu cho developer, và dành phần còn lại của tuần cho code.

perlink.to/

Đọc thêm về portfolio 3D