Build A Bank: Full-Stack App Development Using React & Flask
Published 1/2024
MP4 | Video: h264, 1920x1080 | Audio: AAC, 44.1 KHz
Language: English | Size: 3.69 GB | Duration: 7h 36m
Published 1/2024
MP4 | Video: h264, 1920x1080 | Audio: AAC, 44.1 KHz
Language: English | Size: 3.69 GB | Duration: 7h 36m
Learn Frontend (JavaScript) and Backend (Python) by building a practical real-life project from scratch
What you'll learn
Build a full-stack application from start to finish and deploy it
Learn the React framework and the Javascript language for frontend development
Learn the Flask framework and the Python language for backend development
Learn how to create practical real-world projects
Become a digital creator
Requirements
Some familiarity with JavaScript/Python will help, but is not a necessity
Description
In this course you will learn Python and JavaScript by building a practical real-life application from scratch! This code-along tutorial we will build out this application togetherAt the heart of this course is the belief in "learning by doing." You will learn the following concepts:Design A User Interface: Think about and craft an intuitive and responsive user interface for your banking application using React (JavaScript).Implement Business Logic: Dive into the backend with Python, developing the core logic that drives banking operations, from account management to transaction processing.Integrate Frontend with Backend: Learn how to connect your React frontend with the Python backend, ensuring a smooth and integrated application and user experience.Work with Databases: Learn how to create and manage a database, learning how to store, retrieve, and manipulate data.Deploy Your Application: Bring your project to life by deploying it, and being able to share it with anyone in the world.Become a Digital Creator: By building a practical real-life project from scratch you will learn to spot opportunities for digital products and how to build them.After this course you will have built a real-life banking application and will know how to create many more!
Overview
Section 1: Introduction
Lecture 1 Introduction
Lecture 2 What we're going to build
Section 2: Building a First Backend
Lecture 3 Installing Python
Lecture 4 Creating a virtual environment
Lecture 5 Running a Flask application
Section 3: Building A First Frontend
Lecture 6 Installing Node
Lecture 7 Creating a React App
Section 4: Frontend Part 1: Overview
Lecture 8 Creating the Boilerplate for our Overview
Lecture 9 Filling in our Overview
Lecture 10 Creating a Transaction Table
Lecture 11 Bootstrap
Lecture 12 Flexbox
Section 5: Frontend Part 2: Transfer
Lecture 13 Building our Transfer Page
Section 6: Frontend Part 3: Navigation
Lecture 14 Building Navigation
Section 7: Frontend Part 4: State
Lecture 15 What is State?
Lecture 16 Reiteration on the Importance of State
Section 8: Backend
Lecture 17 Restructuring
Lecture 18 Database
Lecture 19 Transfer Backend Functionality
Lecture 20 Adding Transactions to Database
Lecture 21 Validating Transactions
Lecture 22 Connecting Transfers to Backend
Lecture 23 State Changes
Section 9: Authentication: Frontend
Lecture 24 Frontend Authentication Part 1
Lecture 25 Frontend Authentication Part 2
Section 10: Authentication: Backend
Lecture 26 Authentication Backend Part 1
Lecture 27 Authentication Backend Part 2
Lecture 28 Authentication Backend Part 3
Lecture 29 Connecting Authentication Frontend and Backend
Lecture 30 Signout Button
Section 11: Updating Information
Lecture 31 Updating Account Information
Lecture 32 Updating Transaction Information Backend
Lecture 33 Updating Transaction Information Frontend
Section 12: Pagination
Lecture 34 Pagination Backend
Lecture 35 Pagination Frontend Part 1
Lecture 36 Pagination Frontend Part 2
Lecture 37 Fixing Style Issue
Section 13: Final Product
Lecture 38 Recap Bank
Section 14: Dockerization
Lecture 39 Installing Docker
Lecture 40 Dockerfile Frontend
Lecture 41 Dockerfile Backend
Lecture 42 Docker Compose
Lecture 43 Disabling Docker Compose
Section 15: Deployment on Heroku
Lecture 44 Deployment on Heroku
Lecture 45 Undeployment on Heroku
Developers with a desire to build a practical real-world application,People who want to learn frontend development for applications,People who want to learn backend development for applications,People who want to become digital creators