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 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 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 frontend 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 Số Angular, React, and Vue Github Tuyển dụng việc làm ReactJS, Angular VueJS 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 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 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