Udemy

Platform

日本語

Language

Network & Security

Category

最速で学ぶFirebase + React Hooks (TypeScript)

FirebaseのCloud Firestore,Authentication,Hosting機能とReact Hooks/TypeScriptを使ってToDoアプリのハンズオン

4.44 (261 reviews)

Students

1.5 hours

Content

Sep 2021

Last Update
FREE
Regular Price


What you will learn

Firebase (認証、データベース、ディプロイ)

React Hooks

TypeScript

Material UI

VS Code


Description

本コースでは、はじめてWebアプリケーションを勉強される方向けに、簡単にバックエンドの機能を利用できるFirebaseを使っていきます。Firebaseによるバックエンド、Reactによるフロントエンドとの連携、ディプロイの流れを通じて小さなWebアプリを公開していきます。


*本コースでは、TypeScriptを使用するので無料コースの"最速で学ぶTypeScript"を事前に受講しておいてください。

*React Hooksを徹底理解したい方は、"[基礎編]React Hooks + Django REST Framework API でフルスタックWeb開発"コースがおすすめです。


Firebaseのデータベース(Cloud Firestore)、認証機能を使って簡単なToDoアプリをハンズオンで作成します。

フロントエンドは、React Hooks/TypeScript/Material UIを使っていきます。


Firebaseは、Nativeアプリ(iOS, Android)開発のバックエンドとして採用されることが多く、近年のクロスプラットフォームフレームワーク(Flutterなど)とも非常に相性が良いです。NativeアプリとWebアプリ(React)でデータベースを共有したい場合やFirebaseのリッチな認証機能をReactに取り入れたいケースにFirebaseとReactを連携させるスキルが必要になります。本コースでは、ToDoアプリを通じて基礎的な連携方法について学んでいきます。



Screenshots

最速で学ぶFirebase + React Hooks (TypeScript)
最速で学ぶFirebase + React Hooks (TypeScript)
最速で学ぶFirebase + React Hooks (TypeScript)
最速で学ぶFirebase + React Hooks (TypeScript)

Content

はじめに

はじめに

TypeScript無料コース

コースに必要なツールのインストール

本コースのSource code

ToDo アプリのハンズオン (Firebase + React Hooks/TypeScript)

Reactプロジェクト作成

vs-icons 設定

Firebaseのアカウント

FirebaseとReactの連携

Firebaseデータベース

FirebaseのデータをReactでレンダリング

タスク作成機能

TaskItemコンポーネント

CRUD

CSS

React-Router-DOM

Firebase認証機能(Login)

Firebase認証機能(Log out)

Deploy

更に学びたい人向け

ボーナスレクチャー : 関連コースの割引クーポン


Reviews

T
T22 August 2021

historyの使い方とかuseCallback, memoのあたりとか、propsでanyを使ったりとか、いまいちな書き方が多かった。 無料なのであえて省略してるのかもしれないけど、コードのクオリティはあまり高くないと感じた。

野口賢人20 July 2021

前講義の~最速で学ぶTypeScript~から連続性を持って学べることができ大変勉強になりました。これから何度も復習して身に付けていきたいです。StyleのCSSはソースコードの配布でもいいかもとも思いました。

K
KEIGO13 July 2021

説明はところどころ理解しづらい箇所がありましたが、セクションとして必要な要素を学ぶことができ、大変勉強になりました! 無料でこの教材を出してくれるのは本当にありがたいです。 引き続きの続編も受講し、今後も学んでいきたいと思える良材でした!

竹澤14 June 2021

私はVue.jsの知識がありますが、Reactの知識ゼロの状態で受講しました。 Material-UIやReactの公式サイトを行き来しながらコースの通りに手を動かすことで、Reactの基礎的な動きを理解することができました。 ここで自信がついたことで次のステップに進めます。ありがとうございました。

N
Nozawa11 February 2021

コースコンテンツも素晴らしいが、コードを単位ごとにコピペをして説明に重点をおくスタイルが非常に良かった。海外でも取り入れられている動画学習の効率的なスタイルのようで、こういった最新のテクニックをいち早く採用している講師がすごいと思った。逆にこういった新しいトレンドに柔軟に対応できないとWeb系エンジニアとして生き残っていくのは難しいと感じた。


3502124

Udemy ID

9/15/2020

Course created date

9/18/2020

Course Indexed date
Bot
Course Submitted by