プロジェクト の JavaScript スキルツリー

Axios 駆動の呪文トレジャーハント

初級

このプロジェクトでは、Axios を使用して認証ヘッダー付きのリクエストを送信する方法と、レスポンスデータに基づいて DOM を更新する方法を学びます。神秘的な呪文の一部をサーバーとやり取りして取得するシンプルな Web アプリケーションを構築します。

javascriptweb-development

💡 このチュートリアルは英語版からAIによって翻訳されています。原文を確認するには、 ここをクリックしてください

はじめに

このプロジェクトでは、Axios を使って認証ヘッダ付きのリクエストを送信する方法と、レスポンスデータに基づいて DOM を更新する方法を学びます。神秘的な呪文の一部を取得するためにサーバとやり取りするシンプルな Web アプリケーションを構築します。

👀 プレビュー

web app interaction preview

🎯 タスク

このプロジェクトでは、以下を学びます。

  • プロジェクトをセットアップして初期コードを取得する方法
  • "鍵 1" ボタンの機能を実装する方法
  • "鍵 2" ボタンの機能を実装する方法
  • 取得した呪文の部分に基づいて宝箱を開けられるかどうかを確認する方法

🏆 成果

このプロジェクトを完了すると、以下ができるようになります。

  • カスタムヘッダ付きの HTTP リクエストを Axios を使って行う方法
  • 動的なコンテンツを表示するために DOM を操作する方法
  • 特定の条件をチェックするための条件付きロジックを実装する方法
  • 手順に沿って Web 開発プロジェクトを完了する方法

講師

labby
Labby
Labby is the LabEx teacher.