ĐẠI HỌC QUỐC GIA THÀNH PHỐ HỒ CHÍ MINH ĐẠI HỌC CÔNG NGHỆ THÔNG TIN KHOA CÔNG NGHỆ PHẦN MỀM THỰC TẬP TỐT NGHIỆP LẬP TRÌNH ỨNG DỤNG WEB VỚI REACTJS Công ty thực tập Công ty TNHH Giải pháp Phần mềm Tường[.]
ĐẠI HỌC QUỐC GIA THÀNH PHỐ HỒ CHÍ MINH ĐẠI HỌC CÔNG NGHỆ THÔNG TIN KHOA CÔNG NGHỆ PHẦN MỀM THỰC TẬP TỐT NGHIỆP LẬP TRÌNH ỨNG DỤNG WEB VỚI REACTJS Công ty thực tập: Công ty TNHH Giải pháp Phần mềm Tường Minh (TMA Solutions) Lớp: SE501.N11.PMCL Sinh viên thực hiện: Trần Hồng Long – 19521801 Tp Hồ Chí Minh, ngày 22 tháng 12 năm 2022 LỜI MỞ ĐẦU Với phát triển nhanh chóng mặt thị trường phần mềm, Cùng với phát triển giới, Việt Nam không ngoại lệ Các xu hướng phát triển web phát triển mạnh mẽ để hịa nhập với xu hướng tồn cầu 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 web để mang đến sản phẩm tốt phù hợp với thị trường Sau thời gian học tập trường, với mục đích trang bị thêm cho kinh nghiệm thực tế, muốn tham gia trải nghiệm làm việc mơi trường chun nghiệp, em định tìm kiếm cơng ty để thực tập Vì vậy, em định chọn TMA Solutions – môi trường lý tưởng, đại, chuyên nghiệp - nơi giúp em thực tập Trần Hoàng Long LỜI CẢM ƠN Trân trọng gửi lời cảm ơn Công ty TNHH Giải pháp phần mềm Tường Minh(TMA Solutions) tạo điều kiện cho em có hội thực tập công ty Em xin chân thành cảm ơn anh chị mentor, thành viên team ReactJS tất người công ty hỗ trợ em công việc chia sẻ với em kinh nghiệm làm việc quý báu Chỉ tháng thực tập, nhờ dẫn tận tình mentor với tất người giúp em tiếp thu kiến thức cần thiết, nâng cao kỹ sẵn có thân 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 Trần Hồng Long Tp Hồ Chí Minh, tháng 12 năm 2022 Trần Hoàng Long NHẬN XÉT CỦA KHOA Trần Hoàng Long Mục lục 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 1.1 1.2 Giới thiệu công ty Sản phẩm công ty Chương 2.1 2.2 2.3 2.4 Tìm hiểu cơng ty kỹ công ty Nghiên cứu kỹ thuật Tham gia project Lịch làm việc Chương 3.1 3.2 3.3 Nội dung thực tập Chi tiết project Giới thiệu project Thực Kế hoạch Chương Chương Tổng kết 10 Tài liệu tham khảo 11 Trần Hoàng Long Chương Giới thiệu công ty thực tập 1.1 Giới thiệu công ty Tên công ty: Công ty TNHH Giải pháp Phần mềm Tường Minh Tên thương mại: TMA Solutions Địa chỉ: o Head Office (Lab 1): 111 Nguyễn Đình Chính, Phường 15, Phú Nhuận, TP Hồ Chí Minh o Office (Lab 3): 10 Đặng Văn Ngữ, Phường 10, Phú Nhuận, TP Hồ Chí Minh o Office (Lab 4): 84A/5 Trần Hữu Trăng, Phường 10, Phú Nhuận, TP Hồ Chí Minh o Office (Lab 5): Anna Building – lot – Central road, Công viên phần mềm Quang Trung, Tân Chánh Hiệp, Quận 12, TP Hồ Chí Minh o Office (Lab 6): TMA Tower – lot 17 – Road 10, Công viên phần mềm Quang Trung, Tân Chánh Hiệp, Quận 12, TP Hồ Chí Minh o TMA Inovation Park (Lab 8): Đại lộ Khoa học, Phường Ghềnh Ráng, Quy Nhơn Website: https://www.tmasolutions.com Trần Hoàng Long TMA Solutions thành lập năm 1997, cung cấp dịch vụ gia công phần mềm chất lượng cho cơng ty hàng đầu tồn giới TMA tự hào công ty phần mềm hàng đầu Việt Nam Với 25 năm phát triển vững mạnh, TMA xây dựng đội ngũ với 3,800 kỹ sư tài năng, nhiệt huyết nhận đánh giá cao từ phía khách hàng, chung tay xây dựng hình ảnh TMA - đối tác tin cậy đồ cơng nghệ thơng tin tồn cầu TMA có chi nhánh Việt Nam (6 TP Hồ Chí Minh TP Quy Nhơn) với văn phịng nước ngồi (Mỹ, Canada, Pháp, Nhật, Úc, Singapore) 1.2 Sản phẩm công ty Với kinh nghiệm phong phú, TMA mang đến cho khách hàng giải pháp toàn diện nhiều lĩnh vực với việc đồng hành khách hàng từ giai đoạn tư vấn, ý tưởng, phân tích yêu cầu, tới giai đoạn thiết kế, kiểm thử hoàn thiện sản phẩm vận hành hệ thống 24/24 Trần Hoàng Long Trần Hoàng Long Chương Nội dung thực tập Đợt thực tập kéo dài tháng, nhằm mục đích giúp sinh viên thực tập đào tạo toàn diện lập trình ứng dụng web với ReactJS, đồng thời rèn luyện kỹ mềm làm việc nhóm, thuyết trình, giao tiếp Tại cơng ty, sinh viên có hội học tập, khám phá làm việc môi trường phát triển phần mềm chuyên nghiệp 2.1 Tìm hiểu cơng ty kỹ công ty Nội dung: Giới thiệu công ty, cách tổ chức, quy định quy trình làm việc công ty o Tham gia vào lớp training dành cho New-hire suốt khoảng thời gian thực tập o Được trainer giới thiệu công ty, trình thành lập, phát triển cách thức tổ chức cơng ty o Ngồi ra, thực tập sinh cịn giới thiệu cách thức quy trình làm việc, quy định cần phải tuân thủ,… Kết quả: Hiểu thêm trình thành lập, phát triển, tầm nhìn, giá trị cốt lõi TMA Biết cách làm việc, hoạt động môi trường thực tế công ty phần mềm 2.2 Nghiên cứu kỹ thuật 2.2.1 Tìm hiểu ReactJS Nội dung: Tìm hiểu nắm vững kiến thức ReactJS o Tìm hiểu nắm rõ React ES6, React JSX, React components o Tìm hiểu React Props/State, React Hook o Tìm hiểu nắm rõ State management o Tìm hiểu Unit tests ReactJS Trần Hoàng Long o Thực demo ReactJS Kết quả: Hiểu biết thư viện ReactJS, học hỏi nhiều kinh nghiệm việc làm việc nhóm Có thêm nhiều kiến thức lĩnh vực dự án Nhận phản hồi anh chị mặt kỹ kiến thức 2.2.2 Tìm hiểu Angular framework Nội dung: Tìm hiểu nắm vững kiến thức Angular o Tìm hiểu kiến thức Angular, Angular component o Tìm hiểu Directives, làm việc với Directives ngFor, ngIf o Tìm hiểu kiến thức Service Angular( Angular HTTP Client, Observable, ) o Tìm hiểu Reactive Form(FormsModule,ngForm, ngModel,ngSubmit) o Tìm hiểu UI framework hỗ trợ Angular PrimeNG, Angular material o Tìm hiểu Unit tests End-to-End tests (cypress test) Angular o Thực demo Angular Kết quả: Hiểu biết Angular framework, nắm cách cài đặt sử dụng Angular framework dự án Nhận phản hồi anh chị mặt kỹ kiến thức 2.2.3 Tìm hiểu Web responsive Nội dung: Tìm hiểu nắm vững kiến thức Web responsive o Tìm hiểu overview Web responsive o Tìm hiều khái niệm Viewport, Media query (@media) o Tìm hiểu khái niệm Breakpoints o Tìm hiểu Grid System o Thực demo Web responsive Trần Hoàng Long Kết quả: Hiểu biết Web responsive, nắm cách sử dụng Web responsive dự án Nhận phản hồi anh chị mặt kỹ kiến thức 2.3 Tham gia project Sau thời gian training thực hành, thực tập sinh nắm kiến thực Front-end ReactJS Sau thực tập sinh áp dụng kiến thức học để thực phát triển project 2.4 Lịch làm việc Tuần Công việc Người hướng dẫn Tham gia meeting giới Anh Chu Văn Thành Nhận xét người hướng dẫn thiệu công ty dành cho New-hire Làm quen với công cụ môi trường công ty Ơn tập, tìm hiểu kiến thức ReactJS Tìm hiểu quy trình làm việc vai trị ReactJS dự án Trần Hồng Long Tham gia lớp training Anh Chu Văn Thành dành cho New-hire công ty Thực ứng dụng demo để kiểm tra kiến thức học Tìm hiểu management State (Redux, Redux Toolkit) Tìm hiểu Unit test Chuẩn bị trình bày cho team State management Unit test Tham gia lớp training dành cho New-hire Anh Nguyễn Quang Vinh cơng ty Tìm hiểu kiến thức Angular framework Thực ứng dụng demo để kiểm tra kiến thức học Tham gia lớp training Anh Chu Văn Thành Trần Hồng Long dành cho New-hire cơng ty Tìm hiểu Web responsive Thực ứng dụng demo để kiểm tra kiến thức học Chuẩn bị trình bày cho team Web responsive Tham gia lớp training dành cho New-hire Anh Nguyễn Quang Vinh công ty Tham gia vào project thực tế nhận task đơn giản Trần Hoàng Long Chương Chi tiết project 3.1 Giới thiệu project Mô tả: Ứng dụng web giúp quản lý User Role User Với Layout có LeftMenu, với chức table show list User list Role, thêm/xóa/sửa, sort/paging/search, assign role to a list of user,… thông qua call API 3.2 Thực Thực tập sinh: Trần Hoàng Long Dưới hướng dẫn mentor Chu Văn Thành 3.3 Kế hoạch Vì quy định bảo mật cơng ty nên thông tin chi tiết dự án thực tế khơng cung cấp bên ngồi Trần Hồng Long 10 Chương Tổng kết Như vậy, hai tháng thực tập, em tham gia thực dự án TMA Solutions Thời gian thực tập mang lại cho em nhiều kiến thúc kinh nghiệm Dù lần đầu em trải nghiệm việc phát triển phần mềm thực tế, kết em đạt vượt mong đợi em nhiều Tuy nhiên, em nhận thấy thân cịn nhiều thiếu sót cần cải thiện, thêm thời gian định em thể làm tốt Chân thành cảm ơn giúp đỡ anh chị team TMA Solutions anh Chu Văn Thành theo dõi hướng dẫn trình thực tập em, giúp em hồn thành tốt dự án đợt thực tập TMA Solutions Trần Hoàng Long 11 Chương Tài liệu tham khảo TMA Solutions, https://www.tmasolutions.vn/ ReactJS, https://ReactJS.org/ Angular, https://angular.io/ Trần Hoàng Long ... nhằm mục đích giúp sinh viên thực tập đào tạo tồn diện lập trình ứng dụng web với ReactJS, đồng thời rèn luyện kỹ mềm làm việc nhóm, thuyết trình, giao tiếp Tại cơng ty, sinh viên có hội học tập,... framework Thực ứng dụng demo để kiểm tra kiến thức học Tham gia lớp training Anh Chu Văn Thành Trần Hoàng Long dành cho New-hire cơng ty Tìm hiểu Web responsive Thực ứng dụng demo để kiểm... Hoàng Long Chương Chi tiết project 3.1 Giới thiệu project Mô tả: Ứng dụng web giúp quản lý User Role User Với Layout có LeftMenu, với chức table show list User list Role, thêm/xóa/sửa, sort/paging/search,