thuyet trinh node js react js

bài thuyết trình so sánh giữa Node js và react js này sẽ giúp các bạn hiểu thêm về công nghệ web node js và react js ,dựa vào đó sẽ cho các bạn sự lựa chọn về công cụ nào giúp cho hướng đi của từng dự án phù hợp vs từng công nghệ

“ Add your company slogan ”

Công nghệ Wed Node Js / React

Thành Viên Nhóm:

Bùi Quang Đức Tri Trần Công Nghĩa Đặng Văn Nhựt Duy

Tuyển Dụng

1 2 3

4

1 2 3

4

1 2 3

4

1 2 3

4

Node Js ?

Quá trình phát triển

 Node.js được tạo ra bởi Ryan Dahl(2009)

 Được tài trợ bởi công ty Joyent

 04 /4/2018  version 9.11.1 (hiện tại)

 Khái niệm:

 Node Js là một nền tảng FrameWork mạnh mẽ được xây dựng dựa trên JavaScript Engine.

 Được dùng để phát triển các ứng dụng hướng

nhiều đến I/O VD: Video Stream Site, Single

- page App,…

 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

Node JS

1 2 3

4

 Không thể mở rộng vì một CPU không đủ sức tận dụng các tác vụ khác nhau.

 Bạn nên có một sự hiểu biết sâu sắc về JavaScript nếu muốn làm việc với

NodeJS.

 Nó không dành cho các tác vụ đòi hỏi CPU và chỉ phù hợp với các máy chủ web.

 Gọi lại lồng nhau  và Các vấn đề cơ sở

dữ liệu quan hệ.

 Cài Đặt: Node JS

https://nodejs.o

rg

 Cài Đặt: Node JS

Chọn nơi lưu trữ, bấm

“next” để tiếp tục cài đặt.

 Cài Đặt: Node JS

Click “Install” và chờ đợi …

 Cài Đặt: Node JS

Một số cách khắc phục khi không cài được Node Js.

 Cài Đặt: Node JS

Cách 1: Dùng cmd.exe để chạy file cài đặt.

 Cài Đặt: Node JS

Cách 2:

1 - Tắt antivirus đi một lúc ( nếu đang mở).

2 - Vào được dẫn sau:

React Js ?

Tuyển dụng

Tuyển dụng

Quá trình phát triển :

 Khái niệm:

 Dùng để xây dựng giao diện người dung (User Interface – UI)

 Dùng để xây dựng các ứng dụng lớn mà dữ liệu của chúng thay đổi liên tục theo thời gian

React Js

 Đặc tính: React Js

Có 3 đặc điểm chính về React đó là:

•Just the UI: Chỉ sử dụng React để xây dựng giao diện người dùng,

hiểu đơn giản thì trong mô hình MVC, React được coi như là phần V

•Virtual DOM: công nghệ DOM ảo giúp tăng hiệu năng cho ứng

dụng(Document Object Model ("Mô hình Đối tượng Tài liệu"))

•Data Flow: React sử dụng luồng dữ liệu 1 chiều giúp kiểm soát dữ

liệu dễ dàng hơn.

điều khiển sự tương tác

giữa Model và View

 Một số chức năng: React Js

 Cấu trúc: React Js

 React không phải là Template Language

 Separation of Components : chia thành các component.

 Mọi thứ đều là JavaScript Component

 Sử dụng JSX (JavaScript XML)

• Reactjs giúp việc viết các đoạn code

JS dễ dàng hơn

• Có nhiều công cụ phát triển

2

• Render tầng server: Một trong những vấn đề với các ứng dụng đơn trang là tối

ưu SEO và thời gian tải trang

3

• Hiệu năng

cao đối với các ứng dụng có dữ liệu thay đổi liên tục, dễ dàng cho bảo trì và sửa lỗi

 NHƯỢC ĐIỂM :

• Reactjs chỉ phục vụ cho tầng View.

• Tích hợp Reactjs vào các framework MVC truyền thống yêu cầu cần phải cấu hình lại

• React khá nặng nếu so với các framework khác

• Khó tiếp cận cho người mới học Web

 Kết Luận :

 Tính năng: vs

 Nodejs chỉ đơn giản là thời gian chạy JavaScript nhẹ và nhanh. Nó chủ yếu được tạo ra để xây dựng các ứng dụng mạng nhanh và có thể mở rộng.

DEMO

“ Add your company slogan ”