THUYẾT TRÌNH CÔNG NGHỆ WEB và ứng dụng đề tài 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.19 MB, 19 trang )
Khoa: Cơng Nghệ Phần Mềm
Lớp: SE347.N12
THUYẾT
THUYẾT TRÌNH
TRÌNH
CƠNG
CƠNG NGHỆ
NGHỆ WEB
WEB và
và ứng
ứng dụng
dụng
REACTJS
GVHD:
GVHD: ThS.
ThS. Trần
Trần Thị
Thị Hồng
Hồng Yến
Yến
SVTH1:
SVTH1: Nguyễn
Nguyễn Hữu
HữuTrí
Trí -- 20522051
20522051
SVTH2:
SVTH2: Nguyễn
NguyễnThành
Thành Phát
Phát –– 20521737
20521737
SVTH3:
SVTH3:Võ
Võ Nhật
Nhật Nam
Nam -- 20520646
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 front-end 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
Tuyển dụng việc làm ReactJS, Angular và VueJS
Số sao của Angular, React, and Vue trên Github.
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 q 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
19
