Chia Sẻ Khóa Học Full Stack Web Development Với React Và Python [Update Tháng 10-2021] [Khóa 8359 A]
Khóa học Full Stack Web Development thực tế: JavaScript, React, Python, Docker, Flask, API, Bootstrap, Git và Postman.
Bạn sẽ học được gì:
- ✓ Cách tạo ứng dụng Web Full Stack với các phầnfrontend, backend và database, đồng thời xây dựng và chạy tất cả các service bằng Docker với các tính năng auto reload.
- ✓ Cách xây dựng Single Page Application bằng React và sử dụng các React Component, state, props và React hooks khác nhau như useState và useEffect.
- ✓ Kết nối ứng dụng frontend được viết bằng React với ứng dụng backend được viết bằng Python bằng cách thực hiện các REST API request sử dụng axios package trong ứng dụng React.
- ✓ Hiểu API là gì và cách nó hoạt động, các phương thức API nào tồn tại và cách thiết kế chính xác các API endpoint cho các resource khác nhau.
- ✓ Sử dụng Python Flask để xây dựng ackend API service và tạo các endpoint khác nhau với view function tương ứng, sử dụng các mô-đun Python bên trong và bên ngoài.
- ✓ Master full stack web development workflow bằng cách sử dụng JavaScript, Python, Docker, React, NPM, MongoDB, Postman, Git, GitHub và các công cụ khác.
Đây là một khóa học về React và Python Flask Full Stack Web Development . Là một khóa học thực tế, nơi bạn sẽ bắt đầu xây dựng ứng dụng thực tế từ bài giảng đầu tiên. Ứng dụng sẽ bao gồm phần frontend và backend. Frontend sẽ được xây dựng bằng JavaScript React. Backend API sẽ được xây dựng bằng Python Flask.
Khóa học Full stack web development thực tế bao gồm: JavaScript, Python, Docker, React, NPM, MongoDB, Postman, Git, GitHub, Flask, API, và VS Code.
Trong quá trình tạo ứng dụng frontend, bạn sẽ thực hiện các tác vụ thực tế sau:
- ✓ Khởi tạo một ứng dụng React bằng cách sử dụng create-react-app.
- ✓ Tạo các React Component khác nhau.
- ✓ Sử dụng useEffect và useState React hooks.
- ✓ Điều chỉnh favicon.ico trong ứng dụng frontend.
- ✓ Tạo và chèn một svg logo.
- ✓ Thực hiện API request đối với API Unsplash.
- ✓ Sử dụng React props và state.
Trong khi tạo một ứng dụng API, bạn sẽ thực hiện các tác vụ thực tế sau:
- ✓ Tạo một Python virtual environment bằng pipenv.
- ✓ Cài đặt và sử dụng các Python package như Flask, dotenv và Requests.
- ✓ Tạo Flask routes.
- ✓ Thực hiện lệnh gọi API bên ngoài từ ứng dụng Flask.
- ✓ Chấp nhận các request từ client.
Bạn cũng sẽ học cách sử dụng các ứng dụng sau:
- ✓ Visual Studio Code.
- ✓ Git và GitHub.
- ✓ Postman.
Với khóa học này, bạn sẽ có quyền truy cập suốt đời vào hơn 100 bài giảng và hàng chục bài tập thực hành. Sau khóa học, bạn sẽ trở thành một full stack web developer với kiến thức thực tế về JavaScript React và Python Flask.
Mục lục:
- ✓ 01. Giới thiệu.
- ✓ 02. Giới thiệu về Web Development.
- ✓ 03. Bắt đầu dự án - Tổng quan về ứng dụng frontend ban đầu.
- ✓ 04. Tạo ứng dụng React và cách hoạt động của React.
- ✓ 05. Khởi tạo Git và tạo remote GitHub repository.
- ✓ 06. React props và tạo Header và Search components.
- ✓ 07. Thực hiện các Unsplash API request.
- ✓ 08. Cấu hình ESLint và Prettier trong ứng dụng frontend.
- ✓ 09. Lưu hình ảnh ở state và xóa chúng trong UI.
- ✓ 10. Add SVG logo và Welcome component.
- ✓ 11. REST API và HTTP Methods.
- ✓ 12. Tổng quan về API Service và cài đặt Python.
- ✓ 13. Tạo Python Virtual Environment cho api application bằng pipenv.
- ✓ 14. Tạo và khởi động Flask web server đơn giản.
- ✓ 15. Tạo new-image Flask API endpoint và testing nó bằng Postman.
- ✓ 16. Import các biến env từ file trong ứng dụng Python.
- ✓ 17. Cấu hình ứng dụng frontend để make new image API requests thông qua API Flask.
- ✓ 18. CORS và enabling CORS trong Flask app.
- ✓ 19. Database integration plan.
- ✓ 20. Dockerizing Backend Flask API Service.
- ✓ 21. Dockerizing Frontend React Application.
- ✓ 22. Docker Compose cho API và Frontend services.
- ✓ 23. Add MongoDB vào Docker Compose.
- ✓ 24. Persistent volume for MongoDB và Docker networking.
- ✓ 25. API endpoint để đọc và tạo hình ảnh trong database.
- ✓ 26. Lưu và đọc hình ảnh từ database trong ứng dụng frontend.
- ✓ 27. Xóa hình ảnh và cải tiến frontend.
- ✓ 28. Tổng kết.
NHẬN GET EBOOK TRÊN AMAZON THEO YÊU CẦU
