BÁO CÁO THỰC TẬP LẬP TRÌNH FONT END REACTJS WEBSITE THƯƠNG MẠI ĐIỆN TỬ RANUS.VN

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 FONT END REACTJS WEBSITE THƯƠNG MẠI ĐIỆN TỬ RANUS.VN Công ty thực tập : Ranus Tech Người phụ trách : Hoàng Quang Huy Thực tập sinh : Hứa Phước Thanh Hứa Phước Thanh TP Hồ Chí Minh, tháng 06 năm 2022 Hứa Phước Thanh LỜI MỞ ĐẦU Trong thời đại 4.0 ngày nay, công nghệ thông tin phát triển mạnh, ứng dụng rộng vào hầu hết tất lĩnh vực Nắm bắt điều công ty Ranus Tech xây dựng website thương mại điện tử Ranus.vn nhằm đem lại cho khách hàng tiện ích mua hàng trực tuyến tin cậy tiết kiệm Qua đó, khách hàng tìm kiếm thơng tin trực tuyến sản phẩm thời trang chất lượng thiết kế hàng nghìn nhà sáng tạo khác Mục tiêu website ranus.vn hướng tới cầu nối thương mại nhà sáng tạo, khách hàng sản phẩm chất lượng Do mong muốn có thêm kinh nghiệm thực tế cảm thấy hứng thú với dự án công ty nên em định chọn Ranus Tech nơi thực tập học kỳ Hứa Phước Thanh LỜI CẢM ƠN Trân trọng gửi lời cảm ơn Công ty Ranus Tech 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, em tiếp thu kiến thức kinh nghiệm quan trọng lập trình font-end Reactjs Đặc biệt cảm ơn anh Hoàng Quang Huy hướng dẫn, giúp đỡ em tận tình hồn thành công việc giao 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 Hứa Phước Thanh TpHCM, 17/06/2022 Hứa Phước Thanh NHẬN XÉT CỦA KHOA Hứa Phước Thanh MỤC LỤC MỤC LỤC Chương 1: Giới thiệu công ty thực tập Giới thiệu công ty Ranus Sản phẩm công ty Chương 2: Nội dung thực tập .8 Tìm hiểu cơng ty kỹ công ty Nghiên cứu kỹ thuật Thực project Lịch làm việc Chương 3: Các công việc làm 10 Header bar slider trang home page 10 Header layout mobile trang home page 11 Content trang home page cửa hàng 11 Các công việc khác 12 TÀI LIỆU THAM KHẢO 28 TỔNG KẾT 28 Hứa Phước Thanh Chương 1: Giới thiêu công ty thực tập Giới thiệu công ty Ranus Tech Ranus tech tiền thân công ty E-Partner công ty Lazada, công ty start-up cung cấp dịch vụ công nghệ liên quan đến lĩnh vực thương mại điện tử Sản phẩm công ty Ranus tech phát triển website Ranus.vn cung cấp dịch vụ thương mại điện tử Hứa Phước Thanh Chương 2: Nội dung thực tập Thực task giao 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 Ranus Tech, 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 2.2 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, cài đặt công cụ phục vụ cho công việc :AI Photoshop, visual studio code, visual studio, smart git Thực : Thực hành sử dụng phần mềm nêu Kết : Làm quen với công cụ Đọc hiểu source code, fix bug giao Thời gian : ngày (1 tuần) Nội dung : Do dự án phát triển trước 5-6 tháng nên cần phải đọc source code fix bug nhỏ giao để hiểu tính năng, component team phát triển trước Thực : - Đọc code tiến hành fix bug giao Kết : - Hiểu dự án mà team phát triển Thực project Hứa Phước Thanh Sau tuần đọc hiểu source code fix bug nhỏ giao, nắm sơ dự án mà team phát triển, tiến hành nhận hoàn thành thành task theo print team Chi tiết công việc làm 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 Đọc code, fix bug để hiểu dự án phát triển công ty Thực task theo Print team Người hướng dẫn Mức độ hoàn thành Nhận xét người hướng dẫn Anh Hoàng Quang Huy Anh Hoàng Quang Huy Hứa Phước Thanh 10 Chương 3: Các công việc làm Header bar slider trang home page Nội dung : Handle Font End theo thiết kế designer Thực : - Sử dụng styled component để dựng giao diện - Sử dụng axios để call api - Sử dụng Context để lấy state giỏ hàng - Sử dụng history.push để redirect sang trang khác - Sử dụng React slick cho slider Kết : - Hoàn thành task với thiết kế designer Hứa Phước Thanh 14 Thực : - Sử dụng styled component để dựng giao diện - Sử dụng axios để call api - Sử dụng Context để lấy state giỏ hàng - Sử dụng history.push để redirect sang trang khác - Sử dụng window.addEventListener để bắt kiện scroll, check điều kiện scroll qua search show header bar position fixed ảnh Kết : - Hoàn thành task với thiết kế designer Một số công việc khác Hứa Phước Thanh 15 Hứa Phước Thanh 16 Hứa Phước Thanh 17 Hứa Phước Thanh 18 Hứa Phước Thanh 19 Hứa Phước Thanh 20 Hứa Phước Thanh 21 Hứa Phước Thanh 22 Hứa Phước Thanh 23 Hứa Phước Thanh 24 Hứa Phước Thanh 25 Hứa Phước Thanh 26 Hứa Phước Thanh 27 TÀI LIỆU THAM KHẢO stackoverflow.com TỔNG KẾT Như vậy, vòng ba tháng thực tập, em nâng cao kiến thức kinh nghiệm làm việc với html,css,js Reactjs Chân thành cảm ơn giúp đỡ anh chị công ty ba tháng thực tập Hứa Phước Thanh ... điện tử Sản phẩm công ty Ranus tech phát triển website Ranus.vn cung cấp dịch vụ thương mại điện tử Hứa Phước Thanh Chương 2: Nội dung thực tập Thực task giao Tìm hiểu cơng ty kỹ công ty Thời... mạnh, ứng dụng rộng vào hầu hết tất lĩnh vực Nắm bắt điều công ty Ranus Tech xây dựng website thương mại điện tử Ranus.vn nhằm đem lại cho khách hàng tiện ích mua hàng trực tuyến tin cậy tiết kiệm... ty Chỉ thời gian ngắn, nhờ dẫn nhiệt tình, em tiếp thu kiến thức kinh nghiệm quan trọng lập trình font- end Reactjs Đặc biệt cảm ơn anh Hoàng Quang Huy hướng dẫn, giúp đỡ em tận tình hồn thành cơng