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 Công ty thực tập AIOZ VN Người phụ trách Trần Bá Duy Uy Thực tập sinh Nguyễn Tiến Dũng TP Hồ Chí Minh, th[.]
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 Cơng ty thực tập : AIOZ VN Người phụ trách : Trần Bá Duy Uy Thực tập sinh : Nguyễn Tiến Dũng TP Hồ Chí Minh, tháng 12 năm 2022 LỜI MỞ ĐẦU Trong năm gần đây, công nghệ thông tin trở thành lĩnh vực thiếu sống người Những lợi ích mà ngành mang lại vô to lớn Với tầm quan trọng mình, Cơng nghệ thơng tin khơng ngừng phát triển trở thành ngành đứng đầu xu Với phát triển mạnh mẽ đó, lập trình web lĩnh vực nhận nhiều quan tâm sinh viên Vì lý này, em định chọn lập trình web làm định hướng cho việc học tập Sau ba năm học tập không ngừng trường, em tự nhận thấy thân cần có mơi trường chuyên nghiệp thực tế để phát triển thân kĩ cách toàn diện hơn, em dã định chọn AIOZ VN - môi trường lý tưở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 AIOZ 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, nhóm thực tập chúng em tiếp thu kiến thức quan trọng để làm game 3D 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 Trần Bá Duy Uy, training công nghệ liên quan đến ReactJS web frontend, hướng dẫn, giúp đỡ cho chúng 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 Cũng xin cảm ơn thầy 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 Tiến Dũng Tp HCM, ngày 25 tháng 12 năm 2022 NHẬN XÉT CỦA KHOA MỤC LUC Chương Giới thiệu công ty thực tập 1.1 Giới thiệu công ty AIOZ 1.2 Sản phẩm công ty 1.2.1 AIOZ Tube 1.2.2 AIOZ Node Chương Nội dung thực tập 2.1 Tìm hiểu cơng ty kỹ công ty 2.2 Nghiên cứu kĩ thuật 2.2.1 Công cụ 2.2.2 Tìm hiểu Typescript NextJS 2.3 Thực project 2.4 Lịch làm việc Chương Chi tiết project 3.1 Website AIOZ Web3 Storage Beta 3.1.1 Giới thiệu dự án: 3.1.2 Công nghệ sử dụng 3.1.3 Vai trò 3.1.4 Nhiệm vụ 3.2 Website AIOZ Web3 Storage Landing Page 3.2.1 Giới thiệu dự án: 3.2.2 Công nghệ sử dụng 3.2.3 Vai trò 3.2.4 Nhiệm vụ Chương Tổng Kết DANH MỤC HÌNH ẢNH Hình 1.1: Cơng ty AIOZ VN Hình 1.2: AIOZ tube Hình 1.3: AIOZ Node DANH MỤC BẢNG Bảng 2.1: Lịch làm việc công ty AIOZ Trang Chương Giới thiệu công ty thực tập 1.1 Giới thiệu công ty AIOZ - Tên đơn vị: Công ty TNHH AIOZ VN - Lĩnh vực hoạt động: Blockchain & AI - Địa chỉ: 246 Cống Quỳnh, Phạm Phũ Lão, Quận 1, TPHCM - Trang web: www.aioz.network - Thời gian làm việc: 9h – 18h30 từ thứ đến thứ Hình 1.1: Cơng ty AIOZ VN AIOZ VN công ty trẻ Công nghệ Blockchain, xếp hạng 400 giới (Coin Market Cap), với đội ngũ lãnh đạo nhân viên trẻ, nhiệt huyết Cơng ty có 100% Trần Bá Duy Uy Nguyễn Tiến Dũng Trang vốn từ Singapore Cơng ty có nhiều dự án sáng tạo sản phẩm Công nghệ thiết thực đóng góp cho phát triển ngành Blockchain 1.2 Sản phẩm công ty 1.2.1 AIOZ Tube Hình 1.2: AIOZ tube AIOZ Tube tảng chia sẻ video trực tuyến, từ việc đăng tải video, người dùng có thể kiếm AIOZ token Token dạng mã sử dụng lần tạo ngẫu nhiên cho giao dịch Với token người dùng hồn tồn quy đổi thành tiền thật 1.2.2 AIOZ Node Trần Bá Duy Uy Nguyễn Tiến Dũng Trang Hình 1.3: AIOZ Node AIOZ Node lấy ý tưởng từ việc sử dụng thiết bị người dùng làm kho lưu trữ Với thiết bị (máy tính, laptop) cài đặt AIOZ Node trở thành node mạng AIOZ Mỗi node nhận nhiệm vụ lưu trữ file từ node khác Với số lượng, thời gian lưu trữ file tương ứng, người dùng nhận số lượng AIOZ token tương ứng Trần Bá Duy Uy Nguyễn Tiến Dũng Trang Chương Nội dung thực tập Trong thời gian thực tập, em đào tào toàn diện kĩ lập trình web với ReactJS, đồng thời rèn luyện số kĩ mềm làm việc nhóm, 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 cơng nghệ hàng đầu Việt Nam 2.1 Tìm hiểu công ty kỹ công ty Thời gian: ngày Nội dung: Đượ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, 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 MoMo, 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 2.2 Nghiên cứu kĩ thuật 2.2.1 Công cụ Thời gian: ngày Nội dung: Cài đặt tìm hiểu cơng cụ lập trình phổ biến Visual Studio Webstorm Cài đặt phần mềm đồ họa, liên lạc Kết quả: Cài đặt, sử dụng thành công phần mềm hướng dẫn 2.2.2 Tìm hiểu Typescript NextJS Thời gian: 10 ngày Trần Bá Duy Uy Nguyễn Tiến Dũng Trang Nội dung: tìm hiểu kĩ thuật từ đến nâng cao Typescript, ReactJS NextJS tùy theo mức độ yêu cầu Project Thực hiện: Tìm hiểu, đọc tài liệu Kết quả: Nắm kĩ thuật yêu cầu vào áp dụng vào project 2.3 Thực project Sau tìm hiểu training, em nắm kiến thức cần có tuần thứ 3, em thực nhiệm vụ lần thực tập 2.4 Lịch làm việc Tuần 1–3 Cơng việc - Tìm hiểu cơng ty - Tìm hiểu ngôn ngữ Ts, framework ReactJs NextJS 3–5 - Chuyển tailwindcss sang sass cho trang chủ công ty - Xây dựng Website AIOZ Web3 Storage Beta (Một ứng dụng lưu trữ - 10 chia sẻ file) 10 12 - Người hướng dẫn Anh Trần Bá Duy Uy Anh Trần Bá Duy Uy Anh Trần Bá Duy Uy Xây dưng Landing Page version cho Anh Trần AIOZ Web3 Storage Bá Duy Uy Mức độ hoàn thành 100% 100% 100% 100% Người thực Nguyễn Tiến Dũng Nguyễn Tiến Dũng Nguyễn Tiến Dũng Nguyễn Tiến Dũng Bảng 2.1: Lịch làm việc công ty AIOZ Trần Bá Duy Uy Nguyễn Tiến Dũng Trang Chương Chi tiết project 3.1 Website AIOZ Web3 Storage Beta 3.1.1 Giới thiệu dự án: AIOZ Web3 Storage website lưu trữ chia sẻ file dựa nển tàng blockchain 3.1.2 Cơng nghệ sử dụng • Typescript • ReactJS • SASS • Lottie 3.1.3 Vai trị Frontend Developer 3.1.4 Nhiệm vụ • Xậy dựng giao diện hình • Thực tạo hiệu ứng, animation cho website • Thực việc tạo truyền tải file lên server 3.2 Website AIOZ Web3 Storage Landing Page 3.2.1 Giới thiệu dự án: AIOZ Web3 Storage Landing Page website quảng bá giới thiệu thông tin trang web AIOZ Web3 Storage 3.2.2 Cơng nghệ sử dụng • Typescript • NextJS • Tailwind CSS • Framer motion Trần Bá Duy Uy Nguyễn Tiến Dũng Trang 3.2.3 Vai trò Frontend Developer 3.2.4 Nhiệm vụ Thực xây dựng toàn website hướng dẫn mentor Trần Bá Duy Uy Nguyễn Tiến Dũng Trang Chương Tổng Kết Trong thời gian thực tập công ty, em có hội tham gia nhiều dự án Qua đó, em học tập nhiều kĩ coding, kĩ giao tiếp Hiện em trở thành nhân viên thức AIOZ VN, em cảm thấy thật may mắn tự hào sinh viên Khoa Công Nghệ Phần Mềm thành viên AIOZ VN Em xin chân thành cảm ơn trường, thầy cô Khoa anh chị đồng nghiệp hỗ trợ em có tập thành công mong muốn Trần Bá Duy Uy Nguyễn Tiến Dũng ... trở thành ngành đứng đầu xu Với phát triển mạnh mẽ đó, lập trình web lĩnh vực nhận nhiều quan tâm sinh viên Vì lý này, em định chọn lập trình web làm định hướng cho việc học tập Sau ba năm học... tương ứng Trần Bá Duy Uy Nguyễn Tiến Dũng Trang Chương Nội dung thực tập Trong thời gian thực tập, em đào tào toàn diện kĩ lập trình web với ReactJS, đồng thời rèn luyện số kĩ mềm làm việc nhóm,... Được nghe người phụ trách giới thiệu công ty, trình thành lập phát triể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