React ,Redux,Hooks, TypeScript,Node.JS, MongoDB (MERN stack)
Học React JS v17 với MERN stack: Xây dựng web bán hàng
Học React JS v17 với MERN stack: Xây dựng web bán hàng
Trong khoá học này bạn không chỉ học được React JS, MongoDB mà bạn còn học được cách xây dựng một website bán hàng sử dụng MERN stack.
Bạn sẽ học được rất nhiều kỹ thuật thú vị, hữu ích từ khoá học này bao gồm:
+ Các kiến thức cơ bản về React JS, Mongo DB
+ Các kiến thức cơ bản cần thiết để xây dựng 1 API server sử dụng Node JS, Express JS framework.
+ Cách tích hợp CKEditor vào web React JS.
+ Upload 1 file từ client (React JS) lên API server sử dụng thư viện Multer.
+ Sử dụng thành thạo 1 trong các thư viện nổi tiếng cho việc xây dựng UI cho component là React Element UI (sử dụng các component có sẵn như là Button, Table, Tab, Upload...)
+ Tích hợp chức năng thanh toán sản phẩm từ giỏ hàng sử dụng cổng thanh toán PAYPAL .
+ Sử dụng thư viện REDUX để quản lý dữ liệu của ứng dụng React JS (Redux for state management).
+ Học được cách tối ưu code trong NodeJS, React JS.
+ Biết cách fix các lỗi cơ bản.
Trong khoá học này bạn không chỉ học được React JS, MongoDB mà bạn còn học được cách xây dựng một website bán hàng sử dụng MERN stack.
Bạn sẽ học được rất nhiều kỹ thuật thú vị, hữu ích từ khoá học này bao gồm:
+ Các kiến thức cơ bản về React JS, Mongo DB
+ Các kiến thức cơ bản cần thiết để xây dựng 1 API server sử dụng Node JS, Express JS framework.
+ Cách tích hợp CKEditor vào web React JS.
+ Upload 1 file từ client (React JS) lên API server sử dụng thư viện Multer.
+ Sử dụng thành thạo 1 trong các thư viện nổi tiếng cho việc xây dựng UI cho component là React Element UI (sử dụng các component có sẵn như là Button, Table, Tab, Upload...)
+ Tích hợp chức năng thanh toán sản phẩm từ giỏ hàng sử dụng cổng thanh toán PAYPAL .
+ Sử dụng thư viện REDUX để quản lý dữ liệu của ứng dụng React JS (Redux for state management).
+ Học được cách tối ưu code trong NodeJS, React JS.
+ Biết cách fix các lỗi cơ bản.
Khu vực Câu hỏi thường gặp trống
Các kiểu dữ liệu cơ bản của Javascript: string, number, boolean (datatype)
Giới thiệu String Template Literal (sử dụng dấu backtick `)
Độ ưu tiên của toán tử (javascript operator precedence)
Ép kiểu trong Javascript (data conversion and coercion)
Falsy vs truthy value
Biểu thức điều kiện If else elseif (conditional expression)
Toán tử so sánh bằng == và === (equal comparison operators)
Toán tử logic (logical operators) AND && OR || NOT !
Switch...case trong Javascript (tương tự If else)
Toán tử điều kiện (conditional tenary operator)
Giới thiệu về hàm (function)
Các kiểu dữ liệu trả về của 1 hàm (function's return data types)
Các kiểu tham số của 1 hàm (function's parameters)
Hàm ẩn danh (anonymous function) và hàm mũi tên (arrow function)
Giới thiệu về mảng (Array) trong Javascript
Các thao tác cơ bản với mảng (Array's methods)
Giới thiệu về đối tượng (Object) trong Javascript
Các thao tác với đối tượng (Object)
Vòng lặp for trong Javascript (for loop)
Vòng lặp while trong Javascript (while loop)
Vòng lặp for each trong Javascript (for each loop)
Destructuring Array trong Javascript
Spread operator trong Javascript
Rest operator trong Javascript
Giới thiệu React Context
Cài đặt React Context
Giới thiệu Redux
Cài đặt Redux
Redux sử dụng connect() function vs store.subscribe()
Redux sử dụng hook useSelector, useDispatch tối ưu hơn connect() function
Redux Thunk để tương tác với API Server
Giới thiệu REDUX TOOLKIT
Redux Toolkit - cách sử dụng createSlice function
Redux Toolkit - sử dụng createAsyncThunk function để tương tác API server
REDUX TOOLKIT QUERY
Khởi tạo API server
Tự động restart API server với Nodemon
Cài đặt cơ sở dữ liệu NoSQL - MONGODB
Cài đặt thư viện MongoDB driver cho NODEJS, kết nối với MongoDB server từ NodeJS
MongoDB driver - Tạo mới 1 collection (tương tự Table)
MongoDB driver - thêm mới 1 document vào 1 collection
MongoDB driver - findAll documents
MongoDB driver - findOne documents
Giới thiệu Mongoose - ORM cho MongoDB database
Mongoose - Khái niệm Schema và Model
Mongoose - Viết code connect MongoDB database
Mongoose - thêm mới 1 document vào Category(danh mục sản phẩm) collection
Mongoose - truy vấn documents từ Category collection
Mongoose - hoàn thiện thiết kế Category model và schema
Xây dựng chức năng CRUD (create, read, update, delete) API cho Category
Chia code ra Controller, Model, Route - tối ưu code cho API server
Hoàn thiện chức năng CRUD (create, read, update, delete) API cho Category
Giới thiệu JSON Web Token - JWT dùng cho xác thực người dùng
Xây dựng USER schema và model
Xây dựng API server cho quản lý sản phẩm (Product)
Khởi tạo project React JS sử dụng thư viện create-react-app
Giới thiệu và cài đặt React Element UI trong React JS
Xây dựng LAYOUT cho các trang thuộc Admin của website
Giới thiệu và cài đặt Axios để tương tác với API server
Giới thiệu và tích hợp Redux để quản lý dữ liệu của ứng dụng React JS
Xây dựng trang web quản lý Category - danh mục sản phẩm
Hoàn thiện trang web quản lý Category - danh mục sản phẩm
Xây dựng trang quản lý sản phẩm - Product
Xây dựng chức năng xác thực người dùng phía client(React JS)
Hoàn thiện xây dựng chức năng xác thực người dùng phía client(React JS)
Hoàn thiện trang web - trang chủ, trang giỏ hàng, tích hợp Paypal
Khởi tạo project React + Typescript với create-react-app
Tích hợp REDUX vào dự án React
Cài đặt Ant Design để làm Layout cho web
Routing - tích hợp React Router Dom version 6
Cài đặt Layout cho ADMIN
Sử dụng Material UI để hiển thị danh sách sản phẩm - Tạo Header TABLE Component
Hoàn thiện trang hiển thị danh sách sản phẩm - Product List Component
Viết code Redux load danh mục sản phẩm (Product Categories) cho Create Product
Viết code Redux cho Create, Update, Delete Product
Hoàn thiện trang thêm mới sản phẩm (Create Product) + upload ảnh lên API server
Viết code Redux cho trang đăng nhập Login
Hoàn thiện trang đăng nhập
Xây dựng cơ chế bảo vệ Route với Authentication Component(kiểm trađã đăng nhập?)
Logout
Tối ưu code với Axios Instance và dùng biến môi trường .env để bảo vệ thông tin
Xây dựng trang chủ Home - hiển thị tốt trên mọi kích thước thiết bị (Responsive)
Xây dựng trang chi tiết sản phẩm
Thêm sản phẩm vào giỏ hàng (Add to Cart)
Xây dựng component hiển thị Giỏ Hàng (Cart) và tích hợp thanh toán PayPal
Tích hợp thanh toán bằng Stripe
Có kiến thức cơ bản về Javascript , HTML, CSS
Bạn sẽ học được cái khái niệm cơ bản về React JS,Node JS, MongoDB, Mongoose
Cách xây dựng một web bán hàng đơn giản sử dụng React JS, MERN stack
Xây dựng API cho web bán hàng dùng NODE JS, Express JS , MongoDB
Sử dụng CKEDITOR, Multer cho upload file phía Server, tích hợp PAYPAL
Sử dụng thư viện xây dựng giao diện sẵn cho React : React Element React UI
1.0
0 Học viên
105 Khóa học
1252 Đánh giá
Xin chào các bạn, tôi là Nguyễn Đình Cường, một lập trình viên và giảng viên đam mê công nghệ với hơn 15 năm kinh nghiệm trong ngành công nghiệp phần mềm. Tôi tốt nghiệp từ Bưu Chính Viễn Thông và đã từng làm việc cho một số công ty công nghệ hàng đầu như FPT Software và VinGroup. Với chuyên môn chính là phát triển ứng dụng web, tôi đã làm việc với nhiều công nghệ như HTML, CSS, JavaScript, React cho front-end và Node.js, Express, MongoDB cho back-end. Không chỉ dừng lại ở việc viết mã, tôi còn yêu thích tìm hiểu sâu về thiết kế hệ thống và kiến trúc phần mềm. Tôi tin rằng quá trình học lập trình không chỉ đơn thuần là lý thuyết, mà còn là sự trải nghiệm thực tế và giải quyết vấn đề. Trong các khóa học của mình, tôi cố gắng cung cấp cho học viên những bài giảng thú vị và dễ hiểu, cùng với các bài tập thực hành giúp củng cố kiến thức. Tôi hy vọng rằng qua các khóa học của mình, bạn sẽ không chỉ học được cách viết mã, mà còn phát triển tư duy lập trình và kỹ năng giải quyết vấn đề. Hãy cùng nhau khám phá thế giới lập trình và biến ý tưởng của bạn thành hiện thực! Nếu bạn có bất kỳ câu hỏi nào, đừng ngần ngại liên hệ với tôi. Tôi rất vui được hỗ trợ bạn trong hành trình học tập của mình!
Xem chi tiết