"Node.js hoạt động dựa trên mô hình hướng sự kiện (Event-Driven). Hiểu EventEmitter là bước quan trọng để xây dựng các ứng dụng bất đồng bộ hiệu quả."

🎯 Mục tiêu bài học

Sau bài này bạn sẽ:

• Hiểu Event là gì.

• Biết EventEmitter hoạt động như thế nào.

• Thành thạo các hàm:

  • on()

  • once()

  • emit()

  • off()

• Truyền dữ liệu qua sự kiện.

• Biết cách xây dựng hệ thống Publisher–Subscriber (Pub/Sub) đơn giản.

  

Event là gì?

Event (Sự kiện) là một hành động xảy ra trong chương trình.

Ví dụ:

• Người dùng bấm nút.

• File được đọc xong.

• Server nhận request.

• Timer kết thúc.

• Có người đăng nhập.

Khi một sự kiện xảy ra, chương trình có thể thực hiện một hoặc nhiều hành động tương ứng.

EventEmitter là gì?

Node.js cung cấp lớp EventEmitter để:

• Phát sự kiện (emit)

• Lắng nghe sự kiện (listen)

Import:

import EventEmitter from "node:events";

Tạo đối tượng:

const event = new EventEmitter();

emit()

Phát một sự kiện.

import EventEmitter from "node:events";

const event = new EventEmitter();

event.emit("hello");

Ở ví dụ trên sẽ không có gì xảy ra, vì chưa có ai lắng nghe sự kiện.

on()

Đăng ký lắng nghe sự kiện.

import EventEmitter from "node:events";

const event = new EventEmitter();

event.on("hello", () => {

    console.log("Xin chào Node.js");

});

event.emit("hello");

Kết quả

Xin chào Node.js

emit() nhiều lần

event.emit("hello");

event.emit("hello");

event.emit("hello");

↓

Xin chào Node.js

Xin chào Node.js

Xin chào Node.js

Mỗi lần emit() được gọi, tất cả các listener của sự kiện sẽ được thực thi.

once()

Chỉ chạy một lần.

event.once("login", () => {

    console.log("Đăng nhập");

});

event.emit("login");

event.emit("login");

event.emit("login");

↓

Đăng nhập

Các lần sau sẽ không chạy nữa.

Truyền dữ liệu

Có thể gửi dữ liệu khi phát sự kiện.

event.on("welcome", (name) => {

    console.log(
        "Xin chào",
        name
    );

});

event.emit(
    "welcome",
    "Nguyễn Văn A"
);

↓

Xin chào Nguyễn Văn A

Nhiều tham số

event.on(
    "order",
    (
        id,
        total
    ) => {

        console.log(id);

        console.log(total);

    }
);

event.emit(
    "order",
    101,
    500000
);

↓

101

500000

Listener

Một sự kiện có thể có nhiều listener.

event.on("save", () => {

    console.log("Lưu Database");

});

event.on("save", () => {

    console.log("Ghi Log");

});

event.on("save", () => {

    console.log("Gửi Email");

});

event.emit("save");

↓

Lưu Database

Ghi Log

Gửi Email

Đây là ưu điểm lớn của lập trình hướng sự kiện: một sự kiện có thể kích hoạt nhiều hành động độc lập.

off()

Xóa listener.

function hello(){

    console.log("Hello");

}

event.on(
    "test",
    hello
);

event.off(
    "test",
    hello
);

event.emit("test");

↓

Không có kết quả.

removeAllListeners()

Xóa toàn bộ listener.

event.removeAllListeners(
    "save"
);

listenerCount()

Đếm listener.

console.log(

event.listenerCount(
"save"
)

);

↓

3

eventNames()

Danh sách các sự kiện.

console.log(

event.eventNames()

);

↓

[
'login',
'save'
]

Ví dụ thực tế

Giả sử người dùng đăng ký tài khoản.

event.on("register", () => {

    console.log(
        "Lưu Database"
    );

});

event.on("register", () => {

    console.log(
        "Gửi Email"
    );

});

event.on("register", () => {

    console.log(
        "Tạo Log"
    );

});

event.emit("register");

↓

Lưu Database

Gửi Email

Tạo Log

Một sự kiện nhưng thực hiện nhiều công việc khác nhau mà các phần của chương trình không cần biết chi tiết về nhau.

Mô hình Publisher–Subscriber

          emit()

Publisher
    │
    ▼
 EventEmitter
 ├────────────┐
 ▼            ▼
Subscriber  Subscriber
(Database)   (Email)

Publisher chỉ phát sự kiện.

Subscriber chỉ quan tâm đến sự kiện mình đăng ký.

Hai bên không phụ thuộc trực tiếp vào nhau.

Event trong Node.js

Rất nhiều module sử dụng EventEmitter.

Ví dụ

HTTP Server

Streams

File System

Socket.IO

WebSocket

Process

Bạn sẽ gặp EventEmitter rất nhiều khi làm việc với Express, WebSocket và các ứng dụng Realtime.

Ví dụ mini

import EventEmitter from "node:events";

const event =
new EventEmitter();

event.on(
"message",
(text)=>{

console.log(text);

});

event.emit(
"message",
"Hello Node.js"
);

↓

Hello Node.js

Những lỗi thường gặp

emit trước on

Sai

event.emit("hello");

event.on(
"hello",
()=>{

console.log("Hello");

});

↓

Không có kết quả.

Hãy đăng ký listener trước khi phát sự kiện.

Sai tên Event

event.on("save",()=>{});

event.emit("Save");

↓

Không chạy.

Tên sự kiện phân biệt chữ hoa và chữ thường.

Quên xóa Listener

Nếu liên tục thêm listener mà không gỡ bỏ khi không còn cần thiết, ứng dụng có thể tiêu tốn thêm bộ nhớ và Node.js sẽ cảnh báo khi số lượng listener vượt quá ngưỡng mặc định.

Thêm quá nhiều listener

MaxListenersExceededWarning

Có thể xảy ra khi bạn đăng ký quá nhiều listener cho cùng một sự kiện mà không quản lý vòng đời của chúng.

Khi nào nên dùng EventEmitter?

Rất phù hợp cho:

• Ghi log.

• Gửi email.

• Thông báo.

• Upload file.

• Chat Realtime.

• WebSocket.

• Plugin.

• Hệ thống mở rộng.

Bảng tổng hợp

Tổng kết

Module events là nền tảng của mô hình lập trình hướng sự kiện trong Node.js. 

Thông qua EventEmitter, bạn có thể phát và lắng nghe các sự kiện, truyền dữ liệu giữa các thành phần và xây dựng các hệ thống linh hoạt theo mô hình Publisher–Subscriber.

Đây là cơ chế được sử dụng rộng rãi trong nhiều module cốt lõi của Node.js và sẽ còn xuất hiện trong các phần Express, WebSocket và Realtime ở các bài học sau.

Bài tiếp theo

👉 Bài 10 — Streams & Buffer

Bạn sẽ học:

• Buffer là gì.

• Stream là gì.

• Readable Stream và Writable Stream.

• Pipe dữ liệu giữa các Stream.

• Vì sao Stream giúp Node.js xử lý các tệp lớn và dữ liệu truyền tải hiệu quả hơn mà không cần tải toàn bộ vào bộ nhớ.

x0
quay về MỤC LỤC

Dưới đây là Bài 19, tiếp nối trực tiếp sau Request. 

Bài này sử dụng luôn các bảng và Model đã có trong khóa học (users, posts, categories, tags, profiles, countries), không tạo thêm cấu trúc dữ liệu mới.

Ở bài trước, chúng ta đã học cách lấy dữ liệu từ người dùng thông qua Request.

Tuy nhiên, dữ liệu người dùng nhập vào không phải lúc nào cũng hợp lệ. Họ có thể để trống tiêu đề, nhập email sai định dạng hoặc chọn một Category không tồn tại.

Laravel cung cấp Validation để kiểm tra dữ liệu trước khi lưu vào cơ sở dữ liệu.

Validation là một trong những tính năng được sử dụng nhiều nhất trong mọi dự án Laravel.

Validation là gì?

Validation là quá trình kiểm tra dữ liệu đầu vào.

Ví dụ:

• Tiêu đề không được để trống.

• Nội dung phải có ít nhất 20 ký tự.

• Email phải đúng định dạng.

• Category phải tồn tại.

• Số điện thoại không được vượt quá số ký tự quy định.

Nếu dữ liệu không hợp lệ, Laravel sẽ tự động quay lại Form và hiển thị lỗi.

validate()

Trong Controller:

use Illuminate\Http\Request;

Ví dụ:

public function store(Request $request)
{
    $request->validate([

        'title' => 'required',

        'content' => 'required',

    ]);

}

Nếu người dùng bỏ trống một trong hai trường, Laravel sẽ tự động trả về lỗi.

required

Bắt buộc phải nhập.

'title' => 'required'

min

Độ dài tối thiểu.

'content' => 'required|min:20'

Người dùng phải nhập ít nhất 20 ký tự.

max

Giới hạn tối đa.

'title' => 'required|max:255'

Đây cũng là giới hạn phổ biến của kiểu dữ liệu string trong cơ sở dữ liệu.

email

Kiểm tra định dạng Email.

Ví dụ cập nhật User:

$request->validate([

    'email' => 'required|email',

]);

Laravel sẽ kiểm tra địa chỉ email có đúng định dạng hay không.

numeric

Chỉ cho phép số.

Ví dụ với số điện thoại trong bảng profiles:

$request->validate([

    'phone' => 'required|numeric',

]);

exists

Kiểm tra dữ liệu có tồn tại trong cơ sở dữ liệu.

Ví dụ khi thêm Post:

$request->validate([

    'category_id' =>

        'required|exists:categories,id',

]);

Nếu Category không tồn tại, Validation sẽ thất bại.

array

Người dùng chọn nhiều Tag.

$request->validate([

    'tags' => 'array',

]);

Kiểm tra từng Tag:

$request->validate([

    'tags.*' =>

        'exists:tags,id',

]);

Laravel sẽ kiểm tra từng ID trong mảng.

unique

Kiểm tra dữ liệu chưa tồn tại.

Ví dụ:

$request->validate([

    'email' =>

        'required|email|unique:users,email',

]);

Không cho phép trùng Email.

Validation khi tạo Post

Ví dụ:

$request->validate([

    'title' =>

        'required|max:255',

    'content' =>

        'required|min:20',

    'category_id' =>

        'required|exists:categories,id',

]);

Sau khi Validation thành công:

$post = Post::create([

    'title' => $request->title,

    'content' => $request->content,

    'category_id' => $request->category_id,

    'user_id' => 1,

]);

Tiếp theo:

$post->tags()->sync(

    $request->tags

);

Validation giúp đảm bảo dữ liệu trước khi lưu.

Validation cập nhật Profile

Ví dụ:

$request->validate([

    'phone' =>

        'required|numeric',

    'address' =>

        'required|max:255',

]);

Sau đó:

$profile->update([

    'phone' => $request->phone,

    'address' => $request->address,

]);

Hiển thị lỗi

Blade:

<input
    type="text"
    name="title"
    value="{{ old('title') }}">

Thông báo lỗi:

@error('title')

<div class="text-danger">

    {{ $message }}

</div>

@enderror

old() giúp giữ lại dữ liệu người dùng đã nhập sau khi Validation thất bại.

Validation Rule thường dùng

Tùy chỉnh thông báo lỗi

Có thể truyền thêm mảng thông báo:

$request->validate(

    [

        'title' => 'required',

    ],

    [

        'title.required' =>

            'Vui lòng nhập tiêu đề.',

    ]

);

Laravel sẽ hiển thị thông báo theo nội dung bạn định nghĩa.

Tổng kết

Trong bài này chúng ta đã học:

• Validation là gì.

• validate().

• Các Rule phổ biến.

• Validation với Post.

• Validation với Profile.

• Validation mảng Tag.

• Hiển thị lỗi bằng @error.

• Giữ dữ liệu bằng old().

Validation giúp bảo vệ dữ liệu, giảm lỗi và mang lại trải nghiệm tốt hơn cho người dùng.

Bài tập

1. Thêm Validation khi tạo Post.

2. Kiểm tra category_id bằng exists.

3. Kiểm tra title không vượt quá 255 ký tự.

4. Kiểm tra content có ít nhất 20 ký tự.

5. Kiểm tra tất cả Tag được chọn đều tồn tại.

6. Hiển thị lỗi bằng @error.

7. Giữ lại dữ liệu bằng old() khi Validation thất bại.

Bài tiếp theo

Ở Bài 20, chúng ta sẽ tìm hiểu Upload File, cách tải hình ảnh lên máy chủ, lưu đường dẫn vào cơ sở dữ liệu và hiển thị ảnh trong ứng dụng Laravel.

Bài 19 hoàn thiện quy trình xử lý Form cơ bản trong Laravel: Request → Validation → Lưu dữ liệu. Ở bài tiếp theo, người học sẽ bổ sung khả năng Upload File, một chức năng rất phổ biến trong các hệ thống Blog, CMS và ứng dụng quản lý nội dung.

"Để xây dựng ứng dụng thông minh, đôi khi bạn cần biết nó đang chạy trên hệ điều hành nào, có bao nhiêu CPU, bao nhiêu RAM và thư mục Home ở đâu. Module os giúp Node.js làm được điều đó."

🎯 Mục tiêu bài học

Sau bài này bạn sẽ:

• Hiểu module os là gì.

• Lấy thông tin hệ điều hành.

• Kiểm tra CPU, RAM và kiến trúc máy.

• Biết thư mục Home, Temp.

• Phân biệt các hàm thường dùng trong module os.

• Ứng dụng os trong các dự án thực tế.

  

Module os là gì?

os (Operating System) là module có sẵn của Node.js.

Không cần cài đặt.

Import:

import os from "node:os";

Hoặc theo từng hàm (lúc gọi k có chữ os)

import {
    cpus,
    totalmem
} from "node:os";

os.platform()

Cho biết hệ điều hành đang chạy.

import os from "node:os";

console.log(
    os.platform()
);

Ví dụ

Windows

win32

Linux

linux

macOS

darwin

Lưu ý: Giá trị win32 vẫn được sử dụng cho Windows 64-bit để đảm bảo tính tương thích ngược.

os.arch()

Kiến trúc CPU.

import os from "node:os";

console.log(
    os.arch()
);

Ví dụ

x64

Hoặc

arm64

os.hostname()

Tên máy tính.

console.log(
    os.hostname()
);

Ví dụ

DESKTOP-ABC123

os.type()

Loại hệ điều hành.

console.log(
    os.type()
);

Ví dụ

Windows

Windows_NT

Linux

Linux

macOS

Darwin

os.release()

Phiên bản hệ điều hành.

console.log(
    os.release()
);

Ví dụ

10.0.26100

os.version()

Thông tin phiên bản chi tiết hơn.

console.log(
    os.version()
);

Ví dụ

Windows 11 Pro

(Chuỗi trả về phụ thuộc vào hệ điều hành.)

os.cpus()

Thông tin CPU.

import os from "node:os";

console.log(
    os.cpus()
);

Ví dụ

[
 {
   model: "...",
   speed: 3200
 }
]

Đếm số lõi CPU

console.log(
    os.cpus().length
);

Ví dụ

8

os.availableParallelism()

Đây là cách hiện đại để biết số luồng xử lý khả dụng.

console.log(
    os.availableParallelism()
);

Ví dụ

8

Trong các phiên bản Node.js mới, os.availableParallelism() được khuyến nghị thay cho việc dùng os.cpus().length khi cần xác định mức độ song song phù hợp.

os.totalmem()

Dung lượng RAM.

console.log(
    os.totalmem()
);

Ví dụ

17071734784

Đổi sang GB

const ram =
os.totalmem() /
1024 /
1024 /
1024;

console.log(
ram.toFixed(2)
);

↓

15.90 GB

os.freemem()

RAM còn trống.

console.log(
    os.freemem()
);

Ví dụ

8478232576

os.homedir()

Thư mục Home.

console.log(
    os.homedir()
);

Windows

C:\Users\Admin

Linux

/home/admin

os.tmpdir()

Thư mục tạm.

console.log(
    os.tmpdir()
);

Ví dụ

Windows

C:\Users\Admin\AppData\Local\Temp

os.uptime()

Thời gian máy đã hoạt động.

console.log(
    os.uptime()
);

↓

86400

Nghĩa là

86400 giây

Đổi sang giờ

const hours =
os.uptime() /
60 /
60;

console.log(
hours.toFixed(1)
);

↓

24.0 giờ

os.userInfo()

Thông tin người dùng.

console.log(JSON.stringify(os.userInfo(), null, 2));

Ví dụ

{
 username:'admin',
 shell:'cmd'
}

os.networkInterfaces()

Thông tin mạng.

console.log(
    JSON.stringify(os.networkInterfaces(), null, 2)
);

Ví dụ

Ethernet

Wi-Fi

IPv4

IPv6

Thông tin này thường được dùng trong các công cụ quản trị hoặc chẩn đoán hệ thống.

os.EOL

Ký tự xuống dòng của hệ điều hành.

console.log(
    os.EOL
);

Windows

\r\n

Linux/macOS

\n

Ví dụ

import fs from "node:fs";
import os from "node:os";

fs.writeFileSync(
    "log.txt",
    "Dong 1" +
    os.EOL +
    "Dong 2"
);

Ví dụ thực tế

Hiển thị thông tin hệ thống

import os from "node:os";

console.log("Platform:", os.platform());

console.log("CPU:", os.availableParallelism());

console.log(
"RAM:",
(
os.totalmem()/1024/1024/1024
).toFixed(2),
"GB"
);

Kết quả

Platform: win32

CPU: 8

RAM: 15.90 GB

Khi nào dùng module os?

Rất hữu ích trong:

• Kiểm tra môi trường chạy.

• Hiển thị thông tin máy chủ.

• Công cụ CLI.

• Dashboard quản trị.

• Monitoring.

• Docker.

• VPS.

• DevOps.

Những lỗi thường gặp

Nhầm platform()

if(os.platform()=="windows")

Sai.

Đúng là

if(os.platform()=="win32")

Không đổi đơn vị RAM

console.log(
os.totalmem()
);

Kết quả

17071734784

Đây là byte, không phải GB.

Dùng cpus().length để tính hiệu năng

os.cpus().length cho biết số lõi logic, nhưng không phản ánh đầy đủ khả năng xử lý của hệ thống. Trong các ứng dụng hiện đại, nên ưu tiên os.availableParallelism() khi cần xác định số luồng làm việc phù hợp.

Bảng tổng hợp các hàm thường dùng

Tổng kết

Module os giúp Node.js truy cập thông tin về hệ điều hành và phần cứng của máy đang chạy ứng dụng. Với các API như platform(), availableParallelism(), totalmem() hay homedir(), bạn có thể xây dựng các chương trình thích ứng với nhiều môi trường khác nhau, đồng thời hỗ trợ giám sát và quản trị hệ thống hiệu quả.

Đây là một module nền tảng thường được sử dụng trong các công cụ CLI, ứng dụng máy chủ, Docker, VPS và các hệ thống giám sát.

import os from "node:os";

const user = os.userInfo();

console.log(`
Platform : ${os.platform()}
Arch     : ${os.arch()}
Hostname : ${os.hostname()}
Type     : ${os.type()}
Release  : ${os.release()}
Version  : ${os.version()}
CPU Model: ${os.cpus()[0].model}
CPU Speed: ${os.cpus()[0].speed} MHz
CPUs     : ${os.cpus().length}
Số luồng : ${os.availableParallelism()}
RAM  : ${(os.totalmem() / 1024 ** 3).toFixed(2)} GB
RAM trống: ${(os.freemem() / 1024 ** 3).toFixed(2)} GB
Home Dir : ${os.homedir()}
Temp Dir : ${os.tmpdir()}
Hoạt động: ${(os.uptime() / 3600).toFixed(2)} giờ

Username : ${user.username}
UID      : ${user.uid}
GID      : ${user.gid}
Home     : ${user.homedir}
Shell    : ${user.shell}

Network  : ${JSON.stringify(os.networkInterfaces(), null, 2)}

`);

Bài tiếp theo

👉 Bài 09 — Events

Bạn sẽ học:

• Event là gì.

• EventEmitter.

• on(), once(), emit().

• Truyền dữ liệu qua sự kiện.

• Xây dựng hệ thống xử lý sự kiện theo mô hình Publisher–Subscriber (Pub/Sub) trong Node.js.

Sau khi đã học xong Eloquent ORM và các Relationship, chúng ta sẽ chuyển sang phần Form.

Trong mọi ứng dụng web, người dùng luôn gửi dữ liệu lên máy chủ thông qua biểu mẫu (Form), URL hoặc API. 

Laravel cung cấp lớp Request để tiếp nhận và xử lý những dữ liệu này một cách đơn giản và an toàn.

Ở bài này, chúng ta sẽ tìm hiểu cách lấy dữ liệu từ Request trước khi chuyển sang Validation ở bài tiếp theo.

Request là gì?

Request là đối tượng đại diện cho một yêu cầu HTTP gửi đến Laravel.

Ví dụ người dùng:

• Mở một trang web.

• Gửi biểu mẫu thêm bài viết.

• Nhấn nút tìm kiếm.

• Cập nhật thông tin cá nhân.

Tất cả dữ liệu đều được Laravel đóng gói trong đối tượng Request.

Import Request

Trong Controller:

use Illuminate\Http\Request;

Ví dụ:

use Illuminate\Http\Request;

class PostController extends Controller
{
    public function store(Request $request)
    {

    }
}

Laravel sẽ tự động truyền đối tượng Request vào phương thức.

Tạo Form thêm Post

Ví dụ trong Blade:

<form action="{{ route('posts.store') }}" method="POST">

    @csrf

    <input
        type="text"
        name="title"
        placeholder="Tiêu đề">

    <textarea
        name="content"
        placeholder="Nội dung"></textarea>

    <select name="category_id">

        @foreach($categories as $category)

            <option value="{{ $category->id }}">
                {{ $category->name }}
            </option>

        @endforeach

    </select>

    <button type="submit">
        Lưu bài viết
    </button>

</form>

Danh sách Category chính là dữ liệu đã được tạo bằng Seeder ở các bài trước.

Lấy toàn bộ dữ liệu

Trong Controller:

public function store(Request $request)
{
    dd($request->all());
}

Ví dụ kết quả:

[
    "title" => "Laravel 12",
    "content" => "...",
    "category_id" => 2,
]

Lấy một trường

$title = $request->input('title');

Hoặc:

$title = $request->title;

Hai cách đều hợp lệ.

Giá trị mặc định

Nếu trường không tồn tại:

$status = $request->input(
    'status',
    0
);

Nếu không gửi status, Laravel sẽ trả về 0.

Kiểm tra dữ liệu

if ($request->has('title')) {

    echo "Có tiêu đề";

}

Kiểm tra nhiều trường:

$request->has([
    'title',
    'content'
]);

Chỉ lấy một số trường

$data = $request->only([
    'title',
    'content'
]);

Hoặc:

$data = $request->except([
    '_token'
]);

Điều này rất hữu ích khi lưu dữ liệu vào Model.

Tạo Post

Ví dụ:

Post::create([

    'title' => $request->title,

    'content' => $request->content,

    'category_id' => $request->category_id,

    'user_id' => 1,

]);

Trong dự án có đăng nhập, user_id thường lấy từ tài khoản đang đăng nhập. Ở giai đoạn hiện tại của khóa học, chúng ta tạm gán một giá trị cố định để tập trung vào cách xử lý Request.

Tìm kiếm Post

Request không chỉ dùng cho Form.

Ví dụ URL:

/posts?keyword=Laravel

Controller:

public function index(Request $request)
{
    $keyword = $request->keyword;

    $posts = Post::where(
        'title',
        'like',
        "%{$keyword}%"
    )->get();

    return view(
        'posts.index',
        compact('posts')
    );
}

Người dùng nhập từ khóa, Laravel sẽ lấy dữ liệu từ URL và tìm kiếm bài viết.

Lấy Category

Ví dụ:

/posts?category=2

Controller:

$category = $request->category;

$posts = Post::where(
    'category_id',
    $category
)->get();

Nhờ vậy có thể lọc bài viết theo danh mục đã tạo bằng Seeder.

Request và Relationship

Giả sử người dùng chọn nhiều Tag.

Blade:

<select
    name="tags[]"
    multiple>

    @foreach($tags as $tag)

        <option value="{{ $tag->id }}">
            {{ $tag->name }}
        </option>

    @endforeach

</select>

Controller:

$tagIds = $request->tags;

Sau khi tạo Post:

$post->tags()->sync(
    $tagIds
);

Đây chính là cách kết hợp Request với Relationship Many To Many đã học ở bài trước.

Request và Profile

Ví dụ cập nhật Profile:

$profile->update([

    'phone' => $request->phone,

    'address' => $request->address,

]);

Các trường phone và address thuộc bảng profiles mà chúng ta đã tạo trong phần Relationship.

Một số phương thức thường dùng

Ví dụ:

if ($request->isMethod('post')) {

    echo 'Đây là POST';

}

Tổng kết

Trong bài này chúng ta đã học:

• Request là gì.

• Lấy dữ liệu từ Form.

• Lấy dữ liệu từ URL.

• all().

• input().

• has().

• only().

• except().

• Kết hợp Request với Eloquent và Relationship.

Request là bước đầu tiên trong quá trình xử lý dữ liệu người dùng trước khi lưu vào cơ sở dữ liệu.

Bài tập

1. Tạo Form thêm Post gồm tiêu đề, nội dung và Category.

2. Hiển thị toàn bộ dữ liệu bằng dd($request->all()).

3. Lưu Post mới vào cơ sở dữ liệu.

4. Viết chức năng tìm kiếm Post theo tiêu đề bằng Request.

5. Lọc danh sách Post theo Category.

6. Cho phép chọn nhiều Tag và liên kết với Post bằng sync().

Bài tiếp theo

Ở bài sau, chúng ta sẽ tìm hiểu Validation, cách kiểm tra dữ liệu đầu vào để đảm bảo người dùng nhập đúng định dạng trước khi lưu vào cơ sở dữ liệu.

x0

Một website đẹp nhưng không ai tìm thấy trên Google thì cũng khó phát huy giá trị. Vì vậy, ngay từ khi viết HTML, chúng ta cần xây dựng cấu trúc thân thiện với công cụ tìm kiếm (SEO - Search Engine Optimization).

SEO không chỉ là thêm từ khóa hay cài plugin. Nền tảng của SEO bắt đầu từ HTML chuẩn, Semantic HTML, nội dung rõ ràng và cấu trúc hợp lý.

Trong bài học này, chúng ta sẽ tìm hiểu cách xây dựng một trang HTML dễ hiểu đối với Google và các công cụ tìm kiếm khác.

🎯 Mục tiêu bài học

Sau bài này bạn sẽ:

• Hiểu SEO Friendly HTML là gì.

• Biết cách sử dụng đúng các thẻ Heading.

• Viết Title và Meta Description hiệu quả.

• Tối ưu hình ảnh và liên kết.

• Xây dựng cấu trúc HTML giúp Google dễ thu thập dữ liệu.

• Tránh những lỗi SEO HTML phổ biến.

  

SEO Friendly HTML là gì?

SEO Friendly HTML là việc viết mã HTML theo các tiêu chuẩn giúp công cụ tìm kiếm:

• Hiểu nội dung trang.

• Thu thập dữ liệu nhanh hơn.

• Xác định chủ đề chính.

• Hiển thị kết quả tìm kiếm chính xác hơn.

Một HTML được tổ chức tốt cũng giúp cải thiện trải nghiệm người dùng, từ đó gián tiếp hỗ trợ SEO.

Vì sao HTML ảnh hưởng đến SEO?

Google không "nhìn" website giống con người.

Thay vào đó, Google sẽ phân tích:

• Tiêu đề trang.

• Các thẻ Heading.

• Nội dung văn bản.

• Hình ảnh.

• Liên kết.

• Cấu trúc HTML.

Nếu HTML lộn xộn, thiếu ý nghĩa hoặc sai cấu trúc, công cụ tìm kiếm sẽ khó hiểu nội dung của trang.

Thẻ Title

Đây là một trong những yếu tố SEO quan trọng nhất.

Ví dụ:

<head>

<title>
Học HTML5 từ cơ bản đến nâng cao | Lớp Học Vi Tính
</title>

</head>

Title nên:

• mô tả đúng nội dung

• ngắn gọn

• chứa từ khóa chính

• không quá dài

Meta Description

Đây là đoạn mô tả thường xuất hiện dưới tiêu đề trên Google.

<meta
name="description"
content="Khóa học HTML5 Enterprise giúp bạn xây dựng website chuẩn SEO, Responsive và hiện đại.">

Meta Description không trực tiếp tăng thứ hạng, nhưng có thể giúp tăng tỷ lệ người dùng nhấp vào kết quả tìm kiếm.

Heading

HTML có sáu cấp Heading.

<h1>

<h2>

<h3>

<h4>

<h5>

<h6>

H1

Mỗi trang chỉ nên có một thẻ <h1>.

Ví dụ:

<h1>

Khóa học HTML5 Enterprise

</h1>

Đây là tiêu đề chính của trang.

H2

Dùng cho các mục lớn.

Ví dụ:

<h2>

Nội dung khóa học

</h2>

<h2>

Giảng viên

</h2>

<h2>

Học phí

</h2>

H3

Dùng cho các mục con.

<h3>

HTML5

</h3>

<h3>

CSS3

</h3>

Không nên dùng Heading để phóng to chữ

Sai:

<h2>

Khuyến mãi

</h2>

chỉ vì muốn chữ to.

Heading phải phản ánh cấu trúc nội dung, không phải để trang trí. Nếu muốn thay đổi kích thước chữ, hãy sử dụng CSS.

Semantic HTML

Google hiểu rất tốt các thẻ:

<header>

<nav>

<main>

<section>

<article>

<aside>

<footer>

Đây cũng là lý do Semantic HTML được học đầu tiên trong khóa học.

Hình ảnh chuẩn SEO

Luôn có thuộc tính alt

Ví dụ:

<img
src="html5.jpg"
alt="Khóa học HTML5 Enterprise">

Nếu ảnh không hiển thị, nội dung alt sẽ được dùng thay thế.

Đối với công cụ tìm kiếm, alt giúp hiểu nội dung của hình ảnh.

Đặt tên tệp rõ ràng

Tốt:

html5-course.jpg

Không tốt:

IMG001.jpg

Tên tệp nên phản ánh nội dung của hình ảnh.

Liên kết

Ví dụ:

<a href="/khoa-hoc-html">

Khóa học HTML

</a>

Nội dung liên kết nên mô tả rõ điểm đến.

Không nên:

<a href="/html">

Click tại đây

</a>

Thay vào đó:

<a href="/html">

Xem khóa học HTML5

</a>

Danh sách

Khi liệt kê nội dung, hãy sử dụng:

<ul>

<li>HTML</li>

<li>CSS</li>

<li>JavaScript</li>

</ul>

Hoặc:

<ol>

<li>Bài 1</li>

<li>Bài 2</li>

</ol>

Điều này giúp cấu trúc nội dung rõ ràng hơn.

Nội dung dễ đọc

Nên chia bài viết thành nhiều đoạn ngắn.

Ví dụ:

<p>

HTML là ngôn ngữ đánh dấu.

</p>

<p>

CSS dùng để tạo giao diện.

</p>

Không nên dồn toàn bộ nội dung vào một đoạn quá dài.

URL thân thiện

Tốt:

/khoa-hoc-html5

Không tốt:

/?id=123

URL ngắn gọn, dễ hiểu sẽ thân thiện hơn với người dùng và công cụ tìm kiếm.

Ví dụ cấu trúc HTML chuẩn SEO

<!DOCTYPE html>

<html lang="vi">

<head>

<meta charset="UTF-8">

<title>
Học HTML5 Enterprise
</title>

<meta
name="description"
content="Khóa học HTML5 dành cho lập trình viên PHP.">

</head>

<body>

<header>

<h1>

HTML5 Enterprise

</h1>

</header>

<main>

<section>

<h2>

Giới thiệu

</h2>

<p>

Nội dung...

</p>

</section>

</main>

<footer>

© 2026

</footer>

</body>

</html>

Đây là cấu trúc cơ bản nhưng đã đáp ứng nhiều yêu cầu SEO.

Những lỗi SEO HTML phổ biến

❌ Không có thẻ <title>.

❌ Thiếu meta description.

❌ Có nhiều thẻ <h1> trên cùng một trang.

❌ Bỏ trống thuộc tính alt cho hình ảnh quan trọng.

❌ Đặt tên tệp hình ảnh không có ý nghĩa.

❌ Sử dụng "Click here" hoặc "Xem thêm" làm nội dung liên kết mà không có ngữ cảnh.

❌ Dùng <div> thay cho các thẻ Semantic HTML.

❌ Không khai báo ngôn ngữ của tài liệu bằng lang.

Thực hành

Tạo một trang giới thiệu khóa học với:

• Title

• Meta Description

• Một thẻ <h1>

• Ba thẻ <h2>

• Một hình ảnh có alt

• Menu điều hướng bằng <nav>

• Nội dung chính trong <main>

• Chân trang <footer>

Yêu cầu:

• Sử dụng Semantic HTML.

• Không dùng nhiều hơn một thẻ <h1>.

• Đặt tiêu đề và mô tả phù hợp với nội dung.

Tổng kết

SEO bắt đầu từ những điều rất cơ bản. Một cấu trúc HTML rõ ràng, sử dụng đúng Heading, kết hợp với Semantic HTML và các thẻ Meta sẽ giúp công cụ tìm kiếm hiểu website tốt hơn.

Đây là nền tảng quan trọng trước khi chúng ta tối ưu CSS, JavaScript hay xây dựng các hệ thống lớn bằng PHP, Laravel hoặc các framework khác.

📌 Kiến thức đạt được

• ✅ Hiểu SEO Friendly HTML là gì.

• ✅ Biết cách sử dụng title và meta description.

• ✅ Phân biệt vai trò của các thẻ Heading (h1 đến h6).

• ✅ Tối ưu hình ảnh với thuộc tính alt.

• ✅ Viết liên kết và URL thân thiện với SEO.

• ✅ Xây dựng cấu trúc HTML chuẩn cho công cụ tìm kiếm.

• ✅ Nhận biết các lỗi SEO HTML thường gặp.

➡️ Bài tiếp theo: Bài 04 — Accessibility & ARIA: Xây dựng Website thân thiện với mọi người dùng.