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

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 DATA INSIDER Công ty thực tập : KIKI TECHNOLOGY Người phụ trách : Vĩ Trí Thiện Thực tập sinh : Trần Đình Thiện TP Hồ Chí Minh, 29 tháng năm 2021 Trần Đình Thiện 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 KiKi Technology- startup môi trường lý tưởng, đại, chuyên nghiệp nơi giúp em thực dự định Trần Đình Thiện LỜI CẢM ƠN Trân trọng gửi lời cảm ơn Công ty Kiki technology 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 Vĩ Trí Thiện training Vuejs , hướng dẫn, giúp đỡ cho 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 Đặng Khắc Thiện, training em kiến liên quan tới back-end, hỗ trợ chúng em nhiều vấn đề kỹ thuật REST-ful api, cảm ơn anh Sáng, anh dẫn chúng em cách làm báo cáo, lên kế hoạch, kỹ thiếu; cảm ơn anh training cho chúng em kiến thức quan trọng Javascript, OOP, để tham gia vào trình tạo sản phẩm anh 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 Trần Đình Thịện TpHCM, ngày 29 tháng năm 2021 Trần Đình Thiện NHẬN XÉT CỦA KHOA Trần Đình Thiện 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 Kiki technology .6 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 .7 Nghiên cứu kỹ thuật .7 2.1 Các công cụ làm việc .7 2.2 Tìm hiểu ngơn ngữ Javascript, Typescript, framework VueJs 2.3 Lập trình website framework Vuejs .8 Thực project Lịch làm việc Chương 3: Chi tiết project .10 Giới thiệu project Data Insider 10 1.1 Login form 10 1.2 Sharing link 10 Kế hoạch 11 TÀI LIỆU THAM KHẢO .12 Trần Đình Thiện Chương 1: Giới thiêu công ty thực tập Giới thiệu công ty Kiki technology Kiki technology công ty start-up, sản phẩm công ty phần mềm giúp học anh văn tên KiKi tảng mobile Năm 2020 công ty định thực dự án mang tên Data Insider với mục tiêu giúp doanh nghiệp người dùng kiểm sốt loại liệu Sản phẩm công ty - App kiki tảng mobile phát hành năm 2019 App giúp cho - bạn bắt đầu học tiếng anh nhớ từ vụng lâu nhanh chóng Ngồi app luyện nghe, đọc báo Là sản phẩm nhiều bạn trẻ sử dụng, có đánh giá cao Năm 2020 công ty bắt đầu thực dự án khác big data Cũng project em may mắn tham gia vào thực Trần Đình Thiện 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 DataInsder với vai trò front-end dự án Đây sản phẩm mảng bigdata 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 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 KiKi, 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, Isominia– phần mềm test api, IntelliJ – giống VScode IntelliJ editors 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 VueJs 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ớ Trần Đình Thiện - 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 : - 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 cịn biết thêm số quy tắc việc viết code cho chuẩn, dễ đọc, dễ hiểu Lập trình website framework Vuejs 2.3 Nội dung : Lập trình với framework - Định nghĩa Vuejs: Vuejs gọi tắt Vue framework linh động dùng để thiết kế giao diện người dung Khác vơi giao diện nguyên khối, Vue thiết kế từ đầu theo hướng cho phép khuyến khích việc phát triển ứng dụng theo bước Khi phát triển lớp giao diện người dùng cần dùng thư viện lõi Vue Vốn dễ học tích hợp với thư viện dự án có sẵn - Tạo website: Được hướng dẫn tạo website tĩnh Vuejs, 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 Trần Đình Thiện Tuần - - - - - Mức độ Công việc Người hướng dẫn hồn thành Tìm hiểu cơng ty, Anh Vĩ Trí Thiện Hồn cách tổ chức 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 Vĩ Trí Thiện Hồn lập trình nâng cao thành Thực hành Js Vuejs Thiết kế login form Anh Vĩ Trí Thiện Hồn thành Thiết kế register Anh Vĩ Trí Thiện Hồn form thành Tích hợp api Anh Vĩ Trí Thiện Hồn thành Thực chức Anh Vĩ Trí Thiện Hồn share link thành Anh Vĩ Trí Thiện - Thực Hồn chức thành search by date Tích hợp api Anh Vĩ Trí Thiện Hoàn thành Nhận xét người hướng dẫn Trần Đình Thiện Chương 3: Chi tiết project Giới thiệu project Data Insider - Project phần nhỏ hệ thống CRM, dự án bigdata - Link http://dev.datainsider.co/login 1.1 - 1.2 - Login form Trang login phần để user thực đăng nhập Filter by date Mô tả: Dùng để lọc liệu theo ngày, lọc theo ngày, 30 ngày, hơm nay, tuỳ chỉnh theo người dùng Trần Đình Thiện 1.3 - Sharing link Mô tả: chia sẻ link để redirect tới phần chia sẻ, gồm có phân quyền viewer, fullscreen edit Kế hoạch Trần Đình Thiện Giai đoạn 1: - Tạo page login theo template công ty - Thực responsive - Quản lý session sau login Kết : - Mục tiêu hồn thành Giai đoạn 2: - Tìm hiểu package vue calendars áp dụng vào project công ty Customize calendar Quản lý liệu từ server trả Kết : - Mục tiêu hoàn thành Giai đoạn 3: - Hiện thực chức share link - Phân quyền chức share link - Quản lý state “Mode view” Kết quả: - Mục tiêu hoàn thành Trần Đình Thiện TÀI LIỆU THAM KHẢO For framework https://vuejs.org/ For languages https://www.typescriptlang.org/ For package https://getbootstrap.com/ https://www.npmjs.com/package/vue-full-calendar Trần Đình Thiện 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 cơng việc lúc thực tập Trần Đình Thiện ... Vuejs, 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ẻ... thức quan trọng cho việc lập trình front- end sau Ngồi cịn biết thêm số quy tắc việc viết code cho chuẩn, dễ đọc, dễ hiểu Lập trình website framework Vuejs 2.3 Nội dung : Lập trình với framework -... 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 : - Nâng cao kỹ lập trình