iVolunteer Vietnam

Cơ hội tình nguyện
cho sinh viên và giới trẻ Việt Nam

15 Mẹo Để Biểu Mẫu Có Giao Diện Bắt Mắt Hơn

Published · Updated

Biểu mẫu là một phần không thể thiếu trong UI. Chúng thiết lập một kênh truyền thông không đồng bộ giữa các doanh nghiệp và người dùng. Chúng ta không thể phủ nhận tầm quan trọng của chúng. Tuy nhiên, vẫn còn rất nhiều biểu mẫu trên các trang web không được đầu tư về mặt hình thức dẫn đến việc có thể gây ảnh hưởng xấu đến việc chuyển đổi thông tin, gây khó khăn cho người dùng và cho việc lọc thông tin.

Đó là lý do tại sao mình muốn chia sẻ 15 mẹo thực tế này giúp các bạn hoàn thiện hơn các bản biểu mẫu để thể hiện sự tôn trọng đối với người dùng cũng như tối ưu hóa quá trình chuyển đổi thông tin.

1. Luôn sử dụng tiêu đề

Tiêu đề là một yếu tố rất quan trọng đối với biểu mẫu. Bạn cần thêm tiêu đề cho mỗi ô cần điền và hãy luôn để cho người dùng thấy được nó. Không gì khó khăn hơn việc phải đoán xem cần điền những gì vào chỗ trống. Có không ít trường hợp người thiết kế ẩn đi tiêu đề trên giao diện người dùng. Và nó gây bối rối cho người dùng khi không biết điền như thế nào cho hợp lý.

2. Tránh “ mô hình chữ Z”

Việc trình bày các ô điền thông tin dưới dạng lưới có thể gây nhầm lẫn cho người dùng. Khi các ô biểu mẫu được biểu diễn dưới dạng thẳng đứng, người dùng sẽ dễ dàng hơn khi đọc và điền thông tin.

3. Đặt tiêu đề phía trên ô thông tin

Tương tự như mẹo ở trên, việc để tiêu đề bên trái ô thông tin yêu cầu người dùng phản đọc biểu mẫu theo mô hình chữ Z, điều đó sẽ khiến việc quét thông tin trở nên kém hiệu quả. Vì vậy, bạn nên để tiêu đề phía trên ô điền. Trong trường hợp biểu mẫu ngắn chỉ cần điền 1- 2 thông tin thì trình bày theo dạng chữ Z hay hàng dọc đều không quá khác biệt.

4. Canh phải cho tiêu đề

Nếu bạn để tiêu đề bên trái ô điền, nhớ canh phải cho chúng. Việc này sẽ giúp người dùng đọc thông tin hiệu quả hơn và tạo cảm giác đối xứng cho biểu mẫu.

5. Nhóm các ô thông tin cùng chủ đề

Biểu mẫu quá dài có thể làm cho người dùng thấy mệt mỏi trong việc điền thông tin và dẫn đến việc khó khăn hơn trong quá trình chuyển đổi thông tin của bạn. Một thủ thuật thị giác đơn giản để giải quyết vấn đề này là nhóm các thông tin cùng chủ đề lại với nhau. Để nâng cao tính khả dụng, bạn cũng có thể để lại nút “ Lưu” cho từng phần biểu mẫu để người dùng có thể lưu riêng lẻ từng nhóm thông tin.

6. Tôn trọng luồng người dùng

Khi người dùng điền một biểu mẫu, họ sẽ điền từng cái một rồi mới nhấn gửi biểu mẫu. Đây là cách trình bày thông tin thông thường. Vậy nên hãy tôn trọng việc này và để nút gửi ở cuối biểu mẫu. Đây là một ví dụ điển hình về việc áp dụng luật Fitts trong thiết kế UI & UX.

7. Chừa không gian

Giãn dòng sẽ khiến thiết kế trông tuyệt vời hơn. Chừa một khoảng vừa đủ giữa các ô thông tin để giúp biểu mẫu bắt mắt hơn. Hầu hết mọi người dùng đều tránh điền những biểu mẫu trình bày dày đặc.

8. Tránh lặp tiêu đề

Trong thiết kế, cần hạn chế việc lặp lại thông tin giống nhau. Đặc biệt trong giao diện biểu mẫu, bạn cần cẩn thận suy xét bỏ đi những thông tin không cần thiết khi trình bày.

9. Hiển thị mô tả lỗi

Khi điền thông tin xảy ra lỗi, người dùng cần biết mình đã điền sai như thế nào và gợi ý để sửa lỗi đó. Hãy chỉ ra vị trí điền sai và có hướng dẫn cụ thể để người dùng có thể dễ dàng sửa đổi.

10. Sử dụng menu thả xuống khi cần thiết

Chọn phần tử UI phù hợp rất quan trọng. Đôi khi bạn sẽ phân vân về việc chọn cách trả lời sao cho phù hợp nhất. Đặc biệt đối với lựa chọn giữa menu thả xuống và các nút lựa chọn. Một quy luật nhỏ là hãy dùng menu thả xuống khi có từ 3 chọn lựa trở lên. Khi có ít lựa chọn hơn thì nút lựa chọn sẽ phù hợp để người dùng có thể xem trước các lựa chọn.

11. Tạo đòn bẩy giữ chỗ

Việc định dạng, đưa ra mẫu ví dụ cho thông tin cần điền sẽ giúp dễ dàng hơn trong việc điền biểu mẫu.

Ví dụ khi cần điền thông tin email: Hiển thị “ abc@gmail.com”

12. Chỉ dùng một nút kêu gọi hành động( CTA)

Cố gắng dùng một nút CTA duy nhất. Trong trường hợp cần 2 nút, hãy trình bày nổi bật nút quan trọng hơn.

13. Hiện thực hóa nút CTA

Việc dùng từ ngữ hợp lý trong thiết kế rất cần thiết. Tránh dùng những từ nộp, gửi, tiếp theo,.. Hãy hiện thực hóa từ ngữ để thể hiện được thông tin bước tiếp theo.

Ví dụ: Đối với một biểu mẫu đăng ký tài khoản thì hiển thị “ Tạo tài khoản” ở cuối.

14. Chọn kiểu dữ liệu hợp lý cho thông tin

Đừng dùng dạng văn bản cho tất cả thông tin trên biểu mẫu. Hãy điều chỉnh sao cho hợp lí với thông tin cần điền. Ví dụ đối với số điện thoại thì bắt buộc người điền phải nhập số.

15. Đặt giới hạn chữ

Hầu hết mọi ô thông tin đều cần giới hạn lượng thông tin. Việc giới hạn ký tự sẽ giúp người dùng nhận thức được cần điền bao nhiêu thì hợp lý và hạn chế bối rối cho họ khi điền dữ liệu.

————————————————————————————————————

Xin chân thành cảm ơn tác giả vì những chia sẻ vô cùng bổ ích. Đó cũng là những gì Vân Anh muốn chia sẻ cho mọi người. Hi vọng là mọi người đã học được những điều hữu dụng thông qua bài viết này.

  • Tác giả: Jim Raptis
  • Link bài gốc: TẠI ĐÂY
  • Dịch giả: Phan Vân Anh – CTV ban Dịch thuật
  • Khi chia sẻ, cần phải trích dẫn nguồn đầy đủ tên tác giả và nguồn là “Dịch giả: Vân Anh – Nguồn: iVolunteer Vietnam”.

iVolunteer Vietnam, iVolunteer, UI, Kỹ năng, Form, Biểu mẫu, truyền thông, UX, giao diện, thông tin

Post Views: 592

Shortlink: https://ivolunteervietnam.com?p=50142

Trong quá trình tổng hợp và chia sẻ thông tin, các tình nguyện viên/ cộng tác viên/ thành viên rất khó tránh khỏi thiếu sót. Rất mong được độc giả cảm thông và góp ý tích cực để giúp iVolunteer Vietnam ngày một hoàn thiện & phát triển.

Tin công nghệ, điện thoại, máy tính, ô tô, phân khối lớn, xu hướng công nghệ cập nhật mới nhất
Kênh khám phá trải nghiệm của giới trẻ, thế giới du lịch - ALONGWALKER Vietnam Engineer Network
Redis Sentinel Là Gì? Kiến Trúc và Chức Năng Chính Của Redis SentinelHiểu Về this Trong JavaScriptCharles Proxy Là Gì? Công Cụ Giám Sát Và Phân Tích Lưu Lượng Mạng Hiệu Quả Cho Lập Trình ViênTìm Hiểu Object.assign() Trong JavaScript: Cách Sao Chép Và Hợp Nhất Đối TượngLINQ Trong C# Là Gì? Tìm Hiểu Tất Tần Tật Về LINQ Trong C#Error 503 Là Gì? Nguyên nhân và Cách xử lý Lỗi 503Microservices Là Gì? Tìm Hiểu Tất Tần Tật Về Kiến Trúc Phần Mềm Hiện ĐạiDomain-Driven Design (DDD) Là Gì? Hướng Dẫn Chi Tiết Cho Người Mới Bắt ĐầuHàm Lambda trong PHP là gì? Cách Sử Dụng Lambda trong PHPHàm Closure trong PHP là gì? Cách Sử Dụng Closure trong PHPAPI Gateway Là Gì? Lý Do Hệ Thống Microservices Cần API GatewayKiểm Thử Giá Trị Biên Là Gì? Hướng Dẫn Chi Tiết Về Boundary Value TestingHướng dẫn tăng tốc WordPress với LiteSpeed CacheInstance trong PHP là gì?Tìm Hiểu Về Confusion Matrix Trong Machine LearningSo Sánh Chi Tiết Giữa AngularJS và ReactJSKhám Phá Mô Hình Phát Triển Phần Mềm AgileTổng Quan Hệ Quản Trị Cơ Sở Dữ LiệuDocker Là Gì? Khám Phá Kiến Thức Cơ Bản Và Các Tính Năng ChínhXu Hướng và Hướng Đi Cho Web và Mobile Trong Thời Đại AIReact Query Hướng Dẫn Chi Tiết Với Ví Dụ Thực Tế và Kỹ Thuật Tối Ưu Hoá Dữ LiệuReact Query là gì? Lợi ích và Tại Sao Nên Sử Dụng React Query Trong Phát Triển Ứng Dụng ReactTìm Hiểu Tấn Công Brute-Force Là Gì?SplPriorityQueue trong PHP Giới thiệu và Ứng dụngQuy Hoạch Động (Dynamic Programming) Bài toán đường đi ngắn nhất (Shortest Path Problem)Quy Hoạch Động (Dynamic Programming) Bài toán đồng xu (Coin Change Problem)Quy Hoạch Động (Dynamic Programming) Bài toán xếp ba lô (Knapsack Problem)Firebase là gì? Ưu và nhược điểm của FirebaseQuy Hoạch Động (Dynamic Programming) Bài Toán Dãy Con Tăng Dài Nhất (Longest Increasing Subsequence)Query Parameters trong Node.jsElasticSearch Là Gì? Hướng Dẫn Tổng Quan Về ElasticSearchTìm Hiểu Lifecycle Component trong ReactJS Từ A Đến ZService Worker Là Gì? Cách Sử Dụng Hiệu Quả Service WorkerGraphQL Là Gì? Các Thành Phần Chính và Hướng Dẫn Bắt ĐầumapDispatchToProps là gì?Hướng Dẫn Chi Tiết Xây Dựng Tính Năng Phân Trang Với Angular 13Hướng Dẫn Chi Tiết Về Thiết Kế Class DiagramNguyên Tắc Thiết Kế SOLID Hướng Dẫn Chi Tiết Và Ứng Dụng Thực TếGiới Thiệu Tổng Quan Về Nginx Cấu Hình Và Ứng Dụng Thực TếV-Model trong Kiểm Thử Phần Mềm những Khái Niệm và Ví Dụ Thực Tiễn với SDLC và STLCHọc Singleton Pattern Hướng Dẫn Chi Tiết và Ứng Dụng Thực TiễnTìm Hiểu Web Scraping Công Cụ, Kỹ Thuật và Những Vấn Đề Quan TrọngHướng Dẫn Chi Tiết Tạo Thư Viện Bên Thứ Ba Trong LaravelBảo mật quản trị WordPressHướng dẫn các trạng thái Đơn hàng của WooCommerceĐánh Giá Xiaomi 14T và Xiaomi 14T Pro Với Màn Hình “AI 144Hz Thế Hệ Mới”Nguyên Nhân Tính Năng Nhắn Tin RCS Trên iOS 18 Chưa Được Sử Dụng Ở Việt NamHướng Dẫn Tinh Chỉnh Truy Vấn Danh Mục Trong WordPress Để Bao Gồm Các Bài Viết Từ Thẻ Liên QuanHướng dẫn code tạo form login với giao diện riêngSo Sánh và Đánh Giá Top 5 Công Cụ Kiểm Thử Tự Động Hóa Được Yêu Thích NhấtXóa Thẻ HTML Không Cần Thiết Trong WordPress Để Tinh Gọn Nội DungHướng dẫn hiển thị danh mục sản phẩm WoocommerceTìm Hiểu Chi Tiết Về Service Provider Trong LaravelSo sánh Middleware Laravel 5 và Laravel 11Tìm Hiểu Sự Khác Biệt Giữa $this và self Trong Lập Trình PHPLaravel Namespace Là Gì? Cách Áp Dụng Namespace Để Tối Ưu Hóa Ứng Dụng Từ Cơ Bản Đến Nâng CaoLaravel Route Group Là Gì? Cách Tạo Route Group Đúng ChuẩnSo sánh Puppeteer và Selenium công cụ tự động hóa trình duyệt nào tốt hơn?Hướng dẫn cách dùng PHP lấy dữ liệu từ nguồn URLHướng dẫn tìm thẻ HTML thuộc tính động trong PHPSo Sánh Laravel và Phalcon Đâu Là Framework PHP Tốt Nhất Cho Dự Án Của Bạn?Hướng Dẫn Cấu Hình Cơ Sở Dữ Liệu Trong Laravel 5 Chi Tiết NhấtSo sánh Laravel 5 và Laravel 6So sánh Laravel 5 và Laravel 11Tìm Hiểu về Cấu Hình (Config) trong Laravel 5Làm Chủ Routes Laravel Từ Cơ Bản Đến Nâng CaoTìm Hiểu Cấu Trúc Thư Mục Laravel 5 Tổng Quan Từ A đến ZDesign Patterns Khái Niệm Phân Loại và Ứng DụngBest Practices Không Thể Bỏ Qua Trong Phát Triển Ứng Dụng Với React NativeTối Ưu Hóa Website Với Rel Preload Các Kỹ Thuật Để Tăng Tốc Tải TrangHướng dẫn cách viết code Widget trong WordPressSự Thiếu Hụt Nhân Lực Công Nghệ Và Cách AI Giúp Giải Quyết Vấn Đề Hiệu QuảLỗi 522 là gì? Failed to load resource the server responded with a status of 522Cách Kết Nối WordPress Với Cơ Sở Dữ Liệu MySQL KhácTop Thuộc tính Quan Trọng của Selenium Python BindingsBản Cập Nhật Thuật Toán Google Tháng 8/2024 Phân Tích Chi Tiết và Hướng Dẫn Chiến Lược SEOHow can I check if user input is a number or a letter in Python?Tự Động Lưu Log và Ảnh Khi Xử Lý Lỗi Trong Selenium Hướng Dẫn Chi TiếtCách Sử Dụng Selenium Để Nhập Form Hướng Dẫn Chi Tiết Cho Người MớiCó Phải Sử Dụng Selenium Để Thu Thập Dữ Liệu Và Các Thư Viện Khác Để Phân Tích Là Phương Pháp Tối Ưu Hơn Không?Hướng dẫn tìm thẻ HTML thuộc tính động trong Selenium bằng PythonHướng dẫn khởi tạo WebDriver cho Chrome, Firefox, và Safari trong SeleniumHướng Dẫn Làm Việc Với MySQL Trong PythonHướng Dẫn Chi Tiết Cài Đặt Selenium Từ Cơ Bản Đến Nâng CaoTại Sao Mô Hình O1 Preview Là Công Cụ Hữu Ích Cho Giáo Viên Trong Giảng DạyRoadmap Lộ trình trở thành Automation Tester nâng cao từ nền tảng Manual Testing và Selenium cơ bảnKhám Phá Data Migration, Data Integration và Data Conversion Khái Niệm, Quy Trình và Tầm Quan TrọngNon-functional Requirement Yêu Cầu Phi Chức Năng Là Gì và Tại Sao Chúng Quan TrọngBản Cập Nhật Thuật Toán Google Tháng 3/2024 Tăng Cường Chất Lượng Tìm Kiếm Và Ngăn Chặn Nội Dung RácSo Sánh Web Xây Dựng Sẵn và Theo Yêu Cầu Giống và Khác Nhau Như Mua Chung Cư và Nhà Đất Thổ CưCác Câu Hỏi Phỏng Vấn Django Quan Trọng Bạn Cần BiếtTop 7+ Framework Nổi Tiếng Của NodeJS Để Xây Dựng Ứng DụngGit Rebase và Git Merge so sánh chi tiết ưu nhược điểm và cách sử dụng hiệu quảHướng Dẫn Kéo Dài Session Đăng Nhập WordPress Đơn GiảnMerge và Push Code từ Branch lên Main An Toàn và Hiệu QuảDjango Và WordPress MySQL: Cách Lấy Dữ Liệu Term Giống Hàm get_term() Trong WordPressModel-View-Template Là Gì? Tìm Hiểu Kiến Trúc MVT Trong DjangoCách Thay Đổi Mật Khẩu Tài Khoản Root VPS Linux An Toàn Và Hiệu QuảĐiểm Mặt Những Lỗ Hổng Bảo Mật Phổ Biến Trong WordPress PluginHướng Dẫn Tối Ưu Hóa SEO Chuyên Mục WordPress Để Tăng Thứ Hạng Tìm KiếmPHP 8.0 Tổng Quan Các Tính Năng Mới và Cải Tiến Quan TrọngSo Sánh Câu Lệnh và Tính Năng Nổi Bật của MariaDB và MySQLHướng Dẫn Chi Tiết Kỹ Thuật Tối Ưu Hóa Lệnh Truy Vấn MySQL Từ A Đến ZTop 6+ Framework Nổi Tiếng Của Ngôn Ngữ Go Để Xây Dựng Ứng DụngHướng Dẫn Mệnh Đề DISTINCT Trong MySQL Để Lọc Dữ Liệu Trùng LặpCách Sử Dụng Thư Viện Database Library Trong CodeIgniterSo sánh Django và Flask trong phát triển ứng dụng WebHướng Dẫn Chi Tiết Quy Trình Load Model Trong CodeIgniter Từ A Đến ZHướng Dẫn Tạo Thư Viện Load Widget Trong CodeIgniter Từ A Đến ZKiểu Dữ Liệu Số Thực (Floating Point Types) Trong MySQLHướng Dẫn Chi Tiết về Cấu Trúc Thư Mục trong CodeIgniter Từ A đến ZKiểu Dữ Liệu Ngày Giờ (Date and Time Types) Trong MySQLKiểu Dữ Liệu Số (Integer Types) Trong MySQLKiểu Dữ Liệu Chuỗi (String Types) Trong MySQLTạo Watermark Cho Hình Ảnh Với Thư Viện Image Manipulation Trong CodeIgniterHướng Dẫn Tạo Chức Năng Điều Hướng Next/Prev Bài Viết Trong WordPressHiệu Quả SEO Khi Gắn Từ Khoá Trong Bài ViếtKiểu Dữ Liệu ENUM Trong MySQL Là Gì?Hướng Dẫn Sử Dụng jQuery Validation Xác Thực Có Điều Kiện (Conditional Validation)Cách Đặt Tên Biến Trong JavaScript Để Viết Code SạchHướng Dẫn Chi Tiết Tối Ưu Bảng wp_options Trong WordPress10+ Thủ Thuật jQuery Hữu Ích Nhất Để Xử Lý DOM và Hoạt ẢnhHướng Dẫn Sử Dụng Các Phương Thức slideUp() và slideDown() trong jQueryCách Sử Dụng :animated Selector trong jQuery Để Kiểm Soát Hoạt ẢnhHướng Dẫn Sử Dụng All Selector (“*”) trong jQuery Tối Ưu Cho Hiệu SuấtThuộc Tính jQuery Là Gì?Phương thức hasClass() trong jQueryjQuery Là Gì? Hướng Dẫn Từng Bước Thư Viện JavaScript Cho Người MớiTop IDE Hỗ Trợ Lập Trình Django Hiệu Quả NhấtHướng Dẫn Thư Viện Upload Trong CodeIgniterHướng dẫn chi tiết Phân quyền trong WordPressHướng dẫn Thư Viện Hình Ảnh Trong CodeIgniterMối liên hệ của Jenkins với CI và CDNhững Điều Cần Lưu Ý Khi Sử Dụng Jenkins Để Tối Ưu Hóa CI/CDHướng Dẫn Sử Dụng Lệnh userdel Để Xóa Người Dùng Trên LinuxSo sánh nên dùng Cache trong Laravel hay tích hợp PHPFastCacheHướng Dẫn Tạo Shell Script Backup Dữ Liệu MySQL Hàng Tuần Trên Ubuntu Với File Cấu Hình .envHướng dẫn Helper Text Trong CodeIgniterCách SEO Thẻ Tag Trong WordPressSo sánh Chức Năng Cache Của CodeIgniter và Tích Hợp PHPFastCacheTìm Hiểu Thư Viện Shopping Cart Trong CodeIgniterHướng Dẫn Chi Tiết Về Viết Lại URL Trong CodeIgniterHàm lọc nội dung để xóa tất cả các thẻ HTML rỗng khỏi nội dung bài viết WordPressCaching với mod_cache trong Apache Giải Pháp Tối Ưu Hiệu Suất Cho WebsiteHướng Dẫn Cấu Hình Database Tối Ưu Dành Cho WordPress Từ Cơ Bản Đến Nâng CaoTổng Quan Các Cấu Hình Trong ApacheCấu hình mod_brotli trong ApacheKhám Phá Các Câu Lệnh Để Tra Cứu Thông Tin Trong Unix/LinuxCác Lệnh Nén File Trong Unix/LinuxLỗi Google Console “Duplicate without user-selected canonical” là gìKhám Phá 24 Dự Án Tự Lưu Trữ Được Đánh Giá Cao Trên GitHubCác Loại Mã Hóa Cơ Sở Dữ Liệu Trong SQL ServerHướng Dẫn Cài Đặt WooCommerce Trên WordPressSo Sánh Chipset A18 và A18 Pro trên iPhone 16So sánh Apple iPhone 16 Pro và Apple iPhone 15 ProUncategorized Là Gì? Hướng Dẫn Đổi Tên Danh Mục Uncategorized Trong WordPressHướng dẫn sử dụng plugin phân tích các câu lệnh MySQL trong WordPressFAQ là gì? Tác dụng FAQ trong SEOHướng dẫn cài Jenkin trên UbuntuHướng Dẫn Các Lệnh Quản Lý Tệp và Thư Mục Trong Unix/LinuxHướng Dẫn Chi Tiết Lệnh split Trong Unix/Linux Để Chia Tệp Hiệu QuảGiới hạn bảng (Table) trong MySQLGiới thiệu ưu nhược điểm các Storage Engine trong MySQLGiới hạn lưu trữ của MySQLHướng dẫn sử dụng PHPFastCache trong PHPHướng Dẫn Tự Động Thêm Chuyên Mục Vào Bài Viết WordPress Dựa Trên Tiêu ĐềHướng Dẫn Tự Động Thêm Thẻ Tag Vào Bài Viết WordPress Dựa Trên Tiêu ĐềLỗi đăng nhập WordPress luôn trả về trang trắng wp-login.phpHướng Dẫn Thư Viện Pagination Trong CodeIgniterTop 50+ bài thực hành với mảng (array) trong PHPXác Thực và Phân Quyền trong REST API của WordPressHướng dẫn sử dụng API wp-json trong WordPressHướng dẫn Helper Url Và Form Trong CodeigniterHướng Dẫn Thư Viện Session Trong CodeigniterCâu lệnh require (require_once) include (include_once) trong PHPThuật Toán Sắp Xếp Chọn (Selection Sort) Trong PHPPhương thức GET và POST trong PHPThuật toán sắp xếp chèn (Insertion Sort) trong PHPTìm hiểu hướng dẫn xây dựng hàm trong PHPHướng dân kỹ thuật đặt cờ hiệu trong PHPHàm xử lý ngày tháng trong PHPHàm xử lý chuỗi trong PHPKỹ thuật Đặt Lính Canh trong PHP (Sentinel Linear Search)Tìm kiếm tuyến tính là gì? Tìm kiếm tuyến tính trong PHPĐệ quy là gì? Các Loại Đệ Quy Trong PHPHàm isset() và empty() trong PHPGitflow Là Gì? Chiến Lược Quản Lý Nhánh (BRANCH) và Lý Do Các Developer Cần Phải Biết GitflowChiến lược làm việc với nhánh (Branch) của Git trong Gitflow, Github Flow và GitLab FlowToán tử UNION trong MySQLHướng dẫn viết Plugin chức năng Cache trong WordPressTìm hiểu Bảng ảo VIEW trong MySQLCách xử lý dữ liệu quy mô lớn 50 triệu bài viếtNhững câu hỏi phỏng vấn Stored Procedure trong MySQLBảng tạm TEMPORARY trong MYSQLTham chiếu (ALIAS) trong MySQLHàm tổng hợp (Aggregate Functions) trong MySQLHàm Ngày Giờ DATE/TIME Trong MySQL Hướng Dẫn Chi TiếtHàm chuỗi trong MySQLHàm toán học trong MYSQLNhững Chú Ý Khi Import Dữ Liệu Lớn Trong MySQLNhững Chú Ý Khi Export Dữ Liệu Lớn Trong MySQLHướng Dẫn Export Dữ Liệu MySQL Bằng Dòng Lệnh Trong UbuntuHướng Dẫn Import Dữ Liệu MySQL Bằng Dòng Lệnh Trong UbuntuHướng Dẫn Tạo Đa Ngôn Ngữ Trong CodeIgniter 3Tìm hiểu về Page WordPress là gì? Sự khác nhau giữa Page và PostLiên kết FULL JOIN trong MySQLLiên kết RIGHT JOIN trong MySQLLiên kết INNER JOIN trong MySQLLiên kết LEFT JOIN trong MySQLCâu lệnh GRANT và REVOKE trong MySQLCâu lệnh COMMIT, ROLLBACK, SAVEPOINT trong MySQLCâu lệnh DROP TABLE trong MySQLCâu lệnh ALTER TABLE trong MySQLCâu lệnh CREATE TABLE trong MySQLCâu lệnh SELECT trong MySQLCâu lệnh DELETE trong MySQLCâu lệnh UPDATE trong MySQLCâu lệnh INSERT trong MySQLMệnh đề LIMIT trong MYSQLMệnh đề HAVING trong MySQLMệnh đề GROUP BY trong MySQLMệnh đề ORDER BY trong MySQLMệnh đề WHERE trong MySQLCài đặt Crontab tự động renew gia hạn CertbotHướng Dẫn Chi Tiết Cài Đặt Apache, PHP, MySQL Và SSL Let’s EncryptCORS là gì? CORS hoạt động ra sao? Hướng Dẫn Cài Đặt CORSCơ chế tự động Trigger trong MySQLTổng quan về Câu lệnh, Mệnh đề, Biểu thức, Hàm, Toán Tử, Liên Kết, Tham Chiếu trong MySQLCách tạo shortcode trong Codeigniter 3 như WordPressSo sánh chi tiết giữa MySQL và MariaDBHướng dẫn Thuật Toán Tham Lam (Greedy Algorithm) và ví dụ bằng PHPHàm lấy danh sách các thẻ tag WordPress của bài viếtSo sánh Interface và Abstract trong OOP lập trình hướng đối tượng PHPEvent Handlers và Event Listeners, Event DelegationHàm some, sort, every trong JavascriptCách lấy quyền Root trong UbuntuApache Zookeeper Là Gì? Giải Pháp Quản Lý Và Điều Phối Hệ Thống Phân Tán Hiệu QuảHướng dẫn chi tiết về quyền trong UbuntuCác sự kiện (Event) trong JavascriptKhác biệt giữa Promise, Callback và Async/Await trong JavaScriptKhi nào nên sử dụng AIDL so với Messenger Queue?Cách tránh rò rỉ bộ nhớ (memory leaks) trong JavaScriptPartitioning có làm tăng nhiều kích thước dữ liệu MySQL?Phân chia partition khoảng bao nhiêu với bảng 10 triệu dòng để hiệu suất tốtHướng dẫn chi tiết về Sharding trong MySQLHướng dẫn về Partitioning trong MySQLHướng Dẫn Chi Tiết Sử Dụng Polylang cho Website Đa Ngôn Ngữ trong WordPressTạo tab mới trong trang sản phẩm WooCommerceHướng Dẫn Chi Tiết Cách Sử Dụng Parameters trong Ruby on RailsORM là gì ? Tìm hiểu về Object Relational MappingCài đặt máy chủ web Nginx trên Ubuntu Từ A đến ZRoadmap hướng dẫn chi tiết học Django hiệu quảRoadmap hướng dẫn học CodeIgiter 4 hiệu quảRoadmap hướng dẫn học Laravel hiệu quảHướng dẫn chi tiết cách sử dụng GPU trên Google CollaboratoryShortcode là gì? hướng dẫn tạo shortcode nhúng link youtube xem video dạng popup trong WordPressHướng dẫn chi tiết Helper trong CodeIgniter 3Thẻ Category và Post_tag giống và khác nhau như thế nào?Hướng dẫn php chức năng crop ảnh, resize ảnh, tối ưu ảnh, chèn watermarkHàm php wordpress lấy các bài viết cùng chuyên mục và cùng post_tagHướng dẫn Thuật toán sắp xếp nổi bọt (Bubble Sort) với PHPTìm hiểu CI (Continuous Integration) Tích hợp liên tụcHướng dẫn chi tiết về (Hook) Middleware trong CodeIgniter 3So sánh MySQLi và PDO trong PHP: Đâu là lựa chọn tốt hơn cho truy vấn MySQL?Hướng dẫn chi tiết mô hình MVC với code PHP Thuần (Nâng Cao)Cách Giải Quyết Các Thách Thức Của Dữ Liệu Lớn (Big Data) Để Tối Ưu Hóa Giá Trị và Hiệu Suất Kinh DoanhSo sánh Hooks và Middleware trong MVC PHPDân BA có cần dành về kỹ thuật – Kỹ năng cần có của người làm BA – Để trở thành BA cần học những gì?Hướng dẫn chi tiết mô hình MVC với code PHP Thuần (Ví dụ cơ bản)Phân tích hàm spl_autoload_register trong PHPHướng dẫn chi tiết sử dụng định tuyến routes.php trong CodeIgniter 3Hướng dẫn chi tiết Controller trong CodeIgniter 3Hướng dẫn chi tiết Model trong CodeIgniter 3Hướng dẫn chi tiết View trong CodeIgniter 3Hướng dẫn sử dụng đa ngôn ngữ trong CodeIgniter 3Hướng dẫn cách viết thư viện bên thứ 3 trong CodeIgniter 3Warning: call_user_func_array() expects parameter 1 to be a valid callback, function ‘disable_embeds_rewrites’Hướng dẫn code thêm mới trong MySQLHướng dẫn cài đặt và cấu hình Gitlab trên Ubuntu 20.04Những vấn đề thường gặp khi làm việc với lượng dữ liệu lớnDanh sách tất cả các hàm trong MySQLHướng dẫn code hàm trong MySQL Cần làm gì khi migrate DB (chuyển dữ liệu sang một hệ thống khác)?So sánh Giống và Khác nhau giữa Union và Join?Phân tích và tư vấn bố cục nội dung website dạy học tiếng AnhXoá khoảng trắng xuống 1 dòng và nhiều n dòng trong PHPCâu lệnh EXPLAIN trong MySQL và chi tiết các trường hợp sử dụngXử lý các bản ghi trùng lặp trong MySQLQuản lý lỗi trong Stored Procedure của MySQLAPI là gì? Tìm hiểu kiến thức APIQuản lý Exception, lỗi khi làm việc với Stored Procedure, Function ra sao?Full-Text Search Là Gì?Muốn insert data cỡ 1000 records thì làm cách nào?Stored Procedure là gì? Lợi ích khi dùng Stored Procedure?Giới thiệu về MySQLKhác nhau giữa Partitioning và Sharding ?Database sharding là gì?Hướng dẫn cài đặt Adminer nhanh gọn nhẹSo sánh giữa Adminer và PHPMyAdminCách hoạt động của hàm REGEXP_INSTR() trong MySQLToán tử Regexp biểu thức chính quy trong MySQLPhân mảnh cơ sở dữ liệu là gì?Sự khác biệt giữa PUT và PATCHLấy mảng dữ liệu các mục menu trong WordPress | Get array of menu items data in WordPressTuỳ chỉnh menu WordPress với Class Walker_Nav_MenuCode tạo menu trong WordPressRemoving Tag and Category from WordPress PermalinkThêm Favicon vào Admin WordPress | Add Favicon to WordPress AdminKhi nào không nên dùng Arrow Function?