Báo cáo thực tập lập trình FRONT END VIDOLE

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 FRONT-END VIDOLE Công ty thực tập: Ant-Tech Company Người phụ trách: Nguyễn Xuân Huy - Nguyễn Hồng Quân Thực tập sinh: Phan Thanh Hồng TP Hồ Chí Minh, 20 tháng năm 2021 Phan Thanh Hoàng LỜI MỞ ĐẦU Trong thời đại 4.0, gần thông tin đưa lên trang web, mảng phát triển thiết kế web đóng vai trị ngành quan trọng công nghệ thông tin Do nhu cầu người dùng ngày cao nên việc phát triển web có tốc độ phát triển vô mạnh mẽ, liên tục thúc đẩy ngành công nghệ thông tin Việt Nam ngoại lệ Các công ty web nước ta không ngừng phát triển để theo kịp, hòa nhập cạnh tranh với thị trường quốc tế Sau ba năm học tập trường, mong muốn có thêm kinh nghiệm thực tế, tham gia vào môi trường làm việc chuyên nghiệp nên em định thực tập kì Vì vậy, em định chọn Ant-Tech company- môi trường lý tưởng, đại, chuyên nghiệp nơi giúp em thực dự định Phan Thanh Hoàng LỜI CẢM ƠN Trân trọng gửi lời cảm ơn Công ty Ant-tech company 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 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 Nguyễn Xuân Huy anh Nguyễn Hồng Quân hướng dẫn, hỗ trợ em lúc tìm hiểu làm việc với framework Angular 2+, giải đáp thắc mắc restful api, TypeScript, vấn đề khác liên quan đến http OOP JavaScript 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 Phan Thanh Hoàng TpHCM, ngày 15 tháng năm 2021 Phan Thanh Hoàng NHẬN XÉT CỦA KHOA Phan Thanh Hoàng 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 Ant-tech Company Sản phẩm 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 2.1 Các công cụ làm việc 2.2 Tìm hiểu ngơn ngữ Javascript, Typescript, framework Angular 2+ 2.3 Lập trình website framework Angular 2+ Thực project Lịch làm việc Chương 3: Chi tiết project 10 1.1 Home page 10 Kế hoạch 10 TÀI LIỆU THAM KHẢO 12 Phan Thanh Hồng Chương 1: Giới thiêu cơng ty thực tập Giới thiệu công ty Ant-tech Company Ant-tech Company công ty out-souce, cơng ty có trụ sở, bên Pháp Việt Nam, Công ty có nhiều dự án lớn Polymate, Joynit, Yoggy Riêng dự án joynit có mobile web Năm 2020 công ty định thực dự án mang tên Vidole với mục tiêu giúp đặt sách online kể câu chuyện vùng Châu Phi Ấn độ Sản phẩm công ty - App, Web Joynit tảng mobile phát hành năm 2020 Là web kiểu mạng xã hội kiện, nơi người tạo kiện, mời người tham gia lưu lại hình ảnh kiện định - Trong Năm 2020 công ty nhận dự án khác khách hàng Pháp dự án khác kinh doanh sách online Phan Thanh Hoàng Chương 2: Nội dung thực tập Khi tham gia thực tập với công ty, em tham gia vào dự án Vidole với vai trò front-end dự án Đây sản phẩm mảng kinh doanh 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, 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 Ant-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 q trình làm việc Trong thời gian này, supervisor hướng dẫn thực tập sinh tìm hiểu cơng cụ giúp ích cho cơng việc sau Một số phần mềm số GIT - sử dụng làm việc nhóm, Postman– phần mềm test api, Vscode extension hỗ trợ Thực : Thực hành sử dụng phần mềm nêu Kết : Lập trình sử dụng cơng cụ miễn phí, giúp dễ dàng kết hợp cơng cụ với nhau, so với việc dung IDE Tìm hiểu ngơn ngữ Javascript, Typescript, framework Angular 2+ Thời gian : ngày (1 tuần) Nội dung : Được training kỹ thuật Javascript nâng cao, kiến thức quan trọng cho việc tối ưu browser - Lập trình hướng đối tượng Các kiến thức lập trình hướng đối tượng khái niêm, đặc tính tính kế thừa, tính đóng gói, tính ảo hóa, tính đa hình - Quản lý nhớ Thực tập sinh hướng dẫn cách cấp phát, quản lý nhớ cho tối ưu, tránh rò rỉ nhớ Phan Thanh Hoàng Hiệu suất Thực tập sinh hướng dẫn cách code tối ưu để cải thiện suất chương trình Thực : - Tham gia đầy đủ buổi training công ty - Làm thực hành, kiểm tra kiến thức học - Kết : - 2.3 Nâng cao kỹ lập trình với ngơn ngữ Javascript Có kiến thức quan trọng cho việc lập trình front-end sau Ngồi biết thêm số quy tắc việc viết code cho chuẩn, dễ đọc, dễ hiểu https://github.com/airbnb/javascript - tổng hợp qui tắc clean code js Lập trình website framework Angular 2+ Nội dung : Lập trình với framework - Định nghĩa Angular 2+: Angular2+ framework linh động dùng để thiết kế giao diện người dùng Được hỗ trợ google tích hợp sẵn phương thức để làm việc với website dễ dàng http client, rxjs, angular router, - Tạo website: Được hướng dẫn tạo website tĩnh Angular2+, kỹ thuật lập trình với cách quản lý data, chia thư mục Thực project Sau tuần, thực tập sinh training kỹ lập trình để thực project với anh chị công ty Tháng thứ 2, thực tập sinh chia sẻ công việc với anh chị công ty để làm Chi tiết đồ án nói phần sau Lịch làm việc Phan Thanh Hoàng Tuần - - - - Phan Thanh Hồng - Mức độ Cơng việc Người hướng dẫn hồn thành Tìm hiểu cơng ty, Anh Nguyễn Xn Hồn cách tổ chức Huy thành cơng ty Làm quen với công cụ làm việc công ty Học cách trao đổi, làm việc qua email Tìm hiểu ngơn ngữ Anh Nguyễn Hồng Hồn lập trình nâng cao Quân thành Thực hành Js Angular 2+ Thiết kế trang chủ Anh Nguyễn Hồng Hoàn Quân thành Responsive cho Anh Nguyễn Hồng Hoàn trang web Quân thành Tích hợp api Anh Nguyễn Hồng Hồn Qn thành Thực chức Anh Nguyễn Hồng Hoàn Chọn quẩn áo cho Quân thành nhân vật Tích hợp api Anh Nguyễn Hồng Hoàn Quân thành Nhận xét người hướng dẫn Chương 3: Chi tiết project Giới thiệu project Vidole 1.1 - 1.2 - Home page Trang login phần để user thực đăng nhập Responsive design Mơ tả: giúp giao diện trang web thích ứng với hình điện thoại, máy tính cụ thể Kế hoạch Giai đoạn 1: Phan Thanh Hoàng - Hoàn thành Trang home page, chỉnh sửa trang lại trang web design khách hàng Reponsive website cho loại máy Kết : - Mục tiêu hoàn thành Giai đoạn 2: - Hoàn thành Chọn đồ, màu da, tóc cho nhân vật Kết : - Mục tiêu hoàn thành Phan Thanh Hoàng TÀI LIỆU THAM KHẢO For framework https://angular.io/docs For languages https://www.typescriptlang.org/ For package https://getbootstrap.com/ https://github.com/angular/flex-layout Phan Thanh Hoàng TỔNG KẾT Như vậy, vòng 10 tuần ngắn ngủi, em tham gia vào dự án với anh chị công ty để thực vài chức dự án Những yêu cầu mà anh chị đưa thời gian thực tập em hoàn thành Chân thành cảm ơn giúp đỡ anh chị công ty giúp em để hồn thành website Phan Thanh Hoàng ... Angular2+, kỹ thuật lập trình với cách quản lý data, chia thư mục Thực project Sau tuần, thực tập sinh training kỹ lập trình để thực project với anh chị công ty Tháng thứ 2, thực tập sinh chia sẻ... suất Thực tập sinh hướng dẫn cách code tối ưu để cải thiện suất chương trình Thực : - Tham gia đầy đủ buổi training công ty - Làm thực hành, kiểm tra kiến thức học - Kết : - 2.3 Nâng cao kỹ lập trình. .. doanh sách online Phan Thanh Hoàng Chương 2: Nội dung thực tập Khi tham gia thực tập với công ty, em tham gia vào dự án Vidole với vai trò front- end dự án Đây sản phẩm mảng kinh doanh Tìm hiểu cơng