강의

멘토링

커뮤니티

AI Technology

/

etc. (AI)

[PROKIT] Bộ công cụ dự án Frontend: Tạo ứng dụng đếm giờ

Đây là nội dung mission dự án frontend. Chúng tôi cung cấp tài liệu kế hoạch PRD, thiết kế Figma và API endpoint để bạn có thể thực hành dự án bằng cách tự tay triển khai ứng dụng timer có tên DevTime. Hãy biến những kiến thức đã học thành của riêng mình một cách hoàn hảo bằng cách triển khai dự án ở mức độ tương tự như dịch vụ thực tế 🚀

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

Độ khó Nhập môn

Thời gian Không giới hạn

  • nybs
프로젝트
프로젝트
학습법
학습법
AI 활용법
AI 활용법
React
React
프로젝트
프로젝트
학습법
학습법
AI 활용법
AI 활용법
React
React

Bạn sẽ nhận được điều này sau khi học.

  • Trải nghiệm gián tiếp việc triển khai dự án dịch vụ thực tế với mức độ hoàn thiện khá cao

  • Lý do tại sao dự án là điều cần thiết trong việc học lập trình

  • Tư duy để phát triển thành lập trình viên frontend đáp ứng yêu cầu của thời đại AI

  • Tư duy và phương pháp luận để bắt đầu dự án thành công

  • Cách thực hiện dự án thành công và tiếp thu kiến thức cần thiết bằng cách sử dụng AI tạo sinh

Giới thiệu PROKIT 🔥

Khi bắt đầu làm dự án frontend lần đầu tiên, bạn sẽ cảm thấy bối rối không biết nên bắt đầu từ đâu.

Chuẩn bị ý tưởng, tổng hợp kế hoạch, thiết kế mẫu, đến cả phát triển backend tương ứng với client,

Thực hiện dự án với nhiều yếu tố cần xem xét không phải là việc dễ dàng.

Vì vậy, chúng tôi đã chuẩn bị PROKIT 💻 .

Chúng tôi cung cấp cho bạn từ bối cảnh kinh doanh, yêu cầu kế hoạch, thiết kế Figma, đến API endpoint để tiến hành dự án,

Những bạn muốn học sâu về frontend thông qua trải nghiệm dự án gián tiếp hãy chú ý nhé 👀


Giới thiệu dự án ⏰

Chủ đề dự án đã chuẩn bị là [DevTime: Triển khai bộ đếm thời gian để ghi lại thời gian học lập trình].

Chúng ta sẽ thiết lập mục tiêu kinh doanh giả định và trực tiếp triển khai sản phẩm DevTime để đạt được mục tiêu đó.

Hãy hoàn thiện ứng dụng DevTime bằng cách tập trung vào việc triển khai các tính năng frontend sử dụng tài liệu được cung cấp!

Dưới đây là ví dụ về các chức năng chính của dự án sẽ được thực hiện.

Đăng nhập

Đăng ký

Bộ đếm thời gian

Quản lý công việc

Bảng điều khiển

Xếp hạng


Ngoài ra còn có nhiều tính năng đa dạng phản ánh các bài tập triển khai frontend cần thiết như cài đặt hồ sơ, trang cá nhân, v.v.

Hãy học sâu về các kỹ năng triển khai client đa dạng thông qua việc tự tay xây dựng ứng dụng DevTime.


Hướng dẫn cấu trúc dự án 🛠

Chúng tôi cung cấp các yếu tố cần thiết để tiến hành dự án frontend.


Tài liệu yêu cầu sản phẩm (PRD; Product Requirement Document)

Chúng tôi đã tổng hợp các yêu cầu chi tiết về các tính năng chính của DevTime.

Hãy tham khảo nội dung tài liệu yêu cầu kế hoạch được cung cấp để triển khai ứng dụng hẹn giờ của riêng bạn.

(* Tài liệu PRD được cung cấp qua liên kết có thể truy cập bằng quyền Google Docs Viewer. Nội dung phiên bản mới nhất sẽ được cập nhật liên tục khi tài liệu được chỉnh sửa).

Ví dụ tài liệu PRD được cung cấp


Bản thiết kế Figma

Chúng tôi cung cấp bản thiết kế UI cần được triển khai ở frontend.

Hãy tạo ra một dự án hoàn thiện về mặt thị giác dựa trên bản thiết kế Figma đã áp dụng hệ thống thiết kế.

(* Bản thiết kế Figma được cung cấp dưới dạng liên kết với quyền Viewer để bạn có thể xem trực tiếp. Nội dung phiên bản mới nhất sẽ được cập nhật liên tục khi tài liệu được chỉnh sửa).

Bản thiết kế Figma

Hệ thống thiết kế DevTime


Tài liệu API (Swagger UI)

Chúng tôi đã định nghĩa trước và triển khai server với các chức năng cần thiết để một ứng dụng web hoạt động bình thường.

Hãy tạo ra một sản phẩm hoàn chỉnh bằng cách gửi request-response với thông tin API endpoint đã được triển khai.

(* Tài liệu API được cung cấp dưới dạng link Swagger UI đã triển khai để có thể xem trên trang web. Nội dung phiên bản mới nhất sẽ được cập nhật liên tục khi tài liệu được chỉnh sửa).

API Docs để triển khai tính năng DevTime

Chúng tôi khuyên dùng cho những người như thế này 👍

ProKit giúp bạn tạo ra kết quả dự án khá ổn và trải nghiệm giải quyết vấn đề, dù không hoàn hảo.

Nếu bạn đang ở trong tình huống như dưới đây, hãy tích cực cân nhắc mua hàng!

  • Người chuẩn bị xin việc trong lĩnh vực Frontend


  • Người học muốn thực hiện dự án bằng cách áp dụng kiến thức đã tự học qua các khóa học trực tuyến

  • Người muốn tạo ra trải nghiệm dự án chuyên sâu hơn trong khi tham gia bootcamp

  • Người muốn tạo portfolio hoàn thiện với chất lượng cao bằng tài liệu chất lượng


  • Học viên frontend muốn tiến hành dự án đầu tiên của riêng mình một cách thành công


Đặc biệt, vì đây là tài liệu hướng dẫn thực hiện dự án nên chúng tôi khuyến nghị chỉ những người đã có kiến thức cơ bản về các nội dung dưới đây mới nên cân nhắc mua.

  • Kiến thức cơ bản và khả năng sử dụng các ngôn ngữ HTML, CSS, JavaScript

  • Thao tác DOM và xử lý sự kiện phía client

  • Hiểu biết về xử lý bất đồng bộ (Promise, async/await, v.v.)

  • Giao tiếp API (sử dụng fetch API, thư viện axios, v.v.)

  • Kinh nghiệm học tập ít nhất 1 thư viện/framework phía client (React, Next, Vue, v.v.)


  • Kinh nghiệm quản lý phiên bản sử dụng Git/Github


Ngoài ra, để tiến hành dự án, bạn cần học thêm các nội dung dưới đây. Ngay cả những bạn đã hoàn thành các kiến thức tiên quyết bắt buộc cũng có thể cần học thêm trong quá trình thực hiện dự án, vui lòng tham khảo nhé!

  • Hiểu biết về quản lý trạng thái toàn cục và sử dụng thư viện quản lý trạng thái

  • Triển khai logic xác thực/phân quyền dựa trên JWT token

  • Xử lý tải lên hình ảnh từ client sử dụng Presigned URL

  • Hiểu về xây dựng môi trường dự án, build và bundling

  • Hiểu biết và sử dụng bộ nhớ trình duyệt (Local Storage, Cookie, v.v.)

  • Xử lý logic định tuyến trang

Lưu ý trước khi mua ⚠️

Prokit là bộ tài liệu dự án được chuẩn bị với mục đích học tập.

Vì không lấy dịch vụ thực tế làm tiền đề, vui lòng tham khảo các nội dung dưới đây trước khi sử dụng.

  • ProKit là tài liệu hỗ trợ cho dự án, và không cung cấp bài giảng hay đào tạo về quy trình thực hiện dự án thực tế.

  • Kiến thức tiên quyết là bắt buộc, và khi gặp phải phần bị막히는 trong quá trình thực hiện dự án, chúng tôi khuyến khích bạn tự giải quyết vấn đề bằng cách sử dụng AI, Google và cộng đồng học tập (dự kiến mở phòng chat KakaoTalk mở).


  • Các tài liệu PRD, thiết kế Figma, API Docs sẽ được chia sẻ quyền truy cập thông qua link Viewer để phản ánh các cập nhật liên tục. Vui lòng đặc biệt chú ý đến việc bảo mật tài liệu và không chia sẻ trái phép.

  • Nghiêm cấm tái sử dụng thương mại tất cả các tài liệu được cung cấp.

  • Máy chủ của DevTime là máy chủ thực hành được chia sẻ bởi nhiều người không xác định. Vui lòng chú ý không POST dữ liệu chứa thông tin cá nhân hoặc nội dung nhạy cảm như lời lẽ thô tục/phỉ báng/biểu hiện tình dục/chính trị/tôn giáo.

  • Cơ sở dữ liệu của DevTime được khởi tạo lại vào lúc 3 giờ sáng hàng ngày. Khi khởi tạo lại, chỉ có dữ liệu Mock tối thiểu để trả lời yêu cầu của client được thiết lập làm Seed, vì vậy vui lòng lưu trữ và quản lý riêng các dữ liệu cần quản lý tích lũy.

  • Hướng dẫn chi tiết về cách sử dụng tài liệu được ghi rõ trong tài liệu PDF được bán. Vui lòng đọc kỹ trước khi tiến hành dự án.


Nếu bạn có bất kỳ thắc mắc nào khác về Prokit, vui lòng gửi câu hỏi đến nybs.contact@gmail.com.

Hãy bắt đầu dự án nào 🏃🏻🏃‍♀️

Hãy tạo ra những sản phẩm dự án chất lượng cao và thành công bằng cách sử dụng Prokit!

Một lần nữa chào mừng các bạn đến với thế giới dự án 🐵

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

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

  • Người đang tự học phát triển web

  • Người chuẩn bị xin việc lập trình web frontend

  • Những người muốn bắt đầu dự án đầu tiên của riêng mình

  • Người đang băn khoăn về cách trở thành lập trình viên cần thiết trong thời đại AI

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

  • Người đã có kiến thức cơ bản về sử dụng các công cụ như React

  • Những người đã sẵn sàng tự mình thực hiện các dự án cơ bản

Xin chào
Đây là

809

Học viên

24

Đánh giá

1

Trả lời

5.0

Xếp hạng

6

Các khóa học

재밌게 성장할 수 있는 콘텐츠를 고민하고 제작합니다.

열정이 있는 누군가에게 해결해야 하는 좋은 문제(과제)를 제시한다면 성장할 수 있다고 믿고 있고,

어떻게 하면 학습에 더 도움이 되는 실무와 같은 문제와 미션을 제시할 수 있을지 주로 고민합니다.

 

Not Yet, But Soon

아직은 아닌 것 같지만, 곧 이루어 갈 모든 분들과 함께합니다.

 

nybs.contact@gmail.com

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

Tất cả

6 bài giảng ∙ (2giờ 20phút)

Tài liệu khóa học:

Tài liệu bài giảng
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!

595.278 ₫

Khóa học khác của nybs

Hãy khám phá các khóa học khác của giảng viên!

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!