Giáo Trình Lập Trình Web Nâng Cao Tại Cao Đẳng Bách Khoa Nam Sài Gòn

Giáo trình nghiên cứu lập trình web nâng cao nghề tin học ứng dụng cao đẳng, trình bày lý thuyết rõ ràng, minh họa ví dụ thực tế, phù hợp sinh viên .

• Tác giả: ThS Lê Thị Thùy Trang
• Trường học: Cao Đẳng Bách Khoa Nam Sài Gòn
• Chuyên ngành: Tin Học
• Đề tài: Giáo Trình Lập Trình Web Nâng Cao
• Loại tài liệu: Giáo Trình
• Năm xuất bản: 2022
• Địa điểm: Hồ Chí Minh

Mục lục chi tiết

• 1. Bài 1: Kết hợp PHP với MySQL
• 1.1. Thiết kế Layout sử dụng HTML, CSS, Bootstrap
• 1.2. Ôn tập HTML, CSS
• 1.3. Sử dụng Bootstrap trong thiết kế Layout web
• 1.4. Hoàn thành giao diện web
• 1.5. Các thao tác xử lý trên cơ sở dữ liệu
• 1.5.1. Truy vấn lọc dữ liệu
• 1.5.2. Truy vấn thêm, sửa, xóa, cập nhật dữ liệu
• 1.5.3. Hiển thị, tìm kiếm dữ liệu lên website
• 1.5.4. Hiển thị dữ liệu từ cơ sở dữ liệu lên giao diện
• 1.5.5. Tìm kiếm dữ liệu trên website
• 1.5.6. Quản trị dữ liệu trên website
• 1.5.6.1. Hiển thị dữ liệu lên trang quản trị
• 1.5.6.2. Thao tác sửa dữ liệu
• 1.5.6.3. Thao tác xóa dữ liệu
• 2. Bài 2: Hoàn chỉnh Website
• 2.1. Website tin tức
• 2.1.1. Thiết kế giao diện
• 2.1.2. Thiết kế cơ sở dữ liệu
• 2.1.3. Quản trị dữ liệu
• 2.2. Website thông mới
• 2.2.1. Thiết kế giao diện
• 2.2.2. Thiết kế cơ sở dữ liệu
• 2.2.3. Quản trị dữ liệu
• 2.2.4. Đăng ký host, tên miền
• TÀI LIỆU THAM KHẢO

Tóm tắt

I. Tổng quan về Giáo Trình Lập Trình Web Nâng Cao

Giáo trình Lập trình web nâng cao tại Cao Đẳng Bách Khoa Nam Sài Gòn cung cấp kiến thức chuyên sâu về lập trình web. Môn học này là một phần quan trọng trong chương trình đào tạo ngành Tin học ứng dụng. Nội dung giáo trình bao gồm các khái niệm cơ bản và nâng cao, giúp sinh viên nắm vững các kỹ năng cần thiết để phát triển ứng dụng web.

1.1. Mục tiêu của giáo trình

Giáo trình nhằm trang bị cho sinh viên kiến thức về ngôn ngữ lập trình PHP, cơ sở dữ liệu MySQL và các công nghệ web hiện đại. Sinh viên sẽ học cách thiết kế giao diện và phát triển ứng dụng web hoàn chỉnh.

1.2. Đối tượng học viên

Đối tượng chính của giáo trình là sinh viên ngành Tin học ứng dụng tại Cao Đẳng Bách Khoa Nam Sài Gòn. Giáo trình cũng phù hợp cho những ai muốn nâng cao kỹ năng lập trình web.

II. Thách thức trong việc học Lập Trình Web Nâng Cao

Học lập trình web nâng cao không chỉ đòi hỏi kiến thức lý thuyết mà còn cần thực hành nhiều. Sinh viên thường gặp khó khăn trong việc áp dụng lý thuyết vào thực tế. Các vấn đề như quản lý cơ sở dữ liệu, tối ưu hóa mã nguồn và bảo mật ứng dụng là những thách thức lớn.

2.1. Khó khăn trong việc áp dụng lý thuyết

Nhiều sinh viên gặp khó khăn trong việc chuyển đổi kiến thức lý thuyết thành kỹ năng thực hành. Việc thiếu kinh nghiệm thực tế có thể dẫn đến sự thiếu tự tin khi phát triển ứng dụng.

2.2. Vấn đề bảo mật trong lập trình web

Bảo mật là một trong những vấn đề quan trọng nhất trong lập trình web. Sinh viên cần hiểu rõ các lỗ hổng bảo mật và cách phòng tránh để bảo vệ ứng dụng của mình.

III. Phương pháp học hiệu quả trong Lập Trình Web Nâng Cao

Để học lập trình web nâng cao hiệu quả, sinh viên cần áp dụng các phương pháp học tập tích cực. Việc tham gia các dự án thực tế, làm việc nhóm và tìm kiếm tài liệu tham khảo là rất cần thiết.

3.1. Tham gia dự án thực tế

Tham gia vào các dự án thực tế giúp sinh viên áp dụng kiến thức đã học vào thực tiễn. Điều này không chỉ nâng cao kỹ năng mà còn tạo cơ hội để sinh viên làm quen với môi trường làm việc.

3.2. Học từ tài liệu và khóa học trực tuyến

Sử dụng tài liệu học tập và các khóa học trực tuyến là cách hiệu quả để bổ sung kiến thức. Nhiều nguồn tài liệu miễn phí và chất lượng cao có sẵn trên internet.

IV. Ứng dụng thực tiễn của Lập Trình Web Nâng Cao

Lập trình web nâng cao có nhiều ứng dụng thực tiễn trong các lĩnh vực khác nhau. Sinh viên có thể phát triển các ứng dụng web thương mại điện tử, blog cá nhân, hoặc hệ thống quản lý thông tin.

4.1. Phát triển ứng dụng thương mại điện tử

Sinh viên có thể áp dụng kiến thức lập trình web để xây dựng các trang web thương mại điện tử, giúp doanh nghiệp tiếp cận khách hàng hiệu quả hơn.

4.2. Xây dựng hệ thống quản lý thông tin

Hệ thống quản lý thông tin giúp tổ chức và quản lý dữ liệu một cách hiệu quả. Sinh viên có thể phát triển các ứng dụng này để phục vụ cho các doanh nghiệp.

V. Kết luận và tương lai của Lập Trình Web Nâng Cao

Lập trình web nâng cao là một lĩnh vực đang phát triển mạnh mẽ. Với sự gia tăng nhu cầu về các ứng dụng web, sinh viên có nhiều cơ hội việc làm trong tương lai. Việc nắm vững kiến thức và kỹ năng lập trình web sẽ giúp sinh viên tự tin hơn trong sự nghiệp.

5.1. Triển vọng nghề nghiệp

Nhu cầu về lập trình viên web ngày càng tăng, đặc biệt là trong các lĩnh vực công nghệ thông tin và truyền thông. Sinh viên có thể tìm được nhiều cơ hội việc làm hấp dẫn.

5.2. Tương lai của công nghệ web

Công nghệ web đang không ngừng phát triển với sự xuất hiện của các công nghệ mới như trí tuệ nhân tạo và blockchain. Sinh viên cần cập nhật thường xuyên để không bị lạc hậu.

Nội dung chính

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

Giáo trình môn học/mô đun Lập trình web nâng cao (Mã mô đun: MH22) là tài liệu giảng dạy chính thức thuộc khối kiến thức chuyên môn nghề bắt buộc trong chương trình đào tạo ngành Tin học ứng dụng ở trình độ Cao đẳng. Giáo trình được ban hành kèm theo Quyết định số 459/QĐ-NSG ngày 31 tháng 08 năm 2022 của Hiệu trưởng Trường Cao Đẳng Bách Khoa Nam Sài Gòn, do ThS. Lê Thị Thùy Trang đảm nhiệm vai trò chủ biên cùng nhóm tác giả chuyên môn.

+-------------------------------------------------------------------------+
|                  THÔNG TIN XUẤT BẢN & PHÁP LÝ GIÁO TRÌNH                |
+-------------------------------------------------------------------------+
| • Cơ quan ban hành : Trường Cao Đẳng Bách Khoa Nam Sài Gòn              |
| • Quyết định       : Số 459/QĐ-NSG ký ngày 31/08/2022                   |
| • Tên môn học      : Lập trình web nâng cao (Mã MH: MH22)               |
| • Ngành đào tạo    : Tin học ứng dụng (Trình độ: Cao đẳng)              |
| • Chủ biên         : ThS. Lê Thị Thùy Trang                             |
| • Dung lượng       : 68 trang tài liệu kỹ thuật                         |
+-------------------------------------------------------------------------+

Về mục tiêu học tập (learning outcomes), giáo trình xác định các chuẩn đầu ra cụ thể:

• Về kiến thức: Sinh viên trình bày được cơ chế trao đổi dữ liệu giữa Server và Client; nắm vững cú pháp nhúng mã nguồn PHP vào tài liệu web; xác định trình tự phối hợp các công nghệ giao diện gồm HTML, CSS và Bootstrap; nắm vững cú pháp các câu lệnh truy vấn của hệ quản trị cơ sở dữ liệu MySQL.
• Về kỹ năng: Thiết kế giao diện website hoàn chỉnh bằng HTML, CSS và framework Bootstrap; sử dụng thành thạo các câu lệnh truy vấn MySQL kết hợp với ngôn ngữ PHP để trích xuất và hiển thị dữ liệu động; xây dựng và quản trị cơ sở dữ liệu website thông qua các phân hệ quản trị (Admin).
• Về năng lực tự chủ và trách nhiệm: Rèn luyện ý thức tổ chức kỷ luật, tác phong công nghiệp, phương pháp làm việc kiên trì và tư duy lập trình khoa học.

Cấu trúc giáo trình được xây dựng theo phương pháp tiếp cận mô đun thực hành tích hợp, gồm 2 bài học lớn phân bổ trên 68 trang tài liệu: Bài 1 tập trung vào nền tảng kết hợp PHP - MySQL và thiết kế layout; Bài 2 hướng dẫn hoàn chỉnh hai dự án website thực tế (Website Tin tức và Website Thương mại) cùng quy trình xuất bản lên môi trường mạng Internet. Điểm đặc thù của tài liệu là phương pháp diễn giải bám sát thao tác kỹ thuật, tích hợp ảnh chụp giao diện phpMyAdmin và các đoạn mã nguồn mẫu rõ ràng.

---

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

                    CẤU TRÚC PHÂN PHỐI CHƯƠNG TRÌNH MH22
                    
   +----------------------------------------------------------------+
   |  BÀI 1: KẾT HỢP PHP VỚI MYSQL (Trang 5 - 31)                   |
   +----------------------------------------------------------------+
   |  • Thiết kế Layout: HTML, CSS, Bootstrap                       |
   |  • Xây dựng CSDL: phpMyAdmin, Engine Apache/MySQL              |
   |  • Kỹ thuật truy vấn: SELECT, WHERE, ORDER BY, LIMIT           |
   |  • Thao tác dữ liệu: INSERT, UPDATE, DELETE                    |
   |  • Hiển thị, tìm kiếm và phân hệ Quản trị (CRUD)               |
   +-------------------------------+--------------------------------+
                                   |
                                   v
   +-------------------------------+--------------------------------+
   |  BÀI 2: HOÀN CHỈNH WEBSITE (Trang 32 - 68)                     |
   +----------------------------------------------------------------+
   |  • Dự án 1: Xây dựng Website Tin tức                           |
   |  • Dự án 2: Xây dựng Website Thương mại                        |
   |  • Quản trị dữ liệu đa bảng & logic nghiệp vụ                  |
   |  • Xuất bản: Đăng ký Domain, Web Hosting & Upload mã nguồn     |
   +----------------------------------------------------------------+

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

Nội dung đào tạo của giáo trình được triển khai qua 2 phần trọng tâm:

• Bài 1: Kết hợp PHP với MySQL (Trang 5 - 31):

  • Thiết kế Layout: Ôn tập nền tảng HTML/CSS; tích hợp thư viện Bootstrap (tải từ getbootstrap.com); hoàn thiện cấu trúc giao diện đa trang gồm: Trang chủ (Home), Hỗ trợ (Support), Nhật ký (Blog), Giới thiệu (About Us) và Liên hệ (Contact Us).
  • Quản trị Cơ sở dữ liệu: Hướng dẫn khởi động dịch vụ Apache và MySQL; tạo cơ sở dữ liệu mẫu tintuc với bảng mã utf8_general_ci; cấu trúc bảng tin_xahoi gồm 5 trường: id (INT, Auto Increment, Primary Key), title (TEXT, 100), date (DATE), description (TEXT, 200), content (LONGTEXT, 1000).
  • Truy vấn và xử lý dữ liệu: Cú pháp câu lệnh SELECT kết hợp mệnh đề lọc WHERE, toán tử quan hệ (=, >, <, <>), toán tử luận lý (AND, OR), sắp xếp dữ liệu ORDER BY (ASC/DESC) và giới hạn bản ghi LIMIT ứng dụng trong thuật toán phân trang.
  • Thao tác thay đổi dữ liệu: Cú pháp câu lệnh INSERT INTO (khai báo rõ cột hoặc không khai báo cột, thiết lập ràng buộc khóa ngoại), câu lệnh UPDATE cập nhật trường dữ liệu, câu lệnh DELETE xóa bản ghi.
  • Phân hệ hiển thị và quản trị: Kỹ thuật đổ dữ liệu động ra giao diện Client, xây dựng chức năng tìm kiếm dữ liệu, thiết kế trang quản trị Admin thực thi đầy đủ 4 thao tác CRUD (Create, Read, Update, Delete).

• Bài 2: Hoàn chỉnh Website (Trang 32 - 68):

  • Dự án Website Tin tức: Thiết kế layout giao diện người dùng; tạo lập cơ sở dữ liệu tintuc; lập trình phân hệ quản trị tin tức (thêm bài viết, duyệt danh sách, sửa nội dung, xóa tin); hiển thị tin tức theo chuyên mục ngoài trang chủ.
  • Dự án Website Thương mại: Thiết kế giao diện catalog sản phẩm; xây dựng cấu trúc bảng cơ sở dữ liệu phục vụ thương mại điện tử; lập trình các chức năng quản lý danh mục và chi tiết sản phẩm.
  • Triển khai hệ thống (Deployment): Hướng dẫn quy trình đăng ký tên miền (Domain Name), thuê không gian lưu trữ (Web Hosting), cấu hình kết nối máy chủ và upload toàn bộ hệ thống website lên môi trường Internet.

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

Giáo trình củng cố và hệ thống hóa các khái niệm lý thuyết cốt lõi trong kỹ thuật phần mềm web:

• Mô hình tương tác Server - Client: Quá trình gửi nhận request/response và xử lý dữ liệu phía máy chủ (Server-side scripting) bằng ngôn ngữ PHP.
• Mô hình Cơ sở dữ liệu quan hệ (RDBMS): Khái niệm khóa chính (Primary Key), trường tự tăng (Auto Increment), khóa ngoại (Foreign Key) và quy tắc toàn vẹn tham chiếu (Reference Integrity) minh họa qua quan hệ giữa bảng SINHVIEN (sv_id, sv_name, sv_description, lop_id) và bảng LOP.
• Ngôn ngữ truy vấn có cấu trúc (SQL): Chuẩn hóa tập lệnh DML (Data Manipulation Language) qua các câu lệnh chuẩn: SELECT, INSERT, UPDATE, DELETE.

                    MÔ HÌNH QUAN HỆ DỮ LIỆU ĐƯỢC GIẢNG DẠY
                    
  +--------------------------+             +--------------------------+
  |           LOP            |             |         SINHVIEN         |
  +--------------------------+             +--------------------------+
  | * lop_id  (PK)           |<----+       | * sv_id          (PK, AI)|
  |   lop_name               |     |       |   sv_name                |
  +--------------------------+     |       |   sv_description         |
                                   +-------| # lop_id         (FK)    |
                                           +--------------------------+

Kỹ năng phát triển

Thông qua các bài học, người học rèn luyện hệ thống kỹ năng chuyên môn:

• Kỹ năng kỹ thuật (Technical skills): Cấu trúc layout responsive bằng Bootstrap kết hợp CSS tùy biến; tạo và tối ưu hóa bảng dữ liệu trên phpMyAdmin; viết câu lệnh truy vấn SQL chính xác theo yêu cầu logic; viết mã PHP kết nối và thao tác với MySQL.
• Kỹ năng phân tích (Analytical skills): Phân tích kiểu dữ liệu tương ứng với nội dung thực tế (INT, TEXT, LONGTEXT, DATE); xác định ràng buộc logic và phân tích quan hệ thực thể trong bài toán quản lý.
• Kỹ năng thực hành (Practical competencies): Xây dựng hoàn chỉnh phân hệ quản trị nội dung từ đầu đến cuối; vận hành công cụ quản trị máy chủ cục bộ (XAMPP/WampServer với Apache và MySQL); triển khai mã nguồn và cơ sở dữ liệu lên hosting thực tế.

---

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

Giáo trình MH22 áp dụng phương pháp sư phạm tích hợp (Integrated Vocational Pedagogy), kết hợp song song giữa lý thuyết cú pháp và thực hành trực tiếp trên máy tính. Kiến thức không trình bày dưới dạng hàn lâm thuần túy mà gắn liền với các bước thao tác kỹ thuật có hình ảnh minh họa đối sánh.

+------------------------------------------------------------------------+
|             QUY TRÌNH HỌC TẬP TÍCH HỢP THEO MÔ ĐUN MH22                |
+------------------------------------------------------------------------+
| 1. Khởi động môi trường : Kích hoạt Apache & MySQL trên Web Server     |
| 2. Thiết kế Layout      : Phối hợp HTML5, CSS3, Grid System Bootstrap  |
| 3. Kiến trúc CSDL       : Khởi tạo DB, Table, Datatypes, Primary Key   |
| 4. Lập trình Logic      : Viết mã nguồn PHP kết nối & thực thi SQL     |
| 5. Kiểm thử CRUD        : Vận hành các chức năng Thêm - Sửa - Xóa      |
| 6. Triển khai           : Đóng gói, cấu hình Hosting & Domain          |
+------------------------------------------------------------------------+

• Hệ thống bài tập và Case Studies:
  • Tài liệu đưa ra các tình huống thực hành trực quan, như quản lý bảng dữ liệu khách hàng CUSTOMERS, danh sách lớp học và sinh viên (SINHVIEN, LOP).
  • Hai case study trung tâm được triển khai hoàn chỉnh: Website Tin tức (xử lý bài viết xã hội, hiển thị ngày đăng, nội dung chi tiết) và Website Thương mại (hiển thị sản phẩm, thông tin giao dịch).
• Phương pháp thực hành: Người học thực hiện trực tiếp quy trình chuẩn: Khởi động máy chủ cục bộ $\rightarrow$ Thiết kế CSDL trên phpMyAdmin $\rightarrow$ Thiết lập cấu trúc giao diện trang $\rightarrow$ Nhúng lệnh PHP để lấy hoặc cập nhật dữ liệu $\rightarrow$ Kiểm thử giao diện quản trị và trang hiển thị phía người dùng.
• Phương pháp đánh giá: Đánh giá thông qua sản phẩm đầu ra của từng bài học, bao gồm: tính hợp lệ của cơ sở dữ liệu (đúng kiểu dữ liệu, có khóa chính), độ chính xác của các câu lệnh SQL, khả năng hiển thị dữ liệu động ra trang web và mức độ hoàn thiện của hai website dự án cuối khóa.
• Hướng dẫn tự học: Sinh viên theo dõi tài liệu từng bước theo chỉ dẫn giao diện (bấm nút Structure, nhập tên trường, chọn Auto Increment, gán thuộc tính Primary), tự kiểm tra kết quả qua thông báo thực thi của phpMyAdmin (rows inserted, mã lỗi trả về) để chủ động gỡ lỗi cú pháp.

---

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

Nội dung giáo trình phản ánh các yêu cầu kỹ thuật thực tế trong công tác đào tạo nghề lập trình web trình độ cao đẳng:

+-------------------------------------------------------------------------+
|                  ĐIỂM ĐẶC TRƯNG VÀ THỰC TIỄN CỦA TÀI LIỆU               |
+-------------------------------------------------------------------------+
| [✓] Sử dụng chuẩn giao diện Responsive với Bootstrap hiện đại           |
| [✓] Hướng dẫn quản trị dữ liệu trực quan bằng phpMyAdmin                |
| [✓] Kỹ thuật truy vấn tối ưu: Lọc (WHERE), Sắp xếp (ORDER BY),          |
|     Phân trang hiệu năng cao (LIMIT)                                    |
| [✓] Xử lý ràng buộc khóa ngoại (Foreign Key) đảm bảo toàn vẹn dữ liệu   |
| [✓] Đào tạo toàn diện quy trình: Thiết kế -> Lập trình -> Triển khai    |
+-------------------------------------------------------------------------+

• Tích hợp công nghệ giao diện phổ biến: Tài liệu kết hợp trực tiếp giữa HTML/CSS cơ bản và Bootstrap framework (nguồn chính thức từ getbootstrap.com), giúp rút ngắn thời gian xây dựng layout và chuẩn hóa giao diện tương thích đa thiết bị.
• Gắn liền với các kỹ thuật truy vấn thực tế:
  • Kỹ thuật phân trang sử dụng mệnh đề LIMIT start, limit được giải thích rõ ràng nhằm tối ưu tốc độ tải trang khi tập dữ liệu lớn.
  • Kỹ thuật sắp xếp dữ liệu động với ORDER BY field_name ASC|DESC.
  • Kỹ thuật kiểm soát tính toàn vẹn dữ liệu thông qua cơ chế khóa ngoại giữa các bảng quan hệ (ví dụ: ràng buộc lop_id khi thêm mới sinh viên vào bảng SINHVIEN).
• Quy trình khép kín từ phát triển đến triển khai: Không chỉ dừng lại ở môi trường máy chủ cục bộ (Localhost), giáo trình hoàn thiện năng lực nghề nghiệp cho sinh viên bằng hướng dẫn đăng ký tên miền, thuê hosting và tải toàn bộ mã nguồn website lên máy chủ Internet thực tế.

---

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

Giáo trình Lập trình web nâng cao được thiết kế phục vụ các nhóm đối tượng cụ thể trong hệ thống giáo dục nghề nghiệp:

+--------------------------------------------------------------------------+
|                          ĐỐI TƯỢNG SỬ DỤNG                               |
+--------------------------------------------------------------------------+
| 1. Sinh viên Cao đẳng   : Ngành Tin học ứng dụng, CNTT, Công nghệ phần   |
|                           mềm (Học kỳ chuyên môn nghề).                  |
| 2. Giảng viên phụ trách : Tài liệu chuẩn giảng dạy mô đun MH22, biên     |
|                           soạn bài giảng thực hành và đề thi tay nghề.   |
| 3. Người tự học         : Tài liệu tham khảo tự học lập trình Web động   |
|                           (PHP & MySQL stack cơ bản).                    |
+--------------------------------------------------------------------------+

• Sinh viên: Dành cho sinh viên năm thứ hai hoặc các kỳ chuyên ngành thuộc ngành Tin học ứng dụng (và các ngành kỹ thuật liên quan như Công nghệ thông tin, Thiết kế web) trình độ Cao đẳng.
• Yêu cầu kiến thức tiên quyết (Prerequisites): Người học cần có kiến thức nền tảng về Lập trình web cơ bản (ngữ nghĩa thẻ HTML, các thuộc tính CSS), kiến thức cơ sở về tin học đại cương và thao tác máy tính cơ bản.
• Giảng viên: Sử dụng làm đề cương và tài liệu chuẩn để phân phối tiết giảng lý thuyết, biên soạn hệ thống bài thực hành trong phòng máy, thiết kế các tiêu chí đánh giá cho mô đun MH22.
• Tự học và tham khảo: Phù hợp làm tài liệu hướng dẫn từng bước (step-by-step tutorial) cho kỹ thuật viên hoặc người học muốn bổ sung kiến thức về lập trình web động hướng dữ liệu với bộ đôi PHP và MySQL.

---

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

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

Giáo trình được thiết kế chuẩn hóa cho sinh viên hệ Cao đẳng ngành Tin học ứng dụng theo chương trình của Trường Cao Đẳng Bách Khoa Nam Sài Gòn, đồng thời phù hợp với người học kỹ thuật muốn tiếp cận quy trình xây dựng web động theo định hướng thực hành nghề nghiệp.

2. Cần kiến thức nền nào trước khi học giáo trình này?

Người học cần nắm vững kiến thức thiết kế web tĩnh cơ bản (HTML và CSS). Giáo trình có phần ôn tập ngắn về HTML/CSS trước khi chuyển tiếp sang tích hợp framework Bootstrap và lập trình phía máy chủ với PHP/MySQL.

3. Điểm khác biệt của giáo trình so với các tài liệu thuần lý thuyết?

Giáo trình tập trung 100% vào năng lực thực hành: mọi câu lệnh SQL đều đi kèm ví dụ bảng cụ thể (tintuc, SINHVIEN, CUSTOMERS); mọi thao tác cơ sở dữ liệu đều có ảnh chụp màn hình phpMyAdmin đối chiếu; kết thúc môn học bằng 02 sản phẩm hoàn chỉnh là Website Tin tức và Website Thương mại.

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

Người học cần cài đặt môi trường máy chủ cục bộ (khởi động dịch vụ Apache và MySQL thông qua XAMPP hoặc WampServer), tự tay tạo lập cấu trúc database theo đúng thông số kỹ thuật được chỉ định trong Bài 1, sau đó viết code theo từng bước từ hiển thị dữ liệu đến hoàn thiện các trang quản trị CRUD.

5. Giáo trình có hướng dẫn đưa website lên mạng không?

Có. Nội dung cuối Bài 2 dành riêng một phần hướng dẫn về đăng ký tên miền (Domain), đăng ký dịch vụ lưu trữ (Web Hosting) và quy trình upload toàn bộ dữ liệu, mã nguồn để website hoạt động trên môi trường Internet.

---

Kết luận

Giáo trình Lập trình web nâng cao (Mã MH22) của Trường Cao Đẳng Bách Khoa Nam Sài Gòn là tài liệu đào tạo nghề chuẩn xác, mang tính ứng dụng thực tế cao cho sinh viên ngành Tin học ứng dụng. Bằng việc phân chia lộ trình đào tạo khoa học từ xây dựng giao diện Bootstrap, thiết lập cơ sở dữ liệu MySQL, viết truy vấn dữ liệu đến tích hợp mã nguồn PHP, giáo trình trang bị đầy đủ năng lực để người học tự xây dựng các hệ thống web động hoàn chỉnh.

Lộ trình học tập đề xuất:

1. Giai đoạn 1: Hoàn thiện kỹ năng layout đa trang với HTML, CSS và Bootstrap.
2. Giai đoạn 2: Thành thạo tạo lập bảng, kiểu dữ liệu, khóa chính/khóa ngoại và các truy vấn SELECT, INSERT, UPDATE, DELETE trên phpMyAdmin.
3. Giai đoạn 3: Hiện thực hóa các phân hệ người dùng và trang quản trị trên hai dự án mẫu (Website Tin tức và Website Thương mại).
4. Giai đoạn 4: Đóng gói sản phẩm, cấu hình hosting và triển khai tên miền.

Tài liệu tham khảo và công cụ đi kèm được trích dẫn trong giáo trình:

• Trang chủ framework Bootstrap: https://getbootstrap.com/
• Kho giao diện mẫu: https://www.com/free-css-templates/
• Môi trường quản trị hệ thống: Web Server Apache, MySQL Database Engine và phpMyAdmin.

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

ĀY BAN NHÂN DÂN THÀNH PHà Hâ CHÍ MINH TR¯âNG CAO ĐÀNG BÁCH KHOA NAM SÀI GÒN GIÁO TRÌNH MÔN HàC/MÔ ĐUN: L¾P TRÌNH WEB NÂNG CAO NGÀNH/NGHÀ: TIN HàC ĀNG DĀNG TRÌNH ĐÞ: CAO ĐÀNG Ban hành kèm theo Quyết định số: 459/QĐ-NSG, ngày 31 tháng 08 năm 2022 của Hiệu trưởng Trường Cao Đẳng Bách Khoa Nam Sài Gòn Tp. Hồ Chí Minh, năm 2022 Giáo trình Lập trình web nâng cao TUYÊN BÞ BÀN QUYÀN Tài liáu này thußc lo¿i sách giáo trình nên các nguãn thông tin có thß đ°ợc phép dùng nguyên bÁn hoặc trích dùng cho các mÿc đích về đào t¿o và tham khÁo. Mọi mÿc đích khác mang tính lách l¿c hoặc sử dÿng vái mÿc đích kinh doanh thiếu lành m¿nh sẽ bị nghiêm cấm. Trang 2/68 Giáo trình Lập trình web nâng cao MĀC LĀC LâI GIàI THIàU .5 Bài 1: Kết hợp PHP vái MySQL.

Thiết kế Layout sử dÿng HTML, CSS, Bootstrap. Ôn tÁp HTML, CSS. Sử dÿng Bootstrap trong thiết kế Layoutweb. Hoàn thành giao dián web.

Các thao tác xử lý trên c¢ så dữ liáu. Truy vấn lọc dữ liáu. Truy vấn thêm, sửa, xóa, cÁp nhÁt dữ liáu. Hißn thị, tìm kiếm dữ liáu lên website.

Hißn thị dữ liáu từ c¢ så dữ liáu lên giao dián. Tìm kiếm dữ liáu trên website. QuÁn trị dữ liáu trên website. Hißn thị dữ liáu lên trang quÁn trị.

Thao tác sửa dữ liáu. Thao tác xóa dữ liáu .30 Bài 2: Hoàn chỉnh Website. Website tin tức. Thiết kế giao dián.

Thiết kế c¢ så dữ liáu. QuÁn trị dữ liáu .42 Trang 3/68 Giáo trình Lập trình web nâng cao 2. Hißn thị dữ liáu lên giao dián. Website th°¢ng m¿i.

Thiết kế giao dián. Thiết kế c¢ så dữ liáu. QuÁn trị dữ liáu. Đăng ký host, tên miền.65 TÀI LIàU THAM KHÀO:.68 Trang 4/68 Giáo trình Lập trình web nâng cao LâI GIàI THIàU Môn học này thußc khái kiến thức chuyên môn nghề trong ch°¢ng trình đào t¿o ngành tin học ứng dÿng há cao đẳng.

LÁp trình web nâng cao là môn học bắt bußc trong ch°¢ng trình ngành Tin học ứng dÿng trình đß cao đẳng. Nßi dung giáo trình gãm 2 bài: - Bài 1: Kết hợp PHP vái MySQL - Bài 2: Hoàn chỉnh Website Trong quá trình biên so¿n chúng tôi đã kết hợp kinh nghiám giÁng d¿y trong nhiều năm cāa nhóm tác giÁ vái mong muán có thß giúp cho học sinh – sinh viên dß dàng nắm bắt đ°ợc nßi dung cāa môn học. Mặc dù, rất cá gắng trong quá trình biên so¿n, nh°ng chắc chắn không thß tránh khßi những thiếu sót, vì vÁy, nhóm tác giÁ chúng tôi rất mong nhÁn đ°ợc ý kiến đóng góp cāa b¿n đọc đß giáo trình ngày mßt hoàn thián h¢n. HCM, ngày 31 tháng 08 năm 2022 Tham gia biên so¿n 1.

Chā biên: ThS Lê Thị Thùy Trang 2. Trang 5/68 Giáo trình Lập trình web nâng cao GIÁO TRÌNH MÔN HàC/MÔ ĐUN Tên môn hác/mô đun: LÀP TRÌNH WEB NÂNG CAO Mã môn hác/mô đun: MH22 Vß trí, tính chất, ý nghĩa và vai trò cÿa môn hác/mô đun: - Vị trí: Môn học này thußc khái kiến thức chuyên môn nghề trong ch°¢ng trình đào t¿o ngành tin học ứng dÿng há cao đẳng. - Tính chất: LÁp trình web nâng cao là môn học bắt bußc trong ch°¢ng trình ngành Tin học ứng dÿng trình đß cao đẳng. Māc tiêu cÿa môn hác/mô đun: 1.

Về kiến thức: − Trình bày đ°ợc quá trình trao đổi dữ liáu giữa server và client; − Trình bày đ°ợc cú pháp lánh nhúng mã PHP; − Trình bày đ°ợc trình tự các b°ác kết hợp bootstrap, CSS, HTML; − Trình bày đúng cú pháp câu lánh MySQL. Về kỹ năng: − Thiết kế đ°ợc giao dián website bằng boottrap, CSS, HTML; − Sử dÿng đ°ợc câu lánh MySQL kết hợp vái ngôn ngữ lÁp trình PHP đß hißn thị dữ liáu lên trang web; − QuÁn trị đ°ợc c¢ så dữ liáu website. Về năng lực tự chā và trách nhiám: − Rèn luyán lòng yêu nghề, t° thế tác phong công nghiáp, tính kiên trì, sáng t¿o trong công viác. Nßi dung cÿa môn hác/mô đun: Bài 1: K¿t hÿp PHP vái MySQL 1.

Māc tiêu: − Sử dÿng đ°ợc các láp cāa bootstrap; − Kết hợp đ°ợc ngôn ngữ PHP vái MySQL đß hißn thị dữ liáu; − Thực hián đ°ợc trang quÁn trị dữ liáu. Thi¿t k¿ Layout sử dāng HTML, CSS, Bootstrap 2. Ôn t¿p HTML, CSS Thiết kế trang chā - Home Trang 6/68 Giáo trình Lập trình web nâng cao Trang 7/68 Giáo trình Lập trình web nâng cao Thiết kế trang hỗ trợ - Support Trang 8/68 Giáo trình Lập trình web nâng cao Thiết kế trang Blog Trang 9/68 Giáo trình Lập trình web nâng cao Thiết kết trang giái thiáu – About Us Trang 10/68 Giáo trình Lập trình web nâng cao Trang 11/68 Giáo trình Lập trình web nâng cao Thiết kế trang liên há - Contact Us Trang 12/68 Giáo trình Lập trình web nâng cao Nguãn: https://www.com/free-css-templates/ 2. Sử dāng Bootstrap trong thi¿t k¿ Layoutweb TÁi ứng dÿng bootstrap: https://getbootstrap.com/ GiÁi nén th° mÿc Chép tÁp tin cần sử dÿng 2.

Hoàn thành giao dián web 2. T¿o c¡ sở dữ liáu - Start Apache và MySQL - Vào Databases trên thanh menu hoặc kích vào New Trang 13/68 Giáo trình Lập trình web nâng cao - Database name: điền tên database cần t¿o, ví dÿ: tintuc. - Collation: chọn d¿ng ngôn ngữ hißn thị, b¿n có thß chọn utf8_general_ci. - Click Create đß t¿o database - T¿o table – phpMyAdmin Trang 14/68 Giáo trình Lập trình web nâng cao - Click vào database tintuc å danh sách bên trái, click chọn tab Structure.

- ä phần Create table điền tên table (ví dÿ: tin_xahoi) và sá cßt (ví dÿ: 5 cßt). Click vào button Go đß sang b°ác điền thông tin cho từng cßt. - id: Sá thứ tự cho mỗi hàng dữ liáu (record), sá này sẽ cho tăng tự đßng (auto increment) và th°ãng chọn là khóa chính (primary key), chọn dữ liáu là sá (INT), vái chiều dài 10 ký tự (t°¢ng ứng vái thứ tự lên tái 10 sá tự nhiên). - title: tiêu đề cho tin tức, do tiêu đề th°ãng ngắn, ta chọn dữ liáu là TEXT vái chiều dài 100 ký tự.

- date: ngày viết tin tức, chọn dữ liáu là DATE. - description: dòng mô tÁ ngắn cho tin tức, chọn dữ liáu là TEXT vái chiều dài 200 ký tự. - content: Nßi dung cho tin tức, đây là nßi dung dài, nên chọn kißu dữ liáu là LONGTEXT vái chiều dài 1000 ký tự. Trang 15/68 Giáo trình Lập trình web nâng cao - Click button Save bên d°ái đß kết thúc viác t¿o table.

- Table vừa t¿o sẽ có d¿ng nh° sau: Trang 16/68 Giáo trình Lập trình web nâng cao - Chỉnh AUTO INCREMENT cho id - Viác này cần thiết, vì mỗi khi thêm mßt hàng dữ liáu thì mÿc id sẽ tự đßng đ°ợc tăng thêm 1. - T¿i hàng id, cßt Action, Click chọn Change. - ä màn hình điều chỉnh, tìm và click chọn checkbox å vị trí A_I. - Click Save đß thay đổi điều chỉnh và xem kết quÁ.

Trang 17/68 Giáo trình Lập trình web nâng cao Chỉnh KHÓA CHÍNH cho id: Mỗi table chỉ có mßt khóa chính, khóa chính có tác dÿng xác định tính duy nhất cāa mỗi hàng dữ liáu trong table, ngoài ra đ°ợc dùng đß t¿o mái liên há 1-n tham chiếu đến các table khác. T¿i hàng id, cßt Action, Click chọn Primary, khi đó sẽ có màn hình confirm xuất hián, click Ok đß xác nhÁn. Trang 18/68 Giáo trình Lập trình web nâng cao Tạo 1 record dữ liệu: - Chọn table tin_xahoi  click chọn tab Insert. - ä màn hình chèn record, điền dữ liáu t°¢ng tự nh° hình bên d°ái: - id: không cần điền, dữ liáu sẽ tự tăng.

- Các vị trí khác chỉ quan tâm đến tr°ãng Value - Click Go đß insert dữ liáu, nếu tất cÁ đúng sẽ xuất hián câu thông báo <rows inserted=, nếu báo lỗi thì xem thông báo lỗi đß chỉnh cho phù hợp. Trang 19/68 Giáo trình Lập trình web nâng cao - Click chọn tab Browser đß xem dữ liáu đ°ợc insert. Trang 20/68 Giáo trình Lập trình web nâng cao 2. Các thao tác xử lý trên c¡ sở dữ liáu 2.

Truy vấn lác dữ liáu Lệnh SELECT trong MySQL: Lánh SELECT có nhiám vÿ lấy danh sách dữ liáu cāa mßt hoặc nhiều bÁng trong database, tuy nhiên ph¿m vi cāa bài này chúng ta chỉ đề cÁp đến SELECT mßt table, trong bài học về JOIN chúng ta sẽ tìm hißu SELECT nhiều table. Cú pháp cāa lánh SELECT nh° sau: Trong đó: - SELECT field1, field2, field3,. là danh sách các fields cần lấy - FROM table_name tên table cần lấy - WHERE <dieu_kien_loc> là các điều kián đß lấy các dòng dữ liáu Trang 21/68 Giáo trình Lập trình web nâng cao - ORDER BY field_name, ASC|DESC: là cách sắp xếp cho field_name theo kißu ASC (tăng dần) hoặc DESC (giÁm dần) - LIMIT start, limit là lấy limit records kß từ record thứ start trong kết quÁ. Ví dÿ: Lấy danh sách sinh viên gãm các thông tin sv_id, sv_name, sv_description từ bÁng SINHVIEN.

Đß lấy tất cÁ các fields thì ta sử dÿng dấu sao (*). Lệnh SELECT có WHERE: Đß lọc danh sách sinh viên theo mßt tiêu chí nào đó thì ta sử dÿng thêm chức năng WHERE trong SELECT. Ví dÿ tôi muán lấy sinh viên có tên là 'Mr Kinh' thì tôi sẽ viết câu truy vấn nh° sau: BÁng các toán tử quan há thông dÿng: Các toán tử quan há chính là các toán tử thß hián mái quan há giữa hai vế (vế phÁi và vế trái). Trang 22/68 Giáo trình Lập trình web nâng cao Ví dÿ 1: Lấy danh sách sinh viên có sv_id lán h¢n 2.

Ví dÿ 2: Lấy danh sách sinh viên có tên không phÁi là Mr Cuong Ví dÿ 3: Lấy danh sách sinh viên có sv_id bé h¢n 3 BÁng các toán t° luÁn lý thông dÿng: Toán tử luÁn lý dùng đß thß hián suy luÁn giữa hai mánh đề (mánh đề trái, mánh đề phÁi) và từ đó trÁ về kết quÁ đúng hoặc sai. Trang 23/68 Giáo trình Lập trình web nâng cao Ví dÿ 1: Lấy danh sách sinh viên có sv_id > 1 và có tên là Mr Cuong Ví dÿ 2: Lấy danh sách sinh viên có id = 2 hoặc có tên là Mr Kinh Lệnh SELECT có ORDER BY: ORDER dùng đß sắp xếp kết quÁ trÁ về cāa câu truy vấn, nó có hai tham sá là tên field và kißu sắp xếp. Sau đây là cách dùng cāa cÁ hai tr°ãng hợp. Sắp xếp tăng dần: Sắp xếp giÁm dần: Trang 24/68 Giáo trình Lập trình web nâng cao Lênh SELECT có LIMIT: LIMIT dùng đß giái h¿n hết quÁ trÁ về và rất th°ãng hay sử dÿng kết hợp vái thuÁt toán phân trang đß tác đß website ch¿y nhanh h¢n.

Nó có hai tham sá đó là vị trí record cần lấy (start) và lấy bao nhiêu record (limit).