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 […]
Tag area
Định nghĩa và sử dụng Tag area xác định một vùng bên trong image-map. Image-map là hình trong đó có những khu vực có thể click được. Các area luôn được lồng bên trong tag map Sự khác nhau giữa HTML và XHTML HTML4.01 XHTML1.0 XHTML1.1 Không cần kết thúc tag <area> Cần khoảng trắng […]
Thuộc tính border-image
Định nghĩa và sử dụng Thuộc tính border trong css3 dùng để định dạng các dạng border bằng hình ảnh. Cấu trúc tag { border-image: giá trị; -moz-border-image: giá trị; -webkit-border-image: giá trị; -ms-border-image: giá trị; -o-border-image: giá trị; } Trong đó: -moz-animation hỗ trợ cho firefox. -webkit-animation hỗ trợ cho Google Chrome và Safari. […]
:button
Định nghĩa và sử dụng Bộ chọn :button: giúp chọn được thành phần input có thuộc tính type với giá trị button, hoặc tag button. Cấu trúc Đã được thêm vào từ phiên bản 1.0 $(‘:button’) $(‘input:button’) 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(){ $(‘:button’).css(‘background-color’,’blue’); }); […]
Tag span
Định nghĩa và sử dụng Tag span được sử dụng để nhóm các inline trong văn bản HTML. Ta có thể dùng span kèm với css để định dạng một phần nội dung trong văn bản HTML Sự khác nhau giữa HTML và XHTML HTML4.01 XHTML1.0 XHTML1.1 Không có sự khác biệt Cấu trúc <span></span> […]
: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> […]
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 […]