【Reactアプリ開発】3種類のReactアプリケーションを構築して、Reactの理解をさらに深めるステップアップ講座
Reactを使って「ポケモン図鑑」「ブログ」「ノートメモアプリ」の3種類のアプリを構築する講座です。Reactの基礎は学び終えたからもっと実践的なアプリケーションを作りたい！応用が効くアプリ開発力を鍛えたい！という方は必見の講座内容です。
Course curriculum
-
-
本講座で学ぶこと・デモ
-
本講座を学習する流れ
-
-
-
VSCodeをインストールしよう
-
Node.jsって何？
-
Node.jsをインストールしよう
-
React開発効率を爆上げするセットアップ
-
-
-
【ポケモン図鑑】完成品のデモから
-
Reactの環境開発構築からはじめよう
-
ポケモンAPIってなに？
-
実際にポケモンのデータを取得してみよう
-
データ読み込み時のローディング設定をしよう
-
詳細なポケモンデータを取得する準備をしよう
-
ポケモンの詳細なデータを取得してみよう
-
Cardコンポーネントを作成しよう
-
ポケモンデータを実際のページに出力してみよう
-
ポケモン達をグリッドで表示してみよう
-
CardコンポーネントをCSSでスタイリングしよう
-
簡単にナビゲーションバーを作成しよう
-
次のページのポケモンを検索するボタンを作成しよう：その１
-
次のページのポケモンを検索するボタンを作成しよう：その２
-
前のページのポケモンを検索するボタンを作成しよう
-
ページをめくるボタンをCSSでスタイリングしよう
-
-
-
【ブログ】完成品のデモから
-
Reactの環境開発構築からはじめよう
-
Firebaseのセットアップをはじめよう
-
FirebaseとReactを連携させる準備をしよう
-
ナビゲーションバーの雛形を作成しよう
-
Reactにおけるルーティング設定をしてみよう
-
CSSでナビゲーションバーをスタイリングしよう
-
fontawesomeでReactでアイコンを利用する方法
-
Googleログイン機能を実装してみよう
-
認証状態を保存する変数をローカルストレージに保存してみよう
-
Googleログアウト機能を実装してみよう
-
ログインとログアウトボタンを切替えてみよう
-
ブログ記事投稿ページを作成しよう
-
ブログ記事投稿にCSSを適用させよう
-
タイトルと記事内容の文字列を取得してみよう
-
Cloud Firestoreにデータを格納してみよう
-
Firestoreにデータ書き込みができるようにルールを変更しよう
-
Homeコンポーネントを作成しよう
-
HomeコンポーネントにCSSを適用してみよう
-
Could Firestoreからブログデータを取得してみよう
-
map関数でブログデータを１つずつ取り出して表示しよう
-
ログインしていないのに記事が書けるバグを修正しよう
-
ブログ記事を削除する関数を作成しよう
-
誰でも記事が削除できてしまうバグを修正しよう
-
リロードしても自動的にログインするように修正しよう
-
-
-
【ノートアプリ】完成品のデモから
-
React環境開発から整えよう
-
ノートメモアプリに必要なコンポーネントを用意しよう
-
Sidebarコンポーネントから作成しよう
-
SidebarをCSSでスタイリングしよう
-
新しいノートを追加する関数を作ってみよう
-
map関数でノートを全て出力してみよう
-
react-uuidを利用してkeyを一意に決定しよう
-
指定したノートを削除する関数を作成しよう
-
ノートを選択したらハイライトされる仕組みを作ろう
-
Mainコンポーネントを作成しよう
-
MainコンポーネントをCSSでスタイリングしよう
-
選択したノートをプレビューに出力してみよう
-
ノートを編集する機能を実装しよう：その１
-
ノートを編集する機能を実装しよう：その２
-
ノート編集の流れをもう一度おさらいしよう
-
マークダウンエディタを実装してみよう
-
修正日が新しい順にノートを並び替えよう
-
ノート内容をローカルストレージに保存してみよう
-
ページを開くとノートの1番目が選択された状態にしよう
-
-
-
ボーナスレクチャー
-
About this course
- 20,000円
- 68回のレッスン
- 4.5時間の動画コンテンツ