Báo cáo thực tập xây dựng ứng dụng web với vuejs và nestjs

Sau ba năm học tập trên trường, với mục đích muốn tích luỹ kinh nghiệm và nâng cao trình độ cũng như muốn được trải nghiệm trong một môi trường làm việc chuyên nghiệp, em quyết định muốn

KHOA CÔNG NGHỆ PHẦN MỀM

BÁO CÁO THỰC TẬP XÂY DỰNG ỨNG DỤNG WEB

VỚI VUEJS VÀ NESTJS

TP Hồ Chí Minh, tháng 12 năm 2022

LỜI MỞ ĐẦU

Với sự bùng nổ Internet, ngành công nghê phần mềm đã và đang là một trong những ngàng nghề có sự phát triển vô cùng mạnh mẽ Nhu cầu thị trường cho các sản phẩm vô cùng cao và đa dạng Trong đó, lập trình viên website càng ngày càng phổ biến

Cùng với xu thế phát triển của thế giới, Việt Nam cũng không phải ngoại lệ Ngành lập trình website của Việt Nam đã và đang phát triển mạnh mẽ Các công nghệ thay đổi theo từng thời kì đòi hỏi các doanh nghiệp và nhà phát triển luôn phải cập nhất, cải tiến các sản phẩm để mang đến những sản phẩm tốt nhất, phù hợp nhất với thị trường

Sau ba năm học tập trên trường, với mục đích muốn tích luỹ kinh nghiệm và nâng cao trình độ cũng như muốn được trải nghiệm trong một môi trường làm việc chuyên nghiệp, em quyết định muốn tìm kiếm một công ty thực tập Thật may mắn khi em được nhận vào công ty CyberLogitec Viet Nam với các dự án mới và công nghệ mới

LỜI CẢM ƠN

Trân trọng gửi lời cảm ơn Công ty CyberLogitec Viet Nam đã tạo điều kin cho em có cơ hội được thực tập tại công ty

Đặc biệt, em rất cảm ơn anh Nhựt Võ, Hiếu Lê, Huy Phạm và mọi người trong team đã hướng dẫn và giúp đỡ em trong thời gian thực tập Em đã được học rất nhiều thứ từ sự hướng dẫn nhiệt tình của các anh, không chỉ học được những kỹ thuật, kiến thức trong các dự án thực

tế mà còn tích góp được cho bản thân những kỹ năng mềm

Cũng xin cảm ơn thầy cô trong khoa Công nghệ phần mềm đã nhiệt tình hỗ trợ, tạo điều kiện em làm bài báo cáo này

Phạm Tấn khang

Tp Hồ Chí Minh, ngày 19 tháng 12 năm 2022

NHẬN XÉT CỦA KHOA

MỤC LỤC

LỜI MỞ ĐẦU 2

LỜI CẢM ƠN 3

NHẬN XÉT CỦA KHOA 4

MỤC LỤC 5

Chương 1 Giới thiêu công ty thực tập 6

Chương 2 Nội dung thực tập 9

1 Tìm hiểu công ty và các kỹ năng cơ bản trong công ty 9

2 Nghiên cứu kỹ thuật 9

2.1 Các công cụ làm việc 9

2.2 Tìm hiểu về VueJS và NestJS 9

2.3 Thực hiện project 10

2.4 Tham gia vào dự án công ty 10

3 Lịch làm việc 12

Chương 3 Chi tiết về project 13

Chương 4 Tổng kết 14

TÀI LIỆU THAM KHẢO 15

Chương 1 Giới thiêu công ty thực tập

1 Giới thiệu công ty CyberLogitec Viet Nam

CyberLogitec Vietnam là một Trung tâm Phát triển Off-shore tại Việt Nam cung cấp dịch vụ gia công phần mềm CNTT cho SW Development, Testing và Service Desk 24/7

CyberLogitec Vietnam chuyên về các giải pháp CNTT cho kinh doanh hậu cần như vận chuyển, thiết bị đầu cuối, giao nhận Hơn nữa, công ty cũng nghiên cứu các công nghệ mới cho máy học (thị giác máy tính & chatbot), web, di động và thực tế ảo

CyberLogitec Việt Nam đã có hơn 12 năm trong ngành cung cấp dịch vụ CNTT cho khách hàng toàn cầu của chúng tôi tại hơn 10 quốc gia như Hàn Quốc, Singapore, Nhật Bản, Mỹ, Thái Lan, Trung Quốc, Ả Rập Saudi, Thổ Nhĩ Kỳ, UAE, Malaysia, Brazil, …

Ưu tiên hàng đầu của công ty là mang lại giá trị cạnh tranh cao với dịch vụ gia công phần mềm CNTT chất lượng cao cho khách hàng toàn cầu của công ty

2 Sản phẩm của công ty

Một số sản phẩm của công ty:

Opus Terminal M

Các chức năng cốt lõi:

- Terminal Operations and Management

- 3D Virtual Terminal Smart Vision

- Advanced Container Terminal functions

- Data Collaboration

OPUS Fowarding

Cung cấp các giải pháp quản lý về logistics:

- Booking, Forwarding, EDI.

- Accounting.

- Document.

Chương 2 Nội dung thực tập

Tìm hiểu và nắm vững các kiến thức về VueJS, NestJS, RestfulAPI, Architect, luồng hoạt động, nghiệp vụ và quy trình trong 1 dự án Từ đó tham gia xây dựng webapp của công ty

1 Tìm hiểu công ty và các kỹ năng cơ bản trong công ty

Thời gian: 1 ngày

Nội dung: Giới thiệu về công ty, cách tổ chức của công ty

Được nghe người phụ trách giới thiệu về công ty, quá trình thành lập và phát triên (như đã nhắc đến ở trên), quy trình làm việc từ cao xuống thấp, cách thức tổ chức của công ty

Ngoài ra, thực tập sinh còn được giới thiệu về cách thức làm việc trong công ty như thời gian đi làm, các quy định cần phải tuân thủ, cách sử dụng email trong công việc…

Kết quả: Hiểu thêm về công ty CyberLogitec Viet Nam, quá trình thành lập và phát triển.

Có thêm các kỹ năng về việc sử dụng email trong công việc, làm việc có kế hoạch, có kỷ luật, có trách nhiệm hơn

2 Nghiên cứu kỹ thuật

2.1 Các công cụ làm việc

Thời gian: 1 ngày

Nội dung: Tìm hiểu về các công cụ sẽ được sử dụng trong quá trình làm việc

Trong thời gian này, supervisor đã hướng dẫn thực tập sinh tìm hiểu về các công

cụ sẽ giúp ích cho trong công việc sau này Một số phần mềm trong số đó như:

Skype, Gitlab, Blueprint – một ứng dụng nội bộ của công ty, …

Thực hiện: Thực hành sử dụng các phần mềm đã nêu trên.

Kết quả: Biết cách sử dụng và làm việc bằng những công cụ trên

Kết quả :

- Có kiến thức về VueJS và NestJS

- Xây dựng được miniapp từ client đến server

2.3 Thực hiện project

Sau 2 tuần được training về công cụ và kỹ thuật phát triển dự án thì em được giao nhiệm vụ xây dựng giao diện và API cho các tính năng

Nội dung:

- Xây dựng giao diện màn hình

- Viết API cho các tính năng

- Sử dụng Prisma để tương tác với database

Thực hiện :

- Báo cáo tiến độ hàng ngày cho leader và người hướng dẫn

Kết quả :

- Nâng cao kiến thức về VueJS và NestJS

2.4 Tham gia vào dự án công ty

2.4.1 Tổng quan về dự án

- Dự án về xây dựng ứng dụng training

- Mô tả: Thiết kế API, giao diện theo yêu cầu của stakeholder

- Các thành viên trong dự án:

2.4.2 Các công việc chính trong dự án

- Phân tích yêu cầu

- Tìm hiểu kiến trúc, tổng quan các layer trong dự án

- Tìm hiểu luồng hoạt động của dự án

- Thiết kế database, xây dựng giao diện, API cho các chức năng

- Hỗ trợ tìm và fix bug

3 Lịch làm việc

Tuần Công việc Người hướng dẫn

Mức độ hoàn thành

Nhận xét của người hướng dẫn

1

- Tìm hiểu về công

ty, cách tổ chức của công ty

- Làm quen với các công cụ làm việc trong công ty

Anh Phạm Xuân

2

- Tìm hiểu công nghệ VuejS, và thư viện

UI Vuetify

- Thực hành kiến thực đã được học

Anh Phạm Xuân

3

- Tìm hiểu công nghệ NestJS

- Thực hành kiến thực đã được học

Anh Phạm Xuân

4

- Tìm hiểu về kiến trúc dự án

- Tìm hiểu logic, xử

lý và kiểm tra lỗi các luồng hoạt động trong dự án

Anh Phạm Xuân

5 - Xây dựng giao diệnphù hợp yêu cầu với

task được giao

Anh Phạm Xuân

6 - Viết các API chogiao diện được giao Anh Phạm XuânHuy 100%

Chương 3 Chi tiết về project

1 Giới thiệu về dự án

- Tên dự án: Online Training Center

- Mục đích: Đào tạo và kiểm tra chất lượng nhân sự trong công ty qua các khoá học

và bài kiểm tra

- Công nghệ: VueJS, NestJS, PostgreSQL

2 Thực hiện

- Người thực hiện: Phạm Tấn Khang

- Người hướng dẫn: Phạm Xuân Huy

Chương 4 Tổng kết

Qua 2 tháng thực tập tại công ty, em đã được tham gia vào một dự án thực tế của CyberLogitec dưới vai trò Fullstack Developer Trong khoảng thời gian này em đã học hỏi được rất nhiều thứ không chỉ là các kỹ năng lập trình mà còn cả về tác phong, kinh nghiệm và cả các kỹ năng mềm

Chân thành cảm ơn cơ hội thực tập tại công ty CyberLogitec và đặc biệt là sự giúp đỡ rất nhiệt tình từ anh Huy đã giúp em hoàn thành tốt đợt thực tập Cũng xin cảm ơn thầy cô trong khoa Công nghệ phần mềm đã nhiệt tình hỗ trợ, tạo điều kiện giúp em hoàn thành bài báo cáo này

TÀI LIỆU THAM KHẢO

[1] https://v2.vuejs.org/v2/guide/

[2] https://docs.nestjs.com/

[3] https://vuetifyjs.com/en/

[4] https://www.prisma.io/docs

[5] Cùng một số tài liệu nội bộ của dự án