Course Overview
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.
FAQ
FAQ area empty
Course curriculum
-
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
Requirment
-
Có kiến thức cơ bản về Javascript , HTML, CSS
Outcomes
-
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
Instructor
Nguyễn Đình Cường
1.2
-
1 Student
-
330 Courses
-
1253 reviews
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!
View Details