Báo cáo thực tập FRONTEND DEVELPOER

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 FRONTEND DEVELPOER Công ty thực tập: AdStart Media Người phụ trách: Nguyễn Trung Lợi Thực tập sinh: Nguyễn Lê Anh Tú TP Hồ Chí Minh, tháng 22 năm 2021 LỜI MỞ ĐẦU Hiện với phát triển mạnh công nghệ giới nhu cầu sử dụng internet tăng lên ngày điều chắn Chính cơng nghệ thơng tin khơng dừng lại mục đích phục vụ cho khoa học kỹ thuật mà sâu vào đời sống, trị, kinh tế - xã hội,…mang lại nhiều lợi ích cho người Đi kèm theo hệ thống website ngày phát triển không ngừng với đủ lĩnh vực, ngành nghề giáo dục, y tế, phim ảnh, ca nhạc, thể thao, làm đẹp,…uy nhiên để tạo website nhiều người sử dụng cần nhiều yếu tố nội dung, giao diện, trải nghiệm người dùng mang lại cho người sử dụng lợi ích định Sau bốn 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 môi trường chuyên nghiệp, em có dự định thực tập Vì vậy, em định chọn Adstart Media - môi trường lý tưởng, đại, chuyên nghiệp nơi giúp em thực dự định Nguyễn Lê Anh Tú LỜI CẢM ƠN Để hoàn thành trình thực tập doanh nghiệp trước hết em xin gửi đến quý Thầy Cô giảng viên trường Đại học Công Nghệ Thông Tin – Đại học Quốc Gia TP.HCM Thầy Cô giảng viên khoa Công Nghệ Phần Mềm tận tình giúp đỡ tạo điều kiện để em hồn thành q trình thực tập doanh nghiệp Em xin trân trọng gửi lời cảm ơn đến Ban Lãnh Đạo, phòng ban Công ty AdStart Media tạo điều kiện thuận lợi cho em tìm hiểu trải nghiệm thực tế suốt q trình thực tập cơng ty Cuối em xin chân thành cảm ơn anh Nguyễn Trung Lợi – Head of Engineering công ty, tin tưởng cho em tham gia vào dự án thực tế để em hồn thành tốt báo cáo thực tập doanh nghiệp Nhà trường cho em kiến thức quan trọng qua năm học trường để em áp dụng vào thực tế vào công việc thời gian thực tập công ty Qua trình thực tập em biết thêm nhiều kiến thức mẻ, hoạt động công ty,….giúp em có thêm nhiều kinh nghiệm tự tin cho công việc sau thân Tuy nhiên kiến thức thân hạn chế nên q trình thực tập hồn thiện báo cáo khơng tránh khỏi sai sót, kính mong nhận ý kiến đóng góp từ quý Thầy Cô anh chị Công ty Cuối em xin chúc quý Thầy Cô dồi sức khỏe thành công nghiệp cao quý Đồng kính chúc cơ, chú, anh, chị Cơng ty AdStart Media mạnh khỏe, đạt nhiều thành công tốt đẹp công việc Nguyễn Lê Anh Tú TpHCM, ngày 22 tháng 12 năm 2021 Nguyễn Lê Anh Tú NHẬN XÉT CỦA KHOA Nguyễn Lê Anh Tú 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 ADSTART MEDIA 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ữ HTML, CSS ngôn ngữ JavaScript Thực project Lịch làm việc 10 TÀI LIỆU THAM KHẢO 11 TỔNG KẾT 11 Nguyễn Lê Anh Tú Chương 1: Giới thiêu công ty thực tập Giới thiệu công ty ADSTART MEDIA ADSTART MEDIA công ty ứng dụng công nghệ lĩnh vực Quảng cáo Kỹ thuật số (Digital Advertising) Thanh toán Di động (Mobile Payments), thành lập thức từ năm 2017 nhanh chóng mở rộng tồn cầu AdStart Media mạng lưới tiếp thị liên kết (affiliate marketing network) theo xu hướng tối ưu hóa thiết bị di động (mobile - centric), hiểu đơn giản Nhà quảng cáo theo chuyên ngành gọi Nhà quảng cáo phản hồi trực tiếp (Direct Advertiser) Với tư cách Nhà quảng cáo Trực tiếp, công ty thực quảng bá sản phẩm, dịch vụ thương hiệu, nhãn hàng thông qua đường liên kết (link) nhằm để họ có khách hàng tiềm năng, chất lượng phù hợp với mục tiêu chiến lược cụ thể họ Đội ngũ AdStart Media bao gồm 50 chuyên gia hoạt động từ quốc gia toàn cầu: Việt Nam, Singapore, Ukraine, Đức, Netherlands, Bồ Đào Nha, Mỹ, Tây Ban Nha, Israel Địa điểm trụ sở cơng ty tịa nhà Trung tâm Thương mại kinh doanh Singapore (Singapore business federation center building) - 160 Robinson Singapore Công ty đăng ký thành lập Văn phòng đại diện Việt Nam với mã số thuế 0316107912 địa A2-22 tòa nhà Tresor, 39-39B Bến Vân Đồn,phường 06, Quận 4, Thành phố Hồ Chí Minh người đại diện ơng Ivan Nikolaev Galabov Công ty Adstart Media cấp Giấy phép thành lập văn phòng đại diện doanh nghiệp quảng cáo nước Việt Nam số: 4895/GP ngày 17/12/2019 Sở Văn hóa Thể thao TP Hồ Chí Minh cấp với lĩnh vực hoạt động Quảng cáo trực tuyến Hiện nay, Văn phòng đại diện Việt Nam cơng ty Adstart Media có 30 nhân viên làm việc bốn phận sau: phịng Nhân (Human Resources), phịng Kế tốn (Finance), phịng Tiếp thị (Marketing), phòng Phát triển phần mềm sản phẩm (Software & Product Development) Thông tin liên hệ: Datviet software LTD Nguyễn Lê Anh Tú - Địa chỉ: A2-22 tòa nhà Tresor, 39-39B Bến Vân Đồn,phường 06, Quận 4, Thành phố Hồ Chí Minh - Website: https://adstartmedia.com/ - Linkedin: https://www.linkedin.com/company/adstartmedia/ Sản phẩm công ty Với nhiều năm hoạt động ngành quảng cáo, AdStart nhà quảng cáo trực tiếp, công ty thực quảng bá sản phẩm, dịch vụ thương hiệu, nhãn hàng thông qua đường liên kết (landing pages) nhằm để họ có khách hàng tiềm năng, chất lượng phù hợp với mục tiêu chiến lược cụ thể họ Nguyễn Lê Anh Tú Chương 2: Nội dung thực tập Đợt thực tập với chủ đề “Frontend developer” nhằm mục đích giúp sinh viên thực tập đào tạo chủ yếu lập trình giao diện website rèn luyện bổ sung kỹ lập trình, từ logic đồng thời rèn luyện 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 phát triển phần mềm chun nghiệp 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ủ, giới thiệu phần mềm hỗ trợ để liên lạc với người công ty Kết quả: Hiểu thêm công ty AdStart Media, 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 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 Hai ngày làm việc tiếp theo, anh lớn có kinh nghiệm team hướng dẫn tìm hiểu sử dụng Jira, Confluence – Jira ứng dụng theo dõi quản lý lỗi, vấn đề dự án Phần mềm Skype – sử dụng trao đổi anh/chị công ty cài đặt IDE, Editor phục vụ cho việc lập trình Thực hiện: Thực hành sử dụng phần mềm hướng dẫn Kết quả: Làm quen, biết công cụ biết cách sử dụng cơng cụ để phục vụ cho cơng việc 2.2 Tìm hiểu ngơn ngữ HTML, CSS ngơn ngữ JavaScript Thời gian : ngày (1 tuần) Nội dung: Được training kiến thức quan trọng html,css, javascript - Sử dụng thẻ , ,… xếp hợp lý, dễ đọc, dễ nhìn phải xếp Nguyễn Lê Anh Tú thẻ cho chuẩn SEO Đồng thời tìm hiểu html5 - Tổ chức css theo cấu trúc từ layout lớn đến layout chi tiết, đặt tên class element html cho phù hợp dễ đọc Và atribute css để trang web có ui/ux tốt thân thiện với người dùng - Responsive cho trang website hồn chỉnh - Tìm hiểu jQuery (thư viện viết từ Javascript) - Tìm hiểu Bootstrap framework hỗ trợ tốt cho việc lập trình giao diện website Thực hiện: - Tham gia đầy đủ buổi training công ty - Làm thực hành kiến thức học - Làm lại giao diện website website mỹ phẩm Kết : - Nâng cao kỹ lập trình html/css - Biết số quy tắc viết code html/css cho người dễ đọc, dễ hiểu dễ dàng sử dụng - Hồn thành giao diện trang Tìm hiểu cách sử dụng Git Codecommit Amazon Nội dung: Được training ý nghĩa cách sử dụng câu lệnh git, đăng nhập vào codecommit account công ty cung cấp pull số repository công ty codecommit Thực hiện: - Tham gia training công ty - Sử dụng câu lệnh git học vào project công ty Kết quả: - Biết cách hoạt động codecommit - Hiểu ý nghĩa cách sử dụng câu lệnh git làm việc chung Thực project Nguyễn Lê Anh Tú 10 Sau gần tuần training thực hành, thực tập sinh nắm kiến thực html, css biết cách sử dụng bootstrap 4, jquery kiến thức tảng reactjs Trong thời gian tiếp theo, mentor hướng dẫn thực tập sinh áp dụng kiến thức vào dự án thực tế công ty Lịch làm việc Tuần Công việc - - 3,4,5 8,9,10,11,12 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 Học cách trao đổi làm việc qua skype Đọc tài liệu liên quan tới html,css, jquery bootstrap,… Được hướng dẫn cấu trúc project công ty Học sử dụng Git Xây dựng landing pages theo thiết kế có sẵn Tiếp tục xây dựng landing pages Người hướng dẫn Mức độ hoàn thành Nhận xét người hướng dẫn Anh Nguyễn Trung Lợi Anh Nguyễn Trung Lợi Anh Nguyễn Trung Lợi Tìm hiểu Java Springboost Anh Nguyễn Trung Lợi Tìm hiểu cách viết unit test Anh Nguyễn Trung Lợi Viết unit test cho project công ty Anh tiếp tục xây dựng trang landing Nguyễn pages theo yêu cầu Trung Lợi Nguyễn Lê Anh Tú 11 TÀI LIỆU THAM KHẢO Document Html,css, javascript https://www.w3schools.com/ https://developer.mozilla.org/vi/docs/Learn https://getbootstrap.com/docs/4.0/getting-started/introduction/ Document Git https://git-scm.com/ Java SpringBoost https://spring.io/ TỔNG KẾT Sau thời gian thực tập tìm hiểu tảng nghiệp vụ công nghệ Công ty AdStart Media, em phần nắm bắt quy trình để thực dự án thực tế, cách xây dựng landing pages với yêu cầu bên khách hàng đồng thời hiểu sâu quy trình làm việc tập thể cách phát triển dự án công ty nhằm bổ sung kiến thức học ghế nhà trường Do thời gian thực tập chưa nhiều nên chưa có đủ kiến thức để tham gia vào dự án lớn công ty đóng góp nhiều vào lợi ích mà cơng ty có khơng tránh khỏi thiếu xót xử lý cơng việc Em mong nhận ý kiến đóng góp, bảo thầy cô giáo, anh chị Công ty để công việc sau em tốt Vì nội dung thực tập nằm thoả thuận bảo mật thơng tin (NDA) kí kết em cơng ty nên có nhiều thơng tin em khơng thể đưa vào báo cáo Mong thầy (cô) thông cảm Em xin chân thành cảm ơn thầy cô giáo khoa Công Nghệ Phần Mềm đặc biệt giúp đỡ tận tình anh chị Công ty AdStart Media hướng dẫn bảo em hoàn thành báo cáo Nguyễn Lê Anh Tú ... vào dự án thực tế để em hoàn thành tốt báo cáo thực tập doanh nghiệp Nhà trường cho em kiến thức quan trọng qua năm học trường để em áp dụng vào thực tế vào công việc thời gian thực tập cơng ty... lược cụ thể họ Nguyễn Lê Anh Tú Chương 2: Nội dung thực tập Đợt thực tập với chủ đề ? ?Frontend developer” nhằm mục đích giúp sinh viên thực tập đào tạo chủ yếu lập trình giao diện website rèn... gần tuần training thực hành, thực tập sinh nắm kiến thực html, css biết cách sử dụng bootstrap 4, jquery kiến thức tảng reactjs Trong thời gian tiếp theo, mentor hướng dẫn thực tập sinh áp dụng