강의

멘토링

로드맵

Programming

/

Front-end

Tất cả về portfolio web frontend - Khóa học thực hành nén từ lựa chọn chủ đề đến triển khai thực tế!

"Thế giới trọng dụng kinh nghiệm, vũ khí tân binh: một 'portfolio cá nhân' khác biệt!" Cẩm nang tân binh, chứng tỏ năng lực bằng dự án sát thực tế ngành.

9 học viên đang tham gia khóa học này

  • taehoon
개발자포트폴리오
HTML/CSS
React
Git
Portfolio
Next.js

Dịch cái này sang tiếng Việt

  • Cách xây dựng portfolio dưới góc nhìn nhà tuyển dụng

  • Cách sắp xếp chủ đề và kế hoạch cho portfolio

  • Toàn bộ quá trình thiết kế và triển khai dự án thực tế với React và Next.js

  • Nguyên tắc cốt lõi của thích ứng di động và triển khai UI đáp ứng

  • Cách sắp xếp nhật ký commit Git kiểu thực chiến


"Ứng dụng React Todo ư? Tôi đã thấy hàng trăm ứng dụng rồi."

Các tab trình duyệt của nhà tuyển dụng luôn đầy ắp danh mục đầu tư,
Chỉ có một số ít dự án có thể hoàn thành đến cuối cùng.


Nó giống như một chồng giấy nhớ hơn
Tôi tò mò về 'lý do và cách thức tính năng này được triển khai'.


Chuyên ngành khoa học máy tính, hàng chục dự án phụ?
Đây là một lựa chọn tốt nhưng không thực sự khả thi đối với người mới bắt đầu .


Cuối cùng, bạn chỉ cần chứng minh: "Tôi có thể tin tưởng giao công việc này cho người này không?"


Khóa học này sẽ tạo ra chứng chỉ đó.
Lựa chọn chủ đề → Lập trình thực hành → Phân phối → (Tùy chọn) Đánh giá & Hướng dẫn Giảm giá tới 50%,
Chỉ thu thập những thứ cần thiết trước khi nhận việc
Hoàn thiện hồ sơ của bạn để được đưa vào 'Bảng xét tuyển'.


Tất cả về danh mục đầu tư Web Front-End

Khóa học này sẽ giúp bạn xây dựng portfolio của riêng mình để đảm bảo vị trí lập trình viên front-end web. Khóa học bao gồm toàn bộ quy trình , từ hướng dẫn lựa chọn chủ đề đến đào tạo thực hành và đánh giá portfolio . Khóa học không chỉ đơn thuần truyền đạt các khái niệm hay đưa ra những gợi ý mơ hồ như "Thế này là đủ rồi".

Tôi đã làm kỹ sư phần mềm trong ngành hơn 15 năm, chủ yếu làm việc ở vị trí lập trình viên front-end web. Sau khi xem xét hàng trăm hồ sơ xin việc và tự mình thực hiện nhiều cuộc phỏng vấn , tôi hiểu rõ các nhà tuyển dụng tìm kiếm điều gì ở một lập trình viên mới.
Ngoài kinh nghiệm làm nhân viên hiện tại, tôi còn có được nhiều kinh nghiệm về tình hình hiện tại của các nhà phát triển mới bước vào thị trường việc làm thực tế và những lo lắng của họ thông qua các bài giảng tại trường đại học, nhiều buổi cố vấn và các lớp học huấn luyện .
Vấn đề lớn nhất tôi cảm thấy là thiếu định hướng . Đặc biệt là với những tiến bộ gần đây trong lĩnh vực AI, bao gồm ChatGPT, tôi tin rằng nhiều người ngày càng quan tâm đến cách tiếp cận tìm kiếm việc làm của mình.
Khóa học này được thiết kế để cung cấp cho bạn định hướng rõ ràng và giúp bạn đạt được mục tiêu của mình.


Bài giảng được cấu trúc xung quanh ba trục.

  1. Tìm hướng đi

    • Tại sao danh mục đầu tư lại quan trọng?

    • Chiến lược lựa chọn chủ đề và công nghệ phù hợp với góc nhìn kinh doanh

  2. Sản xuất thực tế

    • Chúng tôi sẽ thực hành toàn bộ quy trình từ thiết kế dự án → viết mã → triển khai.

    • Trải nghiệm quy trình làm việc thực tế, bao gồm tự động hóa triển khai và cam kết Git.

  3. Kiểm tra cuối cùng & Đánh giá tùy chọn

    • Cung cấp hướng dẫn đánh giá và danh sách kiểm tra để giúp bạn tự kiểm tra chất lượng sau khi hoàn thành.

    • (Tùy chọn) Đăng ký nhận phản hồi và cố vấn chia sẻ kiến thức với phiếu giảm giá 50% cho bài đánh giá hồ sơ năng lực dành riêng cho sinh viên

Đây không phải là bài giảng kết thúc bằng việc tham dự lớp học.
Chúng tôi sẽ giúp bạn tạo một hồ sơ năng lực hiệu quả thông qua thực hành, tự kiểm tra hồ sơ bằng danh sách kiểm tra, và thậm chí kết nối bạn với các bài đánh giá từ những người chia sẻ kiến thức giá rẻ, nếu cần. Chúng tôi sẽ đồng hành cùng bạn trong từng bước cho đến khi hồ sơ của bạn được chấp thuận .


Xem trước dự án thực hành danh mục đầu tư

Ảnh chụp màn hình Trang đích Danh mục thực hành

Trang web dự án: https://apple-game-portfolio.vercel.app/

Kho lưu trữ GitHub: https://github.com/panarch/apple-game-portfolio

Chúng tôi đã cân nhắc rất kỹ lưỡng việc xây dựng cấu trúc khóa học sao cho phù hợp với mức độ khó. Sẽ rất khó khăn nếu dự án portfolio thực hành quá đơn giản, nhưng cũng sẽ rất khó khăn nếu nó quá khó đối với sinh viên năm ba. Do đó, chúng tôi đã loại bỏ các yếu tố không cần thiết và chỉ đưa vào những nội dung thiết yếu.

Dựa trên tiêu chuẩn của riêng tôi và ý kiến của những người xung quanh đang làm việc, tôi đã biên soạn những điều sau đây.

Các dự án thực hành được thiết kế để " ít nhất là khó hơn một chút " so với những gì một lập trình viên front-end web mới vào nghề mong đợi. Nói cách khác, nếu bạn có thể xây dựng một portfolio ở mức độ các dự án thực hành được đề cập trong khóa học này, bạn sẽ hoàn toàn sẵn sàng cho thị trường việc làm. Chúng tôi đã chuẩn bị những tài liệu này như một điểm tham khảo để bạn bắt đầu xây dựng portfolio của riêng mình.

Trong lớp thực hành, bạn không chỉ viết mã; bạn còn học cách chia mã thành các phần nhất định và thậm chí thực hiện các cam kết Git như một phần của bài thực hành, xây dựng chúng từng cái một .

Tôi giới thiệu điều này cho những người này

  • Bất kỳ ai muốn bắt đầu sự nghiệp với tư cách là nhà phát triển giao diện web

  • Những người muốn tạo ra một hồ sơ có thể vượt qua kỳ thi dựa trên các tiêu chuẩn làm việc thực tế, không phải lý thuyết.

  • Những người cần một danh mục đầu tư thể hiện rõ ràng cốt lõi, thay vì sử dụng nhiều công cụ và thư viện khác nhau

  • Bất kỳ ai muốn cạnh tranh trên thị trường tuyển dụng lập trình viên


Sau giờ học

  • Bạn sẽ có thể xây dựng một danh mục đầu tư làm nổi bật "kỹ năng giải quyết vấn đề" cần có trong lĩnh vực này.

  • Tích lũy kinh nghiệm hoàn thành dự án dựa trên Next.js từ khi bắt đầu đến khi triển khai.

  • Bạn sẽ có thể lập kế hoạch và phát triển một danh mục đầu tư có trình độ rõ ràng được các chuyên gia thực sự công nhận.


  • Bạn sẽ có thể nắm được những kiến thức cơ bản về HTML/CSS và JavaScript.


  • (Tùy chọn) Bạn có thể đăng ký nhận thêm phản hồi và cố vấn chia sẻ kiến thức với phiếu giảm giá 50% cho buổi đánh giá hồ sơ cá nhân 1:1 dành riêng cho sinh viên.

.


Sự kiện đánh giá khóa học Early Bird (20 người đầu tiên)

20 người đầu tiên để lại đánh giá sau khi tham gia lớp học

Chúng tôi cung cấp dịch vụ cố vấn nghề nghiệp miễn phí một lần .



Các tính năng của khóa học này

  • Cung cấp các ví dụ về danh mục đầu tư cụ thể dựa trên các tiêu chuẩn rõ ràng và kinh nghiệm thực tế từ các chuyên gia hiện tại.

  • Đào tạo thực hành từng bước không chỉ dừng lại ở lý thuyết mà còn dẫn đến việc hoàn thành một dự án thực tế.

  • Cấu trúc đào tạo thực tế phản ánh thực tế của thị trường việc làm và các kỹ năng cần thiết trong lĩnh vực này

  • Một dự án được thiết kế xoay quanh " kỹ năng giải quyết vấn đề " thay vì kiến thức rời rạc có thể dễ dàng được thay thế bằng AI.


Giới thiệu Người chia sẻ kiến thức - Taehoon Moon


Kể từ năm 2010, khi tôi phát triển các ứng dụng web bằng Internet Explorer 6 và jQuery, tôi đã tích lũy được hơn 15 năm kinh nghiệm phát triển thực tế đa dạng trong lĩnh vực trò chơi, công nghệ tài chính, giải trí và các công ty khởi nghiệp trong nước và quốc tế .
Tôi có kinh nghiệm phát triển web front-end, back-end và di động (React Native) và đã xử lý tất cả các quy trình từ lập kế hoạch đến triển khai các dịch vụ thực tế.

Với tư cách là người bảo trì Svelte và React, cũng như một dự án cơ sở dữ liệu nguồn mở có tên GlueSQL , ông đã giành được giải thưởng lớn tại Cuộc thi dành cho nhà phát triển nguồn mở năm 2020 và tiếp tục các hoạt động nguồn mở của mình kể từ đó.

  • Anh ấy điều hành một kênh YouTube (2,7 nghìn người đăng ký) nơi anh chia sẻ kiến thức về phát triển front-end web, phát triển trò chơi JS gốc, v.v.

  • Kinh nghiệm giảng dạy và cố vấn tại các trại huấn luyện và nhiều bài giảng tại trường đại học (Git, mã nguồn mở)

  • Cố vấn Học viện Đóng góp Nguồn mở (2021-2023)

YouTube: https://inf.run/FcBQs

GitHub: https://inf.run/Yxo7h

LinkedIn: https://inf.run/bA1C7

Bạn có thắc mắc nào không?

H. Người không chuyên và người mới bắt đầu có thể theo dõi được không?

Nếu bạn có kiến thức cơ bản về HTML, CSS, JavaScript và React, bạn sẽ có thể theo dõi. Mặc dù chúng tôi sẽ không giải thích chi tiết từng lý thuyết trong các buổi thực hành, nhưng chúng tôi đã chuẩn bị một phương pháp tiếp cận có cấu trúc, cho phép bạn học và thực hành từng bước một.

Tôi cho rằng việc xác định yếu tố kỹ thuật nào là quan trọng đối với danh mục đầu tư của bạn có thể khá khó khăn. Mặc dù việc học nhiều kiến thức rời rạc có lợi, nhưng cần phải cân nhắc đến thời gian và chi phí cơ hội liên quan đến việc học đó. Hơn nữa , AI đã làm giảm đáng kể tầm quan trọng của kiến thức rời rạc, chẳng hạn như kinh nghiệm đơn giản khi sử dụng nhiều thư viện khác nhau .
Khóa học thực hành này tập trung vào việc chứng minh kỹ năng phát triển của ứng viên, loại bỏ tối đa các yếu tố kiến thức rời rạc không cần thiết. Không yêu cầu kiến thức nền tảng về các thư viện phức tạp khác.

H. Có hỗ trợ riêng nào không nếu tôi hoàn thành danh mục đầu tư của mình?

Có. Bạn có thể tự đánh giá bằng cách sử dụng danh sách kiểm tra và hướng dẫn kèm theo khóa học. Nếu cần thêm phản hồi, bạn có thể yêu cầu đánh giá hồ sơ năng lực 1:1 dành riêng cho sinh viên với mức giảm giá 50% (bao gồm phiếu giảm giá cho người hướng dẫn).

H. Tôi có thể lấy lịch sử thay đổi mã lớp thực hành và tài nguyên hình ảnh đã sử dụng không?

Đối với mỗi bài học thực hành, chúng tôi đã thêm ảnh chụp nhanh mã vào cuối bài học vào ghi chú lớp học của bạn để bạn có thể kiểm tra.

Ngoài ra, nếu có bất kỳ tài nguyên nào được sử dụng trong lớp học, tôi cũng đã thêm liên kết đến chúng.

Lớp thực hành sẽ tiến hành xây dựng từng cam kết Git một.

Bạn có thể kiểm tra lịch sử đầy đủ tại liên kết bên dưới.

https://github.com/panarch/apple-game-portfolio/commits/main/


Ví dụ về ghi chú lớp học.

Những điều cần lưu ý trước khi tham gia khóa học

Môi trường thực hành

  • Hệ điều hành: Hỗ trợ tất cả các hệ điều hành chính bao gồm Windows, macOS và Linux

  • Công cụ: Cần có môi trường phát triển cơ bản, bao gồm Git, Next.js và React.

  • Trong bài giảng thực hành, chúng ta sẽ sử dụng trình soạn thảo có tên là https://zed.dev/ , nhưng bạn cũng có thể sử dụng VSCode hoặc trình soạn thảo khác tùy chọn.

Tài liệu học tập

Kiến thức và biện pháp phòng ngừa của người chơi

  • Yêu cầu kiến thức cơ bản về HTML, CSS, JavaScript và React.


Khuyến nghị cho
những người này

Khóa học này dành cho ai?

  • Những ai muốn tự tay tạo ra portfolio có giá trị trong thực tế tuyển dụng.

  • Những ai muốn thử sức với dự án thực tế ứng dụng React và Next.js

  • Vượt qua clone code đơn thuần, những ai muốn tạo portfolio thực sự của riêng mình.

  • Người muốn phát triển kỹ năng thể hiện, tự thiết kế và triển khai dự án của riêng mình bằng code.

Cần biết trước khi bắt đầu?

  • Cơ bản về HTML, CSS, JavaScript và React

Xin chào
Đây là

2010년, Internet Explorer 6와 jQuery 환경에서 웹을 개발하던 시절부터 지금까지 게임, 핀테크, 엔터테인먼트, 국내외 스타트업을 거치며 15년 이상 다양한 실무 개발 경험을 쌓아왔습니다.
웹 프론트엔드를 중심으로, 백엔드와 모바일(React Native) 개발까지 두루 경험하며 실제 서비스의 기획부터 배포까지 모든 과정을 다뤄왔습니다.

Svelte와 React는 물론, GlueSQL이라는 오픈소스 데이터베이스 프로젝트의 메인테이너로 활동하며
2020년 공개SW 개발자대회 대상을 수상했고, 이후에도 꾸준히 오픈소스 활동을 이어오고 있습니다.

  • 유튜브 채널 운영 (구독자 2.7k) – 웹 프론트엔드 개발, 바닐라 JS 게임 만들기 등 지식 공유

  • 부트캠프에서의 강의 및 멘토링 경험, 대학 특강(Git, 오픈소스) 다수 진행

  • 오픈소스 컨트리뷰션 아카데미 멘토 (2021~2023)

YouTube: https://inf.run/FcBQs

GitHub: https://inf.run/Yxo7h

LinkedIn: https://inf.run/bA1C7

Chương trình giảng dạy

Tất cả

62 bài giảng ∙ (8giờ 12phút)

Ngày đăng: 
Cập nhật lần cuối: 

Đánh giá

Chưa có đủ đánh giá.
Hãy trở thành tác giả của một đánh giá giúp mọi người!

2.536.192 ₫

Khóa học tương tự

Khám phá các khóa học khác trong cùng lĩnh vực!