Quick Start Full Stack Web Development - AI-Powered Learning for Developers

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.

Beginner

165 Lessons

47h

Certificate of Completion

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.

AI-POWERED

Explanations

AI-POWERED

Explanations

This course includes

94 Playgrounds

57 Quizzes

This course includes

94 Playgrounds

57 Quizzes

Course Overview

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 th...Show More

What You'll Learn

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.

What You'll Learn

Learn to make client side pages with React.

Course Content

Introduction

Get familiar with full stack development, key web app components, and FRAP tech stack.

What To Expect From This Course Full Stack Development The Elements of a Web Application FRAP Applications

Basic Client Pages with React

Get started with React components, setup, file structure, live coding, Collatz app, and fonts.

Introduction to React Setting up the React Application A Look at Necessary Files Tinker with the Live React App Making a Collatz Conjecture Application: String Output Making a Collatz Conjecture Application: List Output Working With Fonts

Dynamic Client-Side Pages with React

Examine the advantages of React, from controlled inputs to global state management.

Practical Advantages of React Creating Input Elements Introduction to Controlled Inputs Further Exploring Controlled Inputs Global State

Server-Side API Creation with Flask

Grasp the fundamentals of REST API creation with Flask, covering conventions, configurations, and error management.

Why Are Rest APIs Good?Conventions for REST APIs Python Flask Servers Python Decorators Flask-RESTPlus Has What You Need Fixing Issues Managing the Configurations: Set Up ENV Variable Managing the configuration: YAML File Creating Scripts

Database Definition and Creation with SQLAlchemy

Take a closer look at creating and managing databases using SQLAlchemy for full-stack development.

PostgreSQL vs SQLite Pros and Cons of SQLAlchemy Working With SQLAlchemy SQLAlchemy Data Types Keys in SQLAlchemy Creating Session Using Query Method in the Session Object Using The Query Method: Filter Connecting Multiple Tables From SQLite to PostgreSQL

Code Documentation with Sphinx

9 Lessons

Follow the process of documenting Python code with Sphinx, including setup, compilation, and publishing.

An Introduction to Code Testing

8 Lessons

Build on the importance of code tests, unit testing, and managing snapshot and integration testing.

UI Testing

12 Lessons

Learn how to use UI testing tools like Jest, Storybook, and snapshot testing for React.

API Testing

5 Lessons

Unpack the core of API testing with HTTPie and pytest in Flask applications.

10.

Database Integrity Testing

8 Lessons

Work your way through maintaining database integrity with SQLAlchemy using constraints and integrity tests.

11.

Automatically Testing Every Update

7 Lessons

Apply your skills to integrating automated testing with Git for robust code management.

12.

Design a Web Application

7 Lessons

Take a closer look at integrating design, planning user interactions, UI, API, and data models.

13.

Build the Data Model

6 Lessons

Follow the process of setting up and managing data models with SQLite and PostgreSQL for web applications.

14.

Build the REST API

8 Lessons

Build a REST API by managing routes, database interactions, and handling HTTP methods efficiently.

15.

Build the React Client

17 Lessons

Try out building a dynamic React front-end with reusable components, interactive screens, and API integration.

16.

Finishing Touches for the App

11 Lessons

Walk through launching the app, compiling documentation, and creating comprehensive tests.

17.

Web Authentication

13 Lessons

Work your way through web authentication, JWT implementation, and secure API creation.

18.

Deploy the Application

8 Lessons

Break down the steps to deploy applications on Heroku, including server configurations.

19.

Conclusion

5 Lessons

Take a closer look at efficient coding, core development pillars, workflow strategies, and next steps in full-stack development.

20.

Appendix

6 Lessons

Follow the process of mastering tools, languages, environments, and PostgreSQL for web development.

Course Author

Trusted by 1.4 million developers working at companies

Anthony Walker

@_webarchitect_

Emma Bostian 🐞

@EmmaBostian

Evan Dunbar

ML Engineer

Carlos Matias La Borde

Software Developer

Souvik Kundu

Front-end Developer

Vinay Krishnaiah

Software Developer

Eric Downs

Musician/Entrepeneur

Kenan Eyvazov

DevOps Engineer

Anthony Walker

@_webarchitect_

Emma Bostian 🐞

@EmmaBostian

Hands-on Learning Powered by AI

See how Educative uses AI to make your learning more immersive than ever before.

Instant Code Feedback

Evaluate and debug your code with the click of a button. Get real-time feedback on test cases, including time and space complexity of your solutions.

AI-Powered Mock Interviews

Put your skills to the test in a simulated interview setting. Receive personalized feedback based on your performance. Available in Premium & Premium Plus plans.

Adaptive Learning

At various checkpoints throughout Educative courses, you will be prompted to take a quick assessment. Receive a condensed curriculum tailored to your strengths and skill gaps.

Explain with AI

Select any text within any Educative course, and get an instant explanation — without ever leaving your browser.

AI Code Mentor

AI Code Mentor helps you quickly identify errors in your code, learn from your mistakes, and nudge you in the right direction — just like a 1:1 tutor!