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

TRƯỜNG ĐẠI HỌC CÔNG NGHỆ THÔNG TIN 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 Công ty thực tập: CyberLogitec Viet Nam Người phụ trách: Võ Hoàng Nhựt Thực tập sinh: Phạm Tấn Khang TP Hồ Chí Minh, tháng 12 năm 2022 LỜI MỞ ĐẦU Với bùng nổ Internet, ngành công nghê phần mềm ngàng nghề có phát triển vơ mạnh mẽ Nhu cầu thị trường cho sản phẩm vô cao đa dạng Trong đó, lập trình viên website ngày phổ biến Cùng với xu phát triển giới, Việt Nam ngoại lệ Ngành lập trình website Việt Nam phát triển mạnh mẽ Các công nghệ thay đổi theo thời kì địi hỏi doanh nghiệp nhà phát triển phải cập nhất, cải tiến sản phẩm để mang đến sản phẩm tốt nhất, phù hợp với thị trường Sau ba năm học tập trường, với mục đích muốn tích luỹ kinh nghiệm nâng cao trình độ muốn trải nghiệm môi trường làm việc chuyên nghiệp, em định muốn tìm kiếm cơng ty thực tập Thật may mắn em nhận vào công ty CyberLogitec Viet Nam với dự án cơng nghệ 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ó hội thực tập cơng ty Đặc biệt, em cảm ơn anh Nhựt Võ, Hiếu Lê, Huy Phạm người team hướng dẫn giúp đỡ em thời gian thực tập Em học nhiều thứ từ hướng dẫn nhiệt tình anh, khơng học kỹ thuật, kiến thức dự án thực tế mà cịn tích góp cho thân kỹ mềm Cũng xin cảm ơn thầy cô khoa Cơng nghệ phần mềm nhiệt tình hỗ trợ, tạo điều kiện em làm báo cáo 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 LỜI CẢM ƠN NHẬN XÉT CỦA KHOA MỤC LỤC Chương Giới thiêu công ty thực tập Chương Nội dung thực tập Tìm hiểu cơng ty kỹ công ty Nghiên cứu kỹ thuật 2.1 Các công cụ làm việc .9 2.2 Tìm hiểu VueJS NestJS 2.3 Thực project 10 2.4 Tham gia vào dự án công ty 10 Lịch làm việc 12 Chương Chi tiết project .13 Chương Tổng kết 14 TÀI LIỆU THAM KHẢO 15 Chương Giới thiêu công ty thực tập Giới thiệu công ty CyberLogitec Viet Nam CyberLogitec Vietnam Trung tâm Phát triển Off-shore Việt Nam cung cấp dịch vụ gia công phần mềm CNTT cho SW Development, Testing Service Desk 24/7 CyberLogitec Vietnam chuyên giải pháp CNTT cho kinh doanh hậu cần vận chuyển, thiết bị đầu cuối, giao nhận Hơn nữa, công ty nghiên cứu công nghệ cho máy học (thị giác máy tính & chatbot), web, di động thực tế ảo CyberLogitec Việt Nam có 12 năm ngành cung cấp dịch vụ CNTT cho khách hàng toàn cầu 10 quốc gia 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ông ty 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ơng ty Sản phẩm công ty Một số sản phẩm công ty: Opus Terminal M Các chức cốt lõi: - Terminal Operations and Management - 3D Virtual Terminal Smart Vision - Advanced Container Terminal functions - Data Collaboration OPUS Fowarding Cung cấp giải pháp quản lý logistics: - Booking, Forwarding, EDI - Accounting - Document 10 Chương Nội dung thực tập Tìm hiểu nắm vững kiến thức VueJS, NestJS, RestfulAPI, Architect, luồng hoạt động, nghiệp vụ quy trình dự án Từ tham gia xây dựng webapp cơng ty Tìm hiểu cơng ty kỹ công ty Thời gian: ngày Nội dung: Giới thiệu công ty, cách tổ chức công ty Được nghe người phụ trách giới thiệu cơng ty, q trình thành lập 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ơng ty Ngồi ra, thực tập sinh cịn giới thiệu cách thức làm việc công ty thời gian làm, quy định cần phải tuân thủ, cách sử dụng email công việc… Kết quả: Hiểu thêm công ty CyberLogitec Viet Nam, q trình thành lập phát triển Có thêm kỹ việc sử dụng email công việc, làm việc có kế hoạch, có kỷ luật, có trách nhiệm Nghiên cứu kỹ thuật 2.1 Các công cụ làm việc Thời gian: ngày Nội dung: Tìm hiểu công cụ sử dụng 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 cơng cụ giúp ích cho cơng việc sau Một số phần mềm số như: Skype, Gitlab, Blueprint – ứng dụng nội công ty, … Thực hiện: Thực hành sử dụng phần mềm nêu Kết quả: Biết cách sử dụng làm việc cơng cụ 2.2 Tìm hiểu VueJS NestJS Thời gian : 10 ngày (2 tuần) Nội dung : Được training công nghệ VueJS NestJS kiến thức quan trọng Thực : - Tham gia đầy đủ buổi training cơng ty 11 Kết : - Có kiến thức VueJS NestJS - Xây dựng miniapp từ client đến server 2.3 Thực project Sau tuần training công cụ kỹ thuật phát triển dự án em giao nhiệm vụ xây dựng giao diện API cho tính Nội dung: - Xây dựng giao diện hình - Viết API cho tính - Sử dụng Prisma để tương tác với database Thực : - Báo cáo tiến độ hàng ngày cho leader người hướng dẫn Kết : 2.4 Nâng cao kiến thức VueJS NestJS Tham gia vào dự án công ty 2.4.1 Tổng quan dự án - Dự án xây dựng ứng dụng training - Mô tả: Thiết kế API, giao diện theo yêu cầu stakeholder - Các thành viên dự án:  Phạm Tấn Khang  Phạm Xuân Huy (mentor)  Võ Hoàng Nhựt (PM) 12 2.4.2 Các cơng việc dự án - Phân tích u cầu - Tìm hiểu kiến trúc, tổng quan layer dự án - Tìm hiểu luồng hoạt động dự án - Thiết kế database, xây dựng giao diện, API cho chức - Hỗ trợ tìm fix bug 13 Lịch làm việc Tuần Công việc - Tìm hiểu cơng Anh Phạm Xn ty, cách tổ chức Huy công ty Làm quen với công cụ làm việc công ty - - - Người hướng dẫn - - Tìm hiểu cơng nghệ VuejS, thư viện UI Vuetify Thực hành kiến thực học Tìm hiểu công nghệ NestJS Thực hành kiến thực học Tìm hiểu kiến trúc dự án Tìm hiểu logic, xử lý kiểm tra lỗi luồng hoạt động dự án Xây dựng giao diện phù hợp yêu cầu với task giao Viết API cho giao diện giao Sửa lỗi logic testcase tester Báo cáo cuối đợt thực tập Mức độ hoàn thành 100% Anh Phạm Xuân Huy 100% Anh Phạm Xuân Huy 100% Anh Phạm Xuân Huy 100% Anh Phạm Xuân Huy 100% Anh Phạm Xuân Huy 100% Anh Phạm Xuân Huy 100% Anh Phạm Xuân Huy 100% Nhận xét người hướng dẫn 14 Chương Chi tiết project Giới thiệu dự án - Tên dự án: Online Training Center - Mục đích: Đào tạo kiểm tra chất lượng nhân cơng ty qua khố học kiểm tra - Công nghệ: VueJS, NestJS, PostgreSQL Thực - Người thực hiện: Phạm Tấn Khang - Người hướng dẫn: Phạm Xuân Huy Cùng số thành viên team Kế hoạch - Giai đoạn 1: Phân tích yêu cầu - Giai đoạn 2: Thiết kế giao diện, sở liệu - Giai đoạn 3: Triển khai xây dựng ứng dụng 15 Chương Tổng kết Qua tháng thực tập công ty, em tham gia vào dự án thực tế CyberLogitec vai trò Fullstack Developer Trong khoảng thời gian em học hỏi nhiều thứ không kỹ lập trình mà cịn tác phong, kinh nghiệm kỹ mềm Chân thành cảm ơn hội thực tập công ty CyberLogitec đặc biệt giúp đỡ nhiệt tình từ anh Huy giúp em hồn thành tốt đợt thực tập Cũng xin cảm ơn thầy cô 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áo cáo 16 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 số tài liệu nội dự án ... thức VueJS NestJS - Xây dựng miniapp từ client đến server 2.3 Thực project Sau tuần training công cụ kỹ thuật phát triển dự án em giao nhiệm vụ xây dựng giao diện API cho tính Nội dung: - Xây dựng. .. Viết API cho tính - Sử dụng Prisma để tương tác với database Thực : - Báo cáo tiến độ hàng ngày cho leader người hướng dẫn Kết : 2.4 Nâng cao kiến thức VueJS NestJS Tham gia vào dự án công ty 2.4.1... nghệ VuejS, thư viện UI Vuetify Thực hành kiến thực học Tìm hiểu cơng nghệ NestJS Thực hành kiến thực học Tìm hiểu kiến trúc dự án Tìm hiểu logic, xử lý kiểm tra lỗi luồng hoạt động dự án Xây dựng