FastAPI + React によるフルスタック Web開発

Fast API, React, Mongo DBを使ったFARMスタックによるSPA開発 (JWT, httpOnly cookie, CSRF token)

4.25 (139 reviews)

Udemy

platform

日本語

language

Network & Security

What you will learn

FARM (FastAPI, React, MongoDB)スタックを使ったSPA開発

Fast API と Mongo DBの連携

JWT認証・httpOnly cookie・CSRF Token・CORS

Fast API + Reactを連携したCRUD操作

Why take this course?

本コースでは、最近注目が高まっているFARM (Fast API, React, Mongo DB)スタックを使用したSPA(シングルページアプリケーション)のFull Stack Web開発手法について学習します。FARM stackはMERN stack (Mongo DB, Express, React, Nodejs)のExpress+NodejsをFast APIで置き換えた新しいスタックです。Fast API は、Golang並みに高速かつ、シンプルでAPIドキュメントの自動生成機能も提供してくれるモダンなPython製 Web API Frameworkです。

本コースの学習のポイント

Fast APIを使ったREST APIの実装 (CRUD + JWT認証)
Fast API と Mongo DBの連携
httpOnly cookieによるXSS対策
CSRF tokenによるCSRF対策
JWT有効期限の自動延長
Reactを使ったフロントエンドの実装
→ React-query, TypeScript, Redux, Tailwind CSS
REST API と Reactの連携 (SPA) -> FARM stack
Deploy Fast API to Render or Heroku
Deploy React to Firebase

Screenshots

FastAPI + React によるフルスタック Web開発 - Screenshot_01

FastAPI + React によるフルスタック Web開発 - Screenshot_02

FastAPI + React によるフルスタック Web開発 - Screenshot_03

FastAPI + React によるフルスタック Web開発 - Screenshot_04

Reviews

もよもと

March 29, 2023

外部サービスを多用しているのはおもしろい面もあったのですが、講義のリリースから時間が経っているせいか多くのサービスのUIが変更されていて、講義の本質から外れた部分の手間や苦労が多かったです。講義時間がコンパクトでいいなと思ったのも購入動機のひとつだったのですが、講義はコードを貼り付けて進んでいくスタイルだったので、自分でコードを書きながらだと、細かく一時停止と再生を繰り返すことになり、結局想定以上に時間がかかってしまいました。その点も、一緒のペースでソースを書いていく講義に慣れていた私には合わなかったです。また、単語の発音が良すぎるのか悪すぎるのか分かりませんが、かなり独特に感じました。エディタに集中して音だけ聞いていると「ん？！」となる瞬間が多かったです。

Charts

Price

Rating

Enrollment distribution

FastAPI + React によるフルスタック Web開発 - Distribution chart