CÁO THỰC TẬP LẬP TRÌNH FRONTEND (ANGULAR FRAMEWORK)

1 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 LẬP TRÌNH FRONTEND (ANGULAR FRAMEWORK) Công ty thực tập : DXC Viet Nam Người phụ trách : Nguyễn Thanh Luân Thực tập sinh : Lê Hồng Thiện TP Hồ Chí Minh, tháng 05 năm 2022 LỜI MỞ ĐẦU Ngày nay, việc phát triển ứng dụng phần mềm web phát triển mạnh giới Việt Nam khơng nằm ngồi phát triển Lập trình web phát triển từ nhiều năm trước, nhiên tỉ lệ “cung” “cầu” lớn nhân tố quan trọng phát triển công nghệ thông tin giới Cùng với phát triển giới, Việt Nam ngoại lệ Ngành công nghiệp phát triển web phát triển mạnh mẽ, để hồ nhập với tồn cầu Các cơng ty lớn kể đến VNG, Tiki, NCC, FPT, Bosch, KMS,…Website “bộ mặt” mà khách hàng nhìn vào cơng ty đầu tiên, số công ty không phát triển công nghệ có phận phát triển website riêng Ngành lập trình web, đặc biệt thời đại 4.0 trở nên phát triển Và giới trẻ chúng em nguồn nhân lực quan trọng q trình phát triển Vì lí này, em định chọn lập trình web - cụ thể mảng frontend làm định hướng cho việc học làm việc sau Sau ba năm học tập trường, mong muốn có thêm kinh nghiệm thực tế, tham gia vào mơi trường làm việc chun nghiệp, em có dự định thực tập vào sau tết 2022 Vì vậy, em định chọn DXC Việt Nam - môi trường lý trưởng, đại, chuyên nghiệp - nơi giúp em thực dự định LỜI CẢM ƠN Trân trọng gửi lời cảm ơn Công ty DXC Việt Nam tạo điều kiện cho em có hội thực tập cơng ty Chỉ thời gian ngắn, nhờ dẫn nhiệt tình nhóm trainer, em tiếp thu kiến thức quan trọng để tham gia vào dự án công ty vị trí front-end developer Chân thành cảm ơn anh chị nhóm trainer bỏ nhiều thời gian,cơng sức để hướng dẫn chúng em hoàn thành đợt thực tập Đặc biệt cảm ơn anh Nguyễn Thanh Luân, training Angular, hướng dẫn, giúp đỡ cho em tận tình khó khăn cơng việc, đến khó khăn việc làm quen với môi trường mới; cảm ơn anh Phùng Quốc Thịnh, định hướng xếp cho em vào vị trí thích hợp; cảm ơn anh Đặng Lê Hoàng, dạy em thêm kiến thức quản lí cơng việc, đội nhóm; cảm ơn chị Đặng Hồng Hương An, tận tình giúp đỡ cho em gặp khó khăn cơng việc, training kiến thức dự án, backend, sai sót lập trình,…Và tất anh, chị, bạn team giúp đỡ em trình thực tập DXC Việt Nam 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 NHẬN XÉT CỦA KHOA MỤC LỤC MỤC LỤC Chương 1: Giới thiêu công ty thực tập .7 Giới thiệu công ty DXC Technology .7 Mục tiêu, sứ mệnh giá trị Sản phẩm công ty .8 Chương 2: 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 2.2 Tìm hiểu framework Angular 11 2.3 Training kiến thức khác 12 Thực project 13 Lịch làm việc 14 Chương 3: Chi tiết project 15 Giới thiệu project 15 Thực 16 Kế hoạch 18 Chương 1: Giới thiêu công ty thực tập Giới thiệu công ty DXC Technology DXC Technology công ty hàng đầu dịch vụ CNTT toàn cầu danh sách Fortune 500 DXC có 130.000 người 70 quốc gia ủy thác khách hàng để cung cấp quan trọng DXC sử dụng sức mạnh công nghệ để cung cấp dịch vụ CNTT quan trọng cho sứ mệnh Công nghệ Doanh nghiệp tới thúc đẩy tác động kinh doanh DXC nhà tuyển dụng lựa chọn với giá trị mạnh mẽ, thúc đẩy văn hóa hịa nhập, thuộc quyền cơng dân doanh nghiệp Công ty DXC cung cấp dịch vụ CNTT đẳng cấp giới quy mô Delivery Center Global Innovation Bắc Mỹ, Nam Mỹ, Châu Âu, Châu Á Châu Úc Các trung tâm kết nối toàn cầu DXC tự cho phép giải thách thức công nghệ phức tạp chuyển đổi hoạt động kinh doanh khách hàng thông qua đội ngũ nhân viên giao hàng tận tâm với 110.000 người Với đội phân phối toàn cầu kỹ năng, kỹ thuật phong phú, DXC cung cấp giải pháp để giải chi phí, quy định, ngơn ngữ kinh doanh khách hàng yêu cầu tính liên tục DXC tận dụng sức mạnh quan hệ đối tác thông qua hệ sinh thái riêng nhà lãnh đạo công nghệ quản lý Bằng cách kết hợp điểm mạnh chuyên môn toàn cầu, DXC tạo giải pháp mang lại kết lớn cho khách hàng Công nghệ Doanh nghiệp Mục tiêu, sứ mệnh giá trị - Mục tiêu: Mang đến cách dịch vụ cộng nghệ chỉnh chu đến cho khách hàng - Sứ mệnh: Trở thành công ty dịch vụ CNTT sử dụng sức mạnh công nghệ để xây dựng tương lai tốt cho khách hàng, đồng nghiệp, môi trường cộng đồng, giúp khách hàng mang lại tác động kinh doanh chủ nhân lựa chọn - Gía trị: + Giao hàng: Chúng tơi làm chúng tơi nói chúng tơi làm + Cộng tác: Chúng tơi làm việc theo nhóm - toàn cầu địa phương + Cộng đồng: Chúng tin tưởng vào quản lý xây dựng công ty hỗ trợ cộng đồng + Quan tâm: Chúng tơi chăm sóc lẫn ni dưỡng văn hóa hịa nhập thuộc + Làm: điều đắn hành động cách trực Sản phẩm cơng ty - DXC cung cấp dịch vụ công nghệ thông tin mà khách hàng cần để đại hóa hoạt động thúc đẩy đổi toàn lĩnh vực công nghệ thông tin họ - DXC cung cấp dịch vụ tập hợp ngôn ngữ lập trình, khn khổ, kiến trúc, sở liệu, máy chủ, công cụ dành cho nhà phát triển thực chức định ứng dụng DXC cung cấp gia cơng quy trình kinh doanh, phân tích kỹ thuật, ứng dụng, bảo mật, đám mây, gia công phần mềm công nghệ thông tin nơi làm việc đại Chương 2: Nội dung thực tập Đợt thực tập với chủ đề “Lập trình web framework Angular” 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 web sử dụng framework Angular, đồ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 kinh nghiệm, quy trình làm việc chuyên nghiệp, khám phá tích luỹ kinh nghiệp mơi trường động, cạnh tranh 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 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 : Hiểu thêm công ty DXC, 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, anh Luân 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ố Tortoise Git - sử dụng làm việc nhóm, Notepad ++ - chương trình soạn thảo văn hữu ích phổ biến với lập trình viên, extension cần thiết Visual Studio Code để hỗ trợ q trình làm việc dễ dàng Ngồi cịn tìm hiểu phần mềm quản lí: 10 + Jira: Jira ứng dụng theo dõi quản lý lỗi, vấn đề dự án, phát triển để làm quy trình trở nên dễ dàng cho tổ chức JIRA thiết kế với trọng tâm vào kết cơng việc, sử dụng linh hoạt sử dụng + Marvelapp: Marvel phần mềm tạo mẫu cho tất người với giao diện Nó dễ sử dụng làm quen Nó giúp trang bạn thiết lập gọn gàng ngăn nắp Cho phép mô nguyên mẫu thiết kế thông qua nguyên mẫu thử nghiệm Marvel cho phép bạn thêm thiết kế vào quy trình làm việc dự án 11 Thực : Thực hành sử dụng phần mềm nêu Kết : Hiểu thực tập sử dụng công cụ vào công việc 2.2 Tìm hiểu framework Angular Thời gian : 14 ngày (2 tuần) Nội dung : Được tự tìm hiểu nêu lên vấn đề thắc mắc với mentor Ngồi training khố học online framework Angular - Training kiến thức Angular Components, cách tạo component project sử dụng component vừa tạo - Training kiến thức Directives, làm việc với Directives ngFor, ngIf - Tìm hiểu kiến thức Service Angular( Angular HTTP Client, Observer, fetch data, ) - Tìm hiểu kiến thức Form(FormsModule,ngForm, ngModel,ngSubmit) 12 - Học kiến thức Angular Router Thực : - Tham gia khố học online cơng ty cung cấp - Làm thực hành, kiểm tra kiến thức học - Trao đổi mentor để giải thắc mắc xuất trình học, tìm hiểu Kết : - Nâng cao kỹ lập trình, hiểu rõ framework Angular để làm việc - Có kiến thức quan trọng cho việc lập trình web với framework Angular sau - Ngồi cịn biết thêm số quy tắc việc viết code cho chuẩn, dễ đọc, dễ hiểu 2.3 Training kiến thức khác Nội dung: Được công ty training kiến thức khác - Java: Được tham gia khoá học Java, training kiến thức java lập trình hướng đối tượng, web service(REST SOAP),… 13 - SCSS,HTML: Tham gia course online công ty cung cấp, học cách sử dụng scss vào cơng việc Ơn tập nâng cao kiến thức HTML hơn, biết thêm kiến thức để code HTML dễ dàng, nhanh gọn - SQL: Được công ty training kiến thức SQL, database, làm việc với SQL database Thực : - Tham gia đầy đủ buổi trainning - Làm tập thực hành tập SQL, tập tạo giao diện mẫu HTML, SCSS, thi test online,… - Tìm kiếm tài liệu mạng để tìm hiểu thêm Kết : - Hiểu khái niệm lập trình web - Đã tạo số giao diện mẫu HTML, SCSS Thực project Sau tháng training thực hành, thực tập sinh nắm kiến thực Angular, HTML, SCSS, Trong tháng thứ hai, trainer hướng dẫn thực tập sinh áp dụng kiến thức học để giải task leader giao cho Chi tiết nói phần sau 14 Lịch làm việc Tuần Công việc Người hướng dẫn Mức độ hồn thành Nhận xét người hướng dẫn Tìm hiểu công Chị Phạm Thị ty, cách tổ chức Thuỳ Trang công ty - Làm quen với công cụ làm việc công ty - Học cách trao đổi, làm việc qua email - Tự tìm hiểu kiến thức framework Angular - Tham gia khoá học - JSP Serlet: Anh Java Intern Đặng Danh công ty Hữu - Web Service: Anh Lương Trung Nghĩa - Tham gia khoá - Chị Nguyễn Thị học lập trình web Thuỳ Trang - Tham gia khoa - Anh Nguyễn học SQL Thanh Luân - Được tham gia vào - Anh Nguyễn project Thực Thanh Luân fix defect đơn giản - Được giao - Anh Nguyễn defect có độ khó Thanh Luân cao để giải - Được giao xử lí, cài đặt sub-task lớn - 15 Chương 3: Chi tiết project Giới thiệu project Project ứng dụng lĩnh vực bảo hiểm: - Tên dự án: Integral – UI/UX Modernization - Ngày bắt đầu: 11/11/2021 - Vị trí dự án: Việt Nam Quy mơ đội: 20 - Mô tả dự án: + Phát triển UIUX cho Integral Life Group cách sử dụng thư viện Angular DXC CDK Việc chuyển đổi để trì khách hàng, tạo đề xuất hợp đồng xử lý đề xuất vấn đề + Cung cấp dịch vụ kinh doanh hỗ trợ toàn ngành bảo hiểm Tóm tắt Release, Sprint, Epic, Story: - Mỗi đợt Release dự kiến kết thúc sau tháng - Mỗi Sprint kéo dài tuần - Mỗi Epic tương ứng với chức menu phụ hệ thống cũ - Các Story Epic chức phụ Epic Theo nó, tạo nhiệm vụ phụ để triển khai Story 16 Thực Khi vừa bắt đầu tham gia vào dự án, em giao sửa số defect đơn giản project Tham vào sửa defect Epic Receivables and Payables Các defect tham gia fix thuộc sub-task Modify Payment(xử lí việc thay đổi payment tạo) Payment Enquiry 17 Về phần defect, trường hợp em fix kể đến như: sai label name, sai id field, binding data không field, miss data,… Sau em giao để thực cài đặt sub-task lớn Các sub-task cài đặt: work-with-regular-claims component, Extra-info Heath Claim, Death Claim Release-Coverage, First Death Registrtion, ( Mỗi sub-task cài đặt khoảng 3-5 ngày) 18 Kế hoạch Giai đoạn 1: Thực xử lí defect đơn giản để làm quen với dự án - Làm quen với component project, làm quen với flow chức sub-task anh chị khác thông qua fix lỗi, debug - Học thêm kiến thức Angular service, router, kĩ mềm debug, làm việc nhóm - Tìm hiểu quy trình làm việc nhóm, kết nối phận quan trọng api team, devops team, BA team, QC team Kết quả: - Đã hoàn thành tốt defect giao Các defect khó anh Nguyễn Thanh Luân hỗ trợ - Hiểu quy trình làm việc phận cần thiết để kết nối có vấn đề xảy Giai đoạn 2: Thực cài đặt sub-task có độ khó cao - Thực cài đặt UI cho component - Thực binding data cho UI - Kết nối api team để có api test trước data - Thực chức component dựa theo mẫu có sẵn Kết quả: Đã hồn thành tồn tính Sau resolved chuyển sang cho QC team để thực kiểm thử 19 TÀI LIỆU THAM KHẢO Về Angular Framework https://angular.io/ Về SCSS: https://sass-lang.com/guide Ngồi ra, cịn tham khảo kênh Youtube khác như: https://www.youtube.com/watch?v=AAu8bjj6-UI&t=250s https://www.youtube.com/watch?v=77QwgOBOg7Y&t=882s 20 TỔNG KẾT Như vậy, vòng hai tháng, em tham gia thực tập để học hỏi kiến thức mới, công ty training cho kiến thức java, SQL, lập trình web Được tham gia vào dự án thực tế cơng ty, có hội trải nghiệm môi trường làm việc chuyên nghiệp, thân thiện Được tự cài đặt chức cho dự án lớn, học hỏi rút kinh nghiệm từ lần sai sót thân Chân thành cảm ơn giúp đỡ anh chị team Modernize UX, UI hỗ trợ em trình thực tập em cơng ty Cảm ơn giúp đỡ nhiệt tình người, đặt biệt anh Nguyễn Thanh Luân, mentor cho em suốt hai tháng em thực tập làm việc Đây trải nghiệm đáng giá giúp em vững bước đường tới ... Chương 2: Nội dung thực tập Đợt thực tập với chủ đề ? ?Lập trình web framework Angular? ?? 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 web sử dụng framework Angular, đồng thời... niệm lập trình web - Đã tạo số giao diện mẫu HTML, SCSS Thực project Sau tháng training thực hành, thực tập sinh nắm kiến thực Angular, HTML, SCSS, Trong tháng thứ hai, trainer hướng dẫn thực tập. .. backend, sai sót lập trình, ? ?Và tất anh, chị, bạn team giúp đỡ em trình thực tập DXC Việt Nam 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