Lập trình web với asp net mvc net core (báo cáo thực tập)

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 VỚI ASP.NET & MVC.NET CORE Công ty thực tập Người phụ trách Thực tập sinh : Công ty Cổ phần Đầu tư Thế Giới Di Động (MWG) : Anh Phạm Nam Long : Trần Thanh Hải - 18520707 TP Hồ Chí Minh, tháng 06 năm 2022 LỜI CẢM ƠN Trước tiên, em xin gửi lời cảm ơn đến quý thầy, cô Trường Đại học Công nghệ Thông tin – Đại học Quốc gia Thành phố Hồ Chí Minh tạo điều kiện tốt cho sinh viên chúng em tiếp cận môi trường làm việc doanh nghiệp thông qua học phần Thực tập doanh nghiệp, giúp chúng em có chuẩn bị tốt trước thức tìm cơng việc làm sau tốt nghiệp Em xin chân thành cảm ơn quý thầy, cô khoa Công nghệ phần mềm quan tâm hỗ trợ trình tìm vị trí thực tập phù hợp với nguyện vọng mong muốn em Kế đến trân trọng em dành cho Công ty Cổ phần Đầu tư Thế Giới Di Động (MWG) cho em hội thực tập công ty, nỗ lực đào tạo kỹ kiến thức cho em để phù hợp với môi trường làm việc chuyên nghiệp Và lời cảm ơn tới anh chị bạn công ty giúp đỡ hỗ trợ để giúp em đạt kết tốt công việc Cuối cùng, em xin cảm ơn thầy cô trường đại học công nghệ thông tin trực tiếp hỗ trợ giúp đỡ em trình thực tập cung cấp thông tin cần thiết kinh nghiệm quý giá thầy cho em Trân trọng Trần Thanh Hải TpHCM, tháng 06 năm 2022 LỜI CẢM ƠN Trân trọng gửi lời cảm ơn Công ty Cổ phần Đầu tư Thế Giới Di Động (MWG) 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 kinh nghiệm quan trọng để thực dự án môi trường chuyên nghiệp 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ũ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 Thanh Hải TpHCM, tháng năm 2022 NHẬN XÉT CỦA KHOA MỤC LỤC Chương 1: Giới thiệu công ty thực tập Chương 2: Nội dung thực tập Tìm hiểu công ty kỹ công ty Nguyên cứu kĩ thuật Các công cụ làm việc Tìm hiểu cơng nghệ lập trình website đại ASP.NET MVC Bài tập lập trình website quản lí sản phẩm 10 Tiếp tục build sản phẩm tham gia vào source công ty 10 TỔNG KẾT 12 Chương 1: Giới thiệu công ty thực tập Công ty Cổ phần Đầu tư Thế Giới Di Động (MWG) nhà bán lẻ số Việt Nam doanh thu lợi nhuận, với mạng lưới 4.500 cửa hàng toàn quốc MWG vận hành chuỗi bán lẻ thegioididong.com, Điện Máy Xanh, Bách Hố Xanh Ngồi ra, MWG cịn mở rộng thị trường nước với chuỗi bán lẻ thiết bị di động điện máy Campuchia đầu tư vào chuỗi nhà thuốc An Khang Năm 2020, thành viên MWG 4K Farm đời với mục tiêu cung cấp cho người tiêu dùng thực phẩm an tồn theo chuẩn khơng (khơng thuốc trừ sâu, không chất bảo quản, không chất tăng trưởng, không sử dụng giống biến đổi gen) MWG tập trung xây dựng dịch vụ khách hàng khác biệt với chất lượng vượt trội, phù hợp với văn hoá đặt khách hàng làm trung tâm suy nghĩ hành động công ty MWG vinh dự liên tiếp lọt vào bảng xếp hạng TOP 50 công ty niêm yết tốt Châu Á tạp chí uy tín Forbes đại diện Việt Nam Top 100 nhà bán lẻ hàng đầu Châu Á – Thái Bình Dương Tạp chí bán lẻ châu Á (Retail Asia) Tập đoàn nghiên cứu thị trường Euromonitor bình chọn MWG nhiều năm liền có tên bảng xếp hạng danh TOP 500 nhà bán lẻ hàng đầu Châu Á – Thái Bình Dương (Retail Asia) dẫn đầu TOP 50 công ty kinh doanh hiệu Việt Nam (Nhịp Cầu Đầu Tư)… Sự phát triển MWG điển hình tốt nghiên cứu trường Đại học hàng đầu Harvard, UC Berkeley, trường kinh doanh Tuck (Mỹ) Không doanh nghiệp hoạt động hiệu nhìn nhận nhà đầu tư tổ chức đánh giá chuyên nghiệp, MWG người lao động tin yêu lần thứ liên tiếp vinh danh TOP 50 Doanh nghiệp có mơi trường làm việc tốt Việt Nam doanh nghiệp xuất sắc giải thưởng Vietnam HR Awards – “Chiến lược nhân hiệu quả” Chương : Nội dung thực tập Tìm hiểu cơng ty kỹ công ty Thời gian : tuần 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 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 : Tìm hiểu cơng cụ phát triển website HTML/CSS/JAVASCRIPT công nghệ mà công ty sử dụng ASP.NET core Nghiên cứu kỹ thuật a Các công cụ làm việc Thời gian : Tuần 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, live manager 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 thực hành project nhỏ Các công cụ cần thiết việc phát triển sản phẩm bao gồm: - Visual Studio 2019 / Visual Studio 2022: Text editor sử dụng q trình phát triển sản phẩm - Git, Gitlab, CI/CD: Công cụ quản lý source code, deploy, integration - Sử dụng Figma để thiết kế website Thực : Học lý thuyết ứng dụng cơng cụ Kết quả: Hồn thành project nhỏ: https://github.com/HaiTrTh/_188252_BT1 b Tìm hiểu cơng cụ sử dụng q trình làm việc Thời gian : tuần Nội dung : Được training cách sử dụng NET MVC việc viết code, cách viết code dễ bảo trì tái sử dụng - ASP.NET MVC: Là framework tuyệt vời hỗ trợ pattern MVC cho ASP.NET Nếu bạn muốn hiểu ASP.NET MVC làm việc nào, bạn cần phải có hiểu biết rõ ràng mơ hình MVC MVC cụm từ viết tắt Model-View-Controller, phân chia pattern ứng dụng thành phần - model, controller view - Razor Page: Razor Page phần ASP.NET, cho phép bạn bạn viết code C# văn HTML (nói cách khác bạn trộn HTML code C# file) Các file có phần mở rộng cshtml Ứng dụng dùng Razor Page giúp bạn tập trung vào code tạo trang, phát triển nhanh dễ dàng mơ hình MVC Hãy cố gắng sử dụng thành thạo Razor Page, làm sở để phát triển mơ hình lập trình phức tạp MVC phần sau View Component: View Component giống Partial View, Partial Page, chúng cung cấp khả phát sinh HTML sử dụng lại nhiều lần, nhiều trang Nếu sử dụng View Component thay cho Partial View, Partial Page Layout ASP.NET core: Trong ứng dụng Web thường có nhiều trang, mà trang có thành phần giống trang, giống phần header, footer, menu điều hướng Do vậy, để tránh trang lại phải tạo thành phần lại cho trang cần có chế tạo bố cục chung, trang chia sẻ bố cục Đó Layout ASP.NET Core Thực : Sử dụng mơ hình MVC ASP.NET dự án Commit review code live manager thành viên team Kết : - Nắm vững cách sử dụng mơ hình MVC, ASP.NET core 6.0 sử dụng dự án Có thể sử dụng MVC, ASP.NET, phân chia components, chia task thành công việc nhỏ để người làm việc chung dễ quản lý c Sử dụng jQuery, Javascript, thư viện Nội dung: jQuery thư viện javascript bật nhất, phổ biến lập trình web Ra đời vào năm 2006 John Resig Nó trở thành thành phần khơng thể thiếu website có sử dụng Javascript Với slogan “Write less – Do more” (viết – làm nhiều hơn) giúp lập trình viên tiết kiệm nhiều thời gian công sức việc thiết kế website 3 Thực : Sử dụng HTML, CSS, bootstrap để cấu hình lên trang web Hiểu áp dụng mơ hình MVC ASP.NET core Sử dụng jQuery để call ajax, thư viện owl-carousel dự án Sử dụng Github để commit review code live manager thành viên team Kết : - Nắm vững cách sử dụng jQuery để call ajax, thư viện owl-carousel sử dụng dự án - Nắm vững mơ hình MVC, ASP.NET core - Biết cách sử dụng Github để đáp ứng yêu cầu công việc - Biết cách responsive giao diện với bootstrap Bài Tập Lập trình website Avakids quản lý sản phẩm Nội dung: Thông qua tập giúp em luyện tập kĩ công nghệ công ty MVC, ASP.NET core để từ có đánh giá Mentor Thực Hiện: - Áp dụng tốt công nghệ , sử dụng phân chia components, partial hiệu MVC để tối ưu hiệu quả, đồng thời khiến code dễ bảo trì sử dụng - Ứng dụng jQuery, call ajax, owl-carousel, tạo hiệu ứng slide cho website Kết quả: Về đáp ứng yêu cầu mentor đặt ra, phát triển thêm tình Link Github Sản phẩm: https://github.com/HaiTrTh/_188252_BT2 Bài Tập Lập trình website Avakids quản lý sản phẩm Nội dung: Áp dụng công nghệ sẵn có tiếp tục xây dựng chức filter Filter sản phẩm có sẵn trang web Thực Hiện: - Vẫn thực Kết quả: Về đáp ứng yêu cầu đặt ra, nhiên vài vấn đề để áp dụng vào thực tế website công ty Link Github Sản phẩm: https://github.com/HaiTrTh/_188252_BT2 Lịch làm việc Thá ng Công việc Người hướng dẫn Làm quen team, công nghệ sử dụng, làm tập ứng dụng MVC, ASP.NET core Phạm Nam Long Tiếp tục buil sản phẩm join vào source cơng ty Phạm Nam Long Mức độ hồn thành 95% 95% Nhận xét người hướng dẫn TỔNG KẾT Sau gần tháng thực tập MWG, em may mắn tham gia vào dự án thực tế (1 dự án) không project mẫu Quá trình học hỏi làm việc cơng ty dù có áp lực đem lại cho em nhiều kiến thức, tư duy, kinh nghiệm trình thực dự án lẫn cách làm việc giao tiếp Chân thành cảm ơn giúp đỡ anh Long thành viên team web Avakids, công ty MWG tạo môi trường giúp đỡ cho em suốt trình thực tập Cảm ơn khoa CNPM tạo điều kiện cho em hoàn thành báo cáo TRẦN THANH HẢI ... công ty thực tập Chương 2: Nội dung thực tập Tìm hiểu cơng ty kỹ công ty Nguyên cứu kĩ thuật Các cơng cụ làm việc Tìm hiểu cơng nghệ lập trình website đại ASP.NET MVC Bài tập lập trình website... biến lập trình web Ra đời vào năm 2006 John Resig Nó trở thành thành phần khơng thể thiếu website có sử dụng Javascript Với slogan “Write less – Do more” (viết – làm nhiều hơn) giúp lập trình. .. sẻ bố cục Đó Layout ASP.NET Core Thực : Sử dụng mơ hình MVC ASP.NET dự án Commit review code live manager thành viên team Kết : - Nắm vững cách sử dụng mơ hình MVC, ASP.NET core 6.0 sử dụng dự