Giter Site home page Giter Site logo

syllabus-nodejs's Introduction

syllabus-nodejs

Part 1: Basic JavaScript

Basic

  • Javascript là gì?

    Javascript là một ngôn ngữ lập trình kịch bản dựa vào đối tượng phát triển có sẵn hoặc tự định nghĩa. Javascript được sử dụng rộng rãi trong các ứng dụng Website. Javascript được hỗ trợ hầu như trên tất cả các trình duyệt như Firefox, Chrome, ... trên máy tính lẫn điện thoại.

    Nhiệm vụ của Javascript là xử lý những đối tượng HTML trên trình duyệt. Nó có thể can thiệp với các hành động như thêm / xóa / sửa các thuộc tính CSS và các thẻ HTML một cách dễ dàng. Hay nói cách khác, Javascript là một ngôn ngữ lập trình trên trình duyệt ở phía client. Tuy nhiên, hiện nay với sự xuất hiện của NodeJS đã giúp cho Javascript có thể làm việc ở backend.

    Bạn thử truy cập vào một số website trên internet thì sẽ thấy có những hiệu ứng slide, menu xổ xuống, các hình ảnh chạy qua chạy lại rất đẹp. tất cả các chức năng này đều được xử lý bằng Javascript đấy các bạn ạ.

    Trong những năm gần đây, sự xuất hiện của các framework như NodeJS (chuyên code backend), ExpressJS (NodeJS framework), và nhiều thư viện frontend khác như Angular, jQuery, RactJS ra đời, giúp tạo ra một cơn sốt với từ khóa Javascript Fullstack.

  • Khai báo biến trong Javascript

    Có 3 kiểu khai báo biến

    • var bar = foo

    • const foo = bar

    • let zoo = rab

    Suggest ticked

  • Các toán tử trong Javascript

    • Toán tử toán học trong javascript
    • Toán tử gán trong javascript
    • Toán tử quan hệ trong Javascript
    • Toán tử luận lý trong Javascript
    • Độ ưu tiên các toán tử trong Javascript
    • Lưu ý với toán tử so sánh bằng Javascript
  • Lệnh if else trong javascript

  • Lệnh switch case trong Javascript

  • Function trong Javascript

  const newFn = () => {
    return `Something`
  }
  newFn(); => `Something`
  function oldFn () {
    return `Something more`
  }
  oldFn(); => `Something more`
  • Biến toàn cục và cục bộ trong JS
  // Biến toàn cục
  var comment = "Nội dung comment trước khi thay đổi";
  // Hàm có sử dụng biến toàn cục
  function add_comment()
  {
      comment = "Nội dung comment đa bị thay đổi";
      alert(comment);
  }
  // Gọi fuction comment
  add_comment();
  // In biến toàn cục
  alert(comment);
  • setTimeout và setInterval trong JS
  * setTimeout
  setTimeout(function(){
      alert("Chào mừng bạn đến với freetuts.net");
  }, 3000);
  var do_alert = function(){
      alert("Chào mừng bạn đến với freetuts.net");
  };
  setTimeout(do_alert, 3000);

  * clearTimeout
  // hành động
  var action = setTimeout(function(){
      // something
  }, 3000);
  
  // hủy hành động
  clearTimeout(action);

  * setInterval
  setInterval(function(){
      alert("Chào mừng bạn đến với freetuts.net");
  }, 3000);

  * clearInterval
  var interval_obj = setInterval(function(){
      alert("Chào mừng bạn đến với freetuts.net");
      clearInterval(interval_obj);
  }, 3000);

Loop

EXERCISE:

Dùng for hiển thị đầu ra bằng console.log

var domains = [
    'freetuts.net',
    'qa.freetuts.net'
];

EXERCISE:

Đầu ra của đoạn code bên dưới là gì?

while (i < 10) {
  console.log(`The number is ${i}`)
  i++;
}

EXERCISE:

Đầu ra của đoạn code bên dưới là gì?

for (var i = 0; i < 10; i++){
    console.log(i);
}

Data Types

Part 2: Giới thiệu và cài đặt môi trường

Part 3: Làm việc với NodeJS

Để lưu trữ dữ liệu tạm thời thì trong Javascript HTML5 có khái niệm LocalStorageSessionStorage, còn trong PHP thì có khái niệm session. Vậy trong NodeJS có cách nào để lưu trữ dữ liệu tạm thời hay không? Có đấy các bạn, chúng ta sẽ sử dụng module node-persist để lưu trữ dữ liệu tạm thời trên Server (không lưu trong hệ quản trị CSDL mà lưu file và bộ nhớ).

EXERCISE:

Xây dựng 1 mini app CRUD quản lý học sinh hoặc sinh viên biểu diễn dưới dạng Class và sử dụng node-persist để lưu trữ dữ liệu.

Part 4: MODULE

Part 5: Server

Part 6: Mongo

Part 7: Xây dựng BLOG cá nhân

SUGGESTION:

  1. Clone base project được gắn link ở trên
  2. Chạy nó lên và cài template engine bạn muốn sử dụng. Vd: ejs, handlebarsjs, ...

REQUIREMENT:

  • Xây dựng giao diện trang chủ Blog
  • Route và Logic lấy dữ liệu cho trang chủ
  • Xây dựng trang chi tiết bài viết
  • Xây dựng trang About cho Blog

Part 8: Xây dựng 1 trang web bán hàng bằng nodejs

REQUIREMENT:

  • Site quản trị
  • Site bán hàng

syllabus-nodejs's People

Contributors

thanhnaxlotus avatar khanhnd-lts avatar

Stargazers

Nguyenpd-lts avatar

Watchers

 avatar

Forkers

khanhnd-lts

Recommend Projects

  • React photo React

    A declarative, efficient, and flexible JavaScript library for building user interfaces.

  • Vue.js photo Vue.js

    🖖 Vue.js is a progressive, incrementally-adoptable JavaScript framework for building UI on the web.

  • Typescript photo Typescript

    TypeScript is a superset of JavaScript that compiles to clean JavaScript output.

  • TensorFlow photo TensorFlow

    An Open Source Machine Learning Framework for Everyone

  • Django photo Django

    The Web framework for perfectionists with deadlines.

  • D3 photo D3

    Bring data to life with SVG, Canvas and HTML. 📊📈🎉

Recommend Topics

  • javascript

    JavaScript (JS) is a lightweight interpreted programming language with first-class functions.

  • web

    Some thing interesting about web. New door for the world.

  • server

    A server is a program made to process requests and deliver data to clients.

  • Machine learning

    Machine learning is a way of modeling and interpreting data that allows a piece of software to respond intelligently.

  • Game

    Some thing interesting about game, make everyone happy.

Recommend Org

  • Facebook photo Facebook

    We are working to build community through open source technology. NB: members must have two-factor auth.

  • Microsoft photo Microsoft

    Open source projects and samples from Microsoft.

  • Google photo Google

    Google ❤️ Open Source for everyone.

  • D3 photo D3

    Data-Driven Documents codes.