1 19521421 Lâm Nguyễn Bửu Duy 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 FRONT END Công ty thực tập Vitalify Asia Co , Ltd Người phụ trách Dương Văn Khươ[.]
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 FRONT-END Công ty thực tập : Vitalify Asia Co., Ltd Người phụ trách : Dương Văn Khương Thực tập sinh : Lâm Nguyễn Bửu Duy TP Hồ Chí Minh, tháng năm 2022 19521421 Lâm Nguyễn Bửu Duy LỜI MỞ ĐẦU Lập trình web lựa chọn nghề nghiệp xu hướng, phổ biến với bạn học khoa học máy tính kỹ thuật phần mềm, cơng nghệ thơng tin nói chung Lập trình viên web coi vị trí việc làm nhiều triển vọng nhu cầu tuyển dụng dự đoán tiếp tục tăng lên tương lai Ngày nay, tính riêng hướng nghề nghiệp trở thành lập trình viên bạn có nhiều lựa chọn, chẳng hạn phân theo định hướng sản phẩm có lập trình viên web, lập trình viên game, lập trình viên phần mềm, ứng dụng; theo ngôn ngữ lập trình có lập trình Java, PHP Lập trình web mảng rộng nhiều triển vọng song song với có áp lực định, đòi hỏi nhiều sáng tạo Lập trình phần mềm xu hướng nên có nhiều hội tuyển dụng thăng tiến Lập trình web cần có khả thiết kế tùy chỉnh trang web, yêu cầu bạn phải hiểu điều trải nghiệm người dùng 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 trường, mong muốn có thêm kinh nghiệm thực tế, muốn tham gia làm website môi trường chuyên nghiệp, em có dự định thực tập hè Vì vậy, em định chọn Vitalify Asia Co., Ltd - môi trường lý tưởng, đại, chuyên nghiệp - nơi giúp em thực dự định 19521421 Lâm Nguyễn Bửu Duy LỜI CẢM ƠN Trân trọng gửi lời cảm ơn Công ty Vitalify Asia Co., Ltd 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 mảng front-end 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 Dương Văn Khương training Front-End Web, 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 mới; cảm ơn anh Cường, anh Tiến, support anh Khương, hỗ trợ giải đáp nhiều câu hỏi chúng em anh Khương bận để làm sản phẩm thời gian qua 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 Lâm Nguyễn Bửu Duy TpHCM, 26/12/2022 19521421 Lâm Nguyễn Bửu Duy NHẬN XÉT CỦA KHOA 19521421 Lâm Nguyễn Bửu Duy DANH MỤC HÌNH ẢNH Hình Vitalify Asia Co Ltd logo Hình OMRON Asthma Diary Hình Hankyou Baizou Kun Hình MAL Smart HRM Hình In House Games 10 Hình Benefit (1) screen 22 Hình Benefit (2) screen 23 Hình Term of use screen 24 Hình Before Using (1) screen 25 Hình 10 Before Using (2) screen 26 Hình 11 Planning screen 27 Hình 12 Preview screen 28 Hình 13 Hearing question screen 29 19521421 Lâm Nguyễn Bửu Duy MỤC LỤC LỜI CẢM ƠN NHẬN XÉT CỦA KHOA DANH MỤC HÌNH ẢNH 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 Vitalify Asia Co., Ltd Sản phẩm công ty CHƯƠNG 2: NỘI DUNG THỰC TẬP 11 Tìm hiểu cơng ty kỹ công ty 11 Nghiên cứu kỹ thuật 11 2.1 Các công cụ làm việc structure dự án công ty 11 2.2 Tìm hiểu ngơn ngữ html, scss, javascript 12 2.3 Javascript nâng cao 13 2.4 ReactJS 14 2.5 Tìm hiểu Framework7, Storybook Atomic 15 2.6 PHP Laravel 16 Thực project 17 Lịch làm việc 17 CHƯƠNG 3: CHI TIẾT VỀ PROJECT 21 Giới thiệu trang web 21 Tổng quan giao diện chức 21 Thực 29 Kế hoạch 29 TÀI LIỆU THAM KHẢO 31 19521421 Lâm Nguyễn Bửu Duy CHƯƠNG 1: GIỚI THIÊU CÔNG TY THỰC TẬP Hình Vitalify Asia Co Ltd logo Giới thiệu công ty Vitalify Asia Co., Ltd Kể từ thành lập vào năm 2008, Vitalify Asia tham gia phát triển phần mềm tập trung vào thiết bị di động để đạt tầm nhìn “mang lại hạnh phúc thơng qua Internet” Với mục tiêu trở thành nhóm chuyên nghiệp thực cạnh tranh phạm vi tồn cầu Bây giờ, 10 năm sau thành lập, công ty tiến đến giai đoạn để nâng cao giá trị lực, kỹ thuật Việt Nam nhằm tạo nhiều sản phẩm “Made in Vietnam” bán chúng khắp giới Là thành viên thức trực thuộc phận IT Hiệp hội doanh nghiệp Nhật Bản Hồ Chí Minh, Vitalify đem đến cho khách hàng dịch vụ công nghệ thông tin như: - Lập trình Website - Thương mại điện tử - Ứng dụng phần mềm - Ứng dụng di động Tầm nhìn cơng ty “Delivering Happiness Through the Internet” cung cấp giá trị cho người dùng thông qua Internet ứng dụng Với sứ mạng phát triển 10 dịch vụ có 19521421 Lâm Nguyễn Bửu Duy 100.000 người dùng đến năm 2025 Mục tiêu cơng ty trở thành No.1 MUSIC M Mobile, U Unique, S Software, I Internet C Company Sản phẩm công ty Vitalify Asia phát triển ứng dụng di động nhiều mảng ứng dụng healthcare, giải trí, database service, game, ứng dụng outsource … Một số ứng dụng công ty YourGolf Online, OMRON Asthma Diary, Joggle – Fitness at Home, Dungeon Dash… Ngoài việc cung cấp dịch vụ phát triển outsource, công ty liên tục phát hành sản phẩm nội riêng Các ứng dụng "Made in Vietnam" sử dụng công nghệ AI 3D Hình OMRON Asthma Diary 19521421 Lâm Nguyễn Bửu Duy Hình Hankyou Baizou Kun Hình MAL Smart HRM 19521421 Lâm Nguyễn Bửu Duy 10 Hình In House Games 19521421 Lâm Nguyễn Bửu Duy 18 Mức Tuần Công việc Người hướng độ Nhận xét người dẫn hoàn hướng dẫn thành Tìm hiểu cơng ty, Anh Dương Văn - cách tổ chức công Khương, Nguyễn ty Anh Duy Làm quen với - công cụ làm việc công ty - Học html - Tìm hiểu javascript scss, Anh Dương Văn bản, Khương nâng cao, phần đầu ReactJS Thực hành làm - tập thiết kế website - Học tìm hiểu Anh Dương Văn ReactJS, PHP Khương laravel, cách đọc tài liệu API từ team back end - Tìm hiểu library mà dự án ứng dụng - Thực hành call API, cài đặt, thực library vào dự án 19521421 Lâm Nguyễn Bửu Duy 19 React - Ứng dụng kiến Anh Dương Văn thức xây dựng số Khương, anh component đơn giản Tiến theo file figma project - coding Học convention dự án học cách sử dụng git - Ứng dụng kiến Anh Dương Văn thức xây dựng số Khương, anh components theo file Tiến figma project - Học cách sử dụng công cụ Backlog để lưu trữ source code - Thực hành ứng dụng Anh Dương Văn kiến thức, xây dựng, Khương, anh ghép component Tiến vào screen hoàn chỉnh - 11 - Reasearch số kiến thức cần thiết SQLQuerry, Victory Chart để áp dụng vào dự án - Học cách review code qua git 19521421 Lâm Nguyễn Bửu Duy 20 - Call API từ Backend ráp luồng hoạt động cho project 19521421 Lâm Nguyễn Bửu Duy ... thành lập trình viên bạn có nhiều lựa chọn, chẳng hạn phân theo định hướng sản phẩm có lập trình viên web, lập trình viên game, lập trình viên phần mềm, ứng dụng; theo ngơn ngữ lập trình có lập trình. .. DUNG THỰC TẬP Đợt thực tập với chủ đề ? ?Lập trình Front-End web? ?? nhằm mục đích giúp sinh viên thực tập đào tạo toàn diện lập trình front-end, đồng thời rèn luyện kỹ mềm làm việc nhóm, thuyết trình, ... Java, PHP Lập trình web mảng rộng nhiều triển vọng song song với có áp lực định, đòi hỏi nhiều sáng tạo Lập trình phần mềm xu hướng nên có nhiều hội tuyển dụng thăng tiến Lập trình web cần có