test
Deploy ứng dụng (Render, Railway, VPS)
Để đưa ứng dụng Node.js của bạn từ máy tính cá nhân (Localhost) lên Internet cho mọi người cùng truy cập, bạn cần thực hiện quá trình Deploy (Triển khai). Hiện nay, có 3 hình thức deploy phổ biến nhất từ dễ đến khó, phù hợp với từng nhu cầu và ngân sách khác nhau. […]
RESTful API
RESTful API trong Node.js là một chuẩn kiến trúc thiết kế hệ thống API dựa trên các phương thức của giao thức HTTP (GET, POST, PUT, DELETE) để quản lý các tài nguyên (Resources) [shopping]. Một hệ thống RESTful API chuẩn chỉnh yêu cầu tài nguyên phải được định danh qua URL và các hành […]
Upload File (Multer)
Trong Node.js, để xử lý tính năng upload file (như hình ảnh, tài liệu, video) từ phía Client gửi lên, thư viện chuẩn mực và phổ biến nhất được sử dụng là Multer. Multer là một middleware của Express.js, chuyên xử lý dữ liệu định dạng multipart/form-data (định dạng bắt buộc khi gửi file qua […]
JWT – JSON Web Token
JWT (JSON Web Token) là một phương thức tiêu chuẩn dùng để truyền tải thông tin an toàn giữa Client và Server dưới dạng một đối tượng JSON. Thông tin này có thể được xác thực và tin cậy vì nó chứa một chữ ký số (Digital Signature). Trong Node.js, JWT được sử dụng phổ […]
Authentication (Đăng nhập/Đăng ký)
Để xây dựng một hệ thống Authentication (Xác thực Đăng ký / Đăng nhập) chuẩn chỉnh và bảo mật trong Node.js, phương thức phổ biến nhất hiện nay là kết hợp Mã hóa mật khẩu (Bcrypt) và Token tự định danh (JWT – JSON Web Token). Dưới đây là trọn bộ hướng dẫn từng bước […]
React.js api
React.js api Khi làm việc với React, chúng ta sẽ thường có nhu cầu liên kết dữ liệu như MySQL, MongoDB, …, tuy nhiên bản thân React là một Javascript, chỉ thao tác ở phía client, việc liên kết sử lý dữ liệu là không thể. Để giải quyết vấn đề này, chúng ta sẽ […]
:has(selector)
Định nghĩa và sử dụng Bộ chọn :has(selector): giúp chọn được thành phần có chứa ít nhất một phần tử phù hợp với quy định chọn. Cấu trúc Đã được thêm vào từ phiên bản 1.1.4 $(‘:has(selector)’) $(‘tag:has(selector)’) Ví dụ Html viết: <!DOCTYPE HTML> <html> <head> <meta charset=”utf-8″> <title>Tiêu đề</title> <script src=”https://code.jquery.com/jquery-latest.js”></script> <script> $(function(){ $(‘div:has(p)’).css(“border”, […]
Thuộc tính transition
Định nghĩa và sử dụng Thuộc tính transition xác định một quá trình chuyển đổi khi có một hành động. Cấu trúc tag { transition: giá trị; -moz-transition: giá trị; -webkit-transition: giá trị; -o-transition: giá trị; } Trong đó: -moz-transition hỗ trợ cho firefox. -webkit-transition hỗ trợ cho Google Chrome và Safari. -o-transition hỗ trợ […]
CRUD với Database
Để xây dựng một ứng dụng Node.js hoàn chỉnh, việc làm chủ bộ thao tác CRUD (Create – Read – Update – Delete) với Database là kỹ năng quan trọng nhất. Dù bạn dùng NoSQL (MongoDB – Mongoose) hay SQL (MySQL – Sequelize), tư duy xử lý logic của API vẫn tuân theo một quy […]
Tag wbr
Định nghĩa và sử dụng Tag wbr xác định text quá dài sẽ tự động xuống hàng (không tràn layout). Sự khác nhau giữa HTML và XHTML HTML4.01 HTML5 Không hỗ trợ Đây là tag mới trong HTML5 Cấu trúc <wbr></wbr> Ví dụ Html viết: <p>Đoạn text có thể làm vỡ <wbr>layoutttttttttttttttttttttttt</wbr></p> Trình duyệt hỗ […]
Deploy ứng dụng (Render, Railway, VPS)
Để đưa ứng dụng Node.js của bạn từ máy tính cá nhân (Localhost) lên Internet cho mọi người cùng truy cập, bạn cần thực hiện quá trình Deploy (Triển khai). Hiện nay, có 3 hình thức deploy phổ biến nhất từ dễ đến khó, phù hợp với từng nhu cầu và ngân sách khác nhau. […]
RESTful API
RESTful API trong Node.js là một chuẩn kiến trúc thiết kế hệ thống API dựa trên các phương thức của giao thức HTTP (GET, POST, PUT, DELETE) để quản lý các tài nguyên (Resources) [shopping]. Một hệ thống RESTful API chuẩn chỉnh yêu cầu tài nguyên phải được định danh qua URL và các hành […]
Upload File (Multer)
Trong Node.js, để xử lý tính năng upload file (như hình ảnh, tài liệu, video) từ phía Client gửi lên, thư viện chuẩn mực và phổ biến nhất được sử dụng là Multer. Multer là một middleware của Express.js, chuyên xử lý dữ liệu định dạng multipart/form-data (định dạng bắt buộc khi gửi file qua […]
JWT – JSON Web Token
JWT (JSON Web Token) là một phương thức tiêu chuẩn dùng để truyền tải thông tin an toàn giữa Client và Server dưới dạng một đối tượng JSON. Thông tin này có thể được xác thực và tin cậy vì nó chứa một chữ ký số (Digital Signature). Trong Node.js, JWT được sử dụng phổ […]
Authentication (Đăng nhập/Đăng ký)
Để xây dựng một hệ thống Authentication (Xác thực Đăng ký / Đăng nhập) chuẩn chỉnh và bảo mật trong Node.js, phương thức phổ biến nhất hiện nay là kết hợp Mã hóa mật khẩu (Bcrypt) và Token tự định danh (JWT – JSON Web Token). Dưới đây là trọn bộ hướng dẫn từng bước […]
React.js xử lý delete
React.js xử lý delete Bài tập này sẽ giúp các bạn xóa một mục bất kỳ. Cũng giống như insert và update việc xóa dữ liệu cũng cần tiến hành ở phía client và server. Tạo button xóa dữ liệu Trước tiên ta cần tạo button bên trong file /client/src/App.js như sau: <ul> {this.state.news.map(item […]
React.js xử lý update
React.js xử lý update Chúng ta tiếp tục bài này với việc cập nhật, thay đổi dữ liệu. Cũng giống như insert, việc cập nhật dữ liệu cũng cần tiến hành ở phía client và server. Tạo button click mở modal Trước tiên ta cần tạo button bên trong file /client/src/App.js như sau: <ul> […]
React.js xử lý insert
React.js xử lý insert Bài trước ta đã biết cách hiển thị nội dung dữ liệu MySQL với Express và Axios. Bài này sẽ hướng dẫn các bạn cách thêm một nội dung vào dữ liệu MySQL bằng React. Sử dụng lại kết quả bài trước Các bạn có thể xem lại bài React.js – […]
React.js MySQL
React.js MySQL Trước khi bắt đầu bài học này, bạn cần biết về tạo API với Express và cách kết nối server với client của project React đã được giới thiệu ở 2 bài học trước, nếu chưa biết thì bạn cần xem lại nhé, kiên nhẫn chút ^^. Bài toán xử lý dữ liệu […]
React.js server & client
React.js server & client Bài học trước ta đã tạo được một API đơn giản, vậy làm sao để sử dụng API này bên trong một project React? Bản thân React được xem như là nơi để xử lý ở phía client, còn API Express sẽ dùng xử lý ở phía server, điều này cũng […]