Lập trình Web Front-End với React
Lập trình Web Front-End với React
Xin chào các bạn!
Mục tiêu của môn học là giúp người học hiểu những kiến thức cơ bản trong React, sử dụng React để xây dựng Single Page Application. Kiến thức trong môn học này rất hữu ích trong thực tế xây dựng một Website hiện đại.
Trong phần đầu tiên, chúng ta sẽ bắt đầu với các khái niệm, những kiến thức cơ bản đầu tiên như cách cài đặt React và cùng phân tích các thành phần trong một ứng dụng React cơ bản, xây dựng thành phần đầu tiên với React, xử lý lỗi trong quá trình xây dựng ứng dụng. Qua đó hiểu cơ bản về cách hoạt động của React.
Tiếp đó, trong phần thứ hai, chúng ta sẽ tìm hiểu về các thành phần trong React, tìm hiểu sâu hơn về hoạt động của React và các thành phần trong nó . Học phần cũng sẽ đề cập đến Class-based Components – thành phần xây dựng bởi Class, được sử dụng ở các phiên bản React cũ. Các kiến thức sâu hơn trong React như vòng đời của một Component (Life-Cycle), ...
Cuối cùng, trong phần thứ ba của môn học, chúng ta sẽ tìm hiểu các kiến thức liên quan về Redux, Redux Toolkit, Router và cách để đưa ứng dụng React lên server. Trong phần cuối cùng này, có bổ sung thêm một kiến thức quan trọng và hay được sử dụng trong thực tế đó là kiến thức về Authentication.
Chúc các bạn học tốt!
MỤC TIÊU MÔN HỌC
Sau khi học xong môn này, học viên sẽ đạt được các chuẩn kiến thức, kỹ năng đầu ra như sau:
- Nắm được cơ bản về React và hiểu được cách hoạt động của React
- Thao tác được với dữ liệu, xử lý sự kiện và hiển thị giao diện trong React
- Nắm được cơ bản cách phát hiện và xử lý lỗi trong quá trình xây dựng ứng dụng React
- Hiểu và áp dụng Redux vào React
- Hiểu và áp dụng React router vào React
- Đưa được ứng dụng React lên Online
TRẢI NGHIỆM HỌC TẬP
Để bắt đầu, các bạn nên dành một vài phút khám phá môn học và cấu trúc chung. Môn học sẽ có 3 phần với 21 bài học. Xuyên suốt các bài học và cuối mỗi học phần, các bài thực hành Lab và bài tập lớn (Project) sẽ giúp các bạn tăng cường việc ghi nhớ và vận dung lý thuyết đã học vào các bài toán thực tế. Để việc học tập được hiệu quả, hãy luôn trau dồi kiến thức, không ngừng học hỏi, nghiên cứu và lập cho mình một kế hoạch học tập hợp lý để hoàn thành khóa học một cách xuất sắc.
Trong thời gian học (dự kiến là 6 tuần), việc phân bổ tuần học là rất quan trọng. Nếu các bạn có bất cứ câu hỏi nào hãy kết nối với Mentor để được giải đáp.
CẤU TRÚC MÔN HỌC
Phần 1: Làm quen với ReactJS
- Bài 1: Giới thiệu về React và Component
- Bài 2: Sử dụng Component và JSX
- Bài 3: React State và Event
- Bài 4: List và Conditional Content
- Bài 5: Tạo kiểu cho Component
- Bài 6: Cách Debug với React
Assignment 1 - Xây dựng trang Web Booking
Phần 2: Các thành phần trong ReactJS
- Bài 7: Sử dụng Fragments, Portals amp; "Refs"
- Bài 8: Xử lý Side Effects và Reducer
- Bài 9: React Context
- Bài 10: Tối ưu hóa React
- Bài 11: Class-based Components và ôn tập về Props & State
- Bài 12: HTTPS Request và ôn tập
- Bài 13: Custom React Hooks
- Bài 14: Xử lý dữ liệu Input
Assignment 2 - Xây dựng Website xem phim
Phần 3: Redux và Router
- Bài 15: Sử dụng Redux trong React
- Bài 16: Redux Toolkit
- Bài 17: React Router (Phần 1)
- Bài 18: React Router (Phần 2)
- Bài 19: Deploy React
- Bài 20: React Auth
- Bài 21: Redux vs React Hook
Assignment 3 - Xây dựng Website thương mại điện tử
CHUYÊN GIA THIẾT KẾ MÔN HỌC
THIẾT KẾ MÔN HỌC: Th.S Nguyễn Hải Nam
- Thạc sĩ Khoa học Máy tính, Đại học Cassino, Ý
- Head of xSeries Department, FUNiX
- Online profile: https://www.linkedin.com/in/hai-nam-nguyen-474587119/
FUNIX WAY
Mục đích của các chương trình học theo FUNiX Way là người học tự tin và thành thạo trong môi trường số, có thể kiếm được thu nhập bằng nghề mà mình theo học hoặc sử dụng những gì đã học được để làm tốt hơn việc hiện tại, có động lực và khả năng nâng cao tay nghề, có thể làm thành viên dự án chuyên môn và tham gia cộng đồng nghề như một thành viên có trách nhiệm.
NGUỒN HỌC LIỆU
Khóa học MOOC này được cung cấp trên nền tảng Courseravà Freecodecamp. Đây là nền tảng cung cấp các khóa học trực tuyến đại chúng mở được đánh giá rất cao trong các nền tảng MOOC hiện nay trên thế giới.
Việc liệt kê nguồn dưới đây không nhất thiết hàm ý rằng FUNiX có sự hợp tác chính thức với chủ sở hữu của nguồn: Introduction to HTML5, Introduction to CSS3, Introduction to JavaScript, Interactivity with JavaScript, Advanced Styling with Responsive Design của Coursera và Introduction to the Bootstrap của Freecodecamp.
KÊNH PHẢN HỒI
FUNiX sẵn sàng đón nhận và trao đổi về mọi ý kiến góp ý, phản hồi liên quan đến học liệu qua email program@funix.edu.vn