THUYẾT TRÌNH CÔNG NGHỆ WEB và ỨNG DỤNG REACTJS

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 Tieu luan SVTH3: Võ Nhật Nam - 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 Tieu luan 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 Tieu luan 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 frontend developer để tương tác với thành phần website  ReactJS hỗ trợ render liệu Client Server Tieu luan 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 Tieu luan 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 Tieu luan 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 Tieu luan 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 Tieu luan 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 Tieu luan 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 Tieu luan 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 Tieu luan 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 Tieu luan 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,… Tieu luan 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 Tieu luan 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 Tieu luan 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 q 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 Tieu luan 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 Tieu luan 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 Tieu luan 18 Tieu luan 19 ... 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 Tieu luan 12 Lộ trình học ReactJS. .. 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 Tieu luan Tại nên học ReactJS. .. 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 Tieu luan So sánh ReactJS với