THUYẾT TRÌNH CÔNG NGHỆ WEB và ỨNG DỤNG REACTJS
Bạn đang xem bản rút gọn của tài liệu. Xem và tải ngay bản đầy đủ của tài liệu tại đây (1.59 MB, 19 trang )
Khoa: Cơng Nghệ Phần Mềm
Lớp: SE347.N12
THUYẾT TRÌNH
CƠNG NGHỆ WEB VÀ ỨNG DỤNG
REACTJS
GVHD: ThS. Trần Thị Hồng Yến
SVTH1: Nguyễn Hữu Trí - 20522051
SVTH2: Nguyễn Thành Phát – 20521737
SVTH3: Võ Nhật Nam - 20520646
Nội dung báo cáo
.
Giới thiệu về ReactJS.
.
Tại sao nên học ReactJS?
.
So sánh ReactJS với VueJS và Angular.
.
Lộ trình học ReactJS.
.
Demo website sử dụng ReactJS.
.
Kết luận.
.
Tài liệu tham khảo.
2
Nội dung báo cáo
.
Giới thiệu về ReactJS.
.
Tại sao nên học ReactJS?
.
So sánh ReactJS với VueJS và Angular
.
Lộ trình học ReactJS.
.
Demo website sử dụng ReactJS.
.
Kết luận.
.
Tài liệu tham khảo.
3
Giới thiệu về ReactJS
.
React (hay ReactJS) là một opensource do đội ngũ kỹ sư
của Meta (Facebook) phát triển và ra mắt vào năm 2013.
.
Bản thân React là một thư viện Javascript dành cho frontend developer để tương tác với các thành phần trên một
website.
.
ReactJS hỗ trợ render dữ liệu cả Client và Server.
4
Nội dung báo cáo
.
Giới thiệu về ReactJS.
.
Tại sao nên học ReactJS?
.
So sánh ReactJS với VueJS và Angular.
.
Lộ trình học ReactJS.
.
Demo website sử dụng ReactJS.
.
Kết luận.
.
Tài liệu tham khảo.
5
Tại sao nên học ReactJS ?
. Đơn giản dễ học cho người mới bắt đầu
. Năng suất cao hơn
. Mã nguồn ổn định
. Thân thiện với SEO(Search
Engine Optimization)
. Phù hợp với các công ty start-up
6
Tại sao nên học ReactJS ?
. Tái sử dụng component
. Debug dễ dàng
. Phù hợp với nhiều loại website
. Có thể sử dụng cho cả Mobile App
. Cộng đồng sử dụng lớn
7
Nội dung báo cáo
.
Giới thiệu về ReactJS.
.
Tại sao nên học ReactJS?
.
So sánh ReactJS với VueJS và Angular
.
Lộ trình học ReactJS.
.
Demo website sử dụng ReactJS.
.
Kết luận.
.
Tài liệu tham khảo.
8
So sánh ReactJS với VueJS và Angular
.
Mức độ phổ biến
Số sao của Angular, React, and Vue
trên Github.
Tuyển dụng việc làm ReactJS, Angular
và VueJS
9
So sánh ReactJS với VueJS và Angular
.
Mức độ phổ biến
Biểu đồ số lượt tìm kiếm từ khóa 3 framework trên
Google được thống kê bởi Google Trends
10
So sánh ReactJS với VueJS và Angular
.
Độ dễ dàng khi học:
-
Khi nói về sự dễ dàng khi tiếp cận thì VueJS được đánh giá là dễ dàng nhất vì nó linh hoạt và đơn
giản.
-
Mặc dù React có những cơng cụ như (JSX, Virtual DOM, Hook,…) giúp dễ dàng xây dựng ứng
dụng với tài liệu ít được cập nhật hơn ReactJS được đánh giá là khá dễ học nhưng sau VueJS.
-
Cuối cùng là Angular mắc nhiều thời gian để viết code hơn và cũng phức tạp hơn đối với người
mới, phù hợp với những người có nhiều kinh nghiệm hơn và dùng để xây dựng những dự án phức
tạp.
11
Nội dung báo cáo
.
Giới thiệu về ReactJS.
.
Tại sao nên học ReactJS?
.
So sánh ReactJS với VueJS và Angular
.
Lộ trình học ReactJS.
.
Demo website sử dụng ReactJS.
.
Kết luận.
.
Tài liệu tham khảo.
12
Lộ trình học ReactJS
.
Kiến thức cơ bản: Chúng ta sẽ học vững kiến thức về HTML , CSS và Javascript.
.
Những kỹ năng cần có của developer: sử dụng GIT, Terminal, OOP, Cấu trúc dữ liệu
giải thuật,…
.
Học về ReactJS
.
Build Tools như: yarn, npm, webpack,…
.
Styling: học về framework của CSS như: Bootstrap, SASS,…
13
Nội dung báo cáo
.
Giới thiệu về ReactJS.
.
Tại sao nên học ReactJS?
.
So sánh ReactJS với VueJS và Angular
.
Lộ trình học ReactJS.
.
Demo website sử dụng ReactJS.
.
Kết luận.
.
Tài liệu tham khảo.
14
Nội dung báo cáo
.
Giới thiệu về ReactJS.
.
Tại sao nên học ReactJS?
.
So sánh ReactJS với VueJS và Angular
.
Lộ trình học ReactJS.
.
Demo website sử dụng ReactJS.
.
Kết luận.
.
Tài liệu tham khảo.
15
Kết luận
.
ReactJS là một framework đáng để học với những lặp trình viên front-end hay bất kì
lập trình viên nào quan tâm đến lĩnh vực Web development.
.
ReactJS có những cơng cụ mạnh mã hỗ trợ việc lập trình, xây dựng giao diện cho
ứng dụng web.
.
React phổ biến và dễ dàng tiếp cận với các lập trình viên mới.
.
Tuy nhiên ta khơng nên q phụ thuộc vào nó vì thư viên hay framework sẽ không
ngừng thay đổi nên đừng quá phụ thuộc vào nó. Vì vậy ta cần nắm vững những kiến
thức cơ bản cốt lỗi như HTML, CSS và JAVASCRIPT.
16
Nội dung báo cáo
.
Giới thiệu về ReactJS.
.
Tại sao nên học ReactJS?
.
So sánh ReactJS với VueJS và Angular
.
Lộ trình học ReactJS.
.
Demo website sử dụng ReactJS.
.
Kết luận.
.
Tài liệu tham khảo.
17
Tài liệu tham khảo
.
Tài liệu tìm hiểu về React và những lợi ích của nó: />
.
Tài liệu về ReactJS của chính nhà phát hành: />
.
Tài liệu so sánh giữa các framework ReactJS, Angular, VueJS: />
.
Tài liệu về những biểu đồ so sánh ReactJS, Angular, VueJS: />
18
