これは、クロムのjavascriptデベロッパーCantalについてのかなり簡単なビデオになるでしょう。
したがって、実際にはJavaScriptコードを構文に書き込む前に、コードを記述する場所を調べることから始めます。
そして、クロムの中で私たちができることの1つは、javascriptの開発者です。 そこで、Chromeには数回言及したように、H Tim
LとC Ssのように既に見たことのある素晴らしい開発ツールがあります。
インスペクタで虫眼鏡をクリックすることができます。
要素をクリックします。
HGAを見ると、彼のチームに必要なものを編集できるようになり、成功を編集して見ることができます。
だから私たちはこれまでにそれを見てきました。
ここに来るには、要素を右クリックして調べるか、開発者向け開発者ツールを表示することもできます。
ここにコマンドオプションが表示されるショートカットがあります。
これは要素タブに到達することですが、ここにconと書かれている別のタブがあることに気づくでしょう。
これはjavascriptの開発者である。
つまり、このVSSインスペクタを使用してブラウザにスタイルシート全体を書き込まないように、開発者がこのコンソールに完全なjavascriptアプリケーションを書き込まないように、ブラウザにjavascriptを書き込むことができる場所です。
あなたが使っているのは、Cの評価とやりとりすることや、何かがうまくいくかどうかを理解したり、何かをテストしたりしてCSSAファイルを変更することです。
ラインの下では、同じことをjavascriptで行います。
コンソールを使ってゲームを試して試してみましょうが、実際にはJavaScriptのファイルをそのまま実装し、ブラウザだけでなくマシンに保存します。
だから我々はクロームコンソールの内部にJavaScriptを書くことから始めようとしており、それは非常に長く続くことはない。
それは、私たちがファイルをセットアップし、それらを正しく結びつけるプロジェクトを設定することに集中することなく、起きて行く簡単な方法です。
私たちは彼女のブラウザを開き、ここにjavascriptを入力します。
だから、どのようにjavascriptコンソールが動作するかを説明するために、私はペーストして実行する前に実行するコードをいくつか用意しています。
ここでの焦点は構文上のものではなく、パニックに陥らないことを指摘したいだけです。
このコードが今後のビデオでどのように機能するかについては、多くの時間を費やしていきます。
ここで焦点は何ですか。
プロセスです。
だから私があなたに理解してもらいたいのは、ここにいくつかのコードを置くことができるということです
コードが実際に何をコードしているのかは関係ありませんし、私はenterを押して実行します。
だから、このコードは単純なアニメーションをします。
100ミリ秒ごとに画像の幅に5ピクセルを追加します。
まだ何もしていない。
私はenterを押すとすぐに実行を開始します。
同様に、私は他のコードをタイプすることができます。
だからここに私のためにちょっとしたメッセージをポップアップさせる非常に簡単なプログラムがあります。
みなさん、こんにちは。
そして、私はenterを押し、そのポップアップが実行され、そのコードが実行されます。
だから、私はjavascriptコンソールについて見せたいものです。
コマンドオプションJを使用するか、開発者のjavascriptコンソールを表示するか、要素インスペクタを開いて短所をクリックして、任意のページにポップアップ表示できます。
だから私たちはここで多くの時間を費やすつもりです。