10 のガイド付きハンズオンラボで、browser-side JavaScript の基本要素を学びます。HTML page に script を追加し、browser で出力を確認し、value と control flow から page content の変更と user action への応答へ進みます。
各ラボは短い coding step で一つの基礎テーマに集中します。language と DOM を初めて実践し、より大きな application や modern JavaScript tooling の前に必要な syntax を身につけます。
学習内容
このコースを修了すると、次のことができるようになります。
- HTML に JavaScript を埋め込み、external script を link し、console と alert で出力する。
letで variable を宣言し、string、number、boolean を保存してtypeofで調べる。- arithmetic と string expression を作り、increment と modulus operator を使う。
if、else if、elseで実行を制御し、loose equality と strict equality を比較する。for、while、do...whileで処理を反復し、breakで loop を終了する。- parameter と return value を持つ function を定義し、argument を渡して呼び出す。
- array を作成、参照、更新、反復し、object property を作成・変更する。
- DOM element を選択・更新し、element を作成・追加し、listener と event object で browser event を処理する。
このコースの対象者
JavaScript が初めての方、ページへ behavior を追加する準備ができた HTML 学習者、browser scripting の基礎を短く復習したい方に適しています。独立 challenge より step-by-step practice を重視します。
前提知識： JavaScript 経験は不要です。script を page に埋め込み、最後のラボで HTML element を操作するため、基本 HTML を推奨します。text file の編集もできる必要があります。
学習環境： 10 のガイド付きラボは Ubuntu 22.04 WebIDE で実行します。HTML と JavaScript file を編集し、browser preview を refresh して console output、alert、DOM change、event を確認します。外部 account や deployment service は不要です。
よくある質問
browser JavaScript ですか、それとも Node.js ですか？
browser-side JavaScript です。HTML page、DOM、alert、browser event を使い、Node.js、npm、server-side API、command-line package tooling は含みません。
先に HTML を知る必要がありますか？
高度な知識は不要ですが、基本 element と attribute を知っていると役立ちます。最初のラボで HTML page を作り、DOM と event ラボでその element を操作します。
challenge や final application project はありますか？
いいえ。10 のガイド付きラボだけで、challenge や capstone はありません。完全な production application ではなく個別の基礎を練習します。
modern asynchronous JavaScript や framework も扱いますか？
いいえ。Promise、async/await、fetch、module、class、testing、build tool、TypeScript、React や Vue などの framework は範囲外です。
