Price: 10.00 USD | Size:15.8 GB | Duration : 23.50 Hours | 170 Video Lessons 
 
 
[DOWNLOAD] Full Stack Web Development Bootcamp with React and Python Complete Training Course Download
 
 
What you'll learn
 
What is API and how API works
How to build Single Page Application using React
Connect frontend application written in React with backend application written in Python
How to build backend API service
Use Python Flask for building backend API service
Use React Components, props and state
 
Requirements
 
Basic software development knowledge
Basic programming skills
Description
This is the React and Python Flask Full Stack Web Development Bootcamp. It is a practical course where you will start building real application from the first lecture. Application will consist of the frontend and backend parts. The frontend will be built using JavaScript React. The backend API will be built using Python Flask.
The practical full stack web development bootcamp includes: JavaScript, React, Python, Flask, API, Git and VS Code
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
Making API request to the Unsplash API
Using 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
Creating Flask routes
Making external API calls from the Flask app
Accepting requests from the clients
You will also learn how to use following applications:
 
Visual Studio Code
Git and GitHub
Postman
 
Who this course is for:
 
Web developers
Frontend developers
Backend developers
Full stack developers
 
PART-01
 
 
01.01-introduction
02.01-installing visual studio code
02.02-visual studio code setup
02.03-overview of the initial application version
02.04-how to create a new react application
02.05-installing node along with npm and npx
03.01-creating react application using create-react-app
03.02-starting react application
03.03-structure of the frontend app
03.04-reinstalling npm dependencies
03.05-creating and serving optimized build of the frontend app
03.06-basic frontend application implementation steps
03.07-cleaning up default react application
03.08-how react works and what is jsx
03.09-react functional components
04.01-installing and configuring git
04.02-creating first commit
04.03-adding the eslintcache file to the gitignore
04.04-publishing repository to github
05.01-changing favicon
05.02-creating header component
05.03-what are react props
05.04-plan for creation of the search component
05.05-creating search component with input form
05.06-styling search component
05.07-submission of the search form
05.08-controlled search component
05.09-search component summary
05.10-disabling gitlens blame annotations feature
06.01-creating account at unsplash and registering new app
06.02-adding local file with environment variables
06.03-how to make unsplash api request and what is url
06.04-making first api request for random photo
06.05-analyzing api requests and responses
06.06-challenge-clear search input
06.07-challenge solution-clear search input
07.01-what is code formatter
07.02-what is linter
07.03-configure eslint validation
07.04-installing and enabling prettier eslint plugin
07.05-adjusting prettier configuration
07.06-enabling eslint errors fixing on file save
07.07-adding npm linting scripts
07.08-fixing all linting errors
07.09-changing editor tabsize in vs code
07.10-eslint with prettier setup summary
08.01-planning next steps in building frontend app
08.02-saving images in the state
08.03-state in react is updated asynchronously
08.04-adding react developer tools chrome extension
9781801811040 Code.zip
 
 
 
PART-02
 
 
 
08.05-creating imagecard component
08.06-adding props to the imagecard component
08.07-displaying all images in the ui using map method
08.08-adjust layout of the image cards
08.09-adding delete images functionality
09.01-creating svg logo from text
09.02-editing svg logo
09.03-adding welcome component
09.04-basic frontend app summary
09.05-basic frontend app codebase review
09.06-updating create-react-app application
10.01-which problems api solves
10.02-client-server communication
10.03-rest api
10.04-url is unique resource identifier
10.05-requests and responses
10.06-analyzing requests and responses in our frontend app
10.07-http methods overview
10.08-crud operations
10.09-idempotent http methods
10.10-http response status codes
10.11-most common success and redirect http status codes
10.12-most common client and server error status codes
10.13-rest api and http methods summary
11.01-frontend and api services overview
11.02-installing python pip and pipenv on macos
11.03-installing python pip and pipenv on windows
11.04-python flask api implementation steps
12.01-creating api folder and running basic python app
12.02-creating python virtualenv and installing flask
12.03-exploring python virtualenv and changing vs code python interpreter
13.01-simple flask application
13.02-imports in python and   name  
13.03-import from another python module and   name  
13.04-decorators in python
13.05-starting flask app inside of the module
13.06-consistent launch of python modules on mac and windows
14.01-creating new-image api endpoint
14.02-testing new-image api endpoint using postman
14.03-making api request to the unsplash api
14.04-finalize and test api request to the unsplash api
15.01-extracting unsplash key to the env file
15.02-verifying usage of the env variables from the file
15.03-enabling debug mode in the flask app
16.01-changing api in the frontend react app
16.02-trying to test frontend app with flask api