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