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

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

初級

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

javascriptweb-development

💡 このチュートリアルは英語版から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.