HomeCoursesQuick Start Full Stack Web Development

4.6

Beginner

47h

Updated 2 weeks ago

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.

Overview

Content

Reviews

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!

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...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.

Learn to make client side pages with React.

Learning Roadmap

165 Lessons57 Quizzes

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

5 Lessons

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

Server-Side API Creation with Flask

9 Lessons

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

Database Definition and Creation with SQLAlchemy

10 Lessons

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

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.

Create a Website with Dynamic Routing Using React Router

Project

Premium

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.

Certificate of Completion

Showcase your accomplishment by sharing your certificate of completion.

Course Author:

Erik Ferragut

Developed by MAANG Engineers

Every Educative lesson is designed by a team of ex-MAANG software engineers and PhD computer science educators, and developed in consultation with developers and data scientists working at Meta, Google, and more. Our mission is to get you hands-on with the necessary skills to stay ahead in a constantly changing industry. No video, no fluff. Just interactive, project-based learning with personalized feedback that adapts to your goals and experience.

Trusted by 2.9 million developers working at companies

"These are high-quality courses. Trust me the price is worth it for the content quality. Educative came at the right time in my career. I'm understanding topics better than with any book or online video tutorial I've done. Truly made for developers. Thanks"

Anthony Walker

@_webarchitect_

"Just finished my first full #ML course: Machine learning for Software Engineers from Educative, Inc. ... Highly recommend!"

Evan Dunbar

ML Engineer

"You guys are the gold standard of crash-courses... Narrow enough that it doesn't need years of study or a full blown book to get the gist, but broad enough that an afternoon of Googling doesn't cut it."

Software Developer

Carlos Matias La Borde

"I spend my days and nights on Educative. It is indispensable. It is such a unique and reader-friendly site"

Souvik Kundu

Front-end Developer

"Your courses are simply awesome, the depth they go into and the breadth of coverage is so good that I don't have to refer to 10 different websites looking for interview topics and content."

Vinay Krishnaiah

Software Developer

Hands-on Learning Powered by AI

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

Personalized Interview Prep

Skip the LeetCode grind with a custom roadmap that adapts to your goals. Hands-on practice for Coding Interviews, System Design, and more.

Mock Interviews

Test your skills in a simulated interview setting. Receive personalized feedback based on your performance. Available for Coding Interviews, System Design, and more.

AI Prompt

Build prompt engineering skills. Practice implementing AI-informed solutions.

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.

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!

Free Resources

FOR TEAMS

Interested in this course for your business or team?

Unlock this course (and 1,000+ more) for your entire org with DevPath

Learn in-demand tech skills in half the time