【Reactアプリ開発】3種類のReactアプリケーションを構築して、Reactの理解をさらに深めるステップアップ講座

Description

Reactの基礎を学び終え、３種類のアプリ開発をすることでReactの理解をさらに深める講座内容となっています。

■ 本コースの対象者

・Reactは一通り学んだからもっとアプリケーションを作ってみたい

・Reactでどんなアプリが作れるのかハンズオン形式で学んでみたい

・ReactでAPIの叩き方(Promiseを使ったデータフェッチング)を学んでみたい

・ReactとFirebaseで権限付きの簡単なブログ(掲示板)を構築したい

・Googleログイン機能を実装してみたい

・モダンJavascriptで使われるmap, filter, find, sort関数を使ってCRUD操作を学びたい

・ローカルストレージに保存できるノートアプリ(Evernoteクローン)を構築したい

・etc...

Reactは学んだけど、作りたいWebアプリが思いつかないから学習が捗らない・・・

実際にプロジェクトを作ることでプログラミングの理解は深まります。

Reactの基礎は理解し「次に進んでみたい」「ステップアップしたい」という方におすすめの

講座内容となっています。

また、ReactだけでなくFirebase(Cloud Firestore, Google Authentication)を使ったDBの取り扱いや

Googleログイン機能、ローカルストレージの取り扱い、Promiseオブジェクトの利用法などを付随して学ぶことできます。

■ 本コースを受講する際の注意点

・HTML/CSS/JavaScriptの基本的な文法とルールは教えていません。

・Reactの基礎知識は知っている前提でお話を進めております(コンポーネントやJSX記法等)

What You Will Learn!

• Reactの基礎を応用して3種類のアプリケーションを構築できる
• Reactで「ポケモン図鑑」「ブログ」「ノートアプリ」を構築できる
• ReactでAPIフェッチング手法を学べる
• ReactとFirebaseを使ってブログを構築できる
• 主要なReact Hooksの使い方が学べる
• FirebaseでGoogleログイン機能が実装できる
• FirebaseでCloudFirestoreデータベース実装ができる
• Reactルーティング専用ライブラリreact-router-dom(v6)の使い方が学べる
• モダンJavascriptで登場したmap/find/filterメソッドの使い方がマスターできる
• Reactの開発効率を上げるプラグインやショートカットキーが学べる
• Promiseオブジェクトを使ったAPIフェッチング手法が学べる
• fontawesomeでReactでアイコンを利用する方法が学べる
• 認証状をローカルストレージに保存して自動ログインする方法が学べる
• 基本的なHTML/CSSでスタイリングが学べる
• ログインしているユーザーだけが権限を持つ方法が学べる
• react-uuidを利用したkeyの設定方法が学べる
• React専用マークダウンエディタの実装方法が学べる
• 更新日にデータをソートする方法が学べる

Who Should Attend!

• Reactを使ってもっとアプリを作ってみたい方
• Reactの理解をより一層深めてReactをモノにしたい方
• Reactエンジニアを目指している方

TAKE THIS COURSE