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 Fullstack với NestJs, React và React Native Công ty thực tập Công ty TNHH Playground Lớp SE501 N11 PMCL Sinh viên[.]
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 Fullstack với NestJs, React React Native Công ty thực tập: Công ty TNHH Playground Lớp: SE501.N11.PMCL Sinh viên thực hiện: Nguyễn Hữu Phát – 19521996 TP Hồ Chí Minh, ngày 15 tháng 12 năm 2022 NHẬN XÉT (Của giảng viên) MỤC LỤC MỤC LỤC LỜI NÓI ĐẦ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 Playground Sản phẩm công ty Chương 2: Nội dung thực tập 2.1 Hướng dẫn quy tắc làm việc nhóm quy định công ty 2.2 Làm quen với React Native Thực project 2.3 Lịch làm việc Chương 3: Chi tiết project 3.1 Giới thiệu dự án Another Universe 3.2 Chi tiết ứng dụng TÀI LIỆU THAM KHẢO TỔNG KẾT LỜI NÓI ĐẦU Ngày điện thoại di động thông minh trở thành phần thiếu nhiều người sống ngày Các thiết bị di động thơng minh có tăng trưởng phát triển mạnh mẽ với đời liên tục loạt máy tính bảng đại, điện thoại thơng minh có tính cạnh tranh cao, thị trường xây dựng ứng dụng thiết bị trở nên vô màu mỡ Việc lập trình thiết bị di động trở thành xu hướng ngành cơng nghiệp phần mềm Vì vậy, em định chọn lập trình di động làm định hướng cho việc học tập Để trở thành lập trình viên ứng dụng di động, em đăng ký học mơn nhập mơn lập trình di động, lập trình ứng dụng di động, ngơn ngữ lập trình java, phát triển ứng dụng di động thiết bị di động Sau ba năm học tập trường, em muốn cọ xát với môi trường làm việc thực tế nên định làm mơi trường cơng ty chun nghiệp cịn ngồi giảng đường đại học Vì vậy, em ứng tuyển may mắn vào Công ty TNHH Playground vị trí Fresher mobile developer LỜI CẢM ƠN Trân trọng gửi lời cảm ơn tới Công ty TNHH Playground tạo điều kiện học tập công ty Trong thời gian vừa qua nhờ giúp đỡ anh công ty mà em học hỏi nhiều từ kiến thức chuyên ngành việc phát triển phần mềm, vận hành dự án kỹ mềm giao tiếp, làm việc nhóm,… Đặc biệt cảm ơn anh Bùi Thái Hồng - mentor em giai đoạn đầu vào công ty Anh hướng dẫn, giúp đỡ cho em quy trình cần nắm, kiến thức nền, cách làm việc với nhóm cách giải khó khăn công việc 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 Nguyễn Hữu Phát TP.HCM, ngày 15 tháng 12 năm 2022 DANH MỤC CÁC CỤM TỪ VIẾT TẮT CD : Client Development API : Application Programming Interface BE : Back end Chương 1: Giới thiệu công ty thực tập Giới thiệu cơng ty Playground Playground thức thành lập từ ngày 27/04/2021 Lĩnh vực kinh doanh cơng nghệ thông tin blockchain Bằng cách phát triển sản xuất trò chơi khác nhiệm vụ liên quan đến metaverse, NFT game, tiền ảo… Playground có nhiều chi nhánh Mỹ, Hàn Quốc, Singapore Việt Nam Sản phẩm công ty Playground cung cấp sản phẩm dịch vụ liên quan đến lĩnh vực blockchain, NFT Đặc biệt phải kể đến sản phẩm công nghệ Game, Sàn Swap, DAO, Marketplace, … Chương 2: Nội dung thực tập Đợt thực tập, đào tạo lập trình Backend NestJs, lập trình web React lập trình di động React native Bên cạnh kĩ thuật, sinh viên tham gia vào dự án với mơ hình làm việc Scrum, rèn luyện kĩ mềm làm việc nhóm theo Scrum, thuyết trình, giao tiếp, sử dụng công cụ quản lý công việc Trello 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 startup động Hướng dẫn quy tắc làm việc nhóm quy định cơng ty Thời gian : ngày Nội dung : - Giới thiệu hệ thống nhân lịch sử phát triển công ty - Hướng dẫn quy định công ty yêu cầu làm việc nhóm - Giới thiệu dự án cơng ty sách cơng ty với nhân viên Kết : - Hiểu khó khăn trở thành startup cơng nghệ - Hiểu sứ mệnh hướng phát triển công ty - Hiểu cách thức làm việc quy trình chuyên nghiệp Nghiên cứu kỹ thuật 2.1 - Làm quen với React Native Thời gian: tuần Nội dung: Tìm hiểu kiến thức React Native Javascript Tìm hiểu Component, State, Props Tìm hiểu vịng đời Component Tìm hiểu Navigation - Tìm hiểu Redux, Redux Saga Kết quả: Nắm kiến thức React Native cách làm ứng dụng đơn giản với React Native 2.2 - Thời gian: tuần Nội dung: Đọc hiểu source code BE Viết API cho BE cho tính Treasure advertisement Kết quả: Nắm kiến thức BE 2.3 - Lập trình BE với NestJs database Postgres Tạo module wallet crypto app Thời gian: tuần Nội dung: Tìm hiểu thư viện Web3js Viết module wallet tạo import wallet Tương tác với contract qua Wallet Kết quả: Đã xây dựng wallet ứng dụng Thực project Sau thời gian tuần tiếp cận với React native dạy tận tình thơng quan buổi seminar tiếp cận với dự án thực tế Trong thời gian tuần em đóng góp kiến thức để giúp anh tiếp tục hoàn thành dự án Another Universe với support cho bên BE bên web 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 Học cách trao đổi, làm việc qua email Người hướng dẫn Anh Hoàng Mức độ hoàn thành Nhận xét người hướng dẫn - Làm quen với công cụ làm việc cơng ty Tìm hiểu git quy trình quản lý source code cơng ty Tìm hiểu kiến thức Anh Hoàng React Native Javascript Tìm hiểu Component, State, Props Tìm hiểu vịng đời Component Tìm hiểu Navigation Tìm hiểu Redux, Redux Saga - - - - - Nghiên cứu Threejs để tạo web tương tác với hành tinh 3d Support BE build api để quản lý tính Treasure Thêm giao diện vào web Dashboard để quản lý Treasure làm Build bot cronjob BE để update data BE Support BE build api để quản lý tính Advertisement Thêm giao diện vào web Dashboard để quản lý Advertisement làm Tạo module ví web3 để tương tác với blockchain từ app Thực giao dịch wallet app Anh Hoàng Anh Hoàng Anh Hoàng Anh Hoàng Anh Hoàng Anh Hoàng Chương 3: Chi tiết project Giới thiệu dự án Another Universe Another Universe dự án làm mảng web3 Ở người dùng tương tác với dải ngân hà Người dùng sử dụng crypto để mua hành tinh nft marketplace app 2 Chi tiết ứng dụng Trang chủ ứng dụng Another Universe nơi người dùng tương tác với dải ngân hà Marketplace nơi người dùng mua ngơi tương ứng với NFT cho Màn hình chi tiết ngơi Màn hình chi tiết ngơi sao, người tương tác với object 3D Ngơi có Treasure nên người dùng bấm vào rương để xem quảng cáo nhận phần thưởng Ví crypto ứng dụng Module Treasure API BE Màn hình dashboard quản lý treasure TÀI LIỆU THAM KHẢO React native https://reactnative.dev/ ReactJS https://reactjs.org/ NestJS https://nestjs.com/ TỔNG KẾT Kết đạt được: Lý thuyết: - Sau trình thực tập, với kiến thức bổ sung thêm thực tập cơng ty - Ngồi kiến thức lập trình ứng dụng di động cơng ty bổ sung thêm kiến thức liên quan đến lập trình web chia sẻ kiến thức quản trị nhân lực công ty Kỹ năng: - Về kỹ công ty truyền đạt kỹ lập trình cách tổ chức cấu trúc chung dự án theo mơ hình, tiêu chuẩn lập trình kỹ làm việc với công cụ quản lý mã nguồn - Ngồi kỹ cứng, cơng ty chia sẻ kỹ mềm kỹ thuyết trình, kỹ làm việc nhóm kỹ giao tiếp với đồng nghiệp, khách hàng Kinh nghiệm: - Kinh nghiệm thân sau thực tập nâng cao với kinh nghiệm làm việc theo dự án cho tối ưu bảo trì phần mềm, kinh nghiệm liên quan đến phong cách lập trình dễ đọc dễ hiểu - Học tập nhiều cách phân bổ thời gian cho khơng làm chậm tiến trình dự án - Với kinh nghiệm anh chị làm việc chung truyền đạt kinh nghiệm làm việc nhóm cho hiệu tránh việc không mong muốn xảy trình phát triển phần mềm Khả giao tiếp với khách hàng cho khách hàng dễ nắm bắt, dễ hiểu ... dung thực tập Đợt thực tập, đào tạo lập trình Backend NestJs, lập trình web React lập trình di động React native Bên cạnh kĩ thuật, sinh viên tham gia vào dự án với mơ hình làm việc Scrum, rèn luyện... chọn lập trình di động làm định hướng cho việc học tập Để trở thành lập trình viên ứng dụng di động, em đăng ký học mơn nhập mơn lập trình di động, lập trình ứng dụng di động, ngơn ngữ lập trình. .. lý treasure TÀI LIỆU THAM KHẢO React native https://reactnative.dev/ ReactJS https://reactjs.org/ NestJS https://nestjs.com/ TỔNG KẾT Kết đạt được: Lý thuyết: - Sau trình thực tập, với kiến thức