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 […]
Thuộc tính table-layout
Định nghĩa và sử dụng Thuộc tính table-layout thiết lập các thuật toán layout được sử dụng cho table. Cấu trúc table { table-layout: giá trị; } Với thuộc tính và giá trị như sau: Thuộc tính giá trị Mô tả table-layout auto Chiều rộng cột của table được thiết lập theo cột có chiều […]
:focus
Định nghĩa và sử dụng Bộ chọn :focus: giúp chọn được thành phần khi được focus. Cấu trúc Đã được thêm vào từ phiên bản 1.6 $(‘:focus’) $(‘input:focus’) 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> <style> .bgFocus { background: blue; } </style> <script> $(function(){ $(“body”).delegate(“*”,”focus blur”, function(event) { […]
:enabled
Định nghĩa và sử dụng Bộ chọn :enabled: giúp chọn được thành phần không có thuộc tính disabled. Cấu trúc Đã được thêm vào từ phiên bản 1.0 $(‘:enabled’) $(‘input:enabled’) 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(){ $(‘:enabled’).wrap(‘<span style=”background-color: blue; padding: 2px;”></span>’) }); </script> </head> <body> […]
:nth-of-type(n)
Định nghĩa và sử dụng “:nth-of-type(n)” chọn thành phần thứ “n”, gốc tính được tính từ thành phần đầu tiên trở đi. Thứ tự “n” được tính cho tất cả các thành phần cùng cấp. Giá trị “n” có thể là số, keyword hay công thức. Cấu trúc :nth-of-type(n) { property: value; } Ví dụ […]
Tag ruby
Định nghĩa và sử dụng Tag ruby định nghĩa một chú thích ruby (đối với kiểu chữ Đông Á). Chú thích: ruby được sử dụng trong khu vực Đông Á, hiển thị cách phát âm của các ký tự Đông Á. Tag ruby được dùng kèm với rt và rp, trong đó: rt định nghĩa […]
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 […]