Lập trình web với reactjs (báo cáo thực tập)

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 WEB VỚI REACTJS Công ty thực tập: Công ty TNHH Phần mềm FPT Hồ Chí Minh Thực tập sinh: Huỳnh Việt Tiến – MSSV: 15520877 TP Hồ Chí Minh, tháng 06 năm 2022 Huỳnh Việt Tiến LỜI MỞ ĐẦU Ngày nay, ngành công nghiệp phát triển ứng dụng công nghệ web phận thiếu ngành công nghiệp phần mềm Với tốc độ phát triển vô mạnh mẽ, ngành phát triển web nhân tố kích thích phát triển công nghệ thông tin giới, phần cứng phần mềm Cùng với xu phát triển giới, Việt Nam ngoại lệ Ngành công nghiệp phát triển web Việt Nam phát triển mạnh mẽ, cạnh tranh với công ty hàng đầu phát triển web giới Bên cạnh phát triển ngành công nghiệp web kéo theo phát triển số ngành nghề khác thúc đẩy phát triển dễ nhận thấy trang web mạng xã hội, hay trang web thương mại điện tử, trang web live stream trực tuyến,… Sau khoảng thời gian học tập trường, mong muốn có thêm kinh nghiệm thực tế, muốn tham gia xây dựng web môi trường chuyên nghiệp, em có dự định thực tập sau hè Vì vậy, em định chọn Công ty TNHH Phần mềm FPT Hồ Chí Minh - mơi trường lý tưởng, đại, chuyên nghiệp - nơi giúp em thực dự định Huỳnh Việt Tiến LỜI CẢM ƠN Trân trọng gửi lời cảm ơn Công ty TNHH Phần mềm FPT Hồ Chí Minh 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, nhóm thực tập chúng em tiếp thu kiến thức quan trọng để làm website sử dụng ReactJS Các kiến thức để quản lý source code, testing tổ chức source code, với trau dồi kỹ mềm học tiếng anh giao tiếp Chân thành cảm ơn anh chị nhóm trainer, admin bỏ nhiều thời gian, công sức để hướng dẫn hỗ trợ chúng em hoàn thành đợt thực tập Đặc biệt cảm ơn anh Võ Đức Anh, chấp nhận cho em thực tập công ty Cảm ơn anh Nguyễn Đình Lương dạy em kiến thức lập trình web Cảm ơn anh Mã Hồng Nhật Phi dạy em kiến thức sử dụng công cụ quản lý source code, library ReactJS, kiến thức testing thiếu sót thân em,…Và cám ơn anh/chị admin, anh/chị mentor khác bạn team giúp đỡ em trình thực tập FPT Software Hồ Chí Minh 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 Huỳnh Việt Tiến TP Hồ Chí Minh, ngày 10/06/2022 Huỳnh Việt Tiến NHẬN XÉT CỦA KHOA Huỳnh Việt Tiến MỤC LỤC MỤC LỤC .5 Chương 1: Giới thiệu công ty thực tập Giới thiệu công ty FPT Software Sản phẩm công ty .7 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 Thực project 11 Lịch làm việc 11 Chương 3: Chi tiết về project 13 Giới thiệu Project 13 Thực 14 Kết 15 TÀI LIỆU THAM KHẢO 16 TỔNG KẾT 17 Huỳnh Việt Tiến Chương 1: Giới thiệu công ty thực tập Giới thiệu công ty FPT Software Được thành lập từ năm 1999, tiền thân thuộc Tập đoàn FPT, FPT Software trở thành công ty gia công phần mềm lớn Việt Nam với danh thu năm 2020 $513.6 million Có 56 văn phịng 26 quốc gia, với thị trường Nhật Bản, Hoa Kỳ, Châu Âu, Châu Á Thái Bình Dương, Việt Nam 18000 lao động FPT Software phục vụ 700 khách hàng lớn, có 83 khách hàng lọt vào danh sách Fortune 500 FPT Software đạt thành tích ấn tượng nằm Top 100 nhà cung cấp dịch vụ phần mềm toàn cầu đánh giá nơi làm việc tốt Việt Nam lĩnh vực CNTT Với tham vọng trở thành công ty hướng dẫn đổi công nghệ, cam kết đem lại hài lòng cao cho khách hàng, góp phần vào phát triển thịnh vượng quốc gia cung cấp cho nhân viên môi trường làm việc thuận lợi nhất, FPT Software tạo nên khác biệt cho nhờ yếu tố: • Chất lượng dịch vụ đạt chuẩn giới • Đáp ứng nhu cầu khắt khe công ty hàng đầu • Ln đầu cơng nghệ • Nguồn nhân lực chuyên nghiệp • Giá thành cạnh tranh Nhờ vậy, FPT Software vinh dự nhận chứng giới chất lượng bảo mật như: CMMI ISO 27001: 2005, ISO 9001, ISO 20000 Tính Huỳnh Việt Tiến đến nay, cơng ty phục vụ cho 400 khách hàng toàn giới, với thị trường ở: Nhật Bản, Hoa Kỳ, Châu Âu, Việt Nam Hay hợp tác với khách hàng nhà công nghệ hàng đầu giới như: Hitachi, Neopost, IBM, Continental, Fujitsu, NTT, Canon, Panasonic, Toshiba, Sony, … Từ thành lập đến nay, FPT Software theo đuổi sứ mạng: cung cấp dịch vụ từ nguồn lực tài Việt Nam với chất lượng tốt nhất, cam kết đem lại hài lòng cao cho khách hàng… giúp FPT Software trở thành công ty phần mềm phát triển nhanh có diện rộng rãi nhiều thị trường toàn cầu khác Sản phẩm công ty Với bề dày gần 26 năm việc tạo dựng phát triển mơ hình kinh doanh quy mô lớn lĩnh vực phần mềm, FPT Software cung cấp dịch vụ đạt tiêu chuẩn quốc tế mảng: • Dịch vụ phần mềm truyền thống (Application Services, Business Application Services, Legacy Migration, Testing & BPO); • Dịch vụ Digital Age services (Cloud, Mobility, Analytics & Internet of Things) • Dịch vụ Product Engineering bao gồm Embedded System, CAD/CAM IC Design Huỳnh Việt Tiến Chương 2: Nội dung thực tập Đợt thực tập với chủ đề “Lập web với ReactJS” 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 giao diện web sử dụng 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 web chuyên nghiệp 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 : Hiểu thêm công ty FPT Software, 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 Phi 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ố 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 Các extension cần thiết Visual Studio Code để hỗ trợ trình làm việc dễ dàng Ngồi cịn tìm hiểu phần mềm quản lí: Huỳnh Việt Tiến + Trello: ứng dụng lập danh sách dựa web, dùng để quản lý phân chia công việc cho thành viên team 2.2 2.3 Thực : Thực hành sử dụng phần mềm nêu Kết : Hiểu sử dụng cơng cụ miễn phí, giúp dễ dàng kết hợp cơng cụ với Tìm hiểu kiến thức lập trình web Thời gian : 14 ngày (2 tuần) Nội dung : Được training khái niệm web browser, xây dựng giao diện web với desgin có sẵn - Training kiến thức cách hoạt động web browser giao thức HTTP - Training kiến HTML, CSS, Javascript để xây dựng giao diện web với desgin có sẵn Thực : - Tham gia khoá học online slide công ty cung cấp - Tham gia đầy đủ buổi training công ty - Làm thực hành, kiểm tra kiến thức học Tìm hiểu library ReactJS Thời gian : 21 ngày (3 tuần) Huỳnh Việt Tiến 10 Nội dung : Được tìm hiểu training library ReactJS library cần thiết kèm với như: react-router-dom, redux,… - Training kiến thức ReactJS components, state props Cách tạo component project cách sử dụng nó, khác biệt functional component class component - Training kiến thức lifecycle class component - Training kiến thức cách sử dụng hook với functional component mapping lifecycle class component sang functional component cách sử dụng hook Tự tạo custome hook - Được học cách sử dụng thư viện react-router-dom áp dụng vảo router vào ReactJS - Được học cách sử dụng thư viện redux thư viện middleware để quản lý state ứng dụng ReactJS - Được học cách testing ReactJS sử dụng jest với react-testing-library Thực : - Tham gia khoá học online slide công ty cung cấp - Tham gia đầy đủ buổi training công ty - 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 : Huỳnh Việt Tiến 11 - Nâng cao kỹ lập trình, hiểu rõ ReactJS library thường sử dụng chung với để đủ khả làm việc Có kiến thức quan trọng cho việc lập trình web với ReactJS 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 Thực project Sau gần hai tháng training thực hành, thực tập sinh nắm kiến thực ReactJS, HTML, CSS,… Trong tháng thứ ba, trainer hướng dẫn thực tập sinh áp dụng kiến thức học để thực project xây dựng website học trực tuyến Chi tiết đồ án nói phần sau Lịch làm việc Tuần Công việc - - - Tìm hiểu cơng ty, cách tổ chức công ty Làm quen với công cụ làm việc công ty Sử dụng công cụ Trello để kiểm tra tiến độ công việc Học cách trao đổi, làm việc qua email Tìm hiểu kiến thức lập trình web Sử dụng HTML, CSS, JavaScript để xây dựng giao diện web với desgin cho trước Training kiến Người hướng dẫn Chị Nguyễn Thị Thiên Thư Chị Nguyễn Thị Kim Anh Anh Mã Hoàng Nhất Phi Mức độ hoàn thành Nhận xét người hướng dẫn 100% Tốt 100% Tốt 100% Tốt Anh Nguyễn Đình Lương Anh Mã Hồng Huỳnh Việt Tiến 12 thức library ReactJS - Training kiến thức library khác thường kèm với ReactJS - Học testing ứng ReactJS - Áp dụng kiến thực học kết hợp với team Back-end để xây dựng website học trực tuyến Nhất Phi Anh Võ Đức Anh Anh Nguyễn Đông Hưng Chị Võ Trịnh Bối Quyên 100% Tốt Huỳnh Việt Tiến 13 Chương 3: Chi tiết về project Giới thiệu về project Website tảng học trực tuyến để giáo viên học viên tương tác với Giáo viên đăng tải khố học học viên mua học khố học Huỳnh Việt Tiến 14 Do yêu cầu bảo mật thông tin doanh nghiệp nên em khơng thể trình bày chi tiết Thực thành viên team: - Front-end: + Huỳnh Việt Tiến Huỳnh Việt Tiến 15 + Đinh Tấn Tú + Huỳnh Trung Nghĩa + Lưu Vũ Sơn Duy + Phùng Thế Hùng - Back-end: + Trần Như Tuấn Anh + Đặng Phú Hưng + Đào Gia Hiệp Và giúp đỡ tận tình team trainer Fsoft Kết quả: Đã hồn thành tính tất yếu theo yêu cầu dự án tiếp tục thực tính khác Huỳnh Việt Tiến 16 TÀI LIỆU THAM KHẢO [1] React – A JavaScript library for building user interfaces (reactjs.org) [2] Redux - A predictable state container for JavaScript apps | Redux [3] Cùng số tài liệu nội dự án Huỳnh Việt Tiến 17 TỔNG KẾT Như vậy, vòng ba tháng, nhóm hồn thành tính website học trực tuyến Website có đầy đủ tính đề ban đầu Do thời gian có hạn nên chưa thể hồn thành hết tính website Website có thời gian hồn thành hết tính xây dựng thêm nhiều tính Chân thành cảm ơn giúp đỡ anh chị nhóm trainer Fsoft, nỗ lực nhóm để hồn thành website 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 Huỳnh Việt Tiến ... Tiến Chương 2: Nội dung thực tập Đợt thực tập với chủ đề ? ?Lập web với ReactJS? ?? 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 giao diện web sử dụng ReactJS, đồng thời rèn luyện... việc lập trình web với ReactJS 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 Thực project Sau gần hai tháng training thực hành, thực tập sinh nắm kiến thực ReactJS, ... Tiến 12 thức library ReactJS - Training kiến thức library khác thường kèm với ReactJS - Học testing ứng ReactJS - Áp dụng kiến thực học kết hợp với team Back-end để xây dựng website học trực tuyến