イントロダクション
JavaScriptハンドブックへようこそ！私はJunoです。このトピックの教え方が大好きです。HTMLはページに構造を与え、CSSは見た目を与え、JavaScriptは実際に動作させるもの：クリックに応答し、ページを更新し、新しいデータを取得します。
最初の1行のコードから始めて、ゆっくりと1つずつ積み上げていきます。経験は必要ありません。ここで基本的すぎる質問はありません。
自分のペースで進めて、一緒にたどり着きましょう！
このハンドブックはWeb向けのプログラミングを学ぶ誰もが対象です。JavaScriptはすべてのブラウザで実行される言語で、静的なページを何か反応するものに変えるもの：ボタンをクリックしたときに応答し、送信前にフォームをチェックし、ページをリロードせずにページの一部を更新し、サーバーから新しいデータを取得します。HTMLはページに何があるかを言い、CSSはどのように見えるかを言う；JavaScriptはそれが何をするかを言います。このハンドブック全体で見かける2つの用語について簡単に：値は単一のデータの一部です（数字42またはテキスト"hello"など）。変数は後で使えるように値に付ける名前です。ここのすべての概念は完全に書き出され、深さ、例、そして素早い答えが必要なときに検索できるものが付いています。
このハンドブックを始めるのに以前のコーディング経験は不要です。少しHTMLを書いたことがあれば、十分以上です。そして他のすべてはそれが来たときに導入されます。JavaScriptはほとんどのWebデベロッパーが実際にプログラミングを最初に学ぶ場所です。これがブラウザが直接実行する唯一の言語だからです。
このハンドブックは基礎から上へ向かって進みます。値を保存して変更する方法、決定を下して作業を繰り返す方法、関数にコードを整理する方法、配列とオブジェクトでデータの集合を保持する方法、その後Webページに到達してそれを読み取ったり変更したり、ユーザーが何をするかに応答したり、ページをリロードせずにデータを読み込む方法を学びます。それぞれのアイデアは単独では小さく、実際に何かを実行するページへと積み重なります。
ここでのアプローチは、何をタイプするかだけでなく、JavaScriptの各部分が何をするのか、そしてなぜするのかを説明することです。誰もがスニペットをコピーして1回実行するのを見ることができます。それと6ヶ月後に読んで、信頼でき、変更できるコードを書くことの間の距離は、言語が実行されるときに実際に何をしているのかを理解することです。その理解は、どの単一のプロジェクトもアウトラストします。
スコープについて一言。このハンドブックが何であり、何でないかを知ってください。JavaScriptは大きな言語で、どの単一のドキュメントセットもすべてをカバーしていません。ここで学ぶことは基礎です：ほぼすべてのJavaScriptで到達する核です。最初のスクリプトから実際のアプリケーションまで。サーバーからデータを読み込むまでです。多くのイントロダクションが止まるところです。その先には、これらの同じ基礎の上に構築されたツールとライブラリ、Reactのようなフレームワーク、ブラウザの外でNodeを実行するJavaScript、TypeScriptで型を追加すること。基礎をしっかりさせて、残りはより短い登りです。
ガイドに会おう
このハンドブックは3人のガイドでホストされており、誰があなたの周りに案内するかを選択します。資料は誰のためにも同じです。ガイドはそれが語られる声を設定し、適応するページでは各セクションの深さがどのようになるかを設定します。
- Junoは初心者トラックを教えています：温かく忍耐強い、平易な類推、何も仮定しません。
- Aceは中級トラックを教えています：実践的でビルド重視、あなたが実際に何をするかに直行。
- SolはDeep Diveを教えています：メカニズム、トレードオフ、そして他の誰もがスキップする本番環境の詳細。
どのページでもピッカーから任意の時点でガイドを切り替えるか、右下のPreferencesを開いてガイド、言語、またはフォントサイズを変更します。
設定したら、ハンドブックは本格的に始まります。次の章のJavaScriptとは何かは、JavaScriptが実際には何か、どこで実行されるのか、そしてあなたが既に知っているHTMLとCSSの横にどのように適合するかをカバーしています。
ビルドで学ぶことを好みますか？Scrimbaの無料9時間JavaScriptコースは、乗客カウンター、ブラックジャックゲーム、Chrome拡張機能、モバイルアプリを構築し、全体を通じてインタラクティブな課題があります。