Class Central is learner-supported. When you buy through links on our site, we may earn an affiliate commission.

Udemy

The Complete Web Development Bootcamp

via Udemy

Overview

Practical Full Stack Web Development Bootcamp: JavaScript, React, Python, Docker, Flask, API, Bootstrap, Git and Postman

What you'll learn:
  • How to create full stack web application with frontend, backend and database parts and build and run all of the services using Docker with auto reload features
  • How to build Single Page Applications using React and use different React Components, state, props and React hooks such as useState and useEffect
  • Connect frontend application written in React with backend application written in Python by making REST API requests using axios package in the React app
  • Understand what is API and how it works, which API methods exists and how to correctly design API endpoints for various resources
  • Use Python Flask for building backend API service and create different endpoints with corresponding view function, utilize internal and external Python modules
  • Master full stack web development workflow by using JavaScript, Python, Docker, React, NPM, MongoDB, Postman, Git, GitHub and other tools

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:

  1. Initialize a React app using create-react-app

  2. Create different React Components

  3. Use useEffect and useState React hooks

  4. Adjust favicon.ico in the frontend app

  5. Create and insert an svg logo

  6. Making API request to the Unsplash API

  7. Using React props and state

While making an API app you will perform the following practical tasks:

  1. Create a Python virtual environment using pipenv

  2. Install and use Python packages such as Flask, dotenv and Requests

  3. Creating Flask routes

  4. Making external API calls from the Flask app

  5. Accepting requests from the clients

You will also learn how to use following applications:

  1. VisualStudio Code

  2. Git and GitHub

  3. Postman

With this course you will get lifetime-long access to more than 100 lectures and tens of practical exercises. After the course you will become a full stack web developer with practical knowledge about JavaScript React and Python Flask.

You will also get 30-days money-back guarantee. No questions asked!

Don't wait and join the course now!

Syllabus

  • Introduction
  • Introduction to the 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
  • APPENDIXES INTRO
  • APPENDIX 1 - Shell and Terminal
  • APPENDIX 2 - Visual Studio Code
  • APPENDIX 3 - Git and GitHub
  • APPENDIX 4 - JavaScript
  • APPENDIX 5 - NPM
  • APPENDIX 6 - React
  • APPENDIX 7 - Python
  • APPENDIX 8 - Docker
  • Wrap up

Taught by

Bogdan Stashchuk | 300K Students Worldwide | MBA, PhD

Reviews

4.5 rating at Udemy based on 730 ratings

Start your review of The Complete Web Development Bootcamp

Never Stop Learning.

Get personalized course recommendations, track subjects and courses with reminders, and more.

Someone learning on their laptop while sitting on the floor.