-
Book Overview & Buying
-
Table Of Contents
Full Stack Web Development Bootcamp with React and Python
By :
Full Stack Web Development Bootcamp with React and Python
By:
Overview of this book
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
Table of Contents (28 chapters)
Introduction
Introduction to Web Development
Project Start - Initial Frontend App Overview
Creating React Application and How React Works
Initializing Git and Creating Remote GitHub Repository
React Props and Creation of the Header and Search Components
Making Unsplash API Requests
Configuring ESLint and Prettier in the Frontend App
Saving Images in the State and Deleting Them in the UI
Adding SVG Logo and Welcome Component
REST API and HTTP Methods
API Service Overview and Python Installation
Creating Python Virtual Environment for API Application Using Pipenv
Creating and Starting Simple Flask Web Server
Creating New-Image Flask API Endpoint and Testing it Using Postman
Importing ENV Variables from the File in the Python App
Configuring Frontend App to Make New Image API Requests Via Flask API
CORS and Enabling CORS in the Flask App
Database Integration Plan
Dockerizing Backend Flask API Service
Dockerizing Frontend React Application
Docker Compose for the API and Frontend Services
Adding MongoDB to the Docker Compose
Persistent Volume for MongoDB and Docker Networking
API endpoint for reading and creating images in the database
Saving and Reading Images from the Database in the Frontend App
Deleting Images and Frontend Improvements
This video is locked
