Course curriculum

    1. 本講座で学ぶこと・デモ

    2. 本講座の学習の流れ

    1. Node.jsって一体何者？

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

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

    1. APIって一体何者？

    2. Node.jsで開発環境を作ってみよう

    3. 必要なライブラリをインストールしよう

    4. Expressを使ってローカルサーバーを立ててみよう

    5. WebAPIのエンドポイントを設定してみよう

    6. 疑似的にデータを用意して、GETメソッドで全て取得してみよう

    7. POSTメソッドのAPI設定をしてみよう

    8. Postmanって何？

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

    10. Postmanを使ってリクエストを送ってみよう

    11. PUTメソッドのAPIを設定してみよう

    12. DELETEメソッドのAPIを設定してみよう

    13. Todoアプリに向けて、本セクションを振り返ろう

    1. MongoDBって何？

    2. 【補足】非同期処理をマスターしよう

    3. MongoDBのセットアップについて

    1. 完成品のデモ

    2. はじめにTodoアプリの概念図から理解しよう

    3. 開発環境構築とExpressでローカルサーバーを起動しよう

    4. APIのエンドポイントを指定してHTTPメソッドを追加してみよう

    5. ルーティング設計でapp.jsの中身をスッキリさせよう

    6. 各HTTPメソッドの中身のアルゴリズムを書きやすいように変更しよう

    7. MongoDBを利用する前に、必要なデータ情報を理解しよう

    8. MongoDBの公式からデータベースを作成してみよう

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

    10. MongoDB接続のURLを第三者から見られないように実装しよう

    11. MongoDBにおけるタスクのデータスキーマを作成しよう

    12. Todoタスク作成のアルゴリズムを作成しよう

    13. Postmanを使ってTodoタスクをMongoDBに追加しよう

    14. MongoDBからTodoタスクを全て取得してみよう

    15. MongoDBから特定の1つのタスクを取得してみよう

    16. MongoDBから特定の1つのタスクを更新してみよう

    17. MongoDBから特定の1つのタスクを削除してみよう

    1. はじめに：フロントエンドの役割を図解で確認しよう

    2. まずはindex.htmlファイルを作成して表示させよう

    3. Todoタスクを投稿するフォームを作成しよう

    4. style.cssでTodoアプリをスタイリングしよう

    5. index.htmlにタスクを疑似的に追加してみよう

    6. クライアントとサーバーを繋ぐscript.jsを作成しよう

    7. axiosを使ってNode.jsサーバーと連携してタスク全て取得しよう

    8. データを１つずつ取り出してHTMLに出力してみよう

    9. axiosを使ってクライアントサイドからデータを作成してみよう

    10. axiosを使ってクライアントサイドからデータを削除してみよう

    11. データ取得のエラーハンドリングをしてみよう

    12. データ作成のエラーハンドリングをしてみよう

About this course

  • 20,000円
  • 63回のレッスン
  • 4時間の動画コンテンツ

Discover your potential, starting today