THUYẾT TRÌNH CÔNG NGHỆ WEB và ứng dụng đề tài REACTJS

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à ứ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 ReactJS  Tại nên học ReactJS?  So sánh ReactJS với VueJS Angular  Lộ trình học ReactJS  Demo website sử dụng ReactJS  Kết luận  Tài liệu tham khảo Nội dung báo cáo  Giới thiệu ReactJS  Tại nên học ReactJS?  So sánh ReactJS với VueJS Angular  Lộ trình học ReactJS  Demo website sử dụng ReactJS  Kết luận  Tài liệu tham khảo Giới thiệu ReactJS  React (hay ReactJS) opensource đội ngũ kỹ sư Meta (Facebook) phát triển mắt vào năm 2013  Bản thân React thư viện Javascript dành cho front-end developer để tương tác với thành phần website  ReactJS hỗ trợ render liệu Client Server Nội dung báo cáo  Giới thiệu ReactJS  Tại nên học ReactJS?  So sánh ReactJS với VueJS Angular  Lộ trình học ReactJS  Demo website sử dụng ReactJS  Kết luận  Tài liệu tham khảo Tại nên học ReactJS ?  Đơn giản dễ học cho người bắt đầu  Năng suất cao  Mã nguồn ổn định  Thân thiện với SEO(Search Engine Optimization)  Phù hợp với công ty start-up Tại 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 Mobile App  Cộng đồng sử dụng lớn Nội dung báo cáo  Giới thiệu ReactJS  Tại nên học ReactJS?  So sánh ReactJS với VueJS Angular  Lộ trình học ReactJS  Demo website sử dụng ReactJS  Kết luận  Tài liệu tham khảo So sánh ReactJS với VueJS Angular  Mức độ phổ biến Tuyển dụng việc làm ReactJS, Angular VueJS Số Angular, React, and Vue Github So sánh ReactJS với VueJS Angular  Mức độ phổ biến Biểu đồ số lượt tìm kiếm từ khóa framework Google thống kê Google Trends 10 So sánh ReactJS với VueJS Angular  Độ dễ dàng học: - Khi nói dễ dàng tiếp cận VueJS đánh giá dễ dàng linh hoạt đơn giản - Mặc dù React có cơng cụ (JSX, Virtual DOM, Hook,…) giúp dễ dàng xây dựng ứng dụng với tài liệu cập nhật ReactJS đánh giá dễ học sau VueJS - Cuối Angular mắc nhiều thời gian để viết code phức tạp người mới, phù hợp với người có nhiều kinh nghiệm dùng để xây dựng dự án phức tạp 11 Nội dung báo cáo  Giới thiệu ReactJS  Tại nên học ReactJS?  So sánh ReactJS với VueJS 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 bản: Chúng ta học vững kiến thức HTML , CSS Javascript  Những kỹ cần có developer: sử dụng GIT, Terminal, OOP, Cấu trúc liệu giải thuật,…  Học ReactJS  Build Tools như: yarn, npm, webpack,…  Styling: học framework CSS như: Bootstrap, SASS,… 13 Nội dung báo cáo  Giới thiệu ReactJS  Tại nên học ReactJS?  So sánh ReactJS với VueJS 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 ReactJS  Tại nên học ReactJS?  So sánh ReactJS với VueJS 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 framework đáng để học với lặp trình viên front-end hay lập trình viên quan tâm đến lĩnh vực Web development  ReactJS có 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 dễ dàng tiếp cận với lập trình viên  Tuy nhiên ta không nên phụ thuộc vào thư viên hay framework khơng ngừng thay đổi nên đừng phụ thuộc vào Vì ta cần nắm vững kiến thức cốt lỗi HTML, CSS JAVASCRIPT 16 Nội dung báo cáo  Giới thiệu ReactJS  Tại nên học ReactJS?  So sánh ReactJS với VueJS 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 React lợi ích nó: http://bit.ly/3HjflYK  Tài liệu ReactJS nhà phát hành: https://reactjs.org/  Tài liệu so sánh framework ReactJS, Angular, VueJS: https://bit.ly/3UvEylT  Tài liệu biểu đồ so sánh ReactJS, Angular, VueJS: https://bit.ly/3HgYOEU 18 19