Lập trình Web Front-End với React
VỀ MÔN HỌC NÀY!
Xin chào tất cả các bạn !
Các bạn sinh viên thân mến, các bạn đang bắt đầu làm quen với môn học Lập trình Web Front-End với React, thuộc Option 2: Web fullstack developer (Javascript Stack) trong chương trình Chứng chỉ Doanh Nghiệp của FUNiX.
Môn học này đào tạo về ReactJS - là một framework javascript được sử dụng rộng rãi cho việc phát triển phía front-end.
ReactJS tạo ra cấu trúc dạng ứng dụng cho phía front-end thông qua việc cung cấp các thành phần trang web, điều khiển và tương tác giữa các thành phần với nhau, cũng như với phía back-end. Nhờ vậy, thông qua ReactJS, việc phát triển phía front-end được chuẩn hoá hơn và đi theo một số nguyên tắc được chấp nhận và ứng dụng rộng rãi.
ReactJS đặc biệt thích hợp trong việc phát triển front-end cho các ứng dụng chạy trên nền tảng web mà đòi hỏi trải nghiệm chất lượng cao như các ứng dụng kiểu SPA (Single Page Application)
Chúc các bạn học tốt!
ĐỐI TƯỢNG THAM GIA
- Những người muốn trang bị thêm nhiều công cụ để việc phát triển web chất lượng và hiệu suất hơn.
- Những người muốn tìm hiểu, thành thạo framework ReactJS.
- Những người tham gia đào tạo trong chương trình Chứng chỉ Doanh Nghiệp.
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:
- Trình bày được ReactJS là gì, ứng dụng trong việc phát triển Web App như thế nào.
- Trình bày được bức tranh tổng quát về lập trình viên Full Stack.
- Trình bày được cách setup git repository offline, online. Tạo được project sample của reactjs bằng command line tool và commit lên git.
- Trình bày được hiểu biết về Javascript frameworks và libraries, architecture của ứng dụng React.
- Tạo được React component, sử dụng component đó ở view JSX và view JavaScript.
- Phân biệt và tạo được 3 loại components: presentational, container, functional.
- Cài đặt được router để có thể điều hướng giữa các component.
- Sử dụng được React router để thiết kế SPA.
- Trình bày được cách sử dụng wireframe diagram để tạo prototype.
- Tạo và sử dụng được controlled form trong ứng dụng React.
- Tạo và kiểm soát được form submission đối với uncontrolled form.
- Cài đặt và cấu hình được Redux.
- Cấu hình để tạo Controlled form bằng cách sử dụng react-redux-form, lưu trạng thái (state) của form trong Redux store.
- Định nghĩa được Redux action (tạo hàm sử dụng ActionCreator rồi return action object).
- Thực hành được chia reducer thành nhiều hàm nhỏ hơn và kết hợp lại khi sử dụng ở root.
- Biết cách sử dụng Redux Thunk middleware và logger moddleware.
- Biết cách lấy dữ liệu dạng json từ server (từ brower, từ third party app).
- Cài đặt và sử dụng được Fetch để giao tiếp giữa ứng dụng React với REST API server.
- Biết cách tạo hiệu ứng chuyển động bằng cách sử dụng react-transition-group.
- Trình bày được cách đóng gói các ứng dụng thành các gói, cách sử dụng react-script để build thư mục phân phối trong Webpack.
TRẢI NGHIỆM HỌC TẬP
Môn học sẽ có 4 học phần, bao gồm 13 bài học. Mỗi bài sẽ có một (hoặc vài) đoạn video yêu cầu học viên phải xem kỹ, một hoặc vài bài đọc thêm phải đọc kỹ và trả lời quiz. Sau mỗi học phần, học viên sẽ được yêu cầu làm bài tập lớn (assigment) để kiểm nghiệm những kiến thức đã được họ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 ĐIỂM CỦA MÔN HỌC
- Lập trình Web Front-End với React giới thiệu các khái niệm trong React và xây dựng các bài thực hành có thể tạo ra được các sản phẩm mẫu nhằm giúp học viên tích lũy kinh nghiệm, kèm theo đó là những hiểu biết tổng quan về Full-Stack Developer.
CHUYÊN GIA THIẾT KẾ VÀ PHẢN BIỆN MÔN HỌC
THIẾT KẾ MÔN HỌC: Vũ Ngọc Trung
- Trình độ chuyên môn: Kỹ sư CNTT đại học FPT
- Nghề nghiệp: Full-stack BrSE
- Nơi công tác: FPT Software Japan
- Kinh nghiệm: Có 5 năm kinh nghiệm phát triển phần mềm và đào tạo
PHẢN BIỆN MÔN HỌC: ThS.Hoàng Như Vĩnh
- Trình độ chuyên môn: Thạc sĩ Thiết kế hệ thống Công nghệ thông tin
- Nghề nghiệp: Giảng viên, Trưởng bộ môn Công nghệ thông tin
- Nơi công tác: Trường ĐH Greenwich (Việt Nam), cơ sở Đà Nẵng
- Kinh nghiệm: 7+ năm kinh nghiệm trong lĩnh vực giáo đục và đào tạo CNTT
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 Coursera. Đâ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.
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: Front-End Web Development with React .
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 [email protected]