Full Stack Web Development Bootcamp with React and Python
Practical full-stack web development Bootcamp with JavaScript, React, Python, Flask, API, Git, and VS Code
Development,Web Development,React,Python,JS
Lectures -55
Duration -6 hours
30-days Money-Back Guarantee
Get your team access to 10000+ top Tutorials Point courses anytime, anywhere.
Course Description
This course is developed for web developers, frontend developers, backend developers, and full-stack developers.
This is a practical React and Python Flask full-stack web development Bootcamp. Here, you will start with building real applications from the first lecture. The application will consist of the front-end and back-end parts. The frontend will be built using JavaScript React. The backend API will be built using Python Flask.
During the creation of the frontend app, you will perform the following practical tasks:
- Initialize a React app using create-react-app
- Create different React components
- Use useEffect and useState React hooks
- Adjust favicon.ico in the frontend app
- Create and insert an SVG logo
- Make an API request to the Unsplash API
- Use React props and state
While making an API app, you will perform the following practical tasks:
- Create a Python virtual environment using pipenv
- Install and use Python packages such as Flask, dotenv, and requests
- Create Flask routes
- Make external API calls from the Flask app
- Accept requests from the clients
You will also learn how to use the following applications:
- Visual Studio Code
- Git and GitHub
- Postman
By the end of this course, you will become a full-stack web developer with practical knowledge about JavaScript React and Python Flask.
The code bundle is available at https://github.com/PacktPublishing/Full-Stack-Web-Development-Bootcamp-with-React-and-Python
Goals
- Understand what API is and how API works
- Learn how to build a single-page application using React
- Create a Python virtual environment using pipenv
- Learn how to build backend API service
- Use Python Flask to build backend API service
- Use React components, props, and state
Prerequisites
- Basic software development knowledge and basic programming skills are required.
![Full Stack Web Development Bootcamp with React and Python Full Stack Web Development Bootcamp with React and Python](https://d3mxt5v3yxgcsr.cloudfront.net/courses/8234/course_8234_image.jpg)
Curriculum
Check out the detailed breakdown of what’s inside the course
Introduction
1 Lectures
-
Introduction 04:15 04:15
Introduction to Web Development
1 Lectures
![Tutorialspoint](/market/public/assets/images/loader.gif)
Project Start - Initial Frontend App Overview
1 Lectures
![Tutorialspoint](/market/public/assets/images/loader.gif)
Adding SVG Logo and Welcome Component
6 Lectures
![Tutorialspoint](/market/public/assets/images/loader.gif)
REST API and HTTP Methods
13 Lectures
![Tutorialspoint](/market/public/assets/images/loader.gif)
API Service Overview and Python Installation
4 Lectures
![Tutorialspoint](/market/public/assets/images/loader.gif)
Creating Python Virtual Environment for API Application Using Pipenv
3 Lectures
![Tutorialspoint](/market/public/assets/images/loader.gif)
Creating and Starting Simple Flask Web Server
6 Lectures
![Tutorialspoint](/market/public/assets/images/loader.gif)
Creating New-Image Flask API Endpoint and Testing it Using Postman
4 Lectures
![Tutorialspoint](/market/public/assets/images/loader.gif)
Importing ENV Variables from the File in the Python App
3 Lectures
![Tutorialspoint](/market/public/assets/images/loader.gif)
Configuring Frontend App to Make New Image API Requests Via Flask API
2 Lectures
![Tutorialspoint](/market/public/assets/images/loader.gif)
CORS and Enabling CORS in the Flask App
6 Lectures
![Tutorialspoint](/market/public/assets/images/loader.gif)
Database Integration Plan
4 Lectures
![Tutorialspoint](/market/public/assets/images/loader.gif)
Dockerizing Backend Flask API Service
1 Lectures
![Tutorialspoint](/market/public/assets/images/loader.gif)
Instructor Details
![Packt Publishing](https://www.tutorialspoint.com/assets/profiles/154467/profile/200_283401-1581924256.png)
Packt Publishing
Course Certificate
Use your certificate to make a career change or to advance in your current career.
![sample Tutorialspoint certificate](/market/public/assets/newDesign/img/primePacks/V-certificate.png)
Our students work
with the Best
![adobe logo](/market/public/assets/newDesign/img/adobe.png)
![adp logo](/market/public/assets/newDesign/img/adp.png)
![apple logo](/market/public/assets/newDesign/img/apple.png)
![armani logo](/market/public/assets/newDesign/img/armani.jpg)
![bosch logo](/market/public/assets/newDesign/img/bosch.png)
![capegemini logo](/market/public/assets/newDesign/img/capegemini.png)
![cisco logo](/market/public/assets/newDesign/img/cisco.png)
![hdfc bank logo](/market/public/assets/newDesign/img/hdfcbank.png)
![ibm logo](/market/public/assets/newDesign/img/ibm.png)
![intel logo](/market/public/assets/newDesign/img/intel.png)
![mastercard logo](/market/public/assets/newDesign/img/mastercard.png)
![netflix logo](/market/public/assets/newDesign/img/netflix.png)
![qualcomm logo](/market/public/assets/newDesign/img/qualcomm.png)
![samsung logo](/market/public/assets/newDesign/img/samsung.png)
![sony logo](/market/public/assets/newDesign/img/sony.png)
![unilever logo](/market/public/assets/newDesign/img/unilever.png)
![walmart logo](/market/public/assets/newDesign/img/walmart.png)
![adobe logo](/market/public/assets/newDesign/img/adobe.png)
![adp logo](/market/public/assets/newDesign/img/adp.png)
![apple logo](/market/public/assets/newDesign/img/apple.png)
![armani logo](/market/public/assets/newDesign/img/armani.jpg)
![bosch logo](/market/public/assets/newDesign/img/bosch.png)
![capegemini logo](/market/public/assets/newDesign/img/capegemini.png)
![cisco logo](/market/public/assets/newDesign/img/cisco.png)
![hdfcbank logo](/market/public/assets/newDesign/img/hdfcbank.png)
![ibm logo](/market/public/assets/newDesign/img/ibm.png)
![intel logo](/market/public/assets/newDesign/img/intel.png)
![mastercard logo](/market/public/assets/newDesign/img/mastercard.png)
![netflix logo](/market/public/assets/newDesign/img/netflix.png)
![qualcomm logo](/market/public/assets/newDesign/img/qualcomm.png)
![samsung logo](/market/public/assets/newDesign/img/samsung.png)
![sony logo](/market/public/assets/newDesign/img/sony.png)
![unilever logo](/market/public/assets/newDesign/img/unilever.png)
![walmart logo](/market/public/assets/newDesign/img/walmart.png)
Related Video Courses
View MoreAnnual Membership
Become a valued member of Tutorials Point and enjoy unlimited access to our vast library of top-rated Video Courses
Subscribe now![Annual Membership Annual Membership](/market/public/assets/newDesign/img/membership-large-small.jpg)
Online Certifications
Master prominent technologies at full length and become a valued certified professional.
Explore Now![Online Certifications Online Certifications](/market/public/assets/newDesign/img/traning-for-a-team.png)