programming nodejs NodeJS ReactJS Authentication reactjs nodejs

Hướng dẫn nodejs reactjs - nodejs reactjs

Chào mọi người, lại là mình đây, sau chuỗi ngày vọc về server với hàng tá các command line khó nhớ thì hãy cùng mình đổi gió một xíu với series này nhé =]].

Hôm nay hãy cùng mình bắt đầu một tour về combo Node JS + React JS. Cả series chúng ta sẽ cùng tìm hiểu về combo ReactJS + Node JS qua những ví dụ cơ bản. Trong đó sẽ trải qua các nội dung như sau

  • Node JS + React JS - Cài đặt cơ bản
  • Kết nối React JS - Node JS
  • Authentication + Authorization
  • Node JS and Nosql database - mongodb
  • React JS & Redux state management

Series sẽ bắt đầu bằng những cấu hình cơ bản với nội dung là Cài đặt cơ bản và kết nối React JS + Node JSCài đặt cơ bản và kết nối React JS + Node JS

Node js + React JS ?

Node.js là một hệ thống phần mềm được thiết kế để viết các ứng dụng internet có khả năng mở rộng, đặc biệt là máy chủ web. Chương trình được viết bằng JavaScript, sử dụng kỹ thuật điều khiển theo sự kiện, nhập/xuất không đồng bộ để tối thiểu tổng tài nguyên và tối đa khả năng mở rộng. Node.js bao gồm có V8 JavaScript engine của Google, libUV, và vài thư viện khác. là một hệ thống phần mềm được thiết kế để viết các ứng dụng internet có khả năng mở rộng, đặc biệt là máy chủ web. Chương trình được viết bằng JavaScript, sử dụng kỹ thuật điều khiển theo sự kiện, nhập/xuất không đồng bộ để tối thiểu tổng tài nguyên và tối đa khả năng mở rộng. Node.js bao gồm có V8 JavaScript engine của Google, libUV, và vài thư viện khác.

Với nhiều ưu điểm, thì NodeJs đang phát triển rất nhanh với cộng đồng hỗ trợ lớn.

  • NodeJs viết bằng Javascript nên có cộng đồng hỗ trợ cực lớn, nên những vấn đề gặp phải sẽ nhận được sự support rộng rãi so với nhiều framework khác.
  • Hiệu năng cao + real time: NodeJs với cơ chế xử lý bất đồng bộ - non-blocking giúp NodeJs tiếp nhận và xử lý hàng ngàn request một lúc mà không gặp một khó khăn nào.
  • Dễ dàng mở rộng.
  • JSON API - Với javascript thì NodeJS + Nosql làm server là sự lựa chọn số 1 cho JSON API.

Với ứng dụng NodeJs thì một framework nhỏ mà mạnh mẽ thường được sử dụng là Express Js. Ở bài viết này chúng ta sẽ tiến hành cài đặt và cấu hình Express Js cho ứng dụng.

React JS đang là một trong những thư viện phổ biến nhất giới frontend. Sử dụng React Js để build các ứng dụng front-end với hiệu năng cao và thời gian xây dựng nhanh nhất có thể. đang là một trong những thư viện phổ biến nhất giới frontend. Sử dụng React Js để build các ứng dụng front-end với hiệu năng cao và thời gian xây dựng nhanh nhất có thể.

Cài đặt các tool cần thiết

  • Cài đặt Nodejs
$ sudo apt-get install curl
$ curl -sL //deb.nodesource.com/setup_12.x | sudo -E bash -
$ sudo apt-get install nodejs
$ node -v
$ npm -v

Link: //tecadmin.net/install-latest-nodejs-npm-on-ubuntu

  • Cài đặt mongo db
$ wget -qO - //www.mongodb.org/static/pgp/server-4.4.asc | sudo apt-key add -
$ echo "deb [ arch=amd64,arm64 ] //repo.mongodb.org/apt/ubuntu xenial/mongodb-org/4.4 multiverse" | sudo tee /etc/apt/sources.list.d/mongodb-org-4.4.list
$ sudo apt-get update
$ sudo apt-get install -y mongodb-org
$ sudo systemctl start mongod
$ sudo systemctl enable mongod

Link: //docs.mongodb.com/manual/tutorial/install-mongodb-on-ubuntu/

Sau khi cài các ứng dụng cần thiết thì chúng ta đến bước cấu hình và cài đặt famework + dependencies.

Mình sẽ chia 2 folder để tách backend và frontend làm 2 project riêng.

Cài đặt

Node JS

Đầu tiên hãy tạo folder và cài đặt framework

$ mkdir -p todo/backend
$ cd todo/backend
$ nano package.json

Hãy tạo file package.json để cài đặt nhanh framework và các thư viện liên quan. Ở đây mình sẽ cài 

$ wget -qO - //www.mongodb.org/static/pgp/server-4.4.asc | sudo apt-key add -
$ echo "deb [ arch=amd64,arm64 ] //repo.mongodb.org/apt/ubuntu xenial/mongodb-org/4.4 multiverse" | sudo tee /etc/apt/sources.list.d/mongodb-org-4.4.list
$ sudo apt-get update
$ sudo apt-get install -y mongodb-org
$ sudo systemctl start mongod
$ sudo systemctl enable mongod
8 để phần log thêm sinh động, framework 
$ wget -qO - //www.mongodb.org/static/pgp/server-4.4.asc | sudo apt-key add -
$ echo "deb [ arch=amd64,arm64 ] //repo.mongodb.org/apt/ubuntu xenial/mongodb-org/4.4 multiverse" | sudo tee /etc/apt/sources.list.d/mongodb-org-4.4.list
$ sudo apt-get update
$ sudo apt-get install -y mongodb-org
$ sudo systemctl start mongod
$ sudo systemctl enable mongod
9, dùng 
$ mkdir -p todo/backend
$ cd todo/backend
$ nano package.json
0 + 
$ mkdir -p todo/backend
$ cd todo/backend
$ nano package.json
1 làm database và connect database, 
$ mkdir -p todo/backend
$ cd todo/backend
$ nano package.json
2 cho việc show log ở terminal dễ dàng hơn. Và 
$ mkdir -p todo/backend
$ cd todo/backend
$ nano package.json
3 để chạy ngầm server, sử dụng cho việc deploy sau này.

{
  "name": "backend",
  "version": "1.0.0",
  "description": "",
  "main": "index.js",
  "scripts": {
    "test": "echo \"Error: no test specified\" && exit 1"
  },
  "author": "",
  "license": "ISC",
  "dependencies": {
    "chalk": "^4.1.0",
    "body-parser": "1.19.0",
    "express": "^4.17.1",
    "mongodb": "^3.6.1",
    "mongoose": "^5.10.3",
    "morgan": "1.10.0",
    "forever": "3.0.2",
    "cors": "2.8.5"
  }
}

Và chạy npm install để cài đặt hết tất cả các dependencies này cho server Node Js

$ cd todo/backend
$ npm install

Hãy chắc rằng bạn đã chạy mongo db 

$ mkdir -p todo/backend
$ cd todo/backend
$ nano package.json
4

Cùng xem cấu trúc thư mục của backend như nào nhé

.
├── config
│   ├── api.routes.js
│   ├── database.js
│   └── properties.js
├── controllers
│   └── api
│       └── top_pages_controller.js
├── package.json
├── package-lock.json
└── server.js

Mọi cấu hình mình sẽ đặt ở folder 

$ mkdir -p todo/backend
$ cd todo/backend
$ nano package.json
5, như database, routes, các setup cho port ứng dụng, link database ...

Các controller xử lý logic sẽ nằm ở 

$ mkdir -p todo/backend
$ cd todo/backend
$ nano package.json
6. Ở ngoài cùng sẽ là 
$ mkdir -p todo/backend
$ cd todo/backend
$ nano package.json
7 dùng cho việc chạy server.

// config/properties.js
module.exports = {
  PORT : 4000,
  DB : 'mongodb://localhost:27017/backend-todos',
  CORS : ['//localhost:3000']
}

File 

$ mkdir -p todo/backend
$ cd todo/backend
$ nano package.json
8 này sẽ là nơi chúng ta lưu các thông số cố định như đường link hay các cổng kết nối với các ứng dụng khác .v.v.

// config/database.js
var mongoose = require['mongoose'];
mongoose.set['useCreateIndex', true];
var chalk = require['chalk'];
var dbURL = require['./properties'].DB;
var connected = chalk.bold.cyan;
var error = chalk.bold.yellow;
var disconnected = chalk.bold.red;
var termination = chalk.bold.magenta;

module.exports = function[]{
  mongoose.connect[dbURL];
  mongoose.connection.on['connected', function[]{
    console.log[connected["Mongoose default connection is open to ", dbURL]];
  }];
  mongoose.connection.on['error', function[err]{
    console.log[error["Mongoose default connection has occured "+ err +" error"]];
  }];
  mongoose.connection.on['disconnected', function[]{
    console.log[disconnected["Mongoose default connection is disconnected"]];
  }];
  process.on['SIGINT', function[]{
    mongoose.connection.close[function[]{
      console.log[termination["Mongoose default connection is disconnected due to application termination"]];
      process.exit[0]
    }];
  }];
}

File cấu hình 

$ mkdir -p todo/backend
$ cd todo/backend
$ nano package.json
9 sẽ đảm nhiệm việc quản lý kết nối từ NodeJS đến mongodb, handle khi kết nối/ngắt kết nối và các lỗi nếu có.

// server.js
var express = require['express'];
var log = require['morgan']['dev'];
var bodyParser = require['body-parser'];
var cors = require['cors']
var properties = require['./config/properties'];
var db = require['./config/database'];
var apiRoutes = require['./config/api.routes'];
var app = express[];
var bodyParserJSON = bodyParser.json[];
var bodyParserURLEncoded = bodyParser.urlencoded[{extended:true}];
var router = express.Router[];

var whitelist = properties.CORS;
var corsOptions = {
  origin: function [origin, callback] {
    if [whitelist.indexOf[origin] !== -1] {
      callback[null, true]
    } else {
      callback[new Error['Not allowed by CORS']]
    }
  }
}

app.use[cors[corsOptions]];

db[];
app.use[log];
app.use[bodyParserJSON];
app.use[bodyParserURLEncoded];
app.use['/api',router];
apiRoutes[router];

app.listen[properties.PORT, [req, res] => {
  console.log[`Server is running on ${properties.PORT} port.`];
}]

React js

$ cd todo
$ npx create-react-app frontend
$ mkdir frontend/src/components

Cùng xem cấu trúc cây thư mục sẽ như thế nào, ngoài các folders + files được generate bởi create-react-app, mình sẽ chia nhỏ các folder riêng, ở đây các components sẽ được viết ở folder 

{
  "name": "backend",
  "version": "1.0.0",
  "description": "",
  "main": "index.js",
  "scripts": {
    "test": "echo \"Error: no test specified\" && exit 1"
  },
  "author": "",
  "license": "ISC",
  "dependencies": {
    "chalk": "^4.1.0",
    "body-parser": "1.19.0",
    "express": "^4.17.1",
    "mongodb": "^3.6.1",
    "mongoose": "^5.10.3",
    "morgan": "1.10.0",
    "forever": "3.0.2",
    "cors": "2.8.5"
  }
}
0

$ wget -qO - //www.mongodb.org/static/pgp/server-4.4.asc | sudo apt-key add -
$ echo "deb [ arch=amd64,arm64 ] //repo.mongodb.org/apt/ubuntu xenial/mongodb-org/4.4 multiverse" | sudo tee /etc/apt/sources.list.d/mongodb-org-4.4.list
$ sudo apt-get update
$ sudo apt-get install -y mongodb-org
$ sudo systemctl start mongod
$ sudo systemctl enable mongod
0

Để cài đặt nhanh một vài dependencies cần thiết, hãy thêm packages trực tiếp vào package.json, ở react thì trước tiên mình sẽ cài 

{
  "name": "backend",
  "version": "1.0.0",
  "description": "",
  "main": "index.js",
  "scripts": {
    "test": "echo \"Error: no test specified\" && exit 1"
  },
  "author": "",
  "license": "ISC",
  "dependencies": {
    "chalk": "^4.1.0",
    "body-parser": "1.19.0",
    "express": "^4.17.1",
    "mongodb": "^3.6.1",
    "mongoose": "^5.10.3",
    "morgan": "1.10.0",
    "forever": "3.0.2",
    "cors": "2.8.5"
  }
}
1, 
{
  "name": "backend",
  "version": "1.0.0",
  "description": "",
  "main": "index.js",
  "scripts": {
    "test": "echo \"Error: no test specified\" && exit 1"
  },
  "author": "",
  "license": "ISC",
  "dependencies": {
    "chalk": "^4.1.0",
    "body-parser": "1.19.0",
    "express": "^4.17.1",
    "mongodb": "^3.6.1",
    "mongoose": "^5.10.3",
    "morgan": "1.10.0",
    "forever": "3.0.2",
    "cors": "2.8.5"
  }
}
2 và 
{
  "name": "backend",
  "version": "1.0.0",
  "description": "",
  "main": "index.js",
  "scripts": {
    "test": "echo \"Error: no test specified\" && exit 1"
  },
  "author": "",
  "license": "ISC",
  "dependencies": {
    "chalk": "^4.1.0",
    "body-parser": "1.19.0",
    "express": "^4.17.1",
    "mongodb": "^3.6.1",
    "mongoose": "^5.10.3",
    "morgan": "1.10.0",
    "forever": "3.0.2",
    "cors": "2.8.5"
  }
}
3 để tạo request http lên server Node JS. Dependencies của react sẽ như thế này.

$ wget -qO - //www.mongodb.org/static/pgp/server-4.4.asc | sudo apt-key add -
$ echo "deb [ arch=amd64,arm64 ] //repo.mongodb.org/apt/ubuntu xenial/mongodb-org/4.4 multiverse" | sudo tee /etc/apt/sources.list.d/mongodb-org-4.4.list
$ sudo apt-get update
$ sudo apt-get install -y mongodb-org
$ sudo systemctl start mongod
$ sudo systemctl enable mongod
1
$ wget -qO - //www.mongodb.org/static/pgp/server-4.4.asc | sudo apt-key add -
$ echo "deb [ arch=amd64,arm64 ] //repo.mongodb.org/apt/ubuntu xenial/mongodb-org/4.4 multiverse" | sudo tee /etc/apt/sources.list.d/mongodb-org-4.4.list
$ sudo apt-get update
$ sudo apt-get install -y mongodb-org
$ sudo systemctl start mongod
$ sudo systemctl enable mongod
2

Như vậy thì cài đặt cơ bản bước đầu đã gần như là hoàn thành.

Kết nối frontend - backend

Backend: Hãy bắt đầu với một controller nhận request đơn giản nhất - 

{
  "name": "backend",
  "version": "1.0.0",
  "description": "",
  "main": "index.js",
  "scripts": {
    "test": "echo \"Error: no test specified\" && exit 1"
  },
  "author": "",
  "license": "ISC",
  "dependencies": {
    "chalk": "^4.1.0",
    "body-parser": "1.19.0",
    "express": "^4.17.1",
    "mongodb": "^3.6.1",
    "mongoose": "^5.10.3",
    "morgan": "1.10.0",
    "forever": "3.0.2",
    "cors": "2.8.5"
  }
}
4. Hãy bắt đầu với một controller nhận request đơn giản nhất - 
{
  "name": "backend",
  "version": "1.0.0",
  "description": "",
  "main": "index.js",
  "scripts": {
    "test": "echo \"Error: no test specified\" && exit 1"
  },
  "author": "",
  "license": "ISC",
  "dependencies": {
    "chalk": "^4.1.0",
    "body-parser": "1.19.0",
    "express": "^4.17.1",
    "mongodb": "^3.6.1",
    "mongoose": "^5.10.3",
    "morgan": "1.10.0",
    "forever": "3.0.2",
    "cors": "2.8.5"
  }
}
4.

$ wget -qO - //www.mongodb.org/static/pgp/server-4.4.asc | sudo apt-key add -
$ echo "deb [ arch=amd64,arm64 ] //repo.mongodb.org/apt/ubuntu xenial/mongodb-org/4.4 multiverse" | sudo tee /etc/apt/sources.list.d/mongodb-org-4.4.list
$ sudo apt-get update
$ sudo apt-get install -y mongodb-org
$ sudo systemctl start mongod
$ sudo systemctl enable mongod
3
$ wget -qO - //www.mongodb.org/static/pgp/server-4.4.asc | sudo apt-key add -
$ echo "deb [ arch=amd64,arm64 ] //repo.mongodb.org/apt/ubuntu xenial/mongodb-org/4.4 multiverse" | sudo tee /etc/apt/sources.list.d/mongodb-org-4.4.list
$ sudo apt-get update
$ sudo apt-get install -y mongodb-org
$ sudo systemctl start mongod
$ sudo systemctl enable mongod
4

Server Node JS sẽ chạy ở port 4000

$ wget -qO - //www.mongodb.org/static/pgp/server-4.4.asc | sudo apt-key add -
$ echo "deb [ arch=amd64,arm64 ] //repo.mongodb.org/apt/ubuntu xenial/mongodb-org/4.4 multiverse" | sudo tee /etc/apt/sources.list.d/mongodb-org-4.4.list
$ sudo apt-get update
$ sudo apt-get install -y mongodb-org
$ sudo systemctl start mongod
$ sudo systemctl enable mongod
5

Frontend

Đến đây chúng ta sẽ thử gọi request lên server NodeJS nhé. Để bắt đầu, hãy tạo một http request với axios ngay ở component App. Với package 

{
  "name": "backend",
  "version": "1.0.0",
  "description": "",
  "main": "index.js",
  "scripts": {
    "test": "echo \"Error: no test specified\" && exit 1"
  },
  "author": "",
  "license": "ISC",
  "dependencies": {
    "chalk": "^4.1.0",
    "body-parser": "1.19.0",
    "express": "^4.17.1",
    "mongodb": "^3.6.1",
    "mongoose": "^5.10.3",
    "morgan": "1.10.0",
    "forever": "3.0.2",
    "cors": "2.8.5"
  }
}
3, chúng ta dễ dàng tạo một 
{
  "name": "backend",
  "version": "1.0.0",
  "description": "",
  "main": "index.js",
  "scripts": {
    "test": "echo \"Error: no test specified\" && exit 1"
  },
  "author": "",
  "license": "ISC",
  "dependencies": {
    "chalk": "^4.1.0",
    "body-parser": "1.19.0",
    "express": "^4.17.1",
    "mongodb": "^3.6.1",
    "mongoose": "^5.10.3",
    "morgan": "1.10.0",
    "forever": "3.0.2",
    "cors": "2.8.5"
  }
}
6 từ browser.

$ wget -qO - //www.mongodb.org/static/pgp/server-4.4.asc | sudo apt-key add -
$ echo "deb [ arch=amd64,arm64 ] //repo.mongodb.org/apt/ubuntu xenial/mongodb-org/4.4 multiverse" | sudo tee /etc/apt/sources.list.d/mongodb-org-4.4.list
$ sudo apt-get update
$ sudo apt-get install -y mongodb-org
$ sudo systemctl start mongod
$ sudo systemctl enable mongod
6

App react local sẽ chạy ở localhost:3000

$ wget -qO - //www.mongodb.org/static/pgp/server-4.4.asc | sudo apt-key add -
$ echo "deb [ arch=amd64,arm64 ] //repo.mongodb.org/apt/ubuntu xenial/mongodb-org/4.4 multiverse" | sudo tee /etc/apt/sources.list.d/mongodb-org-4.4.list
$ sudo apt-get update
$ sudo apt-get install -y mongodb-org
$ sudo systemctl start mongod
$ sudo systemctl enable mongod
7

Lưu ý : Đến đây hãy mở lại trang web react qua 

{
  "name": "backend",
  "version": "1.0.0",
  "description": "",
  "main": "index.js",
  "scripts": {
    "test": "echo \"Error: no test specified\" && exit 1"
  },
  "author": "",
  "license": "ISC",
  "dependencies": {
    "chalk": "^4.1.0",
    "body-parser": "1.19.0",
    "express": "^4.17.1",
    "mongodb": "^3.6.1",
    "mongoose": "^5.10.3",
    "morgan": "1.10.0",
    "forever": "3.0.2",
    "cors": "2.8.5"
  }
}
7 để kiểm tra xem frontend có thể gọi đến backend hay chưa. Trường hợp bị block do Cors thì hãy kiểm tra lại ở NodeJS đã cài package cors cũng như đã allow request chéo từ domain của react js hay chưa. Đến đây hãy mở lại trang web react qua 
{
  "name": "backend",
  "version": "1.0.0",
  "description": "",
  "main": "index.js",
  "scripts": {
    "test": "echo \"Error: no test specified\" && exit 1"
  },
  "author": "",
  "license": "ISC",
  "dependencies": {
    "chalk": "^4.1.0",
    "body-parser": "1.19.0",
    "express": "^4.17.1",
    "mongodb": "^3.6.1",
    "mongoose": "^5.10.3",
    "morgan": "1.10.0",
    "forever": "3.0.2",
    "cors": "2.8.5"
  }
}
7 để kiểm tra xem frontend có thể gọi đến backend hay chưa. Trường hợp bị block do Cors thì hãy kiểm tra lại ở NodeJS đã cài package cors cũng như đã allow request chéo từ domain của react js hay chưa.

Hãy thêm domain của react vào biến 

{
  "name": "backend",
  "version": "1.0.0",
  "description": "",
  "main": "index.js",
  "scripts": {
    "test": "echo \"Error: no test specified\" && exit 1"
  },
  "author": "",
  "license": "ISC",
  "dependencies": {
    "chalk": "^4.1.0",
    "body-parser": "1.19.0",
    "express": "^4.17.1",
    "mongodb": "^3.6.1",
    "mongoose": "^5.10.3",
    "morgan": "1.10.0",
    "forever": "3.0.2",
    "cors": "2.8.5"
  }
}
8 ở file server.js nhé. Ở đây server react js của mình chạy ở 
{
  "name": "backend",
  "version": "1.0.0",
  "description": "",
  "main": "index.js",
  "scripts": {
    "test": "echo \"Error: no test specified\" && exit 1"
  },
  "author": "",
  "license": "ISC",
  "dependencies": {
    "chalk": "^4.1.0",
    "body-parser": "1.19.0",
    "express": "^4.17.1",
    "mongodb": "^3.6.1",
    "mongoose": "^5.10.3",
    "morgan": "1.10.0",
    "forever": "3.0.2",
    "cors": "2.8.5"
  }
}
7 nên ở properties của mình sẽ là 
$ cd todo/backend
$ npm install
0

Còn đây là kết quả của bài viết hôm nay. React JS nhận được message response từ NodeJS

Như vậy là phần 1 với nội dung Cài đặt cơ bản và kết nối React JS + NodeJS đã xong, hãy đón đọc tiếp những phần sau của series nhé =]].

Repos:

  • //github.com/at-uytran/todo-backend
  • //github.com/at-uytran/todo-frontend

Bài Viết Liên Quan

Hướng dẫn how do you create a dataframe in python? - làm cách nào để bạn tạo khung dữ liệu trong python?
Dự đoán vòng loại world cup 2023
Hướng dẫn what are the interview questions for php developer? - các câu hỏi phỏng vấn cho nhà phát triển php là gì?
Hướng dẫn how do you write a number pattern in python? - làm thế nào để bạn viết một mẫu số trong python?
Hướng dẫn php datetime modify end of day - php datetime sửa đổi cuối ngày
Hướng dẫn how to save python code as py - cách lưu mã python dưới dạng py
Hướng dẫn is javascript hard than python? - javascript khó hơn python?
Hướng dẫn export excel reactjs - xuất excel reactjs
Đề thi cấp 3 năm 2023 môn văn
Hướng dẫn python last friday of month - trăn ngày thứ sáu cuối cùng của tháng
Hướng dẫn do you want to continue code in python? - bạn có muốn tiếp tục viết mã trong python không?
Hướng dẫn python thread start vs run - chuỗi python bắt đầu và chạy
Hướng dẫn how do you pass a column to a function in python? - làm thế nào để bạn chuyển một cột cho một hàm trong python?
Điện thoại chơi game tốt nhất 2023 giá rẻ
Hướng dẫn how enable exif in php ini? - làm thế nào để kích hoạt exif trong php ini?
Xuong dòng trong linux
Hướng dẫn ipython garbage collection - ipython thu gom rác
Hướng dẫn how do i change the default cursor in css? - làm cách nào để thay đổi con trỏ mặc định trong css?
Hướng dẫn how do you write 10 to the 10th power in python? - làm thế nào để bạn viết 10 đến sức mạnh thứ 10 trong python?
Hướng dẫn numeric data types in python with examples - kiểu dữ liệu số trong python với các ví dụ

Toplist mới

#1
Top 7 sự tích hồ gươm - ngữ văn lớp 6 2023
6 tháng trước
#2
Top 7 gdcd 6 bài 1 kết nối tri thức 2023
6 tháng trước
#3
Top 7 ý nghĩa của xây dựng gia đình văn hóa 2023
6 tháng trước
#4
Top 6 mẫu hợp đồng mượn đất làm nhà xưởng 2023
6 tháng trước
#5
Top 3 tổng tài biến thái tôi yêu anh tập 27 2023
6 tháng trước
#6
Top 6 kết thực phim mỹ nhân vô lệ 2023
6 tháng trước
#7
Top 9 trong những câu thơ sau câu nào sử dụng thành ngữ 2023
6 tháng trước
#8
Top 8 đề tài và chủ de của tác phẩm tắt đèn 2023
6 tháng trước
#9
Top 5 tiểu sử của thầy thích pháp hòa 2023
6 tháng trước

Bài mới nhất

Có xét ngành nghề khi nhập khẩu hàng hóa năm 2024
Phần mềm khắc phụ lỗi wifi trên an năm 2024
Chủng chuẩn e.coli atcc 25922 là gì năm 2024
Chương trình giải toán giải toán đại số năm 2024
Học hỏi những điểm tốt tiếng anh là gì năm 2024
Bài tập hỗn hợp kim loại tác dụng với hno3 năm 2024

Chủ Đề

programming Hỏi Đáp Toplist Là gì Bài Tập Địa Điểm Hay Mẹo Hay Học Tốt Nghĩa của từ Công Nghệ Khỏe Đẹp bao nhiêu Top List Tiếng anh Bao nhiêu Sản phẩm tốt Xây Đựng Ngôn ngữ javascript Ở đâu Đại học Hướng dẫn Bài tập Tại sao Dịch So Sánh Máy tính Món Ngon mẹo hay Bao lâu Thế nào So sánh Khoa Học Vì sao Lớp 9 Lớp 10