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

Fast API, React, Mongo DBを使ったFARMスタックによるSPA開発 (JWT, httpOnly cookie, CSRF token)
4.15 (171 reviews)
Udemy
platform
日本語
language
Network & Security
category
instructor
FastAPI + React によるフルスタック Web開発
2 015
students
3.5 hours
content
Feb 2025
last update
$49.99
regular price

Why take this course?

🚀 FastAPI + React によるフルスタック Web開発(FARMスタックとSPA開発) 🌟


コース概要:

FARMスタック(Fast API, React, MongoDB)を活用したSPA開発の全範囲について学びましょう。 このコースでは、最新の技術とベストプラクティスを用いて、迫力のあるWebアプリケーションを構築する方法をマスターします。FARM stackはMERN stackに代わった新しいスタックであり、FastAPIとMongoDBを含むものです。Fast APIはPythonで書かれた高速でシンプルなWeb API Frameworkであり、GolangやNode.jsのようなパフォーマンスとAPIドキュメントの自動生成機能を提供します。

🔍 本コースで学ぶ内容:

  1. Fast APIを使ったREST APIの実装 🐍️

    • CRUD操作の実装
    • JWT(JSON Web Token)認証の適用
  2. Fast APIとMongoDBの連携 💾

    • データベースとAPI間の効率的なやり取り
  3. セキュリティ対策

    • httpOnly cookieを使用したXSS(クロスサイトスクリプティング)対策
    • CSRF(クロスサイトリクエストフォージャービ)tokenを使用したCSRF対策
    • JWTの有効期限の自動延長機能の活用
  4. Reactを使ったフロントエンドの実装 🛠️

    • React-query, TypeScript, Reduxの組み合わせでデータ管理
    • Tailwind CSSでUIのスタイリング
  5. SPAとしての連携

    • REST APIとReactの効果的な連携方法
  6. デプロイメント

    • Fast APIをRenderやHerokuでデプロイ
    • ReactアプリケーションをFirebaseでデプロイ

このコースには、以下のような競争力を身につけることができます:

  • API開発能力:Fast APIを使用してRESTful APIを構築し、CRUD操作や認証を実装する能力を身につけます。
  • データベースの連携:MongoDBとFast APIの連携を理解し、効率的なデータ処理を行うことができます。
  • セキュリティ対策知識:XSS、CSRF、JWTなどの一般的なWebセキュリティ脅威に対する対策法を学びます。
  • フロントエンド技術の熟練:React, TypeScript, Redux, Tailwind CSSを使用して、レスポンシブでユーザリーなフロントエンドを構築する能力を身につけます。
  • SPA開発の理解:ReactとREST API間の連携方法を学び、Full Stack WebアプリケーションのSPA形式での開発を導入できます。
  • デプロイメントスキル:Cloudサービス(Render, Heroku)とFirebaseを使用して、Webアプリケーションをデプロイする技術を身につけます。

このコースを受諾することで、FARMスタックを活用した現代的なWeb開発スキルを持った開発者としてのカリアを築き上げましょう。今が起点になることをお待ちしています!🚀💻✨

Course Gallery

FastAPI + React によるフルスタック Web開発 – Screenshot 1
Screenshot 1FastAPI + React によるフルスタック Web開発
FastAPI + React によるフルスタック Web開発 – Screenshot 2
Screenshot 2FastAPI + React によるフルスタック Web開発
FastAPI + React によるフルスタック Web開発 – Screenshot 3
Screenshot 3FastAPI + React によるフルスタック Web開発
FastAPI + React によるフルスタック Web開発 – Screenshot 4
Screenshot 4FastAPI + React によるフルスタック Web開発

Loading charts...

Related Topics

4362988
udemy ID
23/10/2021
course created date
05/11/2021
course indexed date
Bot
course submited by