AI-powered learning
Save this course
Quick Start Full Stack Web Development
Discover full stack web development by building a complete web app with React, Flask, SQL, and APIs. Gain insights into designing, testing, and deploying applications from scratch.
4.6
165 Lessons
47h
Updated 1 month ago
Join 2.9 million developers at
Join 2.9 million developers at
LEARNING OBJECTIVES
- Learn to make client side pages with React.
- Learn to create server side API with Flask.
- Learn to work with database.
- Learn to do code documentation with Sphinx
- Get familiarized with code testing.
- Learn to deploy an application on Heroku.
Learning Roadmap
1.
Introduction
Introduction
Get familiar with full stack development, key web app components, and FRAP tech stack.
2.
Basic Client Pages with React
Basic Client Pages with React
Get started with React components, setup, file structure, live coding, Collatz app, and fonts.
3.
Dynamic Client-Side Pages with React
Dynamic Client-Side Pages with React
5 Lessons
5 Lessons
Examine the advantages of React, from controlled inputs to global state management.
4.
Server-Side API Creation with Flask
Server-Side API Creation with Flask
9 Lessons
9 Lessons
Grasp the fundamentals of REST API creation with Flask, covering conventions, configurations, and error management.
5.
Database Definition and Creation with SQLAlchemy
Database Definition and Creation with SQLAlchemy
10 Lessons
10 Lessons
Take a closer look at creating and managing databases using SQLAlchemy for full-stack development.
6.
Code Documentation with Sphinx
Code Documentation with Sphinx
9 Lessons
9 Lessons
Follow the process of documenting Python code with Sphinx, including setup, compilation, and publishing.
7.
An Introduction to Code Testing
An Introduction to Code Testing
8 Lessons
8 Lessons
Build on the importance of code tests, unit testing, and managing snapshot and integration testing.
8.
UI Testing
UI Testing
12 Lessons
12 Lessons
Learn how to use UI testing tools like Jest, Storybook, and snapshot testing for React.
9.
API Testing
API Testing
5 Lessons
5 Lessons
Unpack the core of API testing with HTTPie and pytest in Flask applications.
10.
Database Integrity Testing
Database Integrity Testing
8 Lessons
8 Lessons
Work your way through maintaining database integrity with SQLAlchemy using constraints and integrity tests.
11.
Automatically Testing Every Update
Automatically Testing Every Update
7 Lessons
7 Lessons
Apply your skills to integrating automated testing with Git for robust code management.
12.
Design a Web Application
Design a Web Application
7 Lessons
7 Lessons
Take a closer look at integrating design, planning user interactions, UI, API, and data models.
13.
Build the Data Model
Build the Data Model
6 Lessons
6 Lessons
Follow the process of setting up and managing data models with SQLite and PostgreSQL for web applications.
14.
Build the REST API
Build the REST API
8 Lessons
8 Lessons
Build a REST API by managing routes, database interactions, and handling HTTP methods efficiently.
15.
Build the React Client
Build the React Client
17 Lessons
17 Lessons
Try out building a dynamic React front-end with reusable components, interactive screens, and API integration.
16.
Finishing Touches for the App
Finishing Touches for the App
11 Lessons
11 Lessons
Walk through launching the app, compiling documentation, and creating comprehensive tests.
17.
Web Authentication
Web Authentication
13 Lessons
13 Lessons
Work your way through web authentication, JWT implementation, and secure API creation.
18.
Deploy the Application
Deploy the Application
8 Lessons
8 Lessons
Break down the steps to deploy applications on Heroku, including server configurations.
19.
Conclusion
Conclusion
5 Lessons
5 Lessons
Take a closer look at efficient coding, core development pillars, workflow strategies, and next steps in full-stack development.
20.
Appendix
Appendix
6 Lessons
6 Lessons
Follow the process of mastering tools, languages, environments, and PostgreSQL for web development.
Certificate of Completion
Showcase your accomplishment by sharing your certificate of completion.
Complete more lessons to unlock your certificate
Developed by MAANG Engineers
ABOUT THIS COURSE
If you want to get into full stack web development, then you’re in the right place. This course is for anyone who wants to learn how to build a complete web application from front to back while avoiding the endless debates about product X versus product Y.
Through this course you'll work with some of the most fundamental tools that full stack developers use everyday such as: React, Flask, SQL, creating APIs, testing, and more.
Beyond that, you'll learn how to design an application from scratch, build the data model, and how to deploy it.
By the end of this course, you'll have the skills necessary to create an application from scratch as well as a nice new project to add to your portfolio. Needless to say, this is your one-stop-shop to becoming a modern full stack developer!
ABOUT THE AUTHOR
Erik Ferragut
Every Educative resource is designed by our team of ex-MAANG software engineers and PhD computer science educators — subject matter experts who've shipped production code at scale and taught the theory behind it. No videos, no fluff.
Trusted by 2.9 million developers working at companies
A
Anthony Walker
@_webarchitect_
E
Evan Dunbar
ML Engineer
S
Software Developer
Carlos Matias La Borde
S
Souvik Kundu
Front-end Developer
V
Vinay Krishnaiah
Software Developer
Built for 10x Developers
No Passive Learning
Learn by building with project-based lessons and in-browser code editor
Personalized Roadmaps
The platform adapts to your strengths & skills gaps as you go
Future-proof Your Career
Get hands-on with in-demand skills
AI Code Mentor
Write better code with AI feedback, smart debugging, and "Ask AI"
MAANG+ Interview Prep
AI Mock Interviews simulate every technical loop at top companies
Free Resources
