Hướng Dẫn Thực Hành Lập Trình Web ASP.NET MVC Từ Cơ Bản Đến Nâng Cao

Thực hành lập trình web từ cơ bản đến nâng cao. Hướng dẫn chi tiết, bài tập thực tế giúp bạn xây dựng website chuyên nghiệp. Nắm vững kiến thức lập trình web ngay!

• Trường học: Hutech
• Chuyên ngành: Lập trình Web
• Đề tài: Web Application MVC 5
• Loại tài liệu: Hướng dẫn thực hành

Mục lục chi tiết

• HƯỚNG DẪN
• 1. BÀI 1: LÀM QUEN VỚI ỨNG DỤNG WEB ASP.NET MVC
• 1.1. CƠ BẢN VỀ MVC 5 VÀ CÁC YÊU CẦU CẦN THIẾT ĐỂ VIẾT WEB APPLICATION MVC 5
• 1.1.1. Yêu cầu
• 1.1.2. Các bước cài đặt MVC5
• 1.2. CÂU HỎI ÔN TẬP
• 2. BÀI 2: VIẾT TRANG WEB QUẢN LÝ SÁCH VỚI ASP.NET MVC
• 2.1. TẠO MODEL BOOK
• 2.2. RÀNG BUỘC DỮ LIỆU NHẬP
• 3. BÀI 3: THỰC HÀNH THEO DỰ ÁN WEBSITE BIG-SCHOOL
• 3.1. CÔNG NGHỆ SỬ DỤNG
• 3.2. MÔ TẢ YÊU CẦU
• 3.4. PHÂN TÍCH YÊU CẦU CỦA ỨNG DỤNG BIGSCHOOL
• 3.4.1. Xác định các usecase trong dự án
• 3.4.2. Phân tích use case
• 3.4.3. Thứ tự use-case sẽ thực hiện
• 3.5. XÂY DỰNG ỨNG DỤNG BẰNG ASP NET MVC
• 3.5.1. Tạo cơ sở dữ liệu theo mô hình EF Code First
• 3.5.2. Use-case: Thêm mới khóa học
• 3.5.3. Ghi đè CSS mặc định của Bootstrap
• 3.5.4. Thêm mới thuộc tính trong Asp.Net Identity Users
• 3.5.5. Hiển thị danh sách các khóa học sắp diễn ra tại trang chủ
• 3.5.6. Bổ sung thuộc tính Name vào màn hình đăng ký
• 3.5.7. Chỉnh sửa giao diện trang chủ: danh sách khóa học sắp diễn ra
• 3.5.8. Use-case: Đăng ký tham dự khóa học
• 3.5.9. Use-case theo dõi Giảng viên
• 3.5.10. Xem danh sách khóa học đăng ký tham dự
• 3.5.11. Use-case Quản lý Khóa học (Xóa, cập nhật)
• 3.5.12. Use-case thông báo (notification)
• 3.5.13. Tách file javascript trong ứng dụng
• 3.6. CÂU HỎI ÔN TẬP
• TÀI LIỆU THAM KHẢO

Tóm tắt

I. Tổng quan về lập trình web hiện đại với mô hình MVC

Lập trình web là nền tảng cốt lõi trong kỷ nguyên chuyển đổi số. Kiến trúc MVC chia tách phần mềm thành ba thành phần độc lập gồm Model, View và Controller. Model đảm nhận lưu trữ trạng thái và quy tắc nghiệp vụ dữ liệu. View thể hiện giao diện đồ họa trực quan tới màn hình máy trạm. Controller tiếp nhận yêu cầu từ giao thức HTTP, điều phối dữ liệu và quyết định hiển thị phù hợp. Mô hình này giúp mã nguồn đạt tính module hóa cao. Việc phân định rõ ràng trách nhiệm tăng khả năng kiểm thử độc lập cho từng module. Quá trình bảo trì hệ thống quy mô lớn trở nên nhanh chóng và ít phát sinh lỗi logic. Ngoài ra, các nhóm phát triển có thể làm việc song song giữa lập trình giao diện và xử lý cơ sở dữ liệu mà không gây xung đột mã nguồn. Nền tảng ASP.NET MVC cung cấp khung làm việc vững chắc cho các ứng dụng doanh nghiệp. Khung công nghệ này hỗ trợ cơ chế định tuyến URL thân thiện với máy tìm kiếm, đồng thời tối ưu hóa tài nguyên phần cứng máy chủ hiệu quả.

1.1. Kiến trúc phân tầng và nguyên lý hoạt động MVC

Kiến trúc MVC định hình luồng tương tác logic chặt chẽ trong hệ thống web. Trình duyệt gửi yêu cầu HTTP đến máy chủ xử lý. Bộ định tuyến phân tích URL và kích hoạt Controller tương ứng. Controller truy vấn Model nhằm trích xuất hoặc ghi nhận thông tin vào cơ sở dữ liệu. Dữ liệu xử lý được đóng gói thành các đối tượng ViewModel chuyên biệt. Controller chuyển giao ViewModel tới View để dựng mã HTML cuối cùng. Quá trình phân tầng này ngăn chặn rò rỉ logic nghiệp vụ ra tầng giao diện. Cấu trúc rõ ràng giúp kỹ sư kiểm soát toàn bộ vòng đời của một yêu cầu web dễ dàng.

1.2. Vai trò của ASP.NET MVC trong phát triển ứng dụng

Nền tảng ASP.NET MVC cung cấp bộ công cụ mạnh mẽ cho các kỹ sư lập trình. Khung làm việc tích hợp cơ chế Razor View Engine cho phép viết cú pháp mã nguồn gọn gàng. Công cụ Entity Framework đi kèm tự động ánh xạ dữ liệu quan hệ sang đối tượng phần mềm. Khả năng tích hợp thư viện kiểm thử tự động giúp nâng cao chất lượng mã nguồn trước khi triển khai. Hệ sinh thái này hỗ trợ quản lý phụ thuộc linh hoạt thông qua kỹ thuật Dependency Injection. Nhờ đó, ứng dụng đạt độ tin cậy cao, dễ mở rộng và đáp ứng tốt tiêu chuẩn kỹ thuật trong môi trường sản xuất.

II. Thách thức và vấn đề cốt lõi trong lập trình web dự án

Phát triển ứng dụng web thực tế luôn đối mặt với nhiều rào cản kỹ thuật phức tạp. Vấn đề an ninh mạng nổi lên như nguy cơ hàng đầu đe dọa dữ liệu người dùng. Các cuộc tấn công như Cross-Site Request Forgery hoặc SQL Injection xuất hiện phổ biến khi thiếu cơ chế bảo vệ. Bên cạnh đó, việc quản lý trạng thái phiên làm việc và xác thực quyền hạn đòi hỏi mô hình thiết kế chặt chẽ. Nếu cấu trúc bảng dữ liệu không được chuẩn hóa ngay từ ban đầu, hiệu năng truy vấn sẽ giảm sút nghiêm trọng khi khối lượng người dùng tăng cao. Sự xung đột giữa mã CSS của các thư viện như Bootstrap với phong cách giao diện tùy biến gây khó khăn cho trải nghiệm hiển thị. Hơn nữa, việc viết mã JavaScript dàn trải thiếu tổ chức dẫn đến tình trạng khó bảo trì, kiểm thử và tối ưu tốc độ tải trang. Những trở ngại này đòi hỏi lập trình viên phải nắm vững kiến trúc dữ liệu và các quy chuẩn kỹ thuật an toàn.

2.1. Lỗ hổng bảo mật CSRF và nguy cơ phân quyền

Lỗ hổng Cross-Site Request Forgery xảy ra khi kẻ tấn công lừa trình duyệt gửi yêu cầu trái phép tới máy chủ. Hệ thống web không có token bảo vệ sẽ thực thi các tác vụ nguy hiểm mà người dùng không hề hay biết. Tình trạng này đe dọa trực tiếp đến tính toàn vẹn dữ liệu cá nhân và tài khoản. Ngoài ra, việc quản lý phân quyền lỏng lẻo dễ khiến người dùng thông thường truy cập trái phép vào trang quản trị. Sự thiếu hụt các bộ lọc xác thực Authorize trên Controller tạo ra nhiều kẽ hở nghiêm trọng. Xây dựng rào chắn bảo mật đa lớp là yêu cầu bắt buộc đối với mọi dự án web chuyên nghiệp.

2.2. Điểm nghẽn hiệu năng giao diện và xử lý bất đồng bộ

Trang web tải chậm tác động tiêu cực đến trải nghiệm người dùng và tỷ lệ giữ chân khách hàng. Việc tải lại toàn bộ trang web cho mỗi thao tác nhỏ gây lãng phí băng thông mạng. Cơ chế xử lý đồng bộ khiến giao diện bị đóng băng trong lúc máy chủ tính toán dữ liệu. Ngoài ra, việc nhúng mã CSS và JavaScript trực tiếp vào tệp giao diện làm tăng kích thước tệp tải về. Trình duyệt không thể tận dụng bộ nhớ đệm hiệu quả khi mã nguồn bị phân mảnh. Việc thiếu sót trong tối ưu hóa các tệp tĩnh dẫn đến hiện tượng giật lag trên các thiết bị di động cấu hình thấp.

III. Phương pháp xây dựng giải pháp lập trình web toàn diện

Giải pháp phát triển hệ thống web chuẩn mực bắt đầu từ việc chuẩn hóa quy trình phân tích ca sử dụng. Dự án mẫu BigSchool minh chứng tính hiệu quả của phương pháp Entity Framework Code First. Kỹ sư lập trình chỉ cần thiết kế các lớp đối tượng mô hình dữ liệu bằng ngôn ngữ C#. Khung làm việc tự động tạo lập cơ sở dữ liệu tương ứng trong SQL Server. Để giải quyết rủi ro bảo mật CSRF, ứng dụng tích hợp mã chỉ thị AntiForgeryToken trong biểu mẫu dữ liệu và xác thực chặt chẽ tại tầng Controller. Hệ thống danh tính ASP.NET Identity đảm nhận việc phân quyền người dùng thông qua các thuộc tính kiểm soát truy cập Authorize. Về mặt giao diện, việc tách biệt các tệp JavaScript độc lập kết hợp kỹ thuật gọi Ajax giúp cập nhật dữ liệu nền mà không cần tải lại toàn bộ trang. Việc tùy biến giao diện bằng cách ghi đè mã CSS mặc định của Bootstrap mang lại thiết kế độc đáo và hiện đại. Nhờ đó, ứng dụng đạt được sự mượt mà trong vận hành cùng mức độ tin cậy bảo mật tối đa.

3.1. Thiết kế cơ sở dữ liệu với Entity Framework Code First

Phương pháp Entity Framework Code First chuyển đổi tư duy phát triển phần mềm lấy mã nguồn làm trung tâm. Kỹ sư định nghĩa cấu trúc dữ liệu thông qua các lớp C# tường minh. Khung làm việc tự động thiết lập các bảng, ràng buộc khóa chính và khóa ngoại trong hệ quản trị cơ sở dữ liệu. Cơ chế Migration giúp theo dõi mọi thay đổi trong lược đồ cấu trúc và đồng bộ hóa an toàn. Khi phát sinh nhu cầu mở rộng như bổ sung trường thông tin cá nhân trong Identity Users, lập trình viên chỉ cần cập nhật lớp thực thể. Giải pháp này giúp loại bỏ sự sai lệch dữ liệu giữa tầng phần mềm và tầng lưu trữ vật lý.

3.2. Triển khai Ajax API và kiểm soát bảo mật hệ thống

Công nghệ Ajax kết hợp kiến trúc Restful API tối ưu hóa đáng kể khả năng phản hồi của hệ thống web. Các thao tác nghiệp vụ như đăng ký khóa học hoặc theo dõi giảng viên được gửi ngầm qua giao thức HTTP POST. Thư viện Bootbox.js hỗ trợ hiển thị hộp thoại xác nhận tương tác mượt mà và trực quan. Để đảm bảo an toàn tuyệt đối, máy chủ kiểm tra mã xác thực AntiForgeryToken trên từng lệnh gửi dữ liệu. Bộ lọc Authorize chặn đứng các yêu cầu nặc danh đối với tài nguyên nhạy cảm. Phương pháp này vừa duy trì tốc độ vận hành nhanh chóng, vừa bảo vệ hệ thống trước các nguy cơ tấn công mạng.

IV. Kết luận và ứng dụng thực tiễn của lập trình web chuẩn

Nắm vững kỹ thuật lập trình web hiện đại mang lại lợi thế cạnh tranh lớn cho kỹ sư phần mềm. Việc áp dụng thành thạo mô hình kiến trúc MVC giúp tổ chức mã nguồn khoa học, giảm thiểu chi phí bảo trì dự án dài hạn. Nền tảng ASP.NET MVC kết hợp công nghệ Entity Framework Code First tạo điều kiện hiện thực hóa các ứng dụng quản lý quy mô lớn như mạng xã hội học tập BigSchool. Dự án thực hành này tích hợp đầy đủ quy trình từ thiết kế cơ sở dữ liệu, quản lý phiên đăng nhập đến tối ưu hóa giao diện đa thiết bị. Khả năng kiểm soát mã nguồn thông qua việc ghi đè CSS của Bootstrap và tổ chức tệp JavaScript logic đảm bảo trải nghiệm người dùng liền mạch. Hơn nữa, việc tuân thủ nghiêm ngặt các nguyên tắc bảo mật như phòng ngừa tấn công CSRF tạo nên một sản phẩm số hoàn chỉnh, ổn định và có tính ứng dụng thương mại cao trong thực tế doanh nghiệp.

4.1. Khả năng ứng dụng vào dự án thực tế doanh nghiệp

Kiến thức lập trình web chuẩn hóa từ môi trường học thuật có tính tương thích trực tiếp với các dự án doanh nghiệp. Quy trình phân tích ca sử dụng giúp đội ngũ phát triển nắm bắt chính xác yêu cầu khách hàng. Việc triển khai các tính năng như quản trị người dùng, phân quyền truy cập và xử lý giao dịch dữ liệu theo thời gian thực là yêu cầu phổ biến ở mọi hệ sinh thái phần mềm. Nền tảng ASP.NET MVC đảm bảo độ ổn định cao khi xử lý lưu lượng truy cập lớn. Nhờ việc tuân thủ các quy tắc thiết kế hướng đối tượng, mã nguồn dễ dàng chuyển giao, bảo trì và tích hợp thêm các dịch vụ đám mây tiên tiến.

4.2. Định hướng hoàn thiện kỹ năng lập trình web nâng cao

Hành trình làm chủ kỹ thuật web đòi hỏi sự trau dồi liên tục qua các dự án phần mềm thực chiến. Sau khi thuần thục kiến trúc MVC cơ bản, kỹ sư cần mở rộng sang kiến trúc vi dịch vụ và xây dựng API theo chuẩn RESTful hiện đại. Kỹ năng viết kiểm thử tự động với Unit Test giúp loại bỏ lỗi tiềm ẩn ngay từ giai đoạn phát triển ban đầu. Ngoài ra, việc nghiên cứu các cơ chế bộ nhớ đệm phân tán và kỹ thuật cân bằng tải sẽ nâng cao khả năng chịu lỗi của hệ thống. Nền tảng kiến thức vững chắc tạo điều kiện để tiếp cận nhanh chóng các công nghệ điện toán đám mây thế hệ mới.

Nội dung chính

TỔNG QUAN HỌC THUẬT VÀ PHÂN TÍCH NỘI DUNG GIÁO TRÌNH "THỰC HÀNH LẬP TRÌNH WEB" (ĐẠI HỌC CÔNG NGHỆ TP.HCM - HUTECH)

Tổng quan về giáo trình

Tài liệu học tập Thực hành Lập trình Web do nhóm tác giả Nguyễn Đình Ánh, Nguyễn Huy Cường và Dương Thành Phết biên soạn vào năm 2021, phục vụ công tác đào tạo nội bộ tại Khoa Công nghệ Thông tin thuộc Trường Đại học Công nghệ TP.HCM (HUTECH). Học phần tương ứng mang mã số CMP376, giữ vai trò là môn học chuyên ngành thực hành trong chương trình đào tạo kỹ sư và cử nhân công nghệ thông tin.

Về mục tiêu học tập (learning outcomes), giáo trình hướng đến việc trang bị cho sinh viên kiến thức tổng quan về phát triển ứng dụng web hiện đại trên nền tảng .NET Framework; phân tích và vận hành mô hình kiến trúc phần mềm Model-View-Controller (MVC) phiên bản ASP.NET MVC 5; đồng thời hoàn thiện kỹ năng xây dựng một ứng dụng web hướng đối tượng hoàn chỉnh, có kết nối cơ sở dữ liệu quan hệ và cơ chế xác thực người dùng.

Cấu trúc giáo trình được thiết kế theo phương pháp tiếp cận thực hành từ cơ bản đến chuyên sâu (bottom-up tutorial approach). Nội dung được phân chia thành ba bài học lớn: bắt đầu từ việc làm quen môi trường và cấu trúc thư mục, chuyển sang xây dựng ứng dụng quản lý dữ liệu đơn giản trên bộ nhớ tạm, và kết thúc bằng một dự án hoàn chỉnh dạng mạng xã hội học tập ("BigSchool"). Điểm đặc sắc của giáo trình là bám sát quy trình phát triển phần mềm trong thực tế, sử dụng phương pháp Code First của Entity Framework kết hợp với ASP.NET Identity, giúp người học tiếp cận trực tiếp cấu trúc luồng dữ liệu (data flow) từ giao diện người dùng đến hệ quản trị cơ sở dữ liệu SQL Server.

---

Nội dung kiến thức cốt lõi

Các chương và chủ đề chính

Nội dung tài liệu được tổ chức thành 3 bài học thực hành chính với tính liên kết logic chặt chẽ:

1. Bài 1: Làm quen với ứng dụng Web ASP.NET MVC

   • Nội dung trọng tâm: Giới thiệu khái niệm kiến trúc MVC 5; các yêu cầu hệ thống bao gồm .NET Framework 4.5 trở lên trên hệ điều hành Windows Vista SP2, Windows 7, Windows 8 hoặc Windows 10; cài đặt và cấu hình công cụ phát triển Microsoft Visual Studio 2013 hoặc 2015.
   • Khái niệm then chốt: Cấu trúc thư mục của một giải pháp (Solution) MVC gồm /Controllers, /Models, /Views, /Scripts, /fonts, /Contents, /App_Data, /App_Start. Phân tích cơ chế định tuyến qua file RouteConfig.cs với cấu trúc URL chuẩn http://Localhost:Port/{Controller}/{Action}/{Id}. Sự khác biệt giữa ASP.NET MVC và ASP.NET Web Forms (loại bỏ chu kỳ trang Page Life Cycle, quản lý trạng thái thông qua ModelState, ViewBag, ViewData, TempData).

2. Bài 2: Viết trang Web quản lý sách với ASP.NET MVC

   • Nội dung trọng tâm: Xây dựng ứng dụng quản lý sách nhằm minh họa cách thức luân chuyển dữ liệu qua ba thành phần Model, View, Controller mà chưa cần kết nối cơ sở dữ liệu phức tạp.
   • Khái niệm then chốt: Tạo Model Book với các thuộc tính (Id, Title, Author, PublicYear, Price, Cover). Xây dựng Controller BooksController quản lý danh sách List<Book> trong bộ nhớ. Thiết kế các View Razor (.cshtml) cho các tác vụ hiển thị danh sách (ListBooks), xem chi tiết (Detail) và chỉnh sửa (Edit). Cài đặt cơ chế kiểm soát dữ liệu thông qua thư viện System.ComponentModel.DataAnnotations (các thuộc tính [Required], [StringLength]), kiểm tra hợp thức dữ liệu tại controller (ModelState.IsValid), và tích hợp token chống giả mạo request (@Html.AntiForgeryToken()).

3. Bài 3: Thực hành theo dự án Website Big-School

   • Nội dung trọng tâm: Xây dựng ứng dụng mạng xã hội quản lý và theo dõi khóa học trực tuyến mang tên BigSchool.
   • Khái niệm then chốt: Phân tích use case hệ thống (Giảng viên quản lý khóa học; Học viên xem, tìm kiếm, đăng ký khóa học, theo dõi giảng viên qua Feed). Quản lý cơ sở dữ liệu quan hệ bằng Entity Framework 6 theo quy trình Code First Migrations (enable-migrations, add-migration, update-database). Thiết lập các bảng AspNetUsers, Courses, Categories thông qua mã C#. Xây dựng ViewModel CourseViewModel nhằm gom nhóm dữ liệu hiển thị; cài đặt bộ kiểm thực tùy biến (Custom Validation) thông qua lớp FutureDate và ValidTime kế thừa từ ValidationAttribute. Tích hợp thư viện Bootstrap, kiểm thực phía máy khách (Client-side validation) bằng bundle @Scripts.Render("~/bundles/jqueryval"), và ghi đè CSS mặc định.

Kiến thức nền tảng được xây dựng

Giáo trình củng cố các nguyên lý và nền tảng công nghệ sau:

• Mô hình kiến trúc phân tầng (Tier/Layer Architecture): Tách bạch rõ rệt giữa dữ liệu nghiệp vụ (Model), hiển thị (View) và điều phối tương tác (Controller), giúp mã nguồn dễ bảo trì và mở rộng.
• Cơ chế ORM (Object-Relational Mapping): Kỹ thuật ánh xạ giữa các đối tượng thực thể trong C# và các bảng dữ liệu trong Microsoft SQL Server thông qua Entity Framework Code First, sử dụng migration script để quản lý các thay đổi cấu trúc bảng (schema evolution).
• Quản trị danh tính và bảo mật: Ứng dụng mô hình ASP.NET Identity (IdentityUser, ApplicationDbContext, ApplicationUser) để quản lý phiên làm việc, mã hóa dữ liệu người dùng, phân quyền truy cập controller qua thuộc tính [Authorize], và cơ chế phòng vệ Cross-Site Request Forgery (CSRF).

Kỹ năng phát triển

Qua việc hoàn thành các bài thực hành, sinh viên hình thành ba nhóm kỹ năng:

• Kỹ năng kỹ thuật (Technical skills): Thành thạo thao tác trên IDE Visual Studio (phiên bản 2013/2015); viết mã C# xử lý logic back-end; xây dựng giao diện Razor Engine; thực thi các câu lệnh PowerShell trên cửa sổ Package Manager Console; cấu hình chuỗi kết nối (connectionStrings) trong file Web.config.
• Kỹ năng phân tích (Analytical skills): Phân tích tài liệu yêu cầu nghiệp vụ để bóc tách danh sách use case; xác định mối quan hệ giữa các thực thể (như giữa Giảng viên ApplicationUser, Khóa học Course và Thể loại Category); phân biệt dữ liệu mô hình nghiệp vụ (Domain Model) và dữ liệu hiển thị (ViewModel).
• Kỹ năng thực hành ứng dụng (Practical competencies): Xử lý lỗi ngoại lệ trong luồng ghi nhận dữ liệu; triển khai kiểm tra ràng buộc song song ở cả hai phía: máy khách (Client-side) và máy chủ (Server-side); tùy biến giao diện web bằng cách can thiệp công cụ thanh tra phần tử (Inspect Element) của trình duyệt để ghi đè thuộc tính CSS.

---

Phương pháp giảng dạy và học tập

Phương pháp sư phạm của giáo trình được thiết kế theo định hướng tiếp cận qua dự án (project-based learning) kết hợp với hướng dẫn thao tác từng bước (step-by-step lab tutorial). Môn học loại bỏ phương pháp giảng dạy lý thuyết thuần túy, chuyển toàn bộ khối lượng kiến thức vào quá trình thao tác trực tiếp trên phần mềm.

Về cấu trúc bài học, mỗi bài thực hành đều bao gồm các phần chuẩn mực:

1. Mục tiêu bài học (các chuẩn kiến thức/kỹ năng cần đạt).
2. Nội dung hướng dẫn chi tiết kèm ảnh chụp màn hình từ IDE Visual Studio và giao diện trình duyệt.
3. Phần tóm tắt lý thuyết cốt lõi (tổng kết lại các cơ chế hoạt động bên dưới như Routing, Data Annotations, hay Migrations).
4. Hệ thống câu hỏi ôn tập nhằm kiểm tra khả năng hiểu bản chất kiến trúc của người học (ví dụ: luồng dữ liệu trong MVC, ưu nhược điểm của mô hình).

Về phương pháp đánh giá môn học:

• Hình thức kiểm tra: Điểm thực hành chiếm tỷ trọng 100% điểm tổng kết học phần.
• Phương thức đánh giá: Thi thực hành trực tiếp trên máy tính theo đề thi tổng hợp, phù hợp với quy chế đào tạo tín chỉ của nhà trường.

Về hướng dẫn tự học: Tài liệu yêu cầu sinh viên phải chuẩn bị bài trước khi đến lớp, đọc trước mục tiêu và phần tóm tắt của từng bài. Trong quá trình học, người học phải tự gõ lại các đoạn mã nguồn mẫu, phân tích các thông báo lỗi phát sinh (exception handling), trả lời đầy đủ các câu hỏi ôn tập cuối bài và thực hiện đầy đủ các bài tập mở rộng ở nhà để đảm bảo thời lượng tự học theo quy định.

---

Điểm nổi bật và cập nhật

• Tích hợp giải pháp phát triển trọn gói: Giáo trình đồng bộ môi trường phát triển xoay quanh công nghệ Microsoft Visual Studio (2013/2015), .NET Framework 4.5, và hệ quản trị cơ sở dữ liệu MSSQL Server (từ bản 2008 trở lên), đồng thời giới thiệu các công cụ hỗ trợ nâng cao hiệu năng lập trình như ReSharper, Productivity Power Tools và Web Essentials 2015.
• Quy trình Code First Migrations chuẩn hóa: Thay vì thiết kế cơ sở dữ liệu bằng giao diện đồ họa (Database First), giáo trình hướng dẫn sinh viên khai báo hoàn toàn bằng mã C#, sau đó dùng migration script (Up() và Down()) và Seed method để khởi tạo bảng và dữ liệu danh mục (Categories), phản ánh sát phương thức phát triển phần mềm doanh nghiệp hiện đại.
• Kỹ thuật ViewModel và Custom Validation: Tài liệu giải quyết bài toán phân tách dữ liệu bằng cách sử dụng CourseViewModel thay vì ánh xạ trực tiếp Course ra ngoài View. Đồng thời, giáo trình cung cấp giải pháp lập trình hướng đối tượng thông qua việc tạo các lớp kế thừa ValidationAttribute (như FutureDate) để kiểm tra logic thời gian hợp lệ, kết hợp thư viện jqueryval nhằm triệt tiêu các request không hợp lệ gửi về máy chủ.
• Bảo mật và chuẩn hóa giao diện: Hướng dẫn ứng dụng token bảo mật chống tấn công CSRF thông qua cặp thẻ @Html.AntiForgeryToken() và thuộc tính [ValidateAntiForgeryToken], kết hợp thư viện Bootstrap để thiết kế giao diện tương thích với nhiều kích thước màn hình.

---

Đối tượng sử dụng giáo trình

• Sinh viên chuyên ngành: Tài liệu được biên soạn phục vụ trực tiếp sinh viên năm thứ hai hoặc năm thứ ba thuộc các ngành Công nghệ Thông tin, Kỹ thuật Phần mềm, Hệ thống Thông tin tại Trường Đại học Công nghệ TP.HCM (HUTECH) và các trường đại học, cao đẳng đào tạo khối ngành kỹ thuật tương đương.
• Kiến thức tiên quyết cần có: Người học bắt buộc phải có nền tảng về Kỹ thuật lập trình cơ bản, Lập trình hướng đối tượng (OOP với ngôn ngữ C# hoặc Java), hiểu biết cơ bản về cơ sở dữ liệu quan hệ và cách thức hoạt động của mạng internet (giao thức HTTP, trình duyệt web).
• Giảng viên và cán bộ hướng dẫn thực hành: Tài liệu đóng vai trò là đề cương bài giảng thực hành tại phòng máy (Lab Manual), cung cấp cấu trúc bài giảng mẫu, các đoạn mã chuẩn để giảng viên triển khai giờ dạy và làm căn cứ xây dựng ngân hàng đề thi kết thúc học phần.
• Người tự học và tham khảo: Lập trình viên mới bắt đầu tiếp cận hệ sinh thái .NET có thể sử dụng tài liệu như một tài liệu tham khảo có cấu trúc thực hành hoàn chỉnh từ tạo project, xử lý form đến thao tác CSDL qua ORM.

---

Câu hỏi thường gặp

1. Giáo trình này phù hợp với ai?

Tài liệu phù hợp cho sinh viên chuyên ngành Công nghệ thông tin hoặc lập trình viên đã nắm vững ngôn ngữ C# và các nguyên lý lập trình hướng đối tượng, đang cần một tài liệu hướng dẫn thực hành từng bước để xây dựng ứng dụng web bằng framework ASP.NET MVC 5.

2. Cần kiến thức nền nào để học tốt giáo trình này?

Sinh viên cần hoàn thành các môn học tiên đề: Kỹ thuật lập trình và Lập trình hướng đối tượng (OOP). Ngoài ra, người học cần có kiến thức cơ sở về ngôn ngữ đánh dấu siêu văn bản (HTML), bảng kiểu dáng (CSS), JavaScript cơ bản và thao tác truy vấn trên hệ quản trị cơ sở dữ liệu SQL Server.

3. Điểm khác biệt giữa tài liệu này và các tài liệu lập trình web khác là gì?

Tài liệu tập trung tuyệt đối vào khía cạnh thực hành mã nguồn và xử lý dự án thực tế. Giáo trình không đào sâu lý thuyết thuần túy mà dẫn dắt người học qua các bài lab cụ thể: từ tạo lớp Model, cấu hình Controller, xử lý Razor View đến quy trình quản lý CSDL hoàn toàn bằng Code First Migrations và cơ chế bảo mật ASP.NET Identity.

4. Làm sao để tự học hiệu quả với tài liệu này?

Người học cần cài đặt đúng môi trường công cụ (Visual Studio 2013/2015 và SQL Server), tự tay nhập mã nguồn theo từng bài tập thay vì sao chép. Sau mỗi bước thực hành, cần kiểm tra kết quả trên trình duyệt, đọc kỹ phần tóm tắt lý thuyết cuối bài và hoàn thành các câu hỏi ôn tập để nắm vững cơ chế vận hành của mã lệnh.

5. Tài liệu có đề cập đến các thư viện và gói bổ trợ nào kèm theo?

Tài liệu hướng dẫn tích hợp nhiều thư viện bổ trợ quan trọng:

• Thư viện front-end: Twitter Bootstrap, Bootbox.js, jQuery.
• Gói quản lý dữ liệu và bảo mật: Entity Framework 6, ASP.NET Identity, Microsoft.jQuery.Unobtrusive.Validation (bundles/jqueryval).
• Tiện ích mở rộng cho Visual Studio: ReSharper, Productivity Power Tools, Web Essentials 2015.

---

Kết luận

Tài liệu học tập Thực hành Lập trình Web của Trường Đại học Công nghệ TP.HCM là tài liệu học thuật có cấu trúc sư phạm rõ ràng, cung cấp phương pháp tiếp cận trực quan và có hệ thống về công nghệ phát triển ứng dụng web trên nền tảng ASP.NET MVC 5. Giáo trình dẫn dắt người học qua lộ trình kỹ thuật chuẩn: thiết lập nền tảng kiến trúc (Bài 1), làm chủ thao tác dữ liệu cơ bản (Bài 2), và tích hợp toàn diện các thành phần ORM, Identity, Custom Validation vào dự án BigSchool thực tế (Bài 3).

Mọi ý kiến đóng góp và phản hồi về nội dung tài liệu học tập được nhóm tác giả và nhà trường tiếp nhận chính thức qua địa chỉ thư điện tử của ban biên tập: [e-mail].

Trích đoạn nội dung tài liệu

BỘ GIÁO DỤC VÀ ĐÀO TẠO ĐẠI HỌC CÔNG NGHỆ TP.HCM THực HÀNH LẬP TRÌNH WEB Biên Soạn: Nguyễn Đình Ánh Nguyễn Huy Cường Dương Thành Phết www.vn THỰC HÀNH LẬP TRÌNH WEB 2021. CMP3 7ó *% Các ý kiến đóng góp về tài liệu học tập này, xin gửi về e-mail của ban biên tập: tailieuhoctap(@hutech.vn wee MUC LUC ¡0190/00 1. I HƯỚNG DẪN BÀI 1: LÀM QUEN VỚI ỨNG DỤNG WEB ASP.1 CƠ BẢN VỀ MVC 5 VÀ CÁC YÊU CÂU CẦN THIẾT .T WEB APPLICATION MVC 5.1 CÂU HỎI ÔN TẬP. 19 BÀI 3: THỰC HÀNH THEO DỰ ÁN WEBSITE BIG-SCHOOL.1 CÔNG NGHỆ SỬ DỤNG.

Án HH TH TH Ho HH KH HH ng 20 3.2 MÔ TẢ YÊU CÂU.-- HH nHY HH TH HH HH HH HH HH HH1 21 3. HH HH HH Hang .4 PHAN TICH YEU CAU CUA UNG DỤNG BIGSCHOOL.1 Xác định các usecase trong dự án. HH HH HH như 21 3.2 Phân tích use case.3 Thứ tự use-case sẽ thựC hiỆN. các HH nọ vi ch cv cv 23 3.5 XÂY DỰNG ỨNG DỤNG BẰNG ASP NET MVC.1 Tạo cơ sở dữ liệu theo mô hình EF Code First .2 Use-case: Thêm mới khóa hỌC.

- -cc HH HH HH HH nghề 28 3.3 Ghi đè CSS mặc định của BoOtSETAD.4 Thêm mới thuộc tinh trong Asp.Net Identity Users.5 Hiển thị danh sách các khóa hoặc sắp diễn ra tại trang Chủ.6 Bổ sung thuộc tính Name vào màn hình đăng ký, .7 Chỉnh sửa giao diện trang chủ: danh sách khóa học sắp diễn ra.8 Use-case: Đăng ký tham dự khóa hỌC. HH HH HH HH nh ky 3.9 Use-case theo dõi Giảng VÍÊn. TH HH HH HH HH HH ng ky 3.10 Xem danh sách khóa học đăng ký tham dự.11 Use-case Quản lý Khóa học (Xóa, cập nhật) 3.12 Use-case thông báo (notificatiOr)). --«- «n1 SH ky nh ch kh 3.13 Tach file javascript trong dng dung.

nh nh nh hi BE CAU HOT ÔN TẬP. họ HH nh họ BE TÀI LIỆU THAM KHẢO. a HƯỚNG DẪN HƯỚNG DẪN MO TA MON HOC Học phần được xây dựng với các nội dung: kiến thức tổng quan về lập trình ứng dụng web; cách thức phát triển ứng dụng web dùng ASP.NET MVC cơ bản và nâng cao. NOI DUNG MON HOC - Bai 1: Lam quen vdi tng dung Web ASP.NET MVC - Bai 2: Viết trang Web quản lý sách với ASP.NET MVC -_ Bài 3: Thực hành theo dự án Website Big-School KIEN THUC TIEN DE Môn học thực hành lập trình web đòi hỏi sinh viên có nần tảng về kỹ thuật lập trình, lập trình hướng đối tượng, tiếp xúc nhiều với internet.

YÊU CAU MON HOC Người học cần di học đầy đủ, đọc các nội dung sẽ được học trước khi đến lớp, làm các bài tập về nhà và đảm bảo thời gian tự học ở nhà. CACH TIEP NHAN NOI DUNG MON HOC Để học tốt môn này, sinh viên cần ôn tập các bài đã học, trả lời các câu hỏi và làm đầy đủ bài tập; đọc trước bài mới và tìm thêm các thông tin liên quan đến bài học. Đối với mỗi bài học, sinh viên đọc trước mục tiêu và tóm tắt bài học, sau đó đọc nội dung bài học. Kết thúc mỗi ý của bài học, sinh viên trả lời câu hỏi ôn tập và kết thúc toàn bộ bài học, sinh viên làm các bài tập.

PHƯƠNG PHÁP ĐÁNH GIÁ MÔN HỌC Môn học được đánh giá như sau: - Điểm thực hành (100%): Hình thức thi thực hành, phù hợp với quy chế đào tao và tình hình thực tế tại nơi tổ chức học tập. BÀI 1: LÀM QUEN VỚI ỨNG DỤNG WEB ASP.NET MVC ta BAI 1: LAM QUEN VOI UNG DUNG WEB ASP.NET MVC Bài này giúp người học nắm được các nội dung sau: - Ung dung Web ASP.NET MVC 5 Ia gi? - _ Cài đặt môi trường và công cụ để phát triển dng dung Web ASP.