Khóa học React js và Redux - tạo ứng dụng fullstack với Node JS + React JS (29)

Một khóa học rất hay nữa vừa mới được công bố tại fedu, đó là khóa học React js và Redux. Vậy hôm nay chúng ta cùng xem trong khóa học có những gì nhé. Trước tiên chúng ta cùng tìm hiểu một số khái niệm quan trọng mà bạn cần phải biết.

React JS là gì?

Khi bạn tìm đến khóa học này rồi thì mình tin là bạn đã quá hiểu nó là gì rồi phải không nào? Nhưng nếu bạn chưa biết thì mình xin giải thích một cách đơn giản như sau: 

React JS là một thư viện được viết bằng ngôn ngữ Javascript, nó dùng để xây dựng giao diện người dùng (user interface - UI). Nói một cách khác thì nó dùng để xây dựng giao diện phía ngoài của người dùng. Vì là một thư viện JS dùng tạo UI nên bản thân nó không thể kết nối lên server, vì vậy bạn phải kết hợp một ngôn ngữ khác như:

  • Server side language: PHP, ÁSP, NodeJS ...
  • Database: MySQL, SQL Server ...
  • HTML - CSS

Nếu bạn là người mới tìm hiểu thì mình khuyên bạn nên học React JS vì nó được tạo ra với tiêu chí Learn One Write Everywhere. Bạn sẽ học tư duy, học ngôn ngữ và áp dụng vào cả một trong hai lĩnh vực đó mà web và mobile. Còn nếu bạn là một người chưa biết gì về Javascript? Lúc này bạn nên tìm hiểu nó trước khi bắt đầu học React JS.

Redux là gì?

Có React rồi tại sao lại học thêm Redux. Thực ra Redux là một thư viện Javascript dùng để tạo ra lớp quản lý trạng thái của ứng dụng, dựa trên nền tảng của Fux do Facebook sáng tạo, vì vậy Redux thường là một đôi không thể thiếu đối với ReactJS và React Native. Ngoài ra bạn cũng có thể sử dụng Redux với các framework khác như Angular, Backbone, Ember ...

Để dễ hình dung thì mình đưa ra một ví dụ khá đơn giản. Giả sử bạn đang lướt web tại freetuts.net, sau một khoảng thời gian bạn đi từ trang này tới trang khác thì mỗi trang như vậy ta gọi là trạng thái. Vậy việc quản lý trạng thái ở đây có lợi gì? Tiêu chí của React JS đó là tạo ra một ứng dụng Single page, mọi thứ đều sử dụng các control của ứng dụng cung cấp, vì vậy việc quản lý trạng thái trở nên khó khăn hơn rất nhiều, nhất là đối với các ứng dụng mobile.

Khóa học có những gì?

Giống như tiêu đề, khóa học sẽ học về React JS và Redux, đương nhiên bạn sẽ được giới thiệu thêm một số thành phần liên quản khác. Tóm lại nội dung gồm các chủ đề chính như sau:

React JS: Học các kiến thức React từ căn bản, học các component, hệ thống router, load dữ liệu JSON, tối ưu SEO ....

Redux: Học kiến thức Redux từ căn bản, kết hợp Redux với Firebase.

Xây dựng ứng dụng: Áp dụng các kiến thức để xây dựng một ứng dụng hoàn chỉnh với các chức năng thêm xóa sửa, kết hợp với các hệ thống database khác như MySQL, Firebase, PostgreSQL. Ngoài ra ứng dụng sẽ được kết hợp với NodeJs

Giới thiệu khóa học

#####################################

TÊN KHÓA HỌC Khóa học React js và Redux - tạo ứng dụng fullstack với Node JS + React JS (29)
HÌNH THỨC HỌC ONLINE
TÔI SẼ HỌC Ở ĐÂU? Khóa học thuộc bản quyền của fedu.vn, vì vậy bạn sẽ được học trên hệ thống của họ.
GIẢNG VIÊN DẠY LÀ AI? Giảng viên là anh Nguyễn Đức Việt, sinh năm 1986, tốt nghiệp Đại học Bách khoa, khoa Công nghệ thông tin. Anh hiện đang là Giảng viên Thiết kế web.
KHÓA HỌC CÓ BẰNG CẤP KHÔNG? Không, đây là khóa học bổ trợ kiến thức nên sẽ không có bằng cấp.
ĐỐI TƯỢNG HỌC LÀ AI? Đối tượng là những bạn đang muốn học React JS và đã có kiến thức nền tảng Javascript.
GIÁ GỐC 699,000đ
GIÁ BÁN 299,000đ
HỌC TẠI FEDU

ĐĂNG KÝ NGAY HÔM NAY ĐỂ ĐƯỢC GIẢM GIÁ

Cơ hội mua khóa học này chỉ với 240,000đ khi đăng ký tại freetuts.net

Freetuts.net là đại lý cung cấp khóa học online và offline với giá rẻ nhất, giảm lên đến 65% cho khóa học này, nhanh tay đăng ký nhé bạn, vì số lượng có hạn.

Nội dung khóa học

  1. Phần 01 – Giới thiệu – cài đặt – và chạy chương trình React JS đầu tiên

    • Giới thiệu React JS
    • Cài đặt công cụ
    • Chạy app react js đầu tiên
  2. Phần 02 – Khái niệm và 4 cách định nghĩa component trong React JS

    • Khái niệm component
    • Định nghĩa component cách số 1
    • Định nghĩa component bằng Anonymous function và Arrow Function
    • Định nghĩa component bằng Class
  3. JavascriPhần 03 – Khái niệm và cách truyền thông tin qua Props trong Componentpt căn bản

    • Khái niệm props trong component
    • Phương pháp số 2 thao tác với props trong component
  4. Phần 04 – Thực hành JSX và hàm ‘Map’ thông dụng

    • Cách viết JSX
    • Cách sử dụng hàm map trong react js
  5. Phần 05 – Thực hành kiến thức Component qua bài tập chuyển đổi giao diện từ bootstrap 4 sang React JS

    • Thực hành ‘component hoá’ giao diện HTML bằng React JS
    • Sử dụng Public_URL
    • Sử dụng phím tắt cho việc tạo component
    • Hoàn thiện phần giao diện từ bootstrap sang React js Component
  6. Phần 06 – Hai cách viết tương tác trong React JS

    • Cách viết tương tác với hàm ko có tham số trong React js
    • Cách viết tổng quát tương tác trong React js
  7. Phần 07 – Khái niệm State – thao tác với state

    • Hiểu về State trong React js
    • Thực hành với State trong React JS – Tạo hàm render
  8. Phần 08 – Thay đổi state và sử dụng thuộc tính Default Value

    • Thực hành với State trong React JS – Thay đổi State
    • Sử dụng thuộc tính defaultValue trong JSX
  9. Phần 09 – Học về LifeCycle của React Component

    • LifeCycle trong React JS
    • Sử dụng thuộc tính Ref trong JSX
    • Sử dụng LifeCycle cơ bản với Mounting
    • Sử dụng 4 hàm trong LifeCycle updation
    • Sử dụng các hàm Update cho Props trong LifeCycle – phần 1
    • Sử dụng các hàm Update cho Props trong LifeCycle – phần 2
  10. Phần 10 – Học về React Router và thực hành tạo giao diện

    • Giới thiệu React Router
    • Tạo giao diện trang chủ
    • Tạo giao diện chức năng tin tức
    • Tạo giao diện trang liên hệ
  11. Phần 11 – Chuyển đổi từ giao diện thành React Component

    • Tạo component Home, Footer, Nav
    • Chuyển 4 trang HTML thành 6 Component React js
  12. Phần 12 – Tích hợp React Router để thao tác không cần load lại trang

    • Cài đặt React Router và sử dụng điều hướng cơ bản
    • Xử lý điều hướng bằng Router không cần load lại trang
    • Đặt trạng thái cho thanh điều hướng như Gmail bằng activeClassName
  13. Phần 13 – Tạo dữ liệu và load dữ liệu Json trong React JS

    • Tạo file dữ liệu Json chuẩn bị cho xử lý URL
    • Load dữ liệu và tạo NewsItem
  14. Phần 14 – Ánh xạ dữ liệu vào Component và tạo đường dẫn SEO

    • Mapping dữ liệu vào component
    • Tạo đường dẫn thân thiện với SEO trong React JS
  15. Phần 15 – Cách truyền tham số thông qua URL và nhận dữ liệu từ tham số truyền vào

    • Cách nhận tham số truyền vào thông qua URL Parameter
    • Cách phun dữ liệu ra giao diện dựa trên tham số truyền vào từ URL
  16. Phần 16 – Hoàn thiện chức năng tin liên quan cho demo

    • Xử lý phần NewsRelated component
    • Hoàn thiện phần tin liên quan
  17. Phần 17 – Cách gửi nhận dữ liệu bằng Form trong React JS

    • Bắt đầu xử lý form gửi nhận dữ liệu với Redirect
    • Cách nhận dữ liệu dưới dạng mảng trong react js form
    • Tối ưu hoá code React JS
    • Xử lý phần thẻ select trong React form
    • Xử lý phần nhận thông tin file trong React form
  18. Phần 18 – Project thiết kế backend với dữ liệu LocalStorage

    • Giới thiệu Project làm giao diện backend quản lý User bằng React js
    • Download giao diện Bootstrap Admin
  19. Phần 19 – Thiết kế UX và cắt HTML CSS

    • Thiết kế giao diện UX demo chức năng trước khi code
    • Code HTML phần giao diện quản lý theo thiết kế phác thảo
    • Hoàn thiện giao diện quản lý demo trực tiếp trên chrome
  20. Phần 20 – Tạo Project React và chuyển đổi từ giao diện HTML sang React

    • Tạo project
    • Chuyển đổi giao diện thành 4 component
    • Thanh lọc các warning cho project
  21. Phần 21 – Xử lý các tương tác cơ bản

    • Xử lý các tương tác cơ bản trên Frontend bằng React Js
    • Xử lý hiển thị Form thông báo ứng với trường hợp chung component
  22. Phần 22 – Thực hành kết nối các component cha con và component ngang cấp

    • Cách kết nối từ component con sang component bố trong React Js
    • Cách kết nối giữa hai component ngang cấp
    • Hoàn thiện phần thực hành thao tác giữa các component ngang cấp
  23. Phần 23 – Tạo dữ liệu cho project và đẩy dữ liệu ra giao diện

    • Tạo dữ liệu cho project và in test
    • Đẩy dữ liệu ra bảng sử dụng Map
  24. Phần 24 – Logic các bước làm và cách lập trình chức năng tìm kiếm

    • Tự động co dãn giao diện sử dụng col
    • Kết nối component bố và con thông qua props
    • Lấy text tìm kiếm trong Search Component đẩy về App Component
  25. Phần 25 – Lập trình chức năng thêm mới thành viên bằng React JS

    • Logic các bước thực hiện chức năng thêm mới thành viên
    • Lấy dữ liệu thành viên được thêm mới bằng sự kiện onChange
    • Đẩy dữ liệu vào state
    • Lấy nội dung gửi lên App và đóng gói đối tượng
    • Cập nhật thông tin thành viên mới vào dữ liệu Json
  26. Phần 26 – Hoàn thiện chức năng thêm mới bằng cách tự sinh ID khi tạo mới dữ liệu

    • Xoá trắng nội dung sau khi thêm mới
    • Tự tạo id không trùng lặp bằng UUID
  27. Phần 27 – Phân tích logic thực hiện chức năng sửa thông tin

    • Chức năng sửa thông tin thành viên
    • Kết nối component để truyền dữ liệu
    • Truyền thông tin user cần sửa từ tableDataRow lên App
  28. Phần 28 – Tạo Form sửa dữ liệu và load nội dung khi được kích hoạt

    • Tạo form sửa thông tin của người dùng
    • Tạo hàm thay đổi trạng thái hiển thị của form
    • Load nội dung cần sửa vào form
  29. Phần 29 – Hoàn thiện chức năng sửa thông tin thành viên

    • Sử dụng state lưu trữ thông tin trong quá trình sửa thông tin
    • Chuyển dữ liệu đã sửa lên Component App
    • Hoàn thiện chức năng sửa dữ liệu
  30. Phần 30 – Lập trình chức năng xóa thông tin thành viên

    • Gửi dữ liệu xoá lên component cha
    • Xoá thông tin người dùng sử dụng hàm filter trong ES2015
  31. Phần 31 – Dữ liệu hóa ứng dụng với LocalStorage

    • Bộ 3 hàm thao tác với localStorage – set – get – remove
    • Lưu trữ dữ liệu vào localStorage và hoàn thiện ứng dụng
  32. Phần 32 – Cách đóng gói ứng dụng và chạy ứng dụng trên Xamp server

    • Đóng gói ứng dụng chạy trên server với npm run build
    • Cách chạy ứng dụng react app trên Xamp
    • Cách chạy React App băng cách sử dụng dòng lệnh
  33. Phần 33 – Cách đồng bộ code, download code, chạy code và quản lý bằng Github

    • Cách đồng bộ code, download code và quản lý code với Git trên Visual studio code – Tạo tài khoản github
    • Cách tạo tài khoản, tạo repo, upload lên github
    • Cách tải code và chạy code
  34. Phần 34 – Bắt đầu với Redux – what & why

    • Giới thiệu Redux
    • Sử dụng toán tử 3 chấm
    • Cách viết tắt ghi đè và thêm mới với toán tử 3 chấm
  35. Phần 35 – Phân tích cấu trúc một ứng dụng Redux

    • Cấu trúc của một store Redux
    • Chạy thử cấu trúc redux cơ bản để hiểu cách hoạt động của store – reducer – action
  36. Phần 36 – Thực hành với Redux và hàm Subscribe

    • Thực hành với Redux Store
    • Thực hành với Redux Store với chỉ thị xoá bằng filter
    • Hàm Subscribe trong store
  37. Phần 37 – Tạo ứng dụng kết hợp React – Redux

    • Cài đặt plugin React-redux ES6 snippet
    • Tạo ứng dụng kết hợp React – Redux
  38. Phần 38 – Cách sử dụng hàm MapDispatchToProps

    • Truy xuất dữ liệu trong store từ component con
    • Cách chia tách Reducer thành từng file
    • Cách gọi hàm trong Store từ component con
    • Hàm mapDispatchToProps
  39. Phần 39 – Giới thiệu Project mới với Redux và Firebase

    • Tổng kết phần cơ bản về cách viết code với redux
    • Bước 1 – Tạo giao diện ứng dụng trong 5 phút
  40. Phần 40 – Học cách sử dụng Firebase trong 30 phút

    • Học nhanh cách sử dụng cơ sở dữ liệu FireBase
    • Thực hành thao tác dữ liệu với Firebase
  41. Phần 41 – Thực hành thêm sửa xóa dữ liệu Firebase từ React JS

    • Kết nối React js – Firebase
    • Lấy dữ liệu của bảng dữ liệu thông qua DataSnapshot
    • Sửa dữ liệu trong Firebase
    • Thêm dữ liệu vào Firebase bằng 2 cách
  42. Phần 42 – Cài đặt redux – khởi tạo store – khởi tạo reducer

    • Bắt đầu xử lý dữ liệu cho ứng dụng quản lý ghi chú
    • Bước số 2 – click vào nút lấy được dữ liệu
    • Bước 3 – Đẩy dữ liệu lên firebase sử dụng React js thuần
    • Cài đặt redux – khởi tạo store – khởi tạo reducer
  43. Phần 43 – Thực hành kết nối Store và Component hoàn thiện chức năng thêm mới dữ liệu vào Firebase

    • Ba bước cơ bản kết nối store và component
    • Truyền tham số vào xử lý trong Store
  44. Phần 44 – Chức năng in dữ liệu ra danh sách

    • Hoàn thiện chức năng thêm mới dữ liệu vào firebase với redux
    • Xử lý gọi dữ liệu ra danh sách bằng redux – bước 1
    • Xử lý gọi dữ liệu ra danh sách bằng redux – bước 2
  45. Phần 45 – Thực hành kết nối App và NoteItem với Redux Store

    • Kết nối App với Store
    • Kết nối NoteItem với Store
  46. Phần 46 – Chức năng sửa dữ liệu

    • Thực hành chức năng sửa ghi chú với redux
    • Đẩy dữ liệu cần sửa lên trên Store và theo dõi với hàm subscribe
    • Đẩy dữ liệu cần sửa hiện thị lên Form
    • Lấy dữ liệu ban đầu bằng cách áp dụng React lifeCycle
    • Đẩy dữ liệu lên trên store khi click vào nút ‘Lưu’
    • Hoàn thiện chức năng sửa ghi chú của ứng dụng
  47. Phần 47 – Chức năng xoá dữ liệu

    • Hoàn thiện chức năng xoá ghi chú
  48. Phần 48 – Xử lý điều hướng sử dụng Store

    • Xử lý điều hướng sử dụng Store
    • Hoàn thiện chức năng điều hướng thêm mới ghi chú ko cần load lại trang
  49. Phần 49 – Tuỳ biến tiêu đề theo chức năng

    • Luyện tập Redux Store qua trường hợp tuỳ biến tiêu đề theo chức năng
    • Hiển thị thông báo các thao tác bằng plugin của React js
  50. Phần 50 – Lập trình phần hiển thị thông báo cho các thao tác chức năng

    • Định nghĩa state trong Store qui định việc hiển thị của thông báo
    • Bật tắt thông báo tương ứng với thao tác chức năng trong ứng dụng
    • Xử lý tắt thông báo bằng hai cách
  51. Phần 51 – Tổng kết

    • Truyền tham số nội dung vào thông báo thông qua state
    • Hoàn thiện chức năng thông báo – bài tập – và tổng kết
  52. Phần 52 – Cài đặt và tạo cơ sở dữ liệu PostgreSQL

    • Giới thiệu phần Node JS kết hợp với React JS
    • Cài đặt cơ sở dữ liệu PostgreSQL version 10
    • Thực hành tạo cơ sở dữ liệu – Tạo bảng – Insert dữ liệu với PostgreSQL
  53. Phần 53 – Khởi tạo project

    • Cài đặt các phần mềm cần sử dụng – Khởi tạo project
    • Khởi tạo frontend React Js
  54. Phần 54 – Kết nối Node js và PostgreSql

    • Đổi cổng kết nối của node js
    • Kết nối Node js và cơ sở dữ liệu
  55. Phần 55 – Phân tích logic của một ứng dụng

    • Lấy dữ liệu từ postgreSql thông qua Node js
    • Phân tích logic của một ứng dụng Javascript Fullstack
  56. Phần 56 – Dựng frontend bằng React js

    • ạo giao diện frontend sử dụng bootstrap 4
    • Sử dụng React JS làm frontend
    • Kết nối các Component trong React JS
  57. Phần 57 – Giao tiếp dữ liệu từ Node js sang React JS

    • Kết nối Node JS và React JS thông qua axios
    • Cách hứng dữ liệu từ NoteJS trong React JS
  58. Phần 58 – Giao tiếp dữ liệu từ React js sang Node JS

    • Gửi dữ liệu từ React JS lên Node JS
    • Xử lý thêm dữ liệu trong Node JS
    • Hoàn thiện thao tác thêm dữ liệu trong React JS
    • Tạo form nhập liệu với React JS
    • Lấy dữ liệu trong React JS
    • Chuyển dữ liệu từ React JS về Node JS
    • Setup proxy cho kết nối riêng của backend và frontend
    • Tự động update nội dung khi thêm mới – phần 1
    • Tự động update nội dung khi thêm mới – phần 2
  59. Phần 59 – Tổng kết ứng dụng

    • Cách quản lý code bằng github – download và chạy file project
    • Tổng kết ứng dụng Node React
<

Xem danh sách khách hàng

Nếu bạn vẫn chưa tin tưởng thì hãy xem danh sách khách hàng đã mua khóa học qua kênh mình nhé, rất đông đấy ạ.

XEM DANH SÁCH

Hiện chưa có thắc mắc nào từ độc giả!

ĐĂNG KÝ KHÓA HỌC

###########################









CHỌN HÌNH THỨC THANH TOÁN


  • VIETCOMBANK
    Chủ tài khoản: Nguyễn Văn Cường
    Số tài khoản: 0251002704529
    Chi nhánh: Bình Tây, Q6, TP HCM
  • SACOMBANK
    Chủ tài khoản: Nguyễn Văn Cường
    Số tài khoản: 050053235619
    Chi nhánh: Cưkuin Đăklăk

Số tiền: 240,000đ

Bạn phải nhập đúng địa chỉ bên dưới vì mình sẽ gửi mã kích hoạt qua đường bưu điện, thanh toán tận nhà.


Số tiền: 265,000đ. Trong đó 25,000đ là phí gửi bưu điện

Gửi $ đến địa chỉ paypal: thehalfheart@gmail.com.

Số tiền: 12$ giá đã bao gồm phí giao dịch paypal

Thanh toán qua ví với số điện thoại: 0979306603.

Số tiền: 240,000đ


Lưu ý: Nội dung gửi tiền là [SĐT] mà bạn đã nhập ở trên.

Khóa học liên quan