Kiến thức
Frontend

Frontend là mọi thứ bạn thấy và tương tác trên màn hình. Tìm hiểu về ngôn ngữ HTML (khung sườn), CSS (làm đẹp) và JavaScript (hiệu ứng) để tạo nên một giao diện thu hút.

Khám phá các Chủ đề chính

Để giúp bạn dễ dàng tìm kiếm thông tin, WiWeb đã tổ chức các bài viết thành các chủ đề chính. Mỗi chủ đề tập trung vào một lĩnh vực cụ thể. Hãy chọn chủ đề bạn quan tâm nhất bên dưới nhé!

Danh sách Bài viết

Hoisting và Scope trong JavaScript: Giải thích toàn tập

Hiểu tường tận về Hoisting và Scope trong JavaScript, từ định nghĩa, cách hoạt động [...]

Debounce và Throttle: So Sánh, Ví Dụ & Tối Ưu Performance JS

Hiểu rõ Debounce và Throttle là gì, so sánh sự khác biệt cốt lõi và [...]

Event Delegation trong JavaScript: Tối ưu hiệu suất & DOM động

Tìm hiểu Event Delegation là gì, cách hoạt động với Event Bubbling và tối ưu [...]

JavaScript Modules: Hướng Dẫn Toàn Tập về Import & Export

Tìm hiểu toàn diện về JavaScript Modules, từ cú pháp import/export cơ bản đến các [...]

Spread Operator (…) trong JavaScript: Hướng dẫn & Ví dụ

Tìm hiểu toàn tập về Spread Operator (...) trong JavaScript. Bài viết cung cấp ví [...]

Destructuring trong JavaScript: Hướng Dẫn Toàn Tập Từ A-Z

Làm chủ cú pháp Destructuring trong JavaScript ES6 cho Array và Object. Hướng dẫn chi [...]

2 Bình luận

Template Literals trong JavaScript: Hướng dẫn Toàn diện (ES6+)

Khám phá Template Literals trong JavaScript để viết chuỗi linh hoạt hơn với nội suy, [...]

Fetch API Toàn tập: Hướng dẫn & Ví dụ JavaScript từ A-Z

Tìm hiểu Fetch API là gì và cách sử dụng để gửi request GET, POST [...]

Làm Chủ Async Await JavaScript: Hướng Dẫn Toàn Diện

Khám phá sức mạnh của async await JavaScript trong lập trình bất đồng bộ. Hướng [...]

2 Bình luận

Promise trong JavaScript: Hướng Dẫn Toàn Diện (Kèm Ví Dụ)

Tìm hiểu toàn bộ về Promise trong JavaScript, từ khái niệm cơ bản, 3 trạng [...]

Callback Hell là gì? Nguyên nhân và 3+ Cách giải quyết triệt để

Tìm hiểu chi tiết Callback Hell (Pyramid of Doom) là gì trong JavaScript. Bài viết [...]

JavaScript Events: Hướng Dẫn Toàn Diện (Kèm Ví Dụ)

Tìm hiểu mọi thứ về events trong JavaScript, từ khái niệm cơ bản, event handler, [...]

querySelector trong JavaScript: Hướng dẫn toàn tập kèm ví dụ

Hiểu rõ về document.querySelector trong JavaScript: Cú pháp, ví dụ chi tiết và so sánh [...]

2 Bình luận

Điều kiện và Vòng lặp JavaScript: Hướng dẫn A-Z cho người mới

Nắm vững toàn bộ câu lệnh điều kiện và vòng lặp JavaScript từ cơ bản [...]

Functions JavaScript: Hướng Dẫn Toàn Diện Từ A-Z (Kèm Ví Dụ)

Tìm hiểu mọi thứ về functions JavaScript: từ cú pháp cơ bản, cách khai báo, [...]

Kiểu Dữ Liệu JavaScript: Toàn Tập Về Primitive & Object

Tìm hiểu tất cả các kiểu dữ liệu JavaScript, từ nguyên thủy (primitive) đến tham [...]

Biến trong Javascript: Hướng dẫn toàn tập về var, let & const

Hướng dẫn chi tiết về biến trong Javascript, so sánh chuyên sâu var, let và [...]

Normalize CSS là gì? So sánh & Cách dùng hiệu quả

Tìm hiểu chi tiết về Normalize CSS: giải pháp tạo giao diện nhất quán trên [...]

CSS Reset: So Sánh Normalize, Modern Resets & Cách Dùng

Tìm hiểu CSS Reset là gì, tại sao bạn cần nó và lựa chọn tốt [...]

BEM CSS là gì? Hướng dẫn toàn tập cho người mới bắt đầu

Tìm hiểu phương pháp BEM CSS từ A-Z. Bài viết này giải thích BEM là [...]

CSS Transitions: Hướng Dẫn Toàn Tập Kèm Ví Dụ Thực Tế

Tìm hiểu tất cả về CSS Transitions, từ định nghĩa, 4 thuộc tính cốt lõi [...]

2 Bình luận

Pseudo-elements trong CSS: Hướng dẫn Toàn tập (::before & ::after)

Tìm hiểu tất cả về Pseudo-elements trong CSS: định nghĩa, cú pháp và sự khác [...]

2 Bình luận

CSS Pseudo-classes là gì? Hướng dẫn đầy đủ và ví dụ

Tìm hiểu mọi thứ về Pseudo-classes trong CSS: từ định nghĩa, cú pháp đến danh [...]

CSS Border-Radius: Hướng Dẫn Toàn Tập Kèm Ví Dụ & Tool

Làm chủ thuộc tính border-radius CSS từ cơ bản đến nâng cao. Học cách tạo [...]

Box-Shadow CSS: Hướng Dẫn Toàn Tập & Công Cụ Tạo Bóng Đẹp

Làm chủ thuộc tính box-shadow trong CSS từ cơ bản đến nâng cao. Khám phá [...]

2 Bình luận

Font trong CSS: Hướng dẫn Toàn tập từ A-Z (Kèm ví dụ)

Tìm hiểu tất cả về font trong CSS, từ các thuộc tính cơ bản như [...]

Bảng Mã Màu CSS Đầy Đủ & Color Picker Online Tiện Lợi

Tra cứu nhanh bảng mã màu CSS đầy đủ nhất với tên màu, HEX, RGB, [...]

Media Queries Toàn Tập: Hướng Dẫn CSS Responsive Từ A-Z

Tìm hiểu Media Queries là gì và cách sử dụng chúng để xây dựng website [...]

So Sánh Flexbox và Grid: Khi Nào Dùng Gì? (Code & Ví Dụ)

Đang phân vân giữa Flexbox và Grid? Bài viết này so sánh chi tiết sự [...]

CSS Position: Hướng Dẫn Toàn Tập (Static, Relative, Absolute)

Nắm vững thuộc tính position CSS từ A-Z. Hướng dẫn chi tiết 5 giá trị [...]

4 Bình luận

Thuộc tính display CSS: Hướng dẫn Toàn tập cho Lập trình viên

Khám phá toàn bộ về thuộc tính display CSS. Hướng dẫn chi tiết từ block, [...]

Box-sizing: Content-box vs Border-box | So Sánh & Ví Dụ CSS

Hiểu rõ sự khác biệt giữa box-sizing: content-box và border-box qua ví dụ trực quan. [...]

Border CSS Toàn Tập: Hướng Dẫn Cú Pháp & Ví Dụ Chi Tiết

Tìm hiểu mọi thứ về thuộc tính border CSS, từ cú pháp shorthand, các thuộc [...]

So sánh Margin và Padding: Khác biệt và Cách dùng Đúng

Phân biệt Margin và Padding trong CSS dễ hiểu. Khám phá sự khác biệt cốt [...]

Margin CSS: Hướng dẫn Toàn tập từ A-Z (Kèm Ví dụ)

Tìm hiểu toàn bộ về margin CSS: từ cú pháp, cách sử dụng margin auto [...]

Hướng dẫn tạo nút rút gọn nội dung trong WordPress

Khi xây dựng website WordPress, đặc biệt là các trang có nội dung dài như [...]

Padding CSS là gì? Hướng Dẫn Toàn Tập từ A – Z

Tìm hiểu toàn bộ về thuộc tính padding CSS, từ định nghĩa cơ bản, cách [...]

Thuộc tính content trong CSS: Hướng dẫn từ A-Z & Ví dụ

Tìm hiểu tất cả về thuộc tính content trong CSS. Bài viết này hướng dẫn [...]

2 Bình luận

!important trong CSS: Khi nào nên dùng và cách tránh lạm dụng

Hiểu rõ !important trong CSS là gì, cách hoạt động và tại sao nó có [...]

2 Bình luận

Độ Ưu Tiên Trong CSS: Quy Tắc, Cách Tính & Ví Dụ Dễ Hiểu

Tìm hiểu sâu về độ ưu tiên trong CSS (CSS Specificity) từ A-Z. Bài viết [...]

ID và Class trong CSS: Phân Biệt, So Sánh và Cách Dùng Đúng

Bạn bối rối giữa id và class trong CSS? Bài viết này sẽ phân biệt [...]

Thuộc tính Async và Defer: So sánh chi tiết & Cách dùng đúng

Tìm hiểu sự khác biệt cốt lõi giữa thuộc tính async và defer. Hướng dẫn [...]

Thuộc tính Rowspan và Colspan: Hướng dẫn gộp ô trong HTML

Tìm hiểu chi tiết thuộc tính rowspan và colspan để gộp hàng, cột trong bảng [...]

2 Bình luận

Meta Viewport là gì? Hướng dẫn đầy đủ cho Web Responsive

Tìm hiểu toàn diện về thẻ meta viewport, từ cú pháp cơ bản đến các [...]

Meta Charset là gì? Hướng dẫn UTF-8 trong HTML chi tiết

Tìm hiểu thẻ meta charset trong HTML là gì và tại sao UTF-8 là bắt [...]

Thẻ br trong HTML: Hướng dẫn xuống dòng và cách dùng đúng

Hiểu rõ thẻ br trong HTML để xuống dòng đúng cách. Hướng dẫn chi tiết [...]

Thẻ Button trong HTML: Hướng dẫn A-Z, Cú pháp & Ví dụ

Tìm hiểu mọi thứ về thẻ button trong HTML: từ định nghĩa, thuộc tính, cách [...]

HTML Entities: Danh Sách Đầy Đủ & Bảng Tra Cứu

Tìm kiếm và sao chép nhanh mọi HTML entities bạn cần. Bài viết cung cấp [...]

Hướng dẫn 4 cách nhúng CSS vào HTML

Việc nhúng CSS vào HTML là bước quan trọng để xây dựng một trang web [...]

Thẻ Blockquote trong HTML: Hướng Dẫn Toàn Diện A-Z

Tìm hiểu toàn diện về thẻ Blockquote trong HTML từ định nghĩa, cú pháp, ví [...]

Thẻ Code trong HTML: Cách Dùng, Ví Dụ & Phân Biệt với Thẻ Pre

Tìm hiểu tất tần tật về thẻ code trong HTML, từ định nghĩa, cú pháp [...]

Thẻ pre trong HTML: Giữ nguyên định dạng & Hiển thị code

Tìm hiểu thẻ pre trong HTML là gì, cách thẻ pre giữ nguyên định dạng [...]

Đường Dẫn Tương Đối & Tuyệt Đối HTML: Phân Biệt & Ví Dụ Dễ Hiểu

Tìm hiểu chi tiết về đường dẫn tương đối và tuyệt đối trong HTML. Bài [...]

4 Bình luận

Thẻ Figure trong HTML: Hướng Dẫn Toàn Diện & Ví Dụ

Tìm hiểu thẻ figure trong HTML là gì, cách dùng với figcaption để chú thích [...]

Thẻ Picture trong HTML: Hướng Dẫn Toàn Tập về Responsive Image

Tìm hiểu toàn bộ về thẻ Picture trong HTML để tạo responsive image chuyên nghiệp. [...]

Thẻ Fieldset trong HTML: Cú pháp & Cách CSS Form Đẹp

Khám phá thẻ Fieldset trong HTML giúp nhóm phần tử Form hiệu quả. Hướng dẫn [...]

Thẻ Legend trong HTML là gì? Cú pháp & Cách Style Đẹp

Tìm hiểu thẻ Legend trong HTML giúp tạo tiêu đề nhóm form chuyên nghiệp. Hướng [...]

Thẻ Meta trong HTML: 7 Loại Thẻ Quan Trọng Cần Tối Ưu SEO

Thẻ Meta trong HTML là chìa khóa để Google hiểu website của bạn. Khám phá [...]

Thẻ link trong HTML là gì? Cách kết nối CSS và Favicon chuẩn

Khám phá thẻ link trong HTML là gì? Hướng dẫn chi tiết cách dùng thẻ [...]

Validate Form trong HTML: Hướng dẫn toàn diện & Code mẫu

Học cách validate form trong HTML chuẩn xác để nâng cao trải nghiệm người dùng. [...]

Open Graph là gì? Tối ưu hiển thị link Website trên Mạng xã hội

Open Graph là gì? Khám phá vai trò của OG Protocol trong SEO và hướng [...]

2 Bình luận

Thuộc tính Border CSS: Hướng dẫn toàn tập & Code mẫu đẹp

Tìm hiểu chi tiết thuộc tính border trong CSS. Hướng dẫn cách dùng border-style, width, [...]

Thuộc tính Background CSS: Hướng dẫn Toàn diện từ A-Z

Khám phá trọn bộ thuộc tính background trong CSS. Hướng dẫn chi tiết syntax, shorthand, [...]

Thuộc tính và giá trị trong CSS: Hướng dẫn Cấu trúc & Cú pháp

Hiểu rõ thuộc tính và giá trị trong CSS giúp bạn làm chủ giao diện [...]

2 Bình luận

Căn giữa trong CSS: 7+ Cách Căn Chỉnh Ngang & Dọc Hiệu Quả

Tổng hợp các cách căn giữa trong CSS từ cơ bản đến nâng cao. Học [...]

4 Bình luận

Các Đơn Vị Trong CSS: Hướng Dẫn Toàn Diện px, em, rem, %, vh

Tìm hiểu tất cả các đơn vị trong CSS, từ tuyệt đối (px) đến tương [...]

CSS Variables: Hướng Dẫn Toàn Tập về Custom Properties

Làm chủ CSS Variables (Custom Properties) từ A-Z. Tìm hiểu cú pháp, phạm vi, cách [...]

Thuộc tính Position trong CSS: Hướng dẫn từ A-Z

Làm chủ thuộc tính position trong CSS với hướng dẫn chi tiết về 5 giá [...]

1 Bình luận

CSS Selector: Hướng Dẫn Toàn Tập Kèm Ví Dụ & Cheat Sheet

Làm chủ CSS Selector từ A-Z! Hướng dẫn chi tiết các loại selector, từ cơ [...]

Thuộc tính trong HTML: Tổng hợp A-Z, Cú pháp & Ví dụ

Tìm hiểu tất cả về thuộc tính trong HTML: định nghĩa, cú pháp, các thuộc [...]

Thẻ Iframe trong HTML: Hướng dẫn Toàn tập từ A-Z

Hiểu rõ thẻ iframe trong HTML là gì, cú pháp, các thuộc tính và cách [...]

Thẻ Video và Audio trong HTML: Hướng dẫn Toàn tập

Tìm hiểu cách sử dụng thẻ video và audio trong HTML để chèn media vào [...]

Thẻ textarea trong HTML: Hướng dẫn toàn tập kèm ví dụ

Bài viết này hướng dẫn chi tiết về thẻ textarea trong HTML, từ cú pháp, [...]

2 Bình luận

Thẻ Select và Option trong HTML: Tạo Dropdown List Từ A-Z

Tìm hiểu chi tiết về thẻ select và option trong HTML để tạo dropdown list [...]

Thẻ Label trong HTML: Hướng dẫn từ A-Z & Ví dụ Thực tế

Khi xây dựng form, bạn có từng nghĩ rằng dòng chữ bên cạnh ô nhập [...]

Thẻ P trong HTML là gì? Hướng dẫn từ A-Z cho người mới bắt đầu

Tìm hiểu chi tiết về thẻ p trong HTML: định nghĩa, cách sử dụng, các [...]

Thẻ Div và Span trong HTML: Phân biệt, Cách dùng & Ví dụ

Phân biệt rõ ràng sự khác nhau giữa thẻ div (block) và span (inline) trong [...]

Thẻ Head Trong HTML: Toàn Tập Về Cấu Trúc và Tối Ưu SEO

Khi lướt web, mọi thứ bạn thấy đều nằm trong thẻ <body>. Nhưng “bộ não” [...]

Cấu trúc file HTML chuẩn: Hướng dẫn từ A-Z cho người mới

Tìm hiểu cấu trúc file HTML chuẩn từ A-Z. Bài viết giải thích chi tiết [...]

2 Bình luận

Tổng Hợp 5+ Thẻ Định Dạng Văn Bản Trong HTML

Khám phá danh sách đầy đủ các thẻ định dạng văn bản trong HTML, từ [...]

Thẻ List trong HTML: Hướng Dẫn Toàn Diện về UL, OL & DL

Nắm vững cách sử dụng các thẻ list trong HTML qua hướng dẫn chi tiết [...]

Thẻ Input trong HTML: Hướng dẫn A-Z các loại và thuộc tính

Tìm hiểu tất cả về thẻ input trong HTML. Hướng dẫn chi tiết các loại [...]

4 Bình luận

Thẻ Heading trong HTML là gì? Hướng dẫn tối ưu H1-H6 chuẩn SEO

Tìm hiểu thẻ heading trong HTML là gì, từ H1 đến H6. Hướng dẫn cách [...]

4 Bình luận

Thẻ a trong HTML là gì? Toàn tập về cách tạo siêu liên kết (Hyperlink)

Tìm hiểu tất tần tật về thẻ a trong HTML là gì, từ cú pháp [...]

Thẻ IMG trong HTML là gì? Hướng dẫn toàn tập cho người mới bắt đầu

Khám phá thẻ img trong HTML là gì, từ cú pháp cơ bản đến các [...]

Semantic HTML là gì? Tầm quan trọng và cách sử dụng hiệu quả

Bạn đang thắc mắc Semantic HTML là gì và tại sao nó quan trọng? Bài [...]

2 Bình luận

CSS Grid Layout là gì? Hướng dẫn toàn tập cho người mới bắt đầu

Bạn muốn tìm hiểu CSS Grid Layout là gì? Bài viết này sẽ giải thích [...]

4 Bình luận

Flexbox CSS: Hướng Dẫn Toàn Tập & Ví Dụ Trực Quan từ A-Z

Làm chủ Flexbox CSS từ cơ bản đến nâng cao. Hướng dẫn chi tiết justify-content, [...]

6 Bình luận

Box Model là gì? Hướng dẫn toàn tập về mô hình hộp trong CSS

Tìm hiểu Box Model là gì, các thành phần content, padding, border, margin và sự [...]

Hướng Dẫn Làm Hiệu Ứng Lồng Đèn Trung Thu

Trung Thu là dịp để chúng ta quây quần bên gia đình, thưởng thức bánh, [...]

Web Font là gì? Hướng dẫn sử dụng Font cho Website hiệu quả

Web Font là gì và tại sao nó quan trọng cho thiết kế? Bài viết [...]

2 Bình luận

PWAs là gì? Tất tần tật về Progressive Web App cho người mới

PWAs là gì? Tìm hiểu chi tiết về Progressive Web App, lợi ích, cách hoạt [...]

Hyperlinks là gì? Toàn tập về siêu liên kết và vai trò trong SEO

Bạn đang tìm hiểu hyperlinks là gì? Bài viết này sẽ giải thích chi tiết [...]

JSON là gì? Tìm hiểu toàn diện về định dạng dữ liệu JSON phổ biến

Bài viết giải thích JSON là gì, cấu trúc, ưu nhược điểm, cách hoạt động [...]

Frontend Framework là gì? Giải thích chi tiết và Top Framework

Tìm hiểu Frontend Framework là gì, lợi ích, các framework phổ biến như React, Angular, [...]

JavaScript Framework là gì? Tổng quan & Framework phổ biến

JavaScript Framework là gì? Khám phá định nghĩa, lợi ích, các JS Framework hàng đầu [...]

CSS Framework là gì? Giải thích và Top Framework tốt nhất hiện nay

CSS Framework là gì? Tìm hiểu định nghĩa, lợi ích, cách hoạt động và khám [...]

4 Bình luận

NPM là gì? Tìm hiểu về Node Package Manager và vai trò của nó

NPM là gì? Bài viết này giải thích chi tiết về Node Package Manager, cách [...]

Vue.js là gì? Tìm hiểu Framework JavaScript mạnh mẽ và linh hoạt

Tìm hiểu Vue.js là gì? Khám phá framework JavaScript tiến bộ, nhẹ, dễ học, cùng [...]