Hướng dẫn nodejs toàn tập

Chào bạn, gói combo "Combo 4 level Lập trình NodeJS toàn tập" gồm 4 khoá học lập trình NodeJS từ Level 1 đến level 4, hướng dẫn bạn các kiến thức từ cơ bản đến nâng cao về NodeJS. Sau khi học xong bạn có thể tham gia ứng tuyển các công việc dành cho NodeJS Developer, áp dụng ngay kiến thức được học vào công việc của mình.

Kết quả trọng tâm đạt đượt ở mỗi khóa học

  • NodeJS Level 1: bạn xây dựng được phần quản lý Admin theo code chuẩn MVC
  • NodeJS Level 2: bạn xây dựng được  blog / tin tức từ phần Admin đến phần dành cho khách truy cập
  • NodeJS Level 3: bạn xây dựng được website chat trực tuyến kết hợp SocketIO
  • NodeJS Level 4: bạn xây dựng được API sử dụng NodeJS
  • Ngoài ra các kiến thức về đọc tài liệu, tra cứu google, phân tích lỗi, giải quyết vấn đề cũng như cách để làm sao tối ưu lại Code của mình để sau này ta phát triển, mở rộng một cách dễ dàng, nhanh nhất, hạn chế tối đa sửa lại Code cho sau này.

Nếu bạn xác định theo đuổi NodeJS, gói combo này rất phù hợp với bạn. Với việc bạn tham gia gói combo cũng sẽ tiết kiệm học phí rất nhiều so với đăng ký từng khoá học riêng lẻ đó.

Đây là bài học đầu tiên trong serial hướng dẫn về Node.js. Có một vài chuẩn bị trước khi bắt đầu, một vài phần mềm cần cài đặt trên máy tính của bạn, sau khi cài đặt xong chúng ta sẽ thực hành bài học đầu tiên "Hello Node.js".

Một lời khuyên là bạn nên đọc bài viết giới thiệu về NodeJS của tôi dưới đây, trước khi tiếp tục bài học này, nó sẽ giúp bạn có cái nhìn tổng quan về NodeJS.

  • Giới thiệu về NodeJs

Hướng dẫn nodejs toàn tập

Để học NodeJS trước hết bạn cần download và cài đặt nó trên máy tính của bạn.

  • Cài đặt NodeJS trên Windows

Hướng dẫn nodejs toàn tập

Atom là một trình soạn thảo văn bản (và mã nguồn), nó hỗ trợ các plugins cho phép bạn lập trình các ứng dụng NodeJS. Nó được phát triển bởi GitHub, phiên bản đầu tiên 1.0 được phát hành vào năm 2015. Đây là một phần mềm được đánh giá cao so với phần mềm tương tự. Để lập trình các ứng dụng NodeJS tôi khuyến nghị bạn nên sử dụng phần mềm này.

  • Cài đặt trình soạn thảo Atom

2- Tạo dự án NodeJS

Trước bạn cần tạo một thư mục có tên MyProject, hoặc một tên nào đó mà bạn muốn.

Hướng dẫn nodejs toàn tập

Mở cửa sổ CMD và CD tới thư mục mà bạn vừa tạo ra. Sau đó chạy lệnh sau để NPM khởi tạo project cho bạn.



npm init

Hướng dẫn nodejs toàn tập

Chấp nhận các tùy chọn mặc định và nhấn Enter cho tới khi hoàn thành.

Hướng dẫn nodejs toàn tập

Một tập tin có tên package.json đã được tạo ra trên project của bạn.

Hướng dẫn nodejs toàn tập

Có một vài gói (package) thư viện cần thiết cho project của bạn, và bạn cần phải cài đặt nó với sự hỗ trợ của NPM:

Express

Express.js (Hoặc đơn giản là Express) là một Web Application Framework cho NodeJS. Cung cấp bộ tính năng mạnh mẽ cho các ứng dụng web và mobile.

Ejs

EJS là viết tắt của "Embedded JavaScript templating", đây là một thư viện, được sử dụng để phân tích các tập tin ejs, và tạo ra HTML trả về cho client (Trình duyệt).



npm install express ejs

Hướng dẫn nodejs toàn tập

Sau khi cài đặt xong, bạn có thể nhìn thấy các thay đổi trên project của bạn:

Hướng dẫn nodejs toàn tập

3- Tạo cấu trúc cho dự án

Ở bước trên chúng ta đã tạo được một project bằng lệnh. Bây giờ chúng ta sẽ mở project này bằng một công cụ trực quan hơn, ở đây tôi sử dụng trình soạn thảo Atom (Phần mềm mà tôi đã khuyên bạn cài đặt ở bước trên).

  • File/Add Project Folder

Hướng dẫn nodejs toàn tập

OK, Project đã được mở trên Atom:

Hướng dẫn nodejs toàn tập

Trên project tạo 2 thư mục con là public & views:

  • public: Là thư mục để chứa tất cả các tập tin mà người dùng có thể truy cập vào được, chẳng hạn image, video,..
  • views: Website của bạn sẽ có rất nhiều trang (page), chẳng hạn trang chủ, trang đăng nhập,... Thư mục này là nơi chứa tất cả các trang của bạn.

Hướng dẫn nodejs toàn tập

Trong thư mục views chúng ta tạo 2 tập tin:

  1. homePage.ejs
  2. testPage.ejs

Hướng dẫn nodejs toàn tập

homePage.ejs




  
    
    Home
  
  

     

This is Home Page

testPage.ejs




  
    
    Test
  
  

     

This is Test Page

Tiếp theo, tạo một file có tên index.js, và nhập vào nội dung cho file này. Đây là file cấu hình cho project của bạn:

Hướng dẫn nodejs toàn tập

index.js


var express = require("express");

var app = express();

app.use(express.static("public"));

app.set("view engine", "ejs");
app.set("views", "./views");

app.listen(3000);

app.get("/", function(request, response)  {
   
    response.render("homePage");
});

app.get("/test", function(request, response)  {
   
    response.render("testPage");
});

OK, Bây giờ là lúc giải thích nội dung của tập tin index.js ở trên.

CodeMô tảvar express = require("express");ExpressJS là một Web Application Framework, dòng code này nói rằng bạn muốn sử dụng nó.var app = express();Tạo một đối tượng Express.app.use(express.static("public"));Dòng code này nói với Application Server rằng bạn muốn sử dụng thư mục public để chứa các dữ liệu tĩnh, người dùng có thể truy cập vào các file trong thư mục này.app.set("view engine", "ejs");Dòng code này nói với Application Server rằng bạn muốn sử dụng thư viện EJS, nó là bộ máy xử lý các trang của bạn. EJS sẽ tạo ra HTML trả về phía trình duyệt của người dùng.app.set("views", "./views");Dòng code này chỉ cho Application Server đường dẫn tới thư mục chứa các trang của bạn.app.listen(3000);Ứng dụng của bạn khi được triển khai, nó sẽ lắng nghe trên cổng (port) 3000.app.get("/test",  function(req, res) { ...
});Định nghĩa đường dẫn để truy cập vào một trang.

4- Chạy Application Server

Mở cửa sổ CMD, và CD vào thư mục project của bạn. Và thực hiện lệnh lệnh dưới đây để triển khai (deploy) ứng dụng của bạn.



node index.js

Hướng dẫn nodejs toàn tập

Lệnh ở trên sẽ khởi động Web Application Server, và triển khai ứng dụng của bạn lên Web Server này. Lúc này nó đã sẵn sàng phục vụ yêu cầu gửi đến từ client.

Hướng dẫn nodejs toàn tập

Chú ý: Không đóng cửa sổ CMD, vì Application Serser của bạn đang được chạy. Mở trình duyệt và truy cập vào đường dẫn: