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

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 NODEJS VÀ REACTJS Công ty thực tập : Hitek Group JSC Người phụ trách : Trịnh Minh Tuấn Thực tập sinh : Trần Hậu Đạt TP Hồ Chí Minh, tháng 12 năm 2021 LỜI MỞ ĐẦU Ngày nay, CNTT đóng vai trị quan trọng đời sống kinh tế, xã hội nhiều quốc gia giới, phần thiếu kinh tế trí thức động, ngày đại hố Vì vậy, việc số hóa đại hóa số lĩnh vực cần thiết phát triển ngành Công nghệ thông tin theo Ngôn ngữ lập trình JavaScript giúp phát triển ứng dụng đặc thù để giải vấn đề xã hội, doanh nghiệp từ nâng cao suất làm việc nâng cao chất lượng đời sống xã hội Bên cạnh đó, việc sử dụng ngơn ngữ lập trình JavaScript cịn làm tăng hiệu phần mềm, giúp máy chủ xử lý nhiều tác vụ với khối tài nguyên Sau ba năm học trường, em có đủ kiến thức lý thuyết muốn có kinh nghiệm thực tế nên vào mơi trường Hitek Group chun nghiệp để tìm hiểu thêm cách môi trường chuyên nghiệp, động phát triển phần mềm, cung cấp giải pháp cho vấn đề xã hội, doanh nghiệp nước LỜI CẢM ƠN Trân trọng gửi lời cảm ơn Công ty Hitek 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 anh trainer, em tiếp thu nhiều kiến thức, học hỏi nhiều kỹ năng, góp phần vào việc phát triển sản phẩm cho cơng ty Chân thành cảm ơn anh chị trainer bỏ nhiều thời gian, công sức để hướng dẫn em hoàn thành đợt thực tập Đặc biệt cảm ơn anh Trịnh Minh Tuấn, trainer hướng dẫn, giúp đỡ cho em tận tình tìm hiểu cơng nghệ Nodejs, ReactJs giúp em thích nghi với mơi trường Cuối cùng, em 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ậu Đạt Tp.HCM, 12/2021 NHẬN XÉT CỦA KHOA Mục lục LỜI MỞ ĐẦU LỜI CẢM ƠN Chương 1: Giới thiệu công ty thực tập Giới thiệu công ty Các dịch vụ công ty 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 8 2.1 Quy trình 2.2 Tìm hiểu frontend 2.3 Tìm hiểu ReactJs 2.4 Tìm hiểu NodeJs Express framework 2.5 Tìm hiểu Sequelize ORM 2.6 Tìm hiểu Jest 10 2.7 Tìm hiểu sơ lược Nginx 10 2.8 Thực project 10 Lịch làm việc 11 Chương 3: Chi tiết project 13 Thông tin 13 Công nghệ sử dụng 13 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 Giới thiệu công ty Hitek Group thành lập năm 2017 Kể từ bắt đầu hành trình từ năm 2017, giá trị cốt lõi công ty giữ nguyên không thay đổi: Đẳng cấp, Định hướng khách hàng, Bảo mật tối đa, Làm việc Tâm huyết Đam mê Chúng mang đến cho khách hàng giải pháp tuyệt vời phù hợp với nhu cầu, ngân sách thời gian họ Năm 2017, Hitek thành lập với kỹ sư phần mềm, làm việc tự do, tập trung vào phát triển web ứng dụng di động cho thị trường Việt Nam Năm 2018, lần đầu nhận hợp đồng gia công phần mềm cho thị trường Hàn Quốc, Hitek thay đổi chiến lược kinh doanh mở rộng sang thị trường nước ngồi Năm 2019-2020, chúng tơi tiếp tục phát triển công nghệ Hàn Quốc Gần 90% dự án đến từ thị trường Năm 2021, Hitek cung cấp dịch vụ gia công phần mềm cung cấp phần mềm cho khách hàng đến từ Mỹ, Canada, Đức, Hàn Quốc Các dịch vụ công ty  Dịch vụ xây dưng offshore center: Được tích lũy kinh nghiệm từ dự án xây dựng offshore center với khách hàng từ khắp nơi giới, Hitek tự tin chúng tơi số nhà cung cấp dịch vụ xây dựng offshore center phù hợp đại  Dịch vụ custom phần mềm: Là công ty phát triển phần mềm custom hàng đầu Việt Nam, chúng tơi hồn thành xuất sắc hàng trăm dự án cho khách hàng toàn giới Thành lập từ năm 2017, Hitek áp dụng phương pháp cách thục  Dịch vụ outsourcing theo dự án: Đã có nhiều hội thực dự án Outsourcing cho quốc gia phát triển giới Mỹ, Canada, Hàn Quốc, chúng tơi tự tin Hitek có đủ kinh nghiệm để xử lý dự án phức tạp  Dịch vụ phát triển phần mềm dài hạn: Phát triển phần mềm dài hạn trình xây dựng phức tạp, đào tạo có kiến thức chuyên sâu để tự xử lý dự án phát triển phần mềm dài hạn  Dịch vụ phát triển web: Với năm kinh nghiệm nghề, thành thạo việc phát triển web tùy chỉnh sử dụng NET, NodeJS, Java, PHP công nghệ front-end đại khác (Angular, ReactJS, Jquery, HTML5, CSS3… ), Hitek hân hạnh đồng hành bạn dự án phát triển website  Dịch vụ migrate Server: Trong số dịch vụ, ý tưởng công nghệ hỗ trợ doanh nghiệp, dịch vụ Cloud Migration - từ nhà cung cấp Amazon Web Service (AWS), Microsoft Azure - có lẽ yếu tố thúc đẩy khách hàng TIN TƯỞNG LỰA CHỌN Hitek  Dịch vụ phát triển mobile app: Luôn đặt chất lượng lên hàng đầu, Hitek sở hữu đội ngũ trẻ, động, sáng tạo Với 30 lập trình viên có kỹ thuật cao, chúng tơi hồn thành xuất sắc 100 dự án vòng năm  Dịch vụ kiểm thử phần mềm: Là công ty phát triển phần mềm Việt Nam, Hitek vượt trội việc xây dựng trải nghiệm web thiết bị di động cho khách hàng toàn giới Chương 2: Nội dung thực tập Đợt thực tập với chủ đề “Lập trình Web với Nodejs ReactJs” nhằm mục đích giúp sinh viên thực tập học tập, làm quen với công nghệ để làm web application, đồ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 cơng nghệ NodeJs, ReactJs Ngoài ra, thực tập sinh trực tiếp hướng dẫn anh mentor giàu kinh nghiệm Bên cạnh đó, sinh viên khám phá làm việc mơi trường phát triển phần mềm chun nghiệp, tích lũy kiến thức giá trị Tìm hiểu cơng ty kỹ công ty Thời gian : buổi Nội dung : Giới thiệu cơng ty, cách tổ chức, sách cơng ty Được nghe người phụ trách giới thiệu công ty, 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 Hitek, 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 Quy trình cơng cụ Thời gian : buổi Nội dung : Tìm hiểu cơng cụ quy trình sử dụng trình làm việc: - Các quy trình phát triển phần mềm - Công cụ sử dụng làm việc - Cài đặt mơi trường Thực : Tìm hiểu quy trình sử dụng phần mềm nêu 2.2 Tìm hiểu frontend Thời gian : ngày Nội dung : Tìm hiểu HTML, CSS, JavaScript TypeScript - Tìm hiểu HTML - Tìm hiểu CSS - Tìm hiểu JavaScript - Tìm hiểu TypeScript - Tìm hiểu Webpack Thực hiện: - Tìm hiều tổng quan Frontend programming (như trên) - Học làm tập để kiểm tra lại kiến thức học Kết quả: Hiểu hồn thành kiểm tra đánh giá 2.3 Tìm hiểu ReactJs Thời gian : ngày Nội dung : Tìm hiểu ReactJs - Tìm hiểu JSX - Tìm hiểu props state - Tìm hiểu React lifecycle - Tìm hiểu React routing - Tìm hiểu React Hooks Thực hiện: - Học làm tập để kiểm tra lại kiến thức học Kết quả: Hiểu hồn thành tập 2.4 Tìm hiểu NodeJs Express framework Thời gian : ngày Nội dung : Tìm hiểu framework Express - Tìm hiểu express framework Thực hiện: - Học làm kiểm tra đánh giá Kết quả: Hiểu hoàn thành kiểm tra đánh giá 2.5 Tìm hiểu Sequelize ORM Thời gian : ngày Nội dung : Tìm hiểu Sequelize ORM Thực hiện: Tìm hiểu vấn đề: - Setup - Sequelize CLI - Association - Migration - Query Kết quả: Sử dụng thư viện đáp ứng yêu cầu anh Mentor 2.6 Tìm hiểu Jest Thời gian : ngày Nội dung : Tìm hiểu việc viết Unit Test với Jest - Unit Testing với Jest - Thực hành Thực hiện: Học theo khóa học hồn thành kiểm tra người hướng dẫn Kết quả: Nắm kiến thức Unit test hoàn thành kiểm tra 2.7 Tìm hiểu sơ lược Nginx Thời gian : ngày Nội dung : Tìm hiểu Nginx - Khái niệm - Cơ Nginx - Thực hành 2.8 Thực project Thời gian : tháng Nội dung : Áp dụng kiến thực học vào làm project - Đọc hiểu yêu cầu - Design Database - Frontend ReactJS - Backend API(NodeJs + Sequelize) Database (PostgreSQL) Unit test 10 - AWS + gitlab source control Thực hiện: Làm project báo cáo kết cho anh Tuấn Kết quả: Nắm kiến thức module trước áp dụng vào project Lịch làm việc Tuần 1 1, Công việc - Tìm hiểu cơng ty, cách tổ chức cơng ty - Tìm hiểu quy trình phát triển phần mềm - Setup mơi trường Tìm hiểu Frontend:  Tìm hiểu HTML  Tìm hiểu CSS  Tìm hiểu Javascript  Tìm hiểu TypeScript  Tìm hiểu webpack Tìm hiểu ReactJs:  Tìm hiểu JSX  Tìm hiểu props, state  Tìm hiểu lifecycle  Tìm hiểu routing  Tìm hiểu React Hooks Tìm hiểu NodeJs Express  Tìm hiểu Express  Tìm hiểu mơ hình MVC  Tìm hiểu Json Web Token Người hướng dẫn Hồn thành Đánh giá Anh Trịnh Minh Tuấn 100% Hoàn thành tốt Anh Trịnh Minh Tuấn 100% Hoàn thành tốt Anh Trịnh Minh Tuấn 100% Hoàn thành tốt Anh Trịnh Minh Tuấn 100% Hoàn thành tốt 11 3+4 4-8 8-13 Tìm hiểu Sequelize ORM  Sequelize CLI  Model  Association  Migration  Query Thực Unit Test Nginx  Đọc tài liệu đặc tả yêu cầu  Unit Testing với Jest  Tìm hiểu Nginx Thực Project backend  Đọc tài liệu đặc tả yêu cầu  Thiết kế CSDL  Đọc tài liệu chi tiết thiết kế API  Coding Convention  Code chức dùng NodeJs TypeScript  Viết Unit Test cho chức  Dùng postman test API  Deploy server lên AWS server Thực Project frontend  Đọc tài liệu thiết kế  Coding Convention  Code giao diện sử dụng ReactJs  Test  Deploy Anh Trịnh Minh Tuấn 100% Hoàn thành tốt Anh Trịnh Minh Tuấn 100% Hoàn thành tốt Anh Trịnh Minh Tuấn 100% Hoàn thành tốt Anh Trịnh Minh Tuấn 100% Hoàn thành tốt 12 Chương 3: Chi tiết project Thông tin Ứng dụng xe (Thông tin bảo dưỡng thiết bị xe + Ghi lại thông đường qua GPS chia sẻ lịch trình, ảnh đường đi) Công nghệ sử dụng Mobile: Flutter Backend: NodeJs Frontend: ReactJs Database: PostgreSQL Do sách cơng ty tiết thơng tin project khơng trình bày 13 TỔNG KẾT Như vậy, vòng ba tháng ngắn ngủi, em học hỏi trải nghiệm nhiều thứ bổ ích Cơng ty giúp em học công nghệ công cụ ngành Nodejs, ReactJs, Gitlab, biết tổ chức làm việc nhóm, giao tiếp trao đổi giúp đỡ người cơng việc, có khả làm việc chuyên nghiệp với đồng đội độc lập Bên cạnh đó, em cịn học cách giao tiếp chuyên nghiệp với đối tác, sếp kinh nghiệm xử lý tình bất ngờ gặp lỗi Những điều kiến thức kinh nghiệm quý báu đề làm hành trang đường nghiệp em Chân thành cảm ơn giúp đỡ anh chị dự án đặc biệt anh Trịnh Minh Tuấn nhiệt tình giúp đỡ em hoàn thành tập Đặc biệt, em sâu sắc cảm ơn quý thầy cô khoa Công nghệ Phần mềm dạy bảo, cung cấp cho em kiến thức tảng để tham gia khóa thực tập cơng ty 14 TÀI LIỆU THAM KHẢO NodeJS: https://nodejs.org/api/ TypeScript: https://www.typescriptlang.org/ ReactJs: https://reactjs.org/ Sequelize ORM: https://sequelize.org HTML+CSS+JS: https://www.w3schools.com/ 15 ... nghiệm web thiết bị di động cho khách hàng toàn giới Chương 2: Nội dung thực tập Đợt thực tập với chủ đề ? ?Lập trình Web với Nodejs ReactJs? ?? nhằm mục đích giúp sinh viên thực tập học tập, làm quen với. .. - Cơ Nginx - Thực hành 2.8 Thực project Thời gian : tháng Nội dung : Áp dụng kiến thực học vào làm project - Đọc hiểu yêu cầu - Design Database - Frontend ReactJS - Backend API (NodeJs + Sequelize)... công nghệ để làm web application, đồ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 cơng nghệ NodeJs, ReactJs Ngồi ra, thực tập sinh trực