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

MỤC LỤCChươ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 n

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 : Công ty Cổ phần Đầu tư Thế Giới Di Động (MWG) Người phụ trách : Anh Phạm Nam Long

Thực tập sinh : 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

Tiếp tục build sản phẩm và tham gia vào source công ty 10

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

Mức độ hoàn thành

Nhận xét của người hướng dẫn

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

95%

2 Tiếp tục buil sản

phẩm và join vào source công ty.

Phạm Nam Long

95%

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