プロジェクト in JavaScript Skill Tree

Web ベースの HTML プレゼンテーションビルダー

初級

このプロジェクトでは、フロントエンド技術を使用して Web ベースの PowerPoint(PPT)プレゼンテーションを作成する方法を学びます。このタイプの PPT は、配布や閲覧がより便利で、フロントエンド技術のレイアウトとインタラクション機能を最大限に活用することができます。

HTMLCSSJavaScript

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

はじめに

このプロジェクトでは、フロントエンド技術を使ってウェブベースのPowerPoint(PPT)プレゼンテーションを作成する方法を学びます。この種のPPTは、配布と視聴がより便利であり、フロントエンド技術のレイアウトとインタラクション機能を最大限に活用することができます。

👀 プレビュー

Web PPT preview demo

🎯 タスク

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

  • PPTページ間を切り替えるswitchPage関数を実装する方法
  • キーボード押下やボタンクリックなどのユーザー入力を処理して、PPTページをナビゲートする方法
  • PPTページ間のナビゲーションを処理するgoLeft関数とgoRight関数を実装する方法
  • 基本的なHTML知識を教えるために、PPTスライドにコンテンツを追加する方法

🏆 成果

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

  • フロントエンド技術を使ってウェブベースのPowerPoint(PPT)プレゼンテーションを作成する
  • DOMを操作してPPTページを表示および非表示にする
  • ユーザー入力を処理してUIを適切に更新する
  • HTML関連のコンテンツをPPT形式で構造化して提示する

講師

labby

Labby

Labby is the LabEx teacher.