Course curriculum

    1. 本講座で学ぶこと

    2. 完成品デモの紹介

    3. 本講座の学習の流れ

    1. SNSアプリを構築する全体フローを確認しよう

    2. VSCodeをインストールしよう

    3. Nodeをインストールしよう

    1. Node.jsで開発環境を構築しよう

    2. Expressフレームワークでローカルサーバーを立ち上げてみよう

    3. ルーティング設定をしてエンドポイントを手軽に変更してみよう

    4. 認証用と投稿用ルーティング設定もしておこう

    5. MongoDBでデータベースを作成しておこう

    6. ユーザースキーマのモデルを作成してみよう

    7. MongoDBとNode.jsを接続してみよう

    8. postmanをインストールする前にpostmanの基礎を知ろう

    9. Postmanをインストールしてみよう

    10. ユーザー情報をDBに登録するAPIを作成しよう

    11. 自作APIを叩いてユーザーを登録してみよう

    12. ユーザーログインができるAPIを作ってみよう

    13. ユーザー情報を更新するAPIを自作してみよう

    14. ユーザー情報を削除するAPIを自作してみよう

    15. 特定のユーザー情報を取得するAPIを自作してみよう

    16. ユーザーをフォローするAPIを自作してみよう

    17. 実際にフォローできるのかAPIを叩いてみよう

    18. ユーザーをフォロー解除するAPIを自作してみよう

    19. 投稿用(Post.js)のデータスキーマを作成してみよう

    20. 投稿を作成するAPIを自作してみよう

    21. 投稿を編集するAPIを自作しよう

    22. 投稿を削除するAPIを自作しよう

    23. ある特定の１つの投稿を取得するAPIを自作しよう

    24. 投稿に「いいね」を押せるAPIを自作しよう

    25. 実際に投稿に「いいね」を押してみよう

    26. フォローしているユーザーの投稿と自分の投稿を取得するAPIを自作しよう

    27. 実際にSNSのタイムラインを取得して見てみよう

    28. 本セクションのおさらい。次にやるべきこと

    1. 完成品のデモから紹介

    2. Reactの開発環境構築からはじめよう

    3. SNSのコンポーネント構成の確認をしよう

    4. Homeコンポーネント作成の準備をはじめよう

    5. Topbarコンポーネントの雛形(HTML)を作成しよう

    6. 本プロジェクトで使用する画像ファイルを準備しよう

    7. マテリアルUIをインストールして使ってみよう

    8. TopbarをCSSでスタイリングしよう(その１)

    9. TopbarをCSSでスタイリングしよう(その２)

    10. TopbarをCSSでスタイリングしよう(その３)

    11. Sidebar,TimeLine,Rightbarコンポーネントを作成してみよう

    12. Sidebarコンポーネントの雛形をHTMLで作成しよう

    13. TopbarをCSSでスタイリングしよう(その１)

    14. TopbarをCSSでスタイリングしよう(その２)

    15. TimeLineコンポーネントの雛形を作成しよう

    16. Shareコンポーネントの雛形を作成しよう

    17. ShareコンポーネントをCSSでスタイリングしてみよう

    18. PostコンポーネントをHTMLで雛形を作成しよう

    19. PostコンポーネントをCSSでスタイリングしてみよう

    20. RightbarコンポーネントをHTMLで雛形を作成しよう

    21. RightbarコンポーネントをCSSでスタイリングしよう

    22. オンラインの友達画像の左上にCSSで丸を追加してみよう

    23. Rightbarにおける広告部分を作成してみよう

    24. ダミーデータを用意してみよう

    25. ダミーデータで投稿内容を更新しよう

    26. ダミーデータで投稿ユーザーを変更しよう

    27. Rightbarのオンラインの友達もダミーデータで更新しよう

    28. Sidebarの友達もダミーデータで更新しよう

    29. Hooksを使って「いいね」ボタンを疑似的に作ってみよう

    30. 本セクションを振り返ってみよう

    1. プロフィールコンポーネントを作成してみよう

    2. プロフィールページをHTMLで雛形を作成してみよう

    3. プロフィールページをCSSでスタイリングしよう

    4. Rightbarコンポーネントのページ毎の切り分けをしてみよう

    5. プロフィールのRightbarの雛形をHTMLで作成しよう

    6. プロフィールのRightbarをCSSでスタイリングしよう

    1. まずは完成品のデモから

    2. ログインのコンポーネントを作成してみよう(その１)

    3. ログインのコンポーネントを作成してみよう(その２)

    4. ログインのコンポーネントを作成してみよう(その３)

    5. 新規登録画面のコンポーネントを作成してみよう

    6. 最後にフロントエンドセクションを振り返ってみよう

About this course

  • 24,000円
  • 131回のレッスン
  • 9.5時間の動画コンテンツ

コースレビュー

5 星評価

この宇宙で最高のハンズオン講座です

dev Takuya

タイトル通りです｡この講座を受講してから､朝の目覚めがよくなり､彼女もできました｡ あと3回は見返して､しっかりと自分の血肉へと昇華させたいと思います｡ 素晴らしい講座をありがとうございました｡

タイトル通りです｡この講座を受講してから､朝の目覚めがよくなり､彼女もできました｡ あと3回は見返して､しっかりと自分の血肉へと昇華させたいと思います｡ 素晴らしい講座をありがとうございました｡

縮める
5 星評価

MERNフルスタック開発を終えて

y5sya mo

コードの意味がわかる、活用できる内容ばかりの、本当に勉強になる動画でした。

コードの意味がわかる、活用できる内容ばかりの、本当に勉強になる動画でした。

縮める

Discover your potential, starting today