1 00:00:00,000 --> 00:00:10,632 2 00:00:10,632 --> 00:00:12,340 ALLISON BUCHHOLTZ-AU： すべての権利みんな。 3 00:00:12,340 --> 00:00:13,520 セクションに戻っようこそ。 4 00:00:13,520 --> 00:00:15,315 それは私たちの最後から二番目のセクションです。 5 00:00:15,315 --> 00:00:16,542 それはとても悲しいです。 6 00:00:16,542 --> 00:00:19,500 私がやろうとしてるのか分からない 毎週月曜日あなたたちを見ず。 7 00:00:19,500 --> 00:00:20,970 私たちはjust--必要がありますね 多分私達はできるだけ 8 00:00:20,970 --> 00:00:22,710 ここで会うとディナーか何かを持っている。 9 00:00:22,710 --> 00:00:23,270 私は知らない。 10 00:00:23,270 --> 00:00:24,370 私の代わりに食べ物を持っていきます。 11 00:00:24,370 --> 00:00:26,290 私達はちょうど話しましょう​​。 12 00:00:26,290 --> 00:00:29,900 しかし、はい、来週になる 私たちの最後のセクションである。 13 00:00:29,900 --> 00:00:32,390 >> そのノートでは、来週のクイズを持っている。 14 00:00:32,390 --> 00:00:35,660 私は、私のような、私のやるのを忘れて知っている 2週間の予告先週、 15 00:00:35,660 --> 00:00:39,140 うまくいけばあなたたち これが来ていた知っていた。 16 00:00:39,140 --> 00:00:42,880 うまくいけば、これは最後のひとつです 学期の君たちのために中間試験。 17 00:00:42,880 --> 00:00:46,950 しかし、それはすべてカバーするために起こっている 私たちは上行ってきた材料。 18 00:00:46,950 --> 00:00:50,811 だから、あなたがちょうど忘れることができるようではありません 約4つのループまたは変数。 19 00:00:50,811 --> 00:00:52,560 私たちが学んだので、 初めのもの、 20 00:00:52,560 --> 00:00:55,870 それらは明らかである あなたのクイズのための公正なゲーム。 21 00:00:55,870 --> 00:01:00,150 >> それは同じ、同じ形式になるだろう 長さなので、あなたはすでにそれに使用されている。 22 00:01:00,150 --> 00:01:02,330 があるように起こっている 手の問題によってコーディング、 23 00:01:02,330 --> 00:01:06,270 おそらくいくつかの真偽、 おそらくいくつかの短い答え。 24 00:01:06,270 --> 00:01:08,090 だから、あるべき フォーマットに精通し、 25 00:01:08,090 --> 00:01:10,940 あなたが取る場合は特に 模擬試験。 26 00:01:10,940 --> 00:01:13,950 私がここで言うようにしかし、それはだ 累積が、我々は間違いなくね 27 00:01:13,950 --> 00:01:17,410 注力する予定 以降は週6から物事。 28 00:01:17,410 --> 00:01:24,050 だから、私たちはおそらくつもりはない 何バイトについてお聞きし 29 00:01:24,050 --> 00:01:26,180 各タイプであるか 物事のこれらの種類、 30 00:01:26,180 --> 00:01:29,730 しかし、我々は、おそらくことになるだろう リンクリストのようなものに興味を持って、 31 00:01:29,730 --> 00:01:32,750 または別のデータ構造 または異なるアルゴリズム 32 00:01:32,750 --> 00:01:33,960 我々は話をしたこと。 33 00:01:33,960 --> 00:01:38,990 だから、あなたが本当にしている作る それらの上にアップし、あなたの場合 34 00:01:38,990 --> 00:01:41,590 すべてのリソースを必要とする、 ここに大量のリソースです。 35 00:01:41,590 --> 00:01:44,790 私はちょうど親切なあなたを与えた そこに簡単なリストの。 36 00:01:44,790 --> 00:01:48,330 >> 来週はクイズになります この時間中に確認してください。 37 00:01:48,330 --> 00:01:52,290 ですから、ご質問がある場合 または特定のトピック、 38 00:01:52,290 --> 00:01:56,180 そのクイズに特定の事柄 あなたは、オーバー行きお願いしたいのですが 39 00:01:56,180 --> 00:02:01,780 私ができるように事前に私にそれらを送信 種類のそのためのいくつかの材料を準備します。 40 00:02:01,780 --> 00:02:06,310 これに加えて セクションの見直し、我々はよ 41 00:02:06,310 --> 00:02:09,616 またコース全体を保持する 我々は前回やったよう見直す。 42 00:02:09,616 --> 00:02:11,490 そして、それはなるだろう 同じ人々によって行わ。 43 00:02:11,490 --> 00:02:13,030 その場合、私は知らない それは良くも悪くもなり、 44 00:02:13,030 --> 00:02:15,670 それは私になる​​だろう、 再びハンナ、Davan、そしてゲイブ。 45 00:02:15,670 --> 00:02:18,630 あなたが見に来たいのであれば 私たちお互いにすべての冗談 46 00:02:18,630 --> 00:02:21,270 とクイズを通してあなたを歩く レビュー、あなたは間違いなくすべき 47 00:02:21,270 --> 00:02:22,600 また、その次の月曜日に来る。 48 00:02:22,600 --> 00:02:26,210 だから、あなただけの月曜日のジャムがあるでしょう 良いですクイズの見直し、のパック 49 00:02:26,210 --> 00:02:29,840 その後あなたは火曜日持っているため、 すべてのものを通して処理する。 50 00:02:29,840 --> 00:02:32,230 >> しかし、間違いなくチェックを行う これらのリソースが不足しています。 51 00:02:32,230 --> 00:02:36,030 Study.csv.net私は、これまでである 、最も有用なの一つ、と思う 52 00:02:36,030 --> 00:02:37,990 主にそれが持っているため、 サンプル·コードの多くは、 53 00:02:37,990 --> 00:02:40,490 それはすべての電源ポイントがある その上にすべてのメモと、 54 00:02:40,490 --> 00:02:44,510 私が最も描き本当にある 私のセクション材料のから。 55 00:02:44,510 --> 00:02:47,480 何でも、前にがある場合 私が送信された可能性がありセクション 56 00:02:47,480 --> 00:02:49,920 あなたが持っていない可能性があり、その 得て、ちょうど私に知らせてください。 57 00:02:49,920 --> 00:02:52,520 先週のサンプルコードのように、 誰もがそれを取得していない場合には、 58 00:02:52,520 --> 00:02:55,930 ちょうど私にメールまたは私に話を来て、 と私はあなたがそれを得ることを確認してくださいよ。 59 00:02:55,930 --> 00:03:02,000 >> それとだから、今日は予定されている JavaScriptを話してする。 60 00:03:02,000 --> 00:03:04,690 だからここに私がいた我々トミー、 ちょうど昨晩あなたに話し。 61 00:03:04,690 --> 00:03:06,670 私はトミーが大好きです。 62 00:03:06,670 --> 00:03:09,040 JavaScriptは彼のお気に入りです。 言語は、彼がここに言うように。 63 00:03:09,040 --> 00:03:14,050 彼らは試してみて、それはだということを教えてあげましょう 最適ではない、と彼らは間違っているでしょう。 64 00:03:14,050 --> 00:03:16,510 だから、トミーは、JavaScriptのマスターです。 65 00:03:16,510 --> 00:03:19,850 私は彼に非常にないんだけど レベルが、私はのようだった、 66 00:03:19,850 --> 00:03:22,900 「トミーは、どのように私は教えない これらの子供たちは、JavaScript？」 67 00:03:22,900 --> 00:03:26,700 だから私はそのように、いくつかのヒントを得た うまくいけば、彼らはうまくいく。 68 00:03:26,700 --> 00:03:31,140 >> だから、物事が知っているカップルは、ということです JavaScriptはクライアント側のスクリプトです 69 00:03:31,140 --> 00:03:35,560 言語、PHPは何かであるのに対し、そう 我々はより多くのサーバー側と考えていること、 70 00:03:35,560 --> 00:03:39,280 それは、サーバーにアップロードした コンパイルされ、そこに実行。 71 00:03:39,280 --> 00:03:42,871 この1が実行されます 自分のマシン上で。 72 00:03:42,871 --> 00:03:43,370 OK？ 73 00:03:43,370 --> 00:03:46,960 だから、いくつかのJavaScriptのページをロード そしてそれはあなたのマシン上で実行されます。 74 00:03:46,960 --> 00:03:49,910 構文は、CとPHPと非常によく似ています。 75 00:03:49,910 --> 00:03:52,490 私たちは、通過するつもりだ JavaScriptをいくつかの例、 76 00:03:52,490 --> 00:03:56,740 あなたがいることを確認するつもりだ 私たちは、変数、ループの話な方法、 77 00:03:56,740 --> 00:03:58,910 条件は全て非常に類似している。 78 00:03:58,910 --> 00:04:00,500 OK？ 79 00:04:00,500 --> 00:04:04,490 これらは非常に似ているという事実である おそらくあなたの一部をトリップに行く 80 00:04:04,490 --> 00:04:08,529 いくつかのケースでは、という理由だけで、アップ あなたは、Cの少しを組み込むだろう 81 00:04:08,529 --> 00:04:09,570 どこにあってはならない。 82 00:04:09,570 --> 00:04:14,130 たぶん、あなたは試してみて、何かを入力 それは入力しないでくださいとき。 83 00:04:14,130 --> 00:04:16,540 >> そして、その上で、一つのことに 知っているということではJavaScript 84 00:04:16,540 --> 00:04:19,360 動的型付けされている PHPのような言語、。 85 00:04:19,360 --> 00:04:21,410 あなたたちは覚えているのであれば 先週のセクションから、 86 00:04:21,410 --> 00:04:23,680 私たちは、この種のやっていたとき 私たちのPHPの短期集中コース、 87 00:04:23,680 --> 00:04:28,860 我々は、文字列1ができるかを見ました int型の一つになって、など。 88 00:04:28,860 --> 00:04:31,650 89 00:04:31,650 --> 00:04:34,850 あなたの変数のタイプ 実行時に決定され、 90 00:04:34,850 --> 00:04:38,180 ので、上に変更することがあり プログラムの過程、 91 00:04:38,180 --> 00:04:43,109 私たちは決して同じように 実際にPHPの変数の型を宣言、 92 00:04:43,109 --> 00:04:45,900 私たちは同じことをやっているつもりだ ここでの事、私たちは本当にわからない 93 00:04:45,900 --> 00:04:49,740 我々の変数の型を制御する 我々はCでやるようなので、いわば 94 00:04:49,740 --> 00:04:52,200 >> そして、一つのこと それはかなりクールされている 95 00:04:52,200 --> 00:04:54,090 エラーことができます コンソール経由で確認してください、 96 00:04:54,090 --> 00:04:57,240 この偉大な機能を持つ にconsole.log、その 97 00:04:57,240 --> 00:05:00,930 あなたが別のプリントアウトすることができます 変数やオブジェクト我々'LL 98 00:05:00,930 --> 00:05:01,750 について話しています。 99 00:05:01,750 --> 00:05:05,720 ちょうど私がいた先週のような のように、ダンプ」、この関数を使用する」 100 00:05:05,720 --> 00:05:10,490 あなたのpsetから、これは関数である あなたは、にconsole.logを使用したい。 101 00:05:10,490 --> 00:05:12,860 私はとても驚きましたどのように多くの 営業時間の学生 102 00:05:12,860 --> 00:05:14,530 ダンプ機能については知りませんでした。 103 00:05:14,530 --> 00:05:19,010 そして、私はみんな "、のように、この意志だった そんなに簡単にあなたの人生を作る。」 104 00:05:19,010 --> 00:05:22,960 >> すべての権利なので、それは一種のだった ちょうど簡単な事、いつものように、 105 00:05:22,960 --> 00:05:24,000 私たちは例を持っている。 106 00:05:24,000 --> 00:05:25,600 私はあなたたちはそれらを愛する知っている。 107 00:05:25,600 --> 00:05:30,930 だからここに非常にの例を示します。 単純なJavaScriptここにファイルを。 108 00:05:30,930 --> 00:05:34,000 だから、それだけで作成することが起こっている 言う、このポップアップ 109 00:05:34,000 --> 00:05:36,336 「Hello Worldの、 "あなたを ページに入りますが、してみましょう 110 00:05:36,336 --> 00:05:37,960 試してみて、この少し歩く。 111 00:05:37,960 --> 00:05:43,440 だから、明らかにこれはただのです 通常のindex.htmlをのように。 112 00:05:43,440 --> 00:05:50,280 だから、ここだけの私たちの通常のテンプレート、 そして私たちは私たちの頭を持って、HTMLを持っている、 113 00:05:50,280 --> 00:05:55,580 そしてちょうどCSSを使用したように、どのように我々 右、いくつかの外部のファイルが含まれて？ 114 00:05:55,580 --> 00:05:59,260 我々はいくつかのスクリプトタイプを持っている JavaScriptのテキスト。 115 00:05:59,260 --> 00:06:02,680 ソースは、hello.jsです これここにダウンしています。 116 00:06:02,680 --> 00:06:05,630 これはhello.jsのファイル全体である。 117 00:06:05,630 --> 00:06:09,080 そして、我々はいくつかを持っている タイトルといくつかの身体のHTML 118 00:06:09,080 --> 00:06:11,050 私たちは本当に気にしないこと。 119 00:06:11,050 --> 00:06:15,970 >> 何が起こるかというと、私たちはこのページをロードするとき、ある、 それは自動的にこのスクリプトを実行します。 120 00:06:15,970 --> 00:06:16,470 OK？ 121 00:06:16,470 --> 00:06:18,790 だから、JavaScriptの意志 自動的に実行されます。 122 00:06:18,790 --> 00:06:22,860 だから、それを行うために何が起こっているのか、それが起こっている すぐに行くとこれを実行する。 123 00:06:22,860 --> 00:06:24,110 そして、それは "、アラートを言​​うために起こっている。 124 00:06:24,110 --> 00:06:25,190 こんにちは世界。 " 125 00:06:25,190 --> 00:06:30,840 その関数がどのアラートです 実際には、このボックスを生成します。 126 00:06:30,840 --> 00:06:31,540 OK？ 127 00:06:31,540 --> 00:06:33,390 だから、種類のすべてを包含するだ。 128 00:06:33,390 --> 00:06:36,700 我々が持っていた余分なものは何もありません ただ、アラート以外に行うには、 129 00:06:36,700 --> 00:06:40,000 その後、私たちが望んで何でも 私たちの警告ボックス内。 130 00:06:40,000 --> 00:06:40,500 OK？ 131 00:06:40,500 --> 00:06:45,080 だから、単に超簡単だ JavaScriptが何ができるかの例。 132 00:06:45,080 --> 00:06:48,110 133 00:06:48,110 --> 00:06:50,070 >> 本当にクールの一つ 物事、我々が表示されますように、 134 00:06:50,070 --> 00:06:55,150 JavaScriptがあなたを可能にすることで あなたのWeb​​ページを操作するために、 135 00:06:55,150 --> 00:06:57,720 を有するなし それらを毎回リロード。 136 00:06:57,720 --> 00:07:01,830 ですから、例えばwant--場合には、場合 あなたが何かの上にマウスを移動している、 137 00:07:01,830 --> 00:07:04,300 君たちは今まで持っている場合 メニューバーのように見られ、 138 00:07:04,300 --> 00:07:07,360 またはあなたには、いくつかの上に置くと トピックは、ドロップダウンメニューが表示され、 139 00:07:07,360 --> 00:07:08,670 それが原因のJavaScriptです。 140 00:07:08,670 --> 00:07:09,170 OK？ 141 00:07:09,170 --> 00:07:12,670 だから、全体をリロードしていない ページが、このメニューが表示されるまでに取得するには、 142 00:07:12,670 --> 00:07:17,240 あなただけのいくつかの特定を探している ユーザーが取った行動、 143 00:07:17,240 --> 00:07:21,800 その私たちが買ってあげるイベントと呼ばれ に、そしてあなたがあなたが言うことを見れば、 144 00:07:21,800 --> 00:07:25,960 "OK、これで何かを編集 それが異なって見えるページとする、 145 00:07:25,960 --> 00:07:28,270 しかし唯一のこれらの特定のものを編集します。 146 00:07:28,270 --> 00:07:29,690 全部をリロードしないでください。」 147 00:07:29,690 --> 00:07:33,110 だから、実際には非常に良くなり、 あなたは、あなたのページをリロードする必要はありません 148 00:07:33,110 --> 00:07:34,510 それは本当にクールだ。 149 00:07:34,510 --> 00:07:38,270 >> だから、変数宣言、 だから、ちょっと、見ることができます 150 00:07:38,270 --> 00:07:40,530 私は緩く型付けされ、ここで一番上に置く。 151 00:07:40,530 --> 00:07:42,570 だから、これは非常にPHPのようなものです。 152 00:07:42,570 --> 00:07:48,770 我々は言う必要はありません 私たちは何をしているタイプのJavaScript 153 00:07:48,770 --> 00:07:50,740 ことをこれらの変数のそれぞれを期待。 154 00:07:50,740 --> 00:07:52,560 彼らは、私たちが好きなタイプのものであってよい。 155 00:07:52,560 --> 00:07:57,480 ですから、この場合は注意してください、私たちは宣言 単に「VAR」と非常に単純に、 156 00:07:57,480 --> 00:08:00,990 その後、我々は好き ようにする私達の変数名。 157 00:08:00,990 --> 00:08:05,680 もう一つ注意すべきは、ときにということです 変数名の前にVARを入れて、 158 00:08:05,680 --> 00:08:07,520 それがローカルにスコープ。 159 00:08:07,520 --> 00:08:09,320 OK？ 160 00:08:09,320 --> 00:08:14,025 それはあなたのために完全に合理的だ 完全にちょうどVARを消去する 161 00:08:14,025 --> 00:08:18,970 ちょうどsはCS50に等しくあり、 それは単にグローバル変数になります。 162 00:08:18,970 --> 00:08:19,580 OK？ 163 00:08:19,580 --> 00:08:22,490 だから、あなたはそれを両方の方法を初期化することができ、 ちょうどあなたがそれをする方法に依存します。 164 00:08:22,490 --> 00:08:24,448 だから、初期化している場合 関数内それ、 165 00:08:24,448 --> 00:08:28,070 そしてあなたは、その変数がしたい 、その関数内でスコープとどまる 166 00:08:28,070 --> 00:08:31,620 あなたは何をするつもりだ VARのようなものは、変数に名前を付ける 167 00:08:31,620 --> 00:08:34,270 あなたはそれをしたい場合は、対 世界的にあなたが、スコープ 168 00:08:34,270 --> 00:08:36,240 ただの名前を行うことができます 変数とその後 169 00:08:36,240 --> 00:08:38,270 何でもあなたはそれがに等しくなるように設定したいと思います。 170 00:08:38,270 --> 00:08:40,230 OK？ 171 00:08:40,230 --> 00:08:45,580 >> これは、ダウンしてここにクールなものの一種である 私たちは私たちの変数に気づいた場合理由 172 00:08:45,580 --> 00:08:47,590 Bが真として開始。 173 00:08:47,590 --> 00:08:51,280 そして、何このdoes--、できる 誰もが、これは何を教えて？ 174 00:08:51,280 --> 00:08:54,190 175 00:08:54,190 --> 00:08:55,890 だから我々はいくつかの警告を持っている。 176 00:08:55,890 --> 00:09:00,156 Bは何を入力します。 初めにある？ 177 00:09:00,156 --> 00:09:00,905 読者：ブール。 178 00:09:00,905 --> 00:09:01,330 ALLISON BUCHHOLTZ-AU：ブール。 179 00:09:01,330 --> 00:09:01,940 右。 180 00:09:01,940 --> 00:09:07,260 そして、我々は、Bを再割り当て この文字列に、右？ 181 00:09:07,260 --> 00:09:11,170 それではここで、Bのどのタイプがあること？ 182 00:09:11,170 --> 00:09:12,480 それは右、文字列であると思います？ 183 00:09:12,480 --> 00:09:14,900 だから何が重要だ 通知は、私たちは、そのCである 184 00:09:14,900 --> 00:09:17,330 ほとんど何ことができませんでした そのような何か。 185 00:09:17,330 --> 00:09:22,000 私たちは、変数を持っている必要があるだろう、 何か他のものとしてそれをキャストし、 186 00:09:22,000 --> 00:09:27,185 多分2でいくつかの機能を行う 私は、整数への電荷から行く。 187 00:09:27,185 --> 00:09:31,063 しかし、我々はここに気づいた場合、B 非常に簡単にタイプを変更します。 188 00:09:31,063 --> 00:09:33,760 >> 観客は：待って、そのように、あなただけのことができます 「整数bを作る？」、のようなもの 189 00:09:33,760 --> 00:09:34,360 >> ALLISON BUCHHOLTZ-AU：うん。 190 00:09:34,360 --> 00:09:36,185 あなただけの整数にBを再割り当てすることができます。 191 00:09:36,185 --> 00:09:36,910 >> 聴衆：本当に？ 192 00:09:36,910 --> 00:09:38,035 >> ALLISON BUCHHOLTZ-AU：うん。 193 00:09:38,035 --> 00:09:39,810 そして、それはint型になります。 194 00:09:39,810 --> 00:09:43,820 だからあなたの変数がオーバー変更することができます あまりにもプログラムのコース。 195 00:09:43,820 --> 00:09:46,410 彼らは、厳密に型指定されていません。 196 00:09:46,410 --> 00:09:49,180 それは非常に緩く型付けされています。 197 00:09:49,180 --> 00:09:50,820 OK？ 198 00:09:50,820 --> 00:09:54,820 基本的にはあなたの変数は何でも行うことができます 私たちは親切なのPHPで見たように、彼らは、欲しい。 199 00:09:54,820 --> 00:09:59,430 彼らはとても、いくつかのクレイジーなことを行うことができます それはかなり注意することが重要です。 200 00:09:59,430 --> 00:10:01,200 よくあなたの変数に名前を付けます。 201 00:10:01,200 --> 00:10:03,450 突然のこれを行わないと、すべての あなたは、のようにするつもりだ 202 00:10:03,450 --> 00:10:05,783 「私はこれはと思った、待つ 文字列、今ではint型ですが、 203 00:10:05,783 --> 00:10:08,170 と私は本当にわからないんだけど ここで何が起こっているの。」 204 00:10:08,170 --> 00:10:12,410 だから、これはちょうど簡単な例です どの変数が簡単にできる表示 205 00:10:12,410 --> 00:10:15,890 そのタイプを切り替える プログラムのコース。 206 00:10:15,890 --> 00:10:16,870 >> OK。 207 00:10:16,870 --> 00:10:19,200 だから、これはなるはずです スーパー、スーパー馴染み。 208 00:10:19,200 --> 00:10:21,510 したがって、これらは、JavaScriptで私たちのループである。 209 00:10:21,510 --> 00:10:27,780 彼らはを除いて、まったく同じです 代わりに私がゼロに等しい4 int型の、 210 00:10:27,780 --> 00:10:30,470 私達はちょうど私がゼロに等しいVARを言うことができる。 211 00:10:30,470 --> 00:10:34,100 そして、我々は我々の同じ種類を持つことができ 条件、更新の同じ種類の、 212 00:10:34,100 --> 00:10:36,090 私プラスプラスだけで正常に動作します。 213 00:10:36,090 --> 00:10:39,800 四つんばいが同じであるので、 時々は、同じである 214 00:10:39,800 --> 00:10:41,440 とやる時々全く​​同じである。 215 00:10:41,440 --> 00:10:44,070 一般的なフォーマットと同じ種類。 216 00:10:44,070 --> 00:10:48,840 私たちは、4、括弧に気づく、 ブラケットは、それはすべて同じです。 217 00:10:48,840 --> 00:10:51,470 また、セミコロンがあるでしょう 私たちは例のコードに到達したとき。 218 00:10:51,470 --> 00:10:55,250 あなたはそれがきれいだ表示されます Cと同じくらい。 219 00:10:55,250 --> 00:10:59,770 >> 関数宣言の場合、 再び、非常に似ています。 220 00:10:59,770 --> 00:11:05,100 私達はちょうどいくつかの機能を持っている それは、関数だ、と言う 221 00:11:05,100 --> 00:11:07,660 私たちの名前 機能、および入力。 222 00:11:07,660 --> 00:11:11,590 そして、私たちは、私たちに気づく再び場合、 全くここにはタイプがありません。 223 00:11:11,590 --> 00:11:12,090 右？ 224 00:11:12,090 --> 00:11:18,150 私たちは、これらの言っては何もない 整数またはダブルス、または浮動小数点数である必要があります。 225 00:11:18,150 --> 00:11:19,530 彼らは、彼らが好きである可能性があります。 226 00:11:19,530 --> 00:11:23,560 重要なのは、あることに気づいている 私たちは事前に関数を記述する必要があります 227 00:11:23,560 --> 00:11:26,430 JavaScriptがことを知らせ これは実際には関数である。 228 00:11:26,430 --> 00:11:29,820 >> だから、これは単にいくつかの単純な和である xまたはyを返す関数、 229 00:11:29,820 --> 00:11:33,800 その後何もクールだ あなたが実際にできることです 230 00:11:33,800 --> 00:11:35,950 関数を変数に割り当てる。 231 00:11:35,950 --> 00:11:41,770 この場合、合計は今 実際に和を行う機能。 232 00:11:41,770 --> 00:11:47,740 あなたがここに気づくのであれば、私たちは持っている 関数、関数の名前、入力。 233 00:11:47,740 --> 00:11:48,860 右？ 234 00:11:48,860 --> 00:11:52,120 ここでは、単に機能や入力を備えています。 235 00:11:52,120 --> 00:11:54,310 だから、これは匿名関数と呼ばれている。 236 00:11:54,310 --> 00:11:59,265 そして、これは新しいあるべきものです あなたのほとんどの人に、あなたのすべてではない場合。 237 00:11:59,265 --> 00:12:01,140 だから、基本的にはどのようなこと 手段は行っておりませんということです 238 00:12:01,140 --> 00:12:03,050 私たちの名前を必要とする この場合に機能する。 239 00:12:03,050 --> 00:12:06,260 私達はちょうどOK、私はするつもりだ」、と言うことができます ここでは、実行されるこの機能を持っている 240 00:12:06,260 --> 00:12:08,550 その入力があり、ここに それは何をするつもりだ。」 241 00:12:08,550 --> 00:12:12,540 そして、あなたが代入している場合は特に いくつかの変数への機能 242 00:12:12,540 --> 00:12:14,950 あなたが操作しようとしていることを、 あなたは必ずしもない 243 00:12:14,950 --> 00:12:17,116 ので、それに名前を付ける必要があります あなたが参照することになるだろう 244 00:12:17,116 --> 00:12:20,990 この変数によってそれに 名前ではなく、どのようなことで 245 00:12:20,990 --> 00:12:22,840 関数が実際に呼び出された。 246 00:12:22,840 --> 00:12:23,550 OK？ 247 00:12:23,550 --> 00:12:27,810 >> だから我々はここを参照してください場合には、我々 現在いくつかの変数の和を持っている 248 00:12:27,810 --> 00:12:30,920 それはに等しい。 3と5の合計。 249 00:12:30,920 --> 00:12:33,070 そして、我々はこれを取得します。 250 00:12:33,070 --> 00:12:36,750 そして、これはほんの一部の警告を持つことになり、 3プラス5は数に等しい。 251 00:12:36,750 --> 00:12:43,950 このプラスは単に連結します どのような私たちの答えは、文字列の上だった。 252 00:12:43,950 --> 00:12:47,420 また、クール、プラス文字列を連結することができます。 253 00:12:47,420 --> 00:12:53,510 >> JavaScriptが、PHPと同様に、 我々が言ったように、HTML、およびCSS、 254 00:12:53,510 --> 00:12:56,450 その多くは、撮影のしているようなものを我々 ここでオフ補助輪 255 00:12:56,450 --> 00:13:02,030 そしてあなたたちが知っているのがたくさんある どのようにこれらのことを本当に理解すること。 256 00:13:02,030 --> 00:13:04,280 彼らは少し異なっている、 しかし、彼らはそのように外国じゃない 257 00:13:04,280 --> 00:13:09,460 そして、あなたは物事をGoogleにできないこと、または W3学校とそれらをオンラインで検索してください。 258 00:13:09,460 --> 00:13:12,755 そして、私たちは本当にあなたを期待している 、種類の、実験にみんな 259 00:13:12,755 --> 00:13:14,400 と自分で学ぶ。 260 00:13:14,400 --> 00:13:19,490 だから、私はこれが少し見えるかもしれません知っている Cのことのいくつかよりも小さい徹底 261 00:13:19,490 --> 00:13:21,936 我々はやるが、それは理由で実際にです。 262 00:13:21,936 --> 00:13:25,060 263 00:13:25,060 --> 00:13:28,470 しかし、うまくいけば、それはあまりにもではありません 異なる、それは圧倒的ではありません。 264 00:13:28,470 --> 00:13:31,940 >> JavaScriptでの配列だから、 再び非常に、非常に似ています。 265 00:13:31,940 --> 00:13:32,460 右？ 266 00:13:32,460 --> 00:13:36,520 我々はいくつかの変数配列を持っている それは、空の括弧に等しいです 267 00:13:36,520 --> 00:13:40,340 それはちょうど空の配列です。 268 00:13:40,340 --> 00:13:43,420 これはしばしば呼ばれます 配列リテラル表記。 269 00:13:43,420 --> 00:13:45,280 それは我々がそれを呼び出すだけで一つのことだ。 270 00:13:45,280 --> 00:13:51,380 私たちはここに、アレイ2が表示された場合、我々はいくつかを持っている 3つの要素を持って配列リテラル、 271 00:13:51,380 --> 00:13:51,910 右？ 272 00:13:51,910 --> 00:13:54,640 そして、我々はいくつかを持っている だVAR第三の要素 273 00:13:54,640 --> 00:13:58,060 ただのいくつかの変数 この文字列、JSを開催する予定。 274 00:13:58,060 --> 00:14:01,760 275 00:14:01,760 --> 00:14:06,170 >> 気づくのは良い要素は、 カンマで区切られている、 276 00:14:06,170 --> 00:14:07,740 ちょうど私達が期待するように。 277 00:14:07,740 --> 00:14:14,630 私たちがしたようにそして、あなたはまた、これらにアクセスすることができます Cで、このインデックス表記と、右？ 278 00:14:14,630 --> 00:14:16,950 PHPと大差 今、我々は戻っつもりだ 279 00:14:16,950 --> 00:14:20,180 だけの種類の参照に インデックスで物事に。 280 00:14:20,180 --> 00:14:22,189 ちょうどCのように、それもゼロインデックスです。 281 00:14:22,189 --> 00:14:25,230 それは本当に残酷になるような気がします 彼らは突然、JavaScriptのいずれかを行った場合 282 00:14:25,230 --> 00:14:30,630 インデックス、あなたがしなければならなかった完全に あなたは、配列についてどのように考えるか再考。 283 00:14:30,630 --> 00:14:36,140 >> 一つの涼しい事ではなく、ということです あなた場合は、これまでにdo--することの 284 00:14:36,140 --> 00:14:39,240 配列の長さを望んで、 多分あなたはそれを反復処理 285 00:14:39,240 --> 00:14:43,430 あなたには、いくつかの最後を見つけるまで、または あなたはそれが何であるかを知っているだろう。 286 00:14:43,430 --> 00:14:49,310 JavaScriptがより非常に緩んでいるので ちょうど型より方法は、我々がここで見るように、 287 00:14:49,310 --> 00:14:53,310 私たちはこの配列を作ることができます 我々が決めるので、大きな。 288 00:14:53,310 --> 00:14:56,177 私たちは、アレイ3に気付いた場合 開始を3回のものを持って、 289 00:14:56,177 --> 00:14:58,510 が、その後突然、 私たちは、ああ、冗談 "、のようにしている。 290 00:14:58,510 --> 00:15:01,370 私たちは、実際に行っている それ101の事にします。」 291 00:15:01,370 --> 00:15:05,300 あなたが知りたいのであれば あなたの配列の実際の長さ、 292 00:15:05,300 --> 00:15:06,680 あなたはこのようにそれを行う。 293 00:15:06,680 --> 00:15:10,470 そして、私たちは多くのことを見ることになるだろう 例でこの表記法の、 294 00:15:10,470 --> 00:15:12,730 が、JavaScriptと それは、典型的には、何の 295 00:15:12,730 --> 00:15:16,410 あなたが話しているオブジェクト 関数のドットどんな種類 296 00:15:16,410 --> 00:15:17,740 あなたはそれに適用する。 297 00:15:17,740 --> 00:15:18,240 OK？ 298 00:15:18,240 --> 00:15:20,520 >> この場合はそのように、私たちの オブジェクトは、配列2である 299 00:15:20,520 --> 00:15:23,470 私たちは私たちが望む言う 配列2の長さ。 300 00:15:23,470 --> 00:15:25,716 だから、これはちょうどその上の長さのように呼び出します。 301 00:15:25,716 --> 00:15:27,090 そして、それはあなたの長さを返します。 302 00:15:27,090 --> 00:15:32,610 303 00:15:32,610 --> 00:15:36,790 また、注意すべき何かがある 私たちは、配列に気づく場合に、 304 00:15:36,790 --> 00:15:39,830 Cとは異なり、彼らが持っていない 同じタイプのすべてであった。 305 00:15:39,830 --> 00:15:41,670 これはPHPのようなはるかです。 306 00:15:41,670 --> 00:15:45,905 JavaScriptは同じように基本的にある CとPHPのこの興味深いメルド。 307 00:15:45,905 --> 00:15:50,020 308 00:15:50,020 --> 00:15:52,170 だから我々はその中に取得します。 309 00:15:52,170 --> 00:15:56,750 今のところ、ちょうど仮定しましょう あなたの配列は基本的にしていること 310 00:15:56,750 --> 00:16:00,640 その中でCの配列、のような 彼らはゼロインデックス付きです。 311 00:16:00,640 --> 00:16:04,120 [OK]を、ので、それがすべてです。 312 00:16:04,120 --> 00:16:08,850 また、単に拡張することができます あなたが好きなインデックスに配列。 313 00:16:08,850 --> 00:16:14,260 これはおそらくはsegでしょうに対し あなた過失またはあなたにいくつかのエラーを与え、 314 00:16:14,260 --> 00:16:15,970 JavaScriptはいや、それはいいのよ」、などである。 315 00:16:15,970 --> 00:16:16,620 私はこれを得た。 316 00:16:16,620 --> 00:16:19,460 私達はちょうどまっすぐ行くよ どこにあなたがしたい。」 317 00:16:19,460 --> 00:16:24,310 >> [OK]を、ので、オブジェクトが非常に重要である。 318 00:16:24,310 --> 00:16:29,720 君たちはこれらの多くを使用することになります あなたのPのセットで、私は記憶が正しければ。 319 00:16:29,720 --> 00:16:34,780 そのように、これらのものであること C言語でと同様に構造体である。 320 00:16:34,780 --> 00:16:39,290 だから、ときabout--考えることができます 我々は正しい例に行く 321 00:16:39,290 --> 00:16:41,810 この後、私はそれはと思う 多くはもっとsense--作る 322 00:16:41,810 --> 00:16:45,830 しかし、我々は基本的には、オブジェクトを使用 もちろん関連情報の整理。 323 00:16:45,830 --> 00:16:47,780 我々は話をするとき C言語で構造体、我々しばしば 324 00:16:47,780 --> 00:16:53,405 いくつかの名前を持っていた学生の話、 ID、家、あなたが知っている、濃度。 325 00:16:53,405 --> 00:16:56,030 そして、それは同じことのようなものだ 私たちがここのためにオブジェクトを使用すること。 326 00:16:56,030 --> 00:16:59,300 それは整理するだけだ 同様の情報。 327 00:16:59,300 --> 00:17:03,620 >> また、より多くのように、これらを考えることができます PHPの連想配列に似ています。 328 00:17:03,620 --> 00:17:10,010 だから、これは事のようなものだろう 我々はいくつかの値を持ついくつかのキーを持っている場合に、 329 00:17:10,010 --> 00:17:12,859 PHPと非常によく似て。 330 00:17:12,859 --> 00:17:15,780 だから、いくつかを初期化することができます 空のオブジェクト、私たちはここに見るように、 331 00:17:15,780 --> 00:17:17,390 ちょうど中括弧で。 332 00:17:17,390 --> 00:17:19,160 だから、配列は角括弧である。 333 00:17:19,160 --> 00:17:21,220 空のオブジェクトは、中括弧である。 334 00:17:21,220 --> 00:17:24,020 グッド区別は持っている。 335 00:17:24,020 --> 00:17:27,319 これらはちょうど2つの異なる プロパティを設定する方法。 336 00:17:27,319 --> 00:17:31,460 だから、これは一種のです そのようにのはるか 337 00:17:31,460 --> 00:17:35,220 で、PHPに似ている私たちの 私たちのキーを持つ連想配列、 338 00:17:35,220 --> 00:17:39,910 と私たちの価値のに対して、 この1 is--あなたはよ 339 00:17:39,910 --> 00:17:41,920 JavaScriptでこれより多くを参照してください。 340 00:17:41,920 --> 00:17:43,550 これは大会になる傾向がある。 341 00:17:43,550 --> 00:17:47,660 そして、私たちがやったのと同じ方法で 配列2のドットの長さは、これは言っている、 342 00:17:47,660 --> 00:17:51,580 "OK、私にこれを与える このオブジェクトの属性。」 343 00:17:51,580 --> 00:17:52,110 右？ 344 00:17:52,110 --> 00:17:55,660 だから、のようだったのと同じ方法では、「私を与える アレイ2の属性の長さ、 " 345 00:17:55,660 --> 00:17:59,970 これは私にいくつかを与える」、と言っている 私たちの空のオブジェクトのプロパティ。」 346 00:17:59,970 --> 00:18:02,890 または、この場合に、我々は ここではいくつかの値に割り当てる。 347 00:18:02,890 --> 00:18:06,200 しかし、あなたはまた、そのようにアクセスすることができます。 348 00:18:06,200 --> 00:18:09,090 >> そして、ここにこれはただのです 二つの異なるアラートを示す。 349 00:18:09,090 --> 00:18:12,320 だから、これは警告を示すであろう 正確に同じであるように、 350 00:18:12,320 --> 00:18:17,150 それはちょうど2つの異なる方法だ 私たちが望む要素にアクセスする。 351 00:18:17,150 --> 00:18:19,552 それはすべての人に意味があるか？ 352 00:18:19,552 --> 00:18:21,510 私はこの1つのように感じる おそらくより理にかなって、 353 00:18:21,510 --> 00:18:23,270 ちょうど私達は、PHPのオフに来ているので。 354 00:18:23,270 --> 00:18:26,400 しかし、我々はより多くの例がそうであるように、この 文字通り全く同じである。 355 00:18:26,400 --> 00:18:28,170 それの多くは、単に構文の変化である。 356 00:18:28,170 --> 00:18:30,710 357 00:18:30,710 --> 00:18:33,030 >> OK、例ので。 358 00:18:33,030 --> 00:18:34,180 私は例が大好きです。 359 00:18:34,180 --> 00:18:40,070 だからここにいくつかのCS50です オブジェクトである変数、 360 00:18:40,070 --> 00:18:42,160 私たちはこのすべてを保存 それについての情報。 361 00:18:42,160 --> 00:18:46,680 だから我々はもちろん、インストラクターを持っている、 TFS、のpset、およびテープ。 362 00:18:46,680 --> 00:18:51,840 だから我々はこれらがほとんどである気づく 異なる種類のすべて。 363 00:18:51,840 --> 00:18:52,340 右？ 364 00:18:52,340 --> 00:18:56,230 だから、オブジェクトが格納することができます 異なる種類の属性。 365 00:18:56,230 --> 00:19:01,220 我々は、それが非常にだthis--と考えることができます PHPでの私たちの連想配列に似ています。 366 00:19:01,220 --> 00:19:07,470 だから、キー、値、キー、値、 キー、値、ようになど。 367 00:19:07,470 --> 00:19:11,230 同じ方法でも面白いものだ 私たちは、配列内の配列を持つことができることを、 368 00:19:11,230 --> 00:19:14,690 我々はまた、内のオブジェクトを持つことができます オブジェクト内のオブジェクト、または配列。 369 00:19:14,690 --> 00:19:18,410 あなたは本当にこれらに限定されたことがないしている 物事のシングル1。 370 00:19:18,410 --> 00:19:24,220 私達はちょうど、非常にInceptionesque得ることができます そこにウサギの穴を下に続ける。 371 00:19:24,220 --> 00:19:26,080 >> だから我々は、我々に気づいた場合 いくつかのコースを持っている 372 00:19:26,080 --> 00:19:31,120 文字列の文字列、インストラクターは、 と配列、int型、およびブール。 373 00:19:31,120 --> 00:19:36,110 したがって、これらの異なるもののすべて。 374 00:19:36,110 --> 00:19:39,600 >> すべての権利なので、私たちは別のものを持っている。 375 00:19:39,600 --> 00:19:42,930 したがって、この場合には、我々は オブジェクトの配列。 376 00:19:42,930 --> 00:19:45,320 だからオブジェクトが好きです それで配列を持つことができます。 377 00:19:45,320 --> 00:19:47,210 また、オブジェクトの配列を持つことができます。 378 00:19:47,210 --> 00:19:51,250 これが役に立つこともある 種類に似て考える 379 00:19:51,250 --> 00:19:54,260 私たちは、ハッシュを持っていた方法の テーブル、我々は配列を持っていた 380 00:19:54,260 --> 00:19:56,220 すべてのこれらの異なるの その構造体の種類 381 00:19:56,220 --> 00:19:59,070 別のへのポインタでした ノードおよびその他もろもろ。 382 00:19:59,070 --> 00:20:01,420 しかし、この場合には、我々 オブジェクトの配列を持っている。 383 00:20:01,420 --> 00:20:04,890 だから、これは配列のようです の連想配列。 384 00:20:04,890 --> 00:20:09,430 だから我々はいくつかの最初の要素を持っているだろう 名前ジェームズを持つオブジェクトである 385 00:20:09,430 --> 00:20:11,340 とウィンスロップを収容。 386 00:20:11,340 --> 00:20:14,780 >> 君たちは覚えているかもしれません この非常によく似たもの 387 00:20:14,780 --> 00:20:21,710 もしあなたあなたの最後のpsetを、と あなたのデータベースから何かを引っ張っ、 388 00:20:21,710 --> 00:20:24,480 の最初のソート あなたの配列内のことだった 389 00:20:24,480 --> 00:20:27,110 に関するすべての情報 それに会った最初のユーザー、 390 00:20:27,110 --> 00:20:30,765 そして、あなたはその中にインデックスに持っていた 彼らの株式またはそれらのキャッシュを取得する 391 00:20:30,765 --> 00:20:32,110 またはその他もろもろ。 392 00:20:32,110 --> 00:20:34,620 だから、これは非常に同じです 事、ほんの少しの変更 393 00:20:34,620 --> 00:20:39,570 構文で、少しの変化 言葉は、私たちはそれらを記述するために使用します。 394 00:20:39,570 --> 00:20:45,960 >> 我々が望んでいたのであれば、誰もが言うことができる 私にこのアラートは、ここで何をしますか？ 395 00:20:45,960 --> 00:20:48,780 または何このビットの コー​​ドは、私たちのために行うのでしょうか？ 396 00:20:48,780 --> 00:20:50,992 397 00:20:50,992 --> 00:20:52,616 観客は：それはあなたのすべての名前を与えるでしょう。 398 00:20:52,616 --> 00:20:54,900 ALLISON BUCHHOLTZ-AU：右ので、 ちょうどすべての名前と警告する 399 00:20:54,900 --> 00:20:57,960 それが通過するからである コテージは私なので、ゼロから始めると思います。 400 00:20:57,960 --> 00:21:01,330 だから、私たちが探しているOK、と言うだろう この第一の目的で、その 401 00:21:01,330 --> 00:21:03,210 私たちの配列内の最初のスロットです。 402 00:21:03,210 --> 00:21:06,900 そして、それは私に与える」と言う 属性、そのオブジェクトの名前。 " 403 00:21:06,900 --> 00:21:09,030 だから我々は、我々がしたい、ここに行く スキャン、我々は名前を見つけるだろう、 404 00:21:09,030 --> 00:21:11,340 私たちはプリントアウトしたい ジェームズ、モリー、カール。 405 00:21:11,340 --> 00:21:14,410 406 00:21:14,410 --> 00:21:15,799 ご不明な点、これまで？ 407 00:21:15,799 --> 00:21:17,590 JavaScriptが残念なことに あなたはするつもりだ 408 00:21:17,590 --> 00:21:20,950 あなたの上に見えるの多くをやって 独自の、構文を考え出す、 409 00:21:20,950 --> 00:21:21,910 それに取り組んで。 410 00:21:21,910 --> 00:21:25,870 しかし、もちろん、私はいつもここにいるよ、 営業時間はここに常にある。 411 00:21:25,870 --> 00:21:28,260 私は今週火曜日に可能性があります。 412 00:21:28,260 --> 00:21:31,050 あなたがそこにいるのであれば、次のことができます 今週私を訪問来る。 413 00:21:31,050 --> 00:21:32,470 それは素晴らしいことと思います。 414 00:21:32,470 --> 00:21:36,260 >> [OK]を、ので、DOMは、ドキュメントオブジェクトモデルです。 415 00:21:36,260 --> 00:21:38,900 だから、これはただの方法です 私たちは考えたいこと 416 00:21:38,900 --> 00:21:45,720 どのように私たちのHTMLとすべてについて 内それが構成されています。 417 00:21:45,720 --> 00:21:49,930 これは、非常に多くのものです おそらくあなたのクイズに出てきます。 418 00:21:49,930 --> 00:21:58,150 私は私の年を知って、それはここのようなものだった HTMLファイルには、そのためのDOMを埋める。 419 00:21:58,150 --> 00:21:59,770 そして、あなたはほんのささいなことで埋める。 420 00:21:59,770 --> 00:22:01,500 これらは、うまくいけば簡単にポイントにする必要があります。 421 00:22:01,500 --> 00:22:03,450 うまくいけば、see--よ 422 00:22:03,450 --> 00:22:04,590 >> 読者：[聞こえない] 423 00:22:04,590 --> 00:22:06,660 >> ALLISON BUCHHOLTZ-AU：だから あなたがここにこの木を参照してください？ 424 00:22:06,660 --> 00:22:07,200 >> 読者：うん。 425 00:22:07,200 --> 00:22:08,949 >> ALLISON BUCHHOLTZ-AU： そこで、彼らは使用をお願いします 426 00:22:08,949 --> 00:22:11,750 ボディの下で何が起こるのかを記入する。 427 00:22:11,750 --> 00:22:15,770 多分ボディの下で、我々はいくつかを持っている div要素または我々はいくつかの段落を持っている、 428 00:22:15,770 --> 00:22:19,160 我々は記入をお願いします 非常にこのようなツリー。 429 00:22:19,160 --> 00:22:21,440 だから我々はそれを歩いされます。 430 00:22:21,440 --> 00:22:26,120 だから、ドキュメントオブジェクト モデルはただの方法です 431 00:22:26,120 --> 00:22:31,240 構造と考えるため グラフィカルに私たちのHTML約。 432 00:22:31,240 --> 00:22:33,860 433 00:22:33,860 --> 00:22:35,840 また、我々が得る時 よりJavaScriptに、 434 00:22:35,840 --> 00:22:37,640 それはなるだろう 方法私たちが実際 435 00:22:37,640 --> 00:22:39,990 異なる操作する ページの要素。 436 00:22:39,990 --> 00:22:43,980 私たちは、それぞれにアクセスする方法が必要です 私たちのHTMLで物事の、 437 00:22:43,980 --> 00:22:48,050 そしてこれは非常に私たちに与えます 具体的な標準化された方法 438 00:22:48,050 --> 00:22:51,010 そのためのさまざまなWebページ間で。 439 00:22:51,010 --> 00:22:53,440 >> だから我々はちょうどを通して歩けば このここで、当然の 440 00:22:53,440 --> 00:22:56,790 私たちのドキュメントには、私達の全体のファイルのようなものです。 441 00:22:56,790 --> 00:22:59,350 これは明らかに理にかなっている それは最高のものだと、 442 00:22:59,350 --> 00:23:03,520 その後私たちは実際のHTMLを持っている、 そのここにこのタグに対応している。 443 00:23:03,520 --> 00:23:08,480 また、あなたのタグは、インデントであなたの場合 適切には、このDOMツリーを作成する 444 00:23:08,480 --> 00:23:10,530 超簡単になります。 445 00:23:10,530 --> 00:23:12,400 だから我々はここでいくつかの頭を持っている。 446 00:23:12,400 --> 00:23:15,780 我々はいくつかのボディを持っている 私たちは、HTMLのオフステムを参照してください。 447 00:23:15,780 --> 00:23:18,530 その私たちは頭と体を持っている理由です。 448 00:23:18,530 --> 00:23:22,880 頭の中では、我々はいくつかを持っている タイトルタグ、終了タイトルタグ、 449 00:23:22,880 --> 00:23:24,570 私たちはそれが頭の後に来る知っている。 450 00:23:24,570 --> 00:23:28,040 そして、我々のタイトルタグ内で、 私たちは、Hello Worldのを持っている。 451 00:23:28,040 --> 00:23:28,740 OK？ 452 00:23:28,740 --> 00:23:31,311 だから、この全体の左手の枝です。 453 00:23:31,311 --> 00:23:34,060 そして、右手ブランチ ここで、我々はHTMLを持っていることがわかり、 454 00:23:34,060 --> 00:23:38,680 OK我々は、このヘッド部をやった、 私たちは身体を見ている、 455 00:23:38,680 --> 00:23:40,670 私たちはいくつかの身体領域を持っている。 456 00:23:40,670 --> 00:23:44,350 そして、その中で、唯一の 我々が持っている事は、Hello Worldのです。 457 00:23:44,350 --> 00:23:45,090 OK？ 458 00:23:45,090 --> 00:23:54,130 私たちはのようなものを持っていた場合 いくつかのブラケットpおよびその後 459 00:23:54,130 --> 00:23:57,500 こんにちは、世界、その後、別の 別れのブラケットP、世界、 460 00:23:57,500 --> 00:24:00,080 我々は2つ​​の気泡を持っているだろう ここでの脱落。 461 00:24:00,080 --> 00:24:05,550 彼らは、身体の下に両方だので、しかし、 それらは別々の段落この場合だ。 462 00:24:05,550 --> 00:24:11,520 練習は間違いなくあります 前回のクイズのその上で、 463 00:24:11,520 --> 00:24:14,570 だけでなく、オンラインその上にたくさん。 464 00:24:14,570 --> 00:24:18,260 [OK]をので、これは単にすることができます 私たちは、きれいにすべてを見る 465 00:24:18,260 --> 00:24:20,810 物事を操作する 非常に体系的に。 466 00:24:20,810 --> 00:24:21,340 OK？ 467 00:24:21,340 --> 00:24:23,640 私たちは、正確にどのように知っている このツリーを横断、 468 00:24:23,640 --> 00:24:26,910 私たちは、私たちがアクセスしたいか知っている。 469 00:24:26,910 --> 00:24:31,690 >> 私たちが望む理由はOKにするためです モデルのこの種を持っている、 470 00:24:31,690 --> 00:24:35,190 我々はこのようなものを使用できるように、 そして我々は、彼らが何を意味するかを理解し、 471 00:24:35,190 --> 00:24:38,370 これらは、標準化されている 我々が行うすべてのものを横断。 472 00:24:38,370 --> 00:24:45,900 そのため、文書ドットのタイトルだけである our--これらのすべてのタイトル 473 00:24:45,900 --> 00:24:48,960 かなり自明です、 私が考えたい。 474 00:24:48,960 --> 00:24:51,660 したがって、最初の3 例は単に言っている、 475 00:24:51,660 --> 00:24:54,770 「OK、ちょうど私に与える このWebページのタイトル。 " 476 00:24:54,770 --> 00:24:58,030 だから、あなたに何を与えるだろう タイトルに対応している。 477 00:24:58,030 --> 00:25:01,880 >> ドキュメントドット体はあなたを与えるために起こっている 何でも、それらのbodyタグ内にある。 478 00:25:01,880 --> 00:25:03,240 だから、それを操作することができます。 479 00:25:03,240 --> 00:25:07,820 文書ドットボディドット HTMLは非常にクールです入力し、 480 00:25:07,820 --> 00:25:11,660 多分スーパーのようではありません 直感的な、しかし内部HTML 481 00:25:11,660 --> 00:25:13,740 ここでこの権利に対応している。 482 00:25:13,740 --> 00:25:17,410 だから、あなたは今までにしたい場合 ページ上のテキストを操作する、 483 00:25:17,410 --> 00:25:22,700 通常、あなたがやっていることになるだろう 内部HTMLドット体で何か。 484 00:25:22,700 --> 00:25:23,820 OK？ 485 00:25:23,820 --> 00:25:31,341 だから、内部HTMLを参照するために傾向がある これらのタグの間に実際に何である。 486 00:25:31,341 --> 00:25:31,840 OK？ 487 00:25:31,840 --> 00:25:33,020 そして便利な機能。 488 00:25:33,020 --> 00:25:40,390 あなたが取得したいのであれば これらのいずれかの、いずれかの要素、 489 00:25:40,390 --> 00:25:43,140 我々はいくつかのIDを持って、クラス 名前、またはタグ名。 490 00:25:43,140 --> 00:25:47,100 これは非常によく似ている 我々はCSSでいたこと、右？ 491 00:25:47,100 --> 00:25:51,360 我々はいくつかのセレクタを有する場合、その タグのいずれかに対応して、クラス 492 00:25:51,360 --> 00:25:53,800 我々はそれらを与える、またはIdその。 493 00:25:53,800 --> 00:25:55,310 これは非常に同じ方法です。 494 00:25:55,310 --> 00:26:00,720 あなたが何かを持っている場合は、その 犬のいくつかのクラスがあり、 495 00:26:00,720 --> 00:26:05,800 あなたがタグ名によって要素を取得言う、 あなたが、there--またはごめんで犬を置く 496 00:26:05,800 --> 00:26:06,610 クラス名。 497 00:26:06,610 --> 00:26:07,770 あなたはそこにドットを置くことができます。 498 00:26:07,770 --> 00:26:11,780 それは、それらのすべてを返すために起こっている そのクラスを持っているあなたに要素。 499 00:26:11,780 --> 00:26:13,880 だから、ちょうどそれらを操作することができます。 500 00:26:13,880 --> 00:26:18,430 同様に、多分あなただけ そう、いくつかのヘッダを操作したい 501 00:26:18,430 --> 00:26:20,980 我々が行ったようないくつかのH1ヘッダー、。 502 00:26:20,980 --> 00:26:24,900 あなたがタグによって要素を取得行うことができます h1はタグ名であるため、名前を付けます。 503 00:26:24,900 --> 00:26:29,270 そして、同じように、あなたが取得したい場合 いくつかのユニークなことは、あなたがタグを得ることができます。 504 00:26:29,270 --> 00:26:31,100 Idで要素を取得します。 505 00:26:31,100 --> 00:26:32,710 そして、彼らは実際にこれらの多くである。 506 00:26:32,710 --> 00:26:36,300 これらは、非常に多くのの3のようなものです。 507 00:26:36,300 --> 00:26:39,600 だから、あなたがオンラインで行けば、として 私は奨励するつもりです 508 00:26:39,600 --> 00:26:45,342 あなたが行って、いくつかを行うには あなた自身の研究、 509 00:26:45,342 --> 00:26:48,450 私は間違いなくお勧めします それらのすべてに探して。 510 00:26:48,450 --> 00:26:50,880 彼らはスーパー可能性 便利、特に 511 00:26:50,880 --> 00:26:57,180 あなただけの種類の操作する ことなく、非常に特定の事柄 512 00:26:57,180 --> 00:27:00,390 を通過し、試してみる すべてを解析する。 513 00:27:00,390 --> 00:27:03,540 >> OK、そう最後の事 JavaScriptのイベントです。 514 00:27:03,540 --> 00:27:10,730 だから私は先に話していたとき ウェブサイトに行くのは、 515 00:27:10,730 --> 00:27:14,340 あなたが何かの上に置くと、 またはあなたのマウスが何かの上に置いた、 516 00:27:14,340 --> 00:27:15,420 何か他のものが起こる。 517 00:27:15,420 --> 00:27:17,900 これは、我々がしたいのですが何である イベントとして考える。 518 00:27:17,900 --> 00:27:23,970 だから我々はその威力を持っているもの onclickのあるここに便利です。 519 00:27:23,970 --> 00:27:29,140 だから、私のものは私は、これ、ホバーにあった かなり確信して、まさにホバーである。 520 00:27:29,140 --> 00:27:31,300 また、これらのトン あなたが見ることができること。 521 00:27:31,300 --> 00:27:34,340 リスト全体がご来店中です 異なるものの 522 00:27:34,340 --> 00:27:37,130 あなたが聞くことができる。 523 00:27:37,130 --> 00:27:41,220 >> しかし、JavaScriptのイベントです 基本的には物事への対応 524 00:27:41,220 --> 00:27:42,430 あなたのユーザーがやっていること。 525 00:27:42,430 --> 00:27:42,930 右？ 526 00:27:42,930 --> 00:27:45,220 だからあなたのユーザーが行います 何かが、そのイベントの、 527 00:27:45,220 --> 00:27:48,340 とJavaScriptは応答します しかし、あなたはそれにしたいと思います。 528 00:27:48,340 --> 00:27:49,770 それは、それに応じて対応させていただきます。 529 00:27:49,770 --> 00:27:54,630 したがって、この場合には、我々は いくつかのウィンドウドットのonload。 530 00:27:54,630 --> 00:27:57,170 だから、これは言う、「待つ ウィンドウのLoadedまでは。」 531 00:27:57,170 --> 00:27:57,780 OK？ 532 00:27:57,780 --> 00:28:02,102 だから、すべてのロードされた、オンロード、 あなたは、この機能を実行することができます。 533 00:28:02,102 --> 00:28:03,810 だから、ときすべての ロードされて、あなたが行っている 534 00:28:03,810 --> 00:28:07,760 いくつかの検索ボ​​タンを持っている それは、IDによって要素を取得し、 535 00:28:07,760 --> 00:28:13,740 そしてそれはどのようなことを出力します 要素には、[検索]ボタンの通りです。 536 00:28:13,740 --> 00:28:17,050 そして、我々は、この変数を持っている、 私たちは "onclickの、OK。」と言う 537 00:28:17,050 --> 00:28:20,390 だから我々はカチッと音がするとき 検索ボタンで、 538 00:28:20,390 --> 00:28:23,990 この関数を実行する、ある アラートは、[検索]ボタンをクリックしました。 539 00:28:23,990 --> 00:28:28,910 >> これはいいですis--だから何が起こる ここで少しグラフィック表現。 540 00:28:28,910 --> 00:28:31,480 だから私たちのドキュメントの読み込み、 それが私たちのonloadイベントですが、 541 00:28:31,480 --> 00:28:34,340 我々は我々の検索を見つける これでボタン、。 542 00:28:34,340 --> 00:28:36,570 私たちは、検索ボタンを探しています。 543 00:28:36,570 --> 00:28:40,790 そして、検索ボタンがあるとき クリックされた、それはここに対応している。 544 00:28:40,790 --> 00:28:41,980 onclickの。 545 00:28:41,980 --> 00:28:47,300 その後、我々は最終的に、私たちのユーザーに警告 そのここにこの最後の行である。 546 00:28:47,300 --> 00:28:48,250 OK？ 547 00:28:48,250 --> 00:28:52,960 これらの4つのステップの各だから 4つのボックスに対応 548 00:28:52,960 --> 00:28:55,031 底にそこにダウン。 549 00:28:55,031 --> 00:28:56,405 それはすべての人に意味があるか？ 550 00:28:56,405 --> 00:29:01,120 551 00:29:01,120 --> 00:29:05,200 >> そして、私はちょうどつもりだ一つのことは、 私はあることを、非常に、非常に簡潔に言及する 552 00:29:05,200 --> 00:29:08,660 ことをお勧めしますみんなに あるに続きを見に行く 553 00:29:08,660 --> 00:29:13,210 単にライブラリですjQueryの、 そのは、JavaScriptの上に構築されている。 554 00:29:13,210 --> 00:29:16,480 それはように、超便利です ほとんどのライブラリと。 555 00:29:16,480 --> 00:29:18,320 の機能がたくさんあり​​ます。 556 00:29:18,320 --> 00:29:21,930 だから、何かが今までにあるかどう あなたは、JavaScriptでやってみたい 557 00:29:21,930 --> 00:29:24,880 あなたの最初の本能 考えるようにすべきではない 558 00:29:24,880 --> 00:29:27,340 の、「どのような機能すべき 私は、コード？」それはあるべきであり、 559 00:29:27,340 --> 00:29:29,560 「私は誰かのを見てみましょう すでに私のためにこれを行って。」 560 00:29:29,560 --> 00:29:32,800 10人のうち9回あるので、 誰かがすでにそれを行っているでしょう、 561 00:29:32,800 --> 00:29:35,760 そして彼らはおそらくより良いそれを行っている。 562 00:29:35,760 --> 00:29:39,990 人々は、これらのやって多くの時間を費やす とJavaScriptは、非常に広く使用されている 563 00:29:39,990 --> 00:29:42,810 そう人々が常にある それを改善するしようとしている。 564 00:29:42,810 --> 00:29:47,110 そして、jQueryは多くの機能を持ってい それはおそらくあなたに役立つでしょう 565 00:29:47,110 --> 00:29:50,470 あなたの最終的なプロジェクトにあなたがいるなら ウェブデザインを使って何をやって。 566 00:29:50,470 --> 00:29:53,480 私が言いたいように、「仕事 難しく、よりスマートではない。」 567 00:29:53,480 --> 00:29:57,130 あなたたちはそれを行う場合、それは素晴らしいことでしょう。 568 00:29:57,130 --> 00:30:00,330 我々はハッカソンにいるとき、私はしないでください あなたはすべてのアウトを強調したい。 569 00:30:00,330 --> 00:30:03,600 私は私が得た "、あなたはのようになりたい これ。 jQueryのは、私の背中を得た。 570 00:30:03,600 --> 00:30:05,790 私は、これらの機能を記述する必要はありません。」 571 00:30:05,790 --> 00:30:07,636 >> だから二つのことに 私は行くよ、覚えている 572 00:30:07,636 --> 00:30:10,220 できるようにあなたたちには、より多くのを見て ご自身でのjQueryに。 573 00:30:10,220 --> 00:30:13,070 私が言うつもりはすべてがそれです いくつかの非常に素晴らしいことを行います 574 00:30:13,070 --> 00:30:15,220 あなたの人生を作ることができます ずっと簡単。 575 00:30:15,220 --> 00:30:17,150 しかし、あなたはどのように過ごしたい 持っているどのようなファイルである 576 00:30:17,150 --> 00:30:21,020 あなたがそれを使用することになるだろうこと、 あなたは、これらの2つのラインをするつもりだ。 577 00:30:21,020 --> 00:30:25,630 あなたはするつもりだ JS jQueryのドットJSのスクリプト。 578 00:30:25,630 --> 00:30:28,500 そして、実際にあなたのソース いくつかのURLであることを行っている。 579 00:30:28,500 --> 00:30:35,870 あなたはjQueryのは、GoogleのGoogle場合 実際にあなたのためのすべてのファイルをホストします。 580 00:30:35,870 --> 00:30:38,950 だから、あなたは間違いなくしたい 入力の代わりにそのURL。 581 00:30:38,950 --> 00:30:41,130 私はここにこれを入れて 簡単にするために。 582 00:30:41,130 --> 00:30:45,180 どこにこのすべての手段がある あなたのjQueryライブラリを見つける。 583 00:30:45,180 --> 00:30:48,600 それは巨大なので、あなたはしたくない 自分のコンピュータ上でそれをホストする 584 00:30:48,600 --> 00:30:53,390 あなたは、なぜ我々である、それを避けることができれば ちょうどGoogleのURLに置く傾向があること 585 00:30:53,390 --> 00:30:55,880 あなたのためにこれらのファイルのすべてをホストします。 586 00:30:55,880 --> 00:30:56,380 OK？ 587 00:30:56,380 --> 00:30:58,850 あなたは、私が約束し、それをGoogleに それはあるでしょう。 588 00:30:58,850 --> 00:31:01,200 >> そして、どのような あなたがしているのJavaScriptファイル 589 00:31:01,200 --> 00:31:07,150 使用して、これはほんの一部の外部にある JavaScriptを使用しているファイル。 590 00:31:07,150 --> 00:31:11,570 私たちは、CSSへのリンクを同様に ファイルは、これが事のと同じ種類である。 591 00:31:11,570 --> 00:31:15,480 これはちょうどファイルにリンク どこにあなたのJavaScriptがある。 592 00:31:15,480 --> 00:31:18,970 そして、私はいくつかの例を持っている 単純なJavaScriptと。 593 00:31:18,970 --> 00:31:20,220 だから我々はそれを通過することでしょう。 594 00:31:20,220 --> 00:31:27,230 そして、あなたのインデックスのJavaScript、 ここにあなたのJavaScriptのファイルがこれは、 595 00:31:27,230 --> 00:31:30,900 これは、ラッパーの一種である あなたはjQueryのために持っていること。 596 00:31:30,900 --> 00:31:33,860 あなたは、ほとんど99.9だ 時間の割合行く 597 00:31:33,860 --> 00:31:36,800 あなたのindex.jsファイルでこれを持っている。 598 00:31:36,800 --> 00:31:40,010 これは言っているので、 「何も実行しない 599 00:31:40,010 --> 00:31:43,480 あなたの文書は、実際になるまで 正確に何をしたいである「準備完了。 600 00:31:43,480 --> 00:31:46,600 あなたの文書が準備ができていないの場合にはあるので、 とjQueryは、物事をやって起動し、 601 00:31:46,600 --> 00:31:48,020 それだけで混乱だ。 602 00:31:48,020 --> 00:31:50,480 だから、常にこのラッパーを持っていると思います。 603 00:31:50,480 --> 00:31:55,760 そして、そこに行く事のため、I あなたの男「自分の熟読に残してはならない。 604 00:31:55,760 --> 00:32:04,610 >> [OK]を、ので、任意の質問がすぐそこにある 今一般的にはJavaScriptのはどうですか？ 605 00:32:04,610 --> 00:32:07,420 またはDOMモデル？ 606 00:32:07,420 --> 00:32:10,780 しない場合、我々はいくつかのクールなを持っている 我々が通過することができます例、 607 00:32:10,780 --> 00:32:13,120 あなたたちは私のコードを助けることができる。 608 00:32:13,120 --> 00:32:15,877 しかし、私はまたもするつもりだ 超素敵、あなたなら 609 00:32:15,877 --> 00:32:17,960 何も言いたくない これらのために、それは大丈夫です。 610 00:32:17,960 --> 00:32:20,510 私もちょうどあなたの例を与えることができます。 611 00:32:20,510 --> 00:32:24,581 しかし、上で何か PowerPointの私たちが移動する前に？ 612 00:32:24,581 --> 00:32:25,080 クール。 613 00:32:25,080 --> 00:32:26,990 >> あなたたちはエネルギーに必要があるような気がします。 614 00:32:26,990 --> 00:32:31,516 だから私たちは開始するつもりだと思います 最初に私のパーティの例と。 615 00:32:31,516 --> 00:32:33,390 我々は3つの例を持っている、 あなたはあなたの選択を持っている。 616 00:32:33,390 --> 00:32:37,720 だから我々は我々が行っている時計を、持っている の実際のクロックを実装する 617 00:32:37,720 --> 00:32:41,430 時間が経つにつれて更新する予定。 618 00:32:41,430 --> 00:32:43,310 我々は、この偉大なTwitterの機能を持っている。 619 00:32:43,310 --> 00:32:44,560 あなたは、しがみつくか知っThis--。 620 00:32:44,560 --> 00:32:47,220 私たちは、これが離れて行くようになるだろう。 621 00:32:47,220 --> 00:32:47,950 バム。 622 00:32:47,950 --> 00:32:49,060 OK。 623 00:32:49,060 --> 00:32:56,132 >> 我々は、この偉大なTwitterの機能を持っている ここで、私が知っているthat--、右？ 624 00:32:56,132 --> 00:32:57,090 それは素晴らしいことになるだろう。 625 00:32:57,090 --> 00:32:58,350 あなたたちは興奮していますか？ 626 00:32:58,350 --> 00:33:01,170 つまり、数を数えるために起こっている あなたが残っている文字の、 627 00:33:01,170 --> 00:33:04,520 私は、今入力した場合、 明らかにそれはまだ140を言い、 628 00:33:04,520 --> 00:33:06,190 しかし、我々はそうでないことを知っている。 629 00:33:06,190 --> 00:33:08,570 そして、私たちの最後の1に ここでは、パーティーにはこちらをクリックしてください。 630 00:33:08,570 --> 00:33:12,150 何が起こるために起こっていることは時である 私たちは、クリックして背景の 631 00:33:12,150 --> 00:33:13,340 色を変更するつもり。 632 00:33:13,340 --> 00:33:17,060 だから、あなたたちは、あなたのオプションがあります その1あなたが最初にやってみたい。 633 00:33:17,060 --> 00:33:19,800 私はあなたにそれが非常に簡単に取る約束。 634 00:33:19,800 --> 00:33:22,680 私はすべての人のよ​​うなもののように感じる ちょうど非常に低いキーの今日。 635 00:33:22,680 --> 00:33:25,540 だから私はどのように使用方法を順を追ってよ 我々はこれらのすべてを実装します。 636 00:33:25,540 --> 00:33:28,520 あなたはチャイムしたい場合 で、それは素晴らしいことですが、私 637 00:33:28,520 --> 00:33:30,020 誰もが少し疲れているように感じる。 638 00:33:30,020 --> 00:33:32,970 だから、僕はあなたを歩くよ これらの例を通して。 639 00:33:32,970 --> 00:33:35,015 我々はその何かを持っていますか 私たちは最初にやりたい？ 640 00:33:35,015 --> 00:33:38,140 641 00:33:38,140 --> 00:33:39,475 誰ですか？ 642 00:33:39,475 --> 00:33:41,350 指定なし？ 643 00:33:41,350 --> 00:33:41,867 OK。 644 00:33:41,867 --> 00:33:42,450 あのね？ 645 00:33:42,450 --> 00:33:43,290 私たちはパーティーにしている。 646 00:33:43,290 --> 00:33:48,380 君たちはlittle--を必要とするような気が そう、我々は最初のパーティのいずれかの操作を行います。 647 00:33:48,380 --> 00:33:48,880 OK。 648 00:33:48,880 --> 00:33:51,470 649 00:33:51,470 --> 00:33:56,930 >> だから我々が持っているものhere--ことだ があることになっていない。 650 00:33:56,930 --> 00:33:57,910 今では良いことだ。 651 00:33:57,910 --> 00:33:59,810 OK。 652 00:33:59,810 --> 00:34:03,110 だから、私たちはここに持っていることである ちょうど簡単なHTMLページ 653 00:34:03,110 --> 00:34:07,840 君たちは、すべてのスーパーなければならないこと あなたの最後の2のpsetからに精通。 654 00:34:07,840 --> 00:34:10,212 私たちはここで私たちのドキュメントの種類を持っている。 655 00:34:10,212 --> 00:34:10,920 誰もが見ることができますか？ 656 00:34:10,920 --> 00:34:11,420 OK。 657 00:34:11,420 --> 00:34:12,560 クール。 658 00:34:12,560 --> 00:34:13,900 私たちは、明らかに私たちのHTMLを持っている。 659 00:34:13,900 --> 00:34:18,360 私たちは、いくつかのヘッダを持っている そのスタイルシートにリンク 660 00:34:18,360 --> 00:34:21,420 ちょうど私のフォントが素晴らしく、大きくて大胆た。 661 00:34:21,420 --> 00:34:23,489 だから、心配しないでください。 662 00:34:23,489 --> 00:34:26,437 >> 我々はいくつかのボディとを持っている ID背景、OK？ 663 00:34:26,437 --> 00:34:28,520 我々はするつもりだから 背景を変更する。 664 00:34:28,520 --> 00:34:31,964 だから我々は変更しているとき 私たちの体の背景、 665 00:34:31,964 --> 00:34:35,965 我々は二週間前から覚えている 我々は、ウェブページを処理する場合。 666 00:34:35,965 --> 00:34:36,840 それを持っているので、良い。 667 00:34:36,840 --> 00:34:39,270 そして、我々はいくつかのIdがパーティーに等しい持っている。 668 00:34:39,270 --> 00:34:43,909 この時間のrefポンドはちょうどことを意味します それは同じページに行くために起こっている。 669 00:34:43,909 --> 00:34:47,120 パーティーにはここをクリックし、 その私たちがそれをクリックすると、なぜある、 670 00:34:47,120 --> 00:34:48,940 それはありがたいことに、色を変更する必要があります。 671 00:34:48,940 --> 00:34:54,322 >> そして、我々はここでそのいくつかのスクリプトを持っている ちょうどこのパーティのドットJSにリンクされている 672 00:34:54,322 --> 00:34:58,100 ファイルは、それがために空である 我々はまだ何もしていません。 673 00:34:58,100 --> 00:35:00,450 そして、それはとても悲しいです。 674 00:35:00,450 --> 00:35:06,100 しかし、非常にすぐに、それが変更されます 色は、それは素晴らしいとなります。 675 00:35:06,100 --> 00:35:10,520 >> だから、僕はあなたたちを歩くつもりだ 我々はこれをアプローチすることがありますどのように通って。 676 00:35:10,520 --> 00:35:14,030 最初になるように 私たちがやりたいことがあります、 677 00:35:14,030 --> 00:35:18,050 私たちはの背景を変更する場合 身体、私たちが望むかもしれない最初の事 678 00:35:18,050 --> 00:35:22,730 行うには、実際にグラブです 本体は右、何ですか？ 679 00:35:22,730 --> 00:35:27,690 だから私たちは私たちの、合計を持っているしたい 背景、そしてあなたが気付いた場合、 680 00:35:27,690 --> 00:35:29,567 私はちょうど自動的に入力を開始。 681 00:35:29,567 --> 00:35:32,400 特別なものは何もありません、我々その 私たちのJavaScriptファイルのために行う必要があります。 682 00:35:32,400 --> 00:35:35,820 私は、変数の宣言を開始することができ、 とランダム関数を宣言。 683 00:35:35,820 --> 00:35:38,110 そして、それははるかに自由な形です。 684 00:35:38,110 --> 00:35:41,930 Cで、私たちはあなたのすべてを与えたようなものだ これらのハードのルールは、あなたが、育った 685 00:35:41,930 --> 00:35:43,220 私たちは、「出て行くのようにしている。 686 00:35:43,220 --> 00:35:44,000 自由になれ。 687 00:35:44,000 --> 00:35:44,870 何をしたいですか。」 688 00:35:44,870 --> 00:35:46,280 そして、それは、JavaScriptが何であるかだ。 689 00:35:46,280 --> 00:35:48,390 だから我々はここにいくつかの背景を持っている。 690 00:35:48,390 --> 00:35:55,900 私たちのDOMモデルでは、我々は我々が知っている ドキュメント·ドット要素を取得行うことができ、 691 00:35:55,900 --> 00:36:00,290 と私たちはここに気づいた場合、 私たちの体は、IDを持っています。 692 00:36:00,290 --> 00:36:00,930 右？ 693 00:36:00,930 --> 00:36:06,310 だから我々は、文書を取得行うことができます ID、およびここでは、単純な一つだ。 694 00:36:06,310 --> 00:36:08,295 私たちはここにしたい私たちのIDとは？ 695 00:36:08,295 --> 00:36:09,170 読者：背景。 696 00:36:09,170 --> 00:36:11,280 ALLISON BUCHHOLTZ-AU：背景。 697 00:36:11,280 --> 00:36:12,230 パーフェクト。 698 00:36:12,230 --> 00:36:14,250 そして、最後にセミコロン。 699 00:36:14,250 --> 00:36:15,610 それはまだ離れて行っておりません。 700 00:36:15,610 --> 00:36:17,330 あなたはまだあなたのセミコロンを必要としています。 701 00:36:17,330 --> 00:36:17,830 OK。 702 00:36:17,830 --> 00:36:19,690 だから、私たちの最初の一つだ。 703 00:36:19,690 --> 00:36:23,880 そして、私たちが何かをクリックしたときに、我々 起こるために何かをしたい、右？ 704 00:36:23,880 --> 00:36:28,270 だから我々はいくつかの変数をお勧めします それは、クリックを待っています。 705 00:36:28,270 --> 00:36:32,410 私たちがやろうとしていると、私たちはするつもりです ボタンへの私たちのリンクは類似する。 706 00:36:32,410 --> 00:36:43,140 だから我々はそのいくつかのボタンを持っているつもりだ 文書はIdで要素を取得ドット等しい。 707 00:36:43,140 --> 00:36:48,670 そして、私が話している場合 リンクをクリックするか、当事者には、ここをクリックしてください 708 00:36:48,670 --> 00:36:51,850 リンク、私のIdはここで何をでしょうか？ 709 00:36:51,850 --> 00:36:52,590 パーティー。 710 00:36:52,590 --> 00:36:55,200 正しい。 711 00:36:55,200 --> 00:36:56,500 これまでのところOK悪くない。 712 00:36:56,500 --> 00:36:59,060 誰もが私たちがやっているものを手に入れる？ 713 00:36:59,060 --> 00:37:02,100 >> [OK]を、ので、今私たちは持っている私たちの ボタン、そして私たちが望む 714 00:37:02,100 --> 00:37:04,140 我々はそれをクリックしたときに変更するためのもの。 715 00:37:04,140 --> 00:37:08,750 だから我々は我々のパワーポイントから覚えていれば、 私たちにできる非常に簡単なこと 716 00:37:08,750 --> 00:37:12,140 ちょうどボタンドットは右、onclickのでしょうか？ 717 00:37:12,140 --> 00:37:14,750 718 00:37:14,750 --> 00:37:18,730 そして、それはいくつかの機能に等しくなるようになるだろう。 719 00:37:18,730 --> 00:37:20,620 これは無名関数です。 720 00:37:20,620 --> 00:37:24,620 そして、これはちょうど私が実際にas-- これは少し大きくするつもり。 721 00:37:24,620 --> 00:37:27,330 >> だから私はちょうど何をしたか ここでは、[OK]を、私が言っているが、 722 00:37:27,330 --> 00:37:31,810 私たちはある、私達のボタンをクリックしたとき 我々は単に呼ばこのリンク、 723 00:37:31,810 --> 00:37:34,270 我々は、実行しようとしている この無名関数。 724 00:37:34,270 --> 00:37:35,845 私たちは、すべての入力を必要としない。 725 00:37:35,845 --> 00:37:37,220 私たちは、ユーザーが言うことを気にしない。 726 00:37:37,220 --> 00:37:38,800 彼らはそれをクリックすると、私たちはしている 私たちがやりたいだろう、 727 00:37:38,800 --> 00:37:40,660 その背景色を変更です。 728 00:37:40,660 --> 00:37:42,640 OK？ 729 00:37:42,640 --> 00:37:47,224 、我々はすべての入力を持っていない理由ですので、 私たちは、この無名関数を持っている。 730 00:37:47,224 --> 00:37:49,390 そして今、我々は実際に行っている この関数を作成する。 731 00:37:49,390 --> 00:37:55,040 >> だから、方法の束は、あなたがあります ランダムな色を生成することができます。 732 00:37:55,040 --> 00:37:59,010 私がやった方法は、それをすることでした 3つの乱数を生成する 733 00:37:59,010 --> 00:38:01,910 およびRGBトリプルに変換。 734 00:38:01,910 --> 00:38:06,130 だから、これはただあなたにいくつかのクールなを示しています あなたは、ああ "、のようにしている場合は、その物事 735 00:38:06,130 --> 00:38:08,464 私はランダムに生成する必要が 番号。「あなたがそれをGoogleで検索した場合、 736 00:38:08,464 --> 00:38:09,630 これはあなたが見つけるだろうものです。 737 00:38:09,630 --> 00:38:17,580 >> だから我々は、異なる3を持っている 物事、VAR、緑、再び赤ではない。 738 00:38:17,580 --> 00:38:18,080 右？ 739 00:38:18,080 --> 00:38:20,740 だから、それらは3である 色を構成するもの。 740 00:38:20,740 --> 00:38:22,220 青、赤、緑。 741 00:38:22,220 --> 00:38:22,960 クール。 742 00:38:22,960 --> 00:38:27,050 そして、私たちにできることは、私たちが知っているということです それは255の間​​である必要があること、 743 00:38:27,050 --> 00:38:30,140 そしてあなたが見上げた場合、一部の 乱数発生器、 744 00:38:30,140 --> 00:38:36,000 あなたは数学のようなものを得ることができる あなたがこれを見ればこれ、ランダムドット 745 00:38:36,000 --> 00:38:39,230 いくつかの数値に戻ります 0と1の間である。 746 00:38:39,230 --> 00:38:39,980 OK？ 747 00:38:39,980 --> 00:38:44,470 そして、何の数字は、当社を行う RGBのトリプルは間を行く？ 748 00:38:44,470 --> 00:38:47,240 ゼロと何？ 749 00:38:47,240 --> 00:38:49,000 彼らは何をして行くことができますか？ 750 00:38:49,000 --> 00:38:49,950 255。 751 00:38:49,950 --> 00:38:53,320 数学がランダムドットのであれば 0と1の間になり、 752 00:38:53,320 --> 00:38:56,365 どのように我々はこれを変換したいのでしょうか？ 753 00:38:56,365 --> 00:38:56,990 聴衆：時間？ 754 00:38:56,990 --> 00:38:57,830 ALLISON BUCHHOLTZ-AU：うん、正確に。 755 00:38:57,830 --> 00:38:58,677 だから、時間は255です。 756 00:38:58,677 --> 00:39:00,888 >> 読者：[聞こえない] それは[聞こえない]のようなものだ。 757 00:39:00,888 --> 00:39:02,471 ALLISON BUCHHOLTZ-AU：数学はランダムドット。 758 00:39:02,471 --> 00:39:03,096 読者：クール。 759 00:39:03,096 --> 00:39:04,580 ALLISON BUCHHOLTZ-AU：はい。 760 00:39:04,580 --> 00:39:06,300 JavaScriptはちょうどあなたの世話をする。 761 00:39:06,300 --> 00:39:07,580 OK。 762 00:39:07,580 --> 00:39:09,360 だから我々は、これらすべてのためにそれを行うことができます。 763 00:39:09,360 --> 00:39:10,540 右？ 764 00:39:10,540 --> 00:39:16,480 数学は、ランダムな時間255ドット。 765 00:39:16,480 --> 00:39:17,740 それをコピーします。 766 00:39:17,740 --> 00:39:18,820 クール。 767 00:39:18,820 --> 00:39:23,350 だから、事は、この5月である 整数を返さない。 768 00:39:23,350 --> 00:39:24,080 右？ 769 00:39:24,080 --> 00:39:26,450 多分、我々はいくつかの番号を取得する 0と1の間、 770 00:39:26,450 --> 00:39:32,150 そしてそれはわずかであることが原因 オフ、そして私たちのRGBSがフロートすることはできません。 771 00:39:32,150 --> 00:39:33,360 彼らは整数である必要があります。 772 00:39:33,360 --> 00:39:37,610 あなたがこれをしようとしたのであれば、それはおそらくだろう いくつかの不安定な動作を持っている。 773 00:39:37,610 --> 00:39:38,810 それはちょっとファンキーになります。 774 00:39:38,810 --> 00:39:43,200 だから、私たちはやっていることは私たちが作りたいです これらが丸みを帯びていることを確認し、 775 00:39:43,200 --> 00:39:45,400 あなたがいずれかの方法を丸めることができます。 776 00:39:45,400 --> 00:39:47,110 私は床に丸く。 777 00:39:47,110 --> 00:39:49,680 だから私はいつも確認しました それは切り捨てていること。 778 00:39:49,680 --> 00:39:54,440 しかし、どのように単純なことのオフに行く 単にランダムな番号を取得することでした、 779 00:39:54,440 --> 00:39:57,920 あなたは私たちがどのように思いますか 床この番号をでしょうか？ 780 00:39:57,920 --> 00:40:00,720 それは非常に似ています。 781 00:40:00,720 --> 00:40:02,810 任意のアイデア？ 782 00:40:02,810 --> 00:40:06,450 だから、ランダムだけで数学のドットであった場合 ランダムなので、あなたは私たちが床を行いたいと思いますか？ 783 00:40:06,450 --> 00:40:09,670 数学は床に点在しています。 784 00:40:09,670 --> 00:40:11,340 そして、あなたはまた、数学のドット天井を行うことができます。 785 00:40:11,340 --> 00:40:14,030 ラウンドはあいまいなの一種である あなたはしないでくださいので、 786 00:40:14,030 --> 00:40:16,110 切り上げまたは切り捨てするかを知っている。 787 00:40:16,110 --> 00:40:20,797 だから、一般的に我々は常に計算を行う ドット床、数学のドット天井。 788 00:40:20,797 --> 00:40:21,380 しかしhonestly-- 789 00:40:21,380 --> 00:40:22,780 >> 観客は：床は切り捨てていますか？ 790 00:40:22,780 --> 00:40:24,740 >> ALLISON BUCHHOLTZ-AU：床は切り捨て。 791 00:40:24,740 --> 00:40:26,990 そして、それは私の一部にだけ選択だ。 792 00:40:26,990 --> 00:40:32,370 >> だから今、私たちは私たちの3つの数字を持っている それは、ランダムに生成された、 793 00:40:32,370 --> 00:40:36,610 そして私たちが今やろうとしていることは私たちがしているである 単に背景を変更しようとして。 794 00:40:36,610 --> 00:40:37,310 OK？ 795 00:40:37,310 --> 00:40:41,490 だから我々はすでに我々が持っている 格納された背景の種類 796 00:40:41,490 --> 00:40:43,280 この要素に背景と呼ばれる。 797 00:40:43,280 --> 00:40:47,300 だから何あなたが気づくことも、ある あなたは、これで遊ん 798 00:40:47,300 --> 00:40:50,460 私たちはスタイルを変更したい。 799 00:40:50,460 --> 00:40:53,812 これは何かの一種である あなたはGoogleが及び、見つけ出すだろう 800 00:40:53,812 --> 00:40:55,020 色を変更する方法が好き。 801 00:40:55,020 --> 00:40:59,210 >> しかし、あなたがこの色にアクセスする方法です 背景は、スタイルドットの背景に点在しています。 802 00:40:59,210 --> 00:41:03,490 だから、これは与えられたと言っている このオブジェクト、背景、 803 00:41:03,490 --> 00:41:06,920 ものを指し そこまで要素ID、 804 00:41:06,920 --> 00:41:10,690 私たちは見てするつもりだ スタイル内のスタイル、 805 00:41:10,690 --> 00:41:13,280 我々は、バックグラウンドを見てするつもりだ。 806 00:41:13,280 --> 00:41:14,270 OK？ 807 00:41:14,270 --> 00:41:17,630 そして、あなたが行くとこれを見れば、 それは少しより多くの意味になるかもしれない、 808 00:41:17,630 --> 00:41:21,930 これは基本的に言って、 「私は、この非常に特定の属性を与える 809 00:41:21,930 --> 00:41:25,770 私が先に定義したものの。」 810 00:41:25,770 --> 00:41:32,340 だから、私たちがあるためにそれを変更している いくつかのRGBは、それは理にかなっているためである。 811 00:41:32,340 --> 00:41:34,780 我々は右、RGBのトリプルを使用している？ 812 00:41:34,780 --> 00:41:41,530 そして、私たちは私が私を確認するにはhave-- ここで引用符の正しい数を取得する。 813 00:41:41,530 --> 00:41:43,940 だから我々は何をすべきか私たちが持っているである RGB、私たちが行っている 814 00:41:43,940 --> 00:41:46,800 これはのようなものですto-- 赤で連結、。 815 00:41:46,800 --> 00:41:50,030 816 00:41:50,030 --> 00:41:52,610 そして、我々はいくつかのカン​​マが欲しい。 817 00:41:52,610 --> 00:41:59,925 そして、我々は、緑のプラスたい その後いくつかのコンマ、およびいくつかの青。 818 00:41:59,925 --> 00:42:10,640 819 00:42:10,640 --> 00:42:14,120 >> したがって、これらのプラスだけ 連結のような意味。 820 00:42:14,120 --> 00:42:19,810 だから、これはこれを作成している RGB以内に起こっている文字列。 821 00:42:19,810 --> 00:42:20,310 OK？ 822 00:42:20,310 --> 00:42:23,200 823 00:42:23,200 --> 00:42:26,684 >> 読者：[聞こえない]プラスその後 グリーンAプラス赤。 824 00:42:26,684 --> 00:42:30,163 >> ALLISON BUCHHOLTZ-AU：うん、 私はそれを台無しにあるため。 825 00:42:30,163 --> 00:42:30,890 その1の罰金。 826 00:42:30,890 --> 00:42:32,110 ああ、上に保持する。 827 00:42:32,110 --> 00:42:32,610 いいえ。 828 00:42:32,610 --> 00:42:36,770 私は確認する必要があるため 私は、これらすべての権利を得たこと。 829 00:42:36,770 --> 00:42:39,680 830 00:42:39,680 --> 00:42:43,950 だから私は、UNOモメントに説明します。 831 00:42:43,950 --> 00:42:47,040 完璧な、ブルー、グリーン。 832 00:42:47,040 --> 00:42:47,971 今、私は終わりだ。 833 00:42:47,971 --> 00:42:48,470 私は信じている。 834 00:42:48,470 --> 00:42:51,570 835 00:42:51,570 --> 00:42:52,530 >> OK。 836 00:42:52,530 --> 00:42:58,085 だから、これが何であるか、その背景がある いくつかの文字列に設定されようとしている。 837 00:42:58,085 --> 00:42:58,585 右？ 838 00:42:58,585 --> 00:42:59,710 どの我々はここに持っているものです。 839 00:42:59,710 --> 00:43:05,870 これは、いくつかのRGB 255コンマになるだろう 255コンマゼロ、または何でも数あなたを 840 00:43:05,870 --> 00:43:06,512 そこに持っている。 841 00:43:06,512 --> 00:43:08,220 だから我々はここでやっている、 我々はいくつかの文字列を持っている。 842 00:43:08,220 --> 00:43:11,910 そして、私たちが何をしたいのか、私たちはしているされている 種類の動的に作成する 843 00:43:11,910 --> 00:43:14,010 私たちは実際にこのプログラムを実行すると、その。 844 00:43:14,010 --> 00:43:16,570 だから、これはいくつかの文字列です。 845 00:43:16,570 --> 00:43:20,290 Plusで、それを連結 赤が持つ価値、 846 00:43:20,290 --> 00:43:23,320 これと一緒に連結 それを連結し、コンマ、 847 00:43:23,320 --> 00:43:26,090 どのような緑色であり、 ように、など。 848 00:43:26,090 --> 00:43:26,660 OK？ 849 00:43:26,660 --> 00:43:32,210 で最後の最後まで、 ここで、このRGBの括弧を閉じる。 850 00:43:32,210 --> 00:43:32,800 OK？ 851 00:43:32,800 --> 00:43:37,230 >> それでは、これをしようとしている いくつかのコマンドが実際に生成する 852 00:43:37,230 --> 00:43:42,770 それは3つの数字のRGBです その背景には、現在に設定されています。 853 00:43:42,770 --> 00:43:43,940 OK？ 854 00:43:43,940 --> 00:43:46,510 だから、これが動作するかどうかを見てみましょう。 855 00:43:46,510 --> 00:43:49,720 私はそれのためならば、それがない願っています 、私は本当悲しいことするつもりはありません。 856 00:43:49,720 --> 00:43:50,250 ああ、いや。 857 00:43:50,250 --> 00:43:52,710 OK、しがみつく。 858 00:43:52,710 --> 00:43:56,730 確かに背景 ドットスタイルドット背景。 859 00:43:56,730 --> 00:43:59,569 私は間違いなく欠けている ほんの少しの何か。 860 00:43:59,569 --> 00:44:00,610 あなたたちはそれを嫌いしないでください？ 861 00:44:00,610 --> 00:44:04,020 とき、それはほんの小さな小さなエラーがですか？ 862 00:44:04,020 --> 00:44:04,990 全能背景。 863 00:44:04,990 --> 00:44:08,391 864 00:44:08,391 --> 00:44:08,890 RGB。 865 00:44:08,890 --> 00:44:09,765 >> 読者：[聞こえない] 866 00:44:09,765 --> 00:44:11,729 867 00:44:11,729 --> 00:44:12,770 ALLISON BUCHHOLTZ-AU：いいえ。 868 00:44:12,770 --> 00:44:14,050 私はクラスの前にこれを試してみました。 869 00:44:14,050 --> 00:44:16,570 私が前にしたすべてを持っている クラスの場合に、私は、のようだった 870 00:44:16,570 --> 00:44:17,970 「私は間違って何をしました、待つのか？」 871 00:44:17,970 --> 00:44:23,190 私は "、のようだったので、私はおそらく意志 いくつかの点で混乱このアップ。 " 872 00:44:23,190 --> 00:44:24,150 プラスグリーン。 873 00:44:24,150 --> 00:44:26,250 それはだようにすべてが見える 正しく連結さ。 874 00:44:26,250 --> 00:44:29,620 875 00:44:29,620 --> 00:44:30,520 OK。 876 00:44:30,520 --> 00:44:31,870 >> 読者：[聞こえない] 877 00:44:31,870 --> 00:44:33,810 >> ALLISON BUCHHOLTZ-AU：ああ、そこに行く。 878 00:44:33,810 --> 00:44:35,520 それは私が必要なものだ。 879 00:44:35,520 --> 00:44:36,805 その時に見て。 880 00:44:36,805 --> 00:44:40,090 救助にティファニー。 881 00:44:40,090 --> 00:44:40,590 パーフェクト。 882 00:44:40,590 --> 00:44:41,090 OK。 883 00:44:41,090 --> 00:44:43,834 今、それが動作するかどうかを見てみましょう。 884 00:44:43,834 --> 00:44:44,816 何てことだ。 885 00:44:44,816 --> 00:44:45,641 OK。 886 00:44:45,641 --> 00:44:46,140 つかまっている。 887 00:44:46,140 --> 00:44:48,280 >> 読者：第二プラスの後のスペース。 888 00:44:48,280 --> 00:44:50,310 >> ALLISON BUCHHOLTZ-AU：1？ 889 00:44:50,310 --> 00:44:52,910 ああ、待ってしがみつく。 890 00:44:52,910 --> 00:44:54,870 スペースが着る？ 891 00:44:54,870 --> 00:44:57,209 >> 聴衆：セカンドプラスで 緑の連結。 892 00:44:57,209 --> 00:44:58,250 ALLISON BUCHHOLTZ-AU：ああ。 893 00:44:58,250 --> 00:44:59,570 読者：スペースがありません プラスの後、うん。 894 00:44:59,570 --> 00:45:00,790 ALLISON BUCHHOLTZ-AU：あなた それを必要としない、but-- 895 00:45:00,790 --> 00:45:01,190 読者：ああ、あなたはしないのですか？ 896 00:45:01,190 --> 00:45:01,910 ALLISON BUCHHOLTZ-AU：それはきれいに見える。 897 00:45:01,910 --> 00:45:02,530 聴衆：OK。 898 00:45:02,530 --> 00:45:03,030 OK。 899 00:45:03,030 --> 00:45:05,170 >> ALLISON BUCHHOLTZ AU： これが動作するかどうか見てみましょう。 900 00:45:05,170 --> 00:45:05,670 OK。 901 00:45:05,670 --> 00:45:07,836 私は明らかに失敗しています を思い出させるこのデモ、 902 00:45:07,836 --> 00:45:12,810 講演他の週の、 私はこれが動作します知っている。 903 00:45:12,810 --> 00:45:15,860 私はこれが動作します知っている。 904 00:45:15,860 --> 00:45:16,580 だから、近い。 905 00:45:16,580 --> 00:45:22,330 私は、誤って削除しない限り、 この1に私のスクリプト。 906 00:45:22,330 --> 00:45:24,035 いいえ、それは党ドットJSです。 907 00:45:24,035 --> 00:45:25,776 OKを押します。 908 00:45:25,776 --> 00:45:28,650 私はこれをコピーするつもりだ、と私もよ ただ、すべてを削除しようとして、 909 00:45:28,650 --> 00:45:30,108 私は以前にこの作業を持っていたので。 910 00:45:30,108 --> 00:45:32,470 911 00:45:32,470 --> 00:45:33,770 >> 私はそれが動作を約束します。 912 00:45:33,770 --> 00:45:36,160 そうでない場合、私はトミーのが何であるかを紹介します。 913 00:45:36,160 --> 00:45:38,890 そして、そこに。 914 00:45:38,890 --> 00:45:42,380 >> 読者：あなたはパーティーを参照している ドットCSS、それは党ドットJSです。 915 00:45:42,380 --> 00:45:45,940 >> ALLISON BUCHHOLTZ-AU：ああ、よく 右ここパーティドットjsがある。 916 00:45:45,940 --> 00:45:49,187 [OK]を、私は別の何をしましたか？ 917 00:45:49,187 --> 00:45:50,520 これが機能するようになりました場合は、[OK]を、我々が表示されます。 918 00:45:50,520 --> 00:45:54,180 919 00:45:54,180 --> 00:45:54,980 バム。 920 00:45:54,980 --> 00:46:02,110 だから、私は私が異なって何をしたかわからないが、 これは起こるべきものです。 921 00:46:02,110 --> 00:46:03,230 ちょっとクール。 922 00:46:03,230 --> 00:46:06,650 私は永遠に、同じように、この上でクリック。 923 00:46:06,650 --> 00:46:11,185 しかし、我々は試してみて、私がしたものを見ることができます 違ってこの1つは持っていたこと。 924 00:46:11,185 --> 00:46:14,560 私はあなたたちについて知っているが、これはありません 私は書いたものを基本的に見えます。 925 00:46:14,560 --> 00:46:17,950 おそらく、欠落があった セミコロンはどこかに私のことです。 926 00:46:17,950 --> 00:46:22,064 実は後に、私が行方不明になったと思います 右ここに実際にセミコロン。 927 00:46:22,064 --> 00:46:24,230 しかし、私はので、それを見ることができませんでした それが画面の外だった。 928 00:46:24,230 --> 00:46:29,040 >> 私たちが気付いた場合でも、これはかなりある 私は書いたかを正確にずっと。 929 00:46:29,040 --> 00:46:33,010 私はおそらく約最も難しい部分だと思います これは、この事のちょうど一種である右 930 00:46:33,010 --> 00:46:36,830 ここでは、理解 それはそこに何をやっている。 931 00:46:36,830 --> 00:46:42,230 あなたが学ぶことのこれらの種類 本当にただ正直にグーグルとすることにより 932 00:46:42,230 --> 00:46:42,880 ちょうどしよう。 933 00:46:42,880 --> 00:46:46,770 あなたが考える場合は、いくつかがあります 属性は、おそらく存在する。 934 00:46:46,770 --> 00:46:48,382 だから、それを試してみてください。 935 00:46:48,382 --> 00:46:49,090 何が起こるかを参照してください。 936 00:46:49,090 --> 00:46:53,000 私が言ったように、たくさんのがあります JavaScriptを実験、 937 00:46:53,000 --> 00:46:56,810 とPHP、およびすべてのこと もの、およびCSS特に。 938 00:46:56,810 --> 00:47:00,046 それは唯一の真のだ それを理解するための方法。 939 00:47:00,046 --> 00:47:07,100 >> [OK]を、ので、その大失敗の後に相手との ドットjsが、我々は2つ​​の他のオプションを持っている。 940 00:47:07,100 --> 00:47:10,650 私たちは、時計やTwitterを持っている。 941 00:47:10,650 --> 00:47:12,190 彼らは両方面白いよ。 942 00:47:12,190 --> 00:47:17,720 そうでないかもしれない非常に当事者としての楽しみとして、 クールな小さなストロボを持っていた 943 00:47:17,720 --> 00:47:19,595 最後にもの。 944 00:47:19,595 --> 00:47:21,714 あなたたちは、あらゆる好みを持っていますか？ 945 00:47:21,714 --> 00:47:22,380 聴衆：クロック？ 946 00:47:22,380 --> 00:47:22,950 ALLISON BUCHHOLTZ-AU：クロック？ 947 00:47:22,950 --> 00:47:23,450 OK。 948 00:47:23,450 --> 00:47:25,390 クール。 949 00:47:25,390 --> 00:47:30,460 >> だからもう一度、私たちは私たちのを持っている 空のJavaScriptファイル。 950 00:47:30,460 --> 00:47:35,800 そして、我々はここで見るように、我々 いくつかの非常に簡単なHTMLを持っている。 951 00:47:35,800 --> 00:47:40,010 我々は、ちょうど、私たちのスタイルシートを持っている それがどのように見えるかの形式。 952 00:47:40,010 --> 00:47:42,860 私たちは、と私たちのdivを持っている クロックのID、その 953 00:47:42,860 --> 00:47:44,420 ただ「これはクロックである必要があります。 "と言う 954 00:47:44,420 --> 00:47:47,650 そして、私たちは私たちのリンクを持っている 私たちのJavaScriptファイルへ 955 00:47:47,650 --> 00:47:51,400 それは実際に起こっている 私たちのために私たちのクロックを生成する。 956 00:47:51,400 --> 00:47:56,060 クールなことなので、あなたができることです 自動的に更新するには、JavaScriptの設定 957 00:47:56,060 --> 00:47:56,963 そのもの。 958 00:47:56,963 --> 00:47:57,810 OK？ 959 00:47:57,810 --> 00:48:01,580 だからではなく、待っているの ページの[更新]をヒットするユーザー 960 00:48:01,580 --> 00:48:03,840 あなたが得ることができるように 更新された時間は、JavaScript 961 00:48:03,840 --> 00:48:06,760 それは好きだが、それを更新することができます。 962 00:48:06,760 --> 00:48:12,082 >> だから、私たちの最後の1と同じように、私たちは思った 私たちの背景にアクセスするには、右？ 963 00:48:12,082 --> 00:48:14,790 だから、かもしれない何を思いますか 最初に私たちはここで何をしたい？ 964 00:48:14,790 --> 00:48:19,538 私たちは、この種のオフつもりなら ここにパラダイムこの種の？ 965 00:48:19,538 --> 00:48:22,200 私たちは、おそらくしたい 右、私たちの時計にアクセスする？ 966 00:48:22,200 --> 00:48:24,724 だから、我々はいくつかのVARを持っている クロック、equals-- 967 00:48:24,724 --> 00:48:26,140 我々は、それがために何が起こっているかと思いますか？ 968 00:48:26,140 --> 00:48:29,290 969 00:48:29,290 --> 00:48:42,670 文書では、ドットも私by--要素を取得 Sublime--のI​​dを愛し、私たちのIdはクロックです。 970 00:48:42,670 --> 00:48:43,585 セミコロン。 971 00:48:43,585 --> 00:48:45,710 取得することを確認するために手に入れた これらのセミコロン今回は、 972 00:48:45,710 --> 00:48:47,835 私はそのように感じるので、 前回問題だった。 973 00:48:47,835 --> 00:48:55,980 私はちょうどしようと言っていたようなので、[OK] JavaScriptが自身をリフレッシュするようにするには、 974 00:48:55,980 --> 00:48:59,655 この偉大な機能は、ありますI それは便利な去年に来た知っている、 975 00:48:59,655 --> 00:49:02,780 私はそれがこのために便利になるか分からない PSETが、それはセット間隔と呼ばれています。 976 00:49:02,780 --> 00:49:05,640 977 00:49:05,640 --> 00:49:08,200 そして、これは本当に実際にある あなたたちは何をすればクール 978 00:49:08,200 --> 00:49:11,460 時間や取得で 更新された情報。 979 00:49:11,460 --> 00:49:13,700 最後のためのウェブサイト上 プロジェクトが、これはおそらく 980 00:49:13,700 --> 00:49:16,240 あなたがしたい機能 スーパー慣れる。 981 00:49:16,240 --> 00:49:19,730 だから、間隔を設定したものということです 我々はそれに機能を付与するつもりだ、 982 00:49:19,730 --> 00:49:21,830 そしてどのくらいの頻度でそれが必要 この関数を呼び出す。 983 00:49:21,830 --> 00:49:22,430 OK？ 984 00:49:22,430 --> 00:49:26,890 >> この場合には、私たちはするつもりだ 再びいくつかの無名関数を作成し、 985 00:49:26,890 --> 00:49:31,530 OK、それは取得する予定です 私たちの日付、および私達の時間、 986 00:49:31,530 --> 00:49:33,780 その後物事を更新し、それを表示します。 987 00:49:33,780 --> 00:49:35,130 だから我々はそのことについて心配するだろう。 988 00:49:35,130 --> 00:49:39,120 ここではクロックを生成するようになるでしょう。 989 00:49:39,120 --> 00:49:41,750 しかし、必要なのはどのようにある 多くの場合、それを更新します。 990 00:49:41,750 --> 00:49:43,930 この場合には、それだけでミリ秒です。 991 00:49:43,930 --> 00:49:46,877 だから我々はちょうどするつもりだ 100ミリ秒を行う。 992 00:49:46,877 --> 00:49:48,210 もちろん、完全に任意。 993 00:49:48,210 --> 00:49:50,600 あなたはそれが更新したい場合 はるかにゆっくりと、あなたは可能性があります。 994 00:49:50,600 --> 00:49:53,300 私たちは、周りに混乱することができます 設定された間隔で、 995 00:49:53,300 --> 00:49:57,240 どのように大きな我々が取得した後、私たちの間隔がある 作業クロック、うまくいけば、私はよ 996 00:49:57,240 --> 00:49:59,660 に着く。 997 00:49:59,660 --> 00:50:04,110 だから、これはちょうどOK、コール」、と言っている この機能は、100ミリ秒ごとに。」 998 00:50:04,110 --> 00:50:04,805 OK？ 999 00:50:04,805 --> 00:50:07,280 つまり、それがないすべてです。 1000 00:50:07,280 --> 00:50:12,290 >> だから我々は我々の機能がしたいものを 我々はいくつかの日付が欲しいされない 1001 00:50:12,290 --> 00:50:14,200 しばらくは何ですか 我々は、必要があるとしている。 1002 00:50:14,200 --> 00:50:19,740 だから私たちは私たちので始めることができます 日付が何かに等しい、 1003 00:50:19,740 --> 00:50:22,708 そして私たちの時間は、何かに等しい 我々はまだ知らない。 1004 00:50:22,708 --> 00:50:26,070 1005 00:50:26,070 --> 00:50:29,300 または実際に、私達はちょうどので、日付が必要です 日付はすべてのものを含めるために起こっている。 1006 00:50:29,300 --> 00:50:34,310 1007 00:50:34,310 --> 00:50:40,010 ここでも約あなただけのGoogleのどちらかといえば あなたが何をしたいのか、あなたが書く場合、 "OK、 1008 00:50:40,010 --> 00:50:41,980 私は時間を取得したい JavaScriptを "と、それを経由して 1009 00:50:41,980 --> 00:50:45,890 あなたにこの素晴らしいを与える GETの日付と呼ばれる機能。 1010 00:50:45,890 --> 00:50:48,664 文字通り、ほとんどのもの あなたがしたいことを、 1011 00:50:48,664 --> 00:50:50,830 JavaScriptは持っているとしている それは既にあなたのために行わ。 1012 00:50:50,830 --> 00:50:55,770 だから、新しいように文字通りだ creating--された日付を取得 1013 00:50:55,770 --> 00:50:58,600 または新しい日付、rather-- これを生成している 1014 00:50:58,600 --> 00:51:03,690 日付を表すいくつかのオブジェクト。 1015 00:51:03,690 --> 00:51:08,200 >> そして、私たちがここでやろうとしていることである これは、私がこれを書くつもりだis-- 1016 00:51:08,200 --> 00:51:10,820 し、それが何をするのかを説明します。 1017 00:51:10,820 --> 00:51:12,560 だから私は、私はこの権利を得ることを確認します。 1018 00:51:12,560 --> 00:51:17,950 1019 00:51:17,950 --> 00:51:23,440 >> OK、だから何、この関数 、私たちはしているされていない 1020 00:51:23,440 --> 00:51:30,680 実際のHTMLを作成する 時計の私たちのDIV Idの内に行くつもり。 1021 00:51:30,680 --> 00:51:34,610 それでは、これがやってされようとしている ちょうどOK、いくつかの文字列を生成している？ 1022 00:51:34,610 --> 00:51:38,510 それはその後になるだろう 私たちのHTMLに移植した。 1023 00:51:38,510 --> 00:51:42,130 基本的に何それを行うために起こっていることである 何でも、私はあなたが表示されますどのようなwe-- 1024 00:51:42,130 --> 00:51:49,070 は何でもあることを、我々は、HTMLがあると言う ここでは、このテキストを置換するつもりだ 1025 00:51:49,070 --> 00:51:51,090 何でもHTMLである。 1026 00:51:51,090 --> 00:51:56,390 だから、これは許可するように起こっている 私たちは私たちのクロックドットを変更する 1027 00:51:56,390 --> 00:52:00,940 こののテキストだけであることからHTML 実際に示したように、クロックであるべき 1028 00:52:00,940 --> 00:52:05,630 私たちは気に数字との事 約、そして実際に時である。 1029 00:52:05,630 --> 00:52:09,810 >> だから我々は何をしている私たちがやろうとしているある このHTMLの生成を開始する予定。 1030 00:52:09,810 --> 00:52:16,520 私たちが使用したのと同じ方法で、だから、 プラスを行うためには、整数に対して等しく、 1031 00:52:16,520 --> 00:52:20,461 あなたは今、文字列のためにそれを行うことができます それはそれらを連結するために起こっているのを除いて。 1032 00:52:20,461 --> 00:52:20,960 右？ 1033 00:52:20,960 --> 00:52:26,070 私たちは、パーティのドットJSでこれを見たように すべてのこれらの事を一緒に連結します。 1034 00:52:26,070 --> 00:52:31,970 だから、の異なるビットを連結することができます HTML変数、または文字列のビットから 1035 00:52:31,970 --> 00:52:33,750 あなたが書き出すこと あなた自身、そしてちょうどこの 1036 00:52:33,750 --> 00:52:38,650 本当にあなたが動的にすることができます かなりクールである、HTMLを生成する。 1037 00:52:38,650 --> 00:52:42,040 だから、あなたが何かを持っている場合 非常にユーザー固有の、 1038 00:52:42,040 --> 00:52:44,130 これはあなたがそれを行うことを許可することができます。 1039 00:52:44,130 --> 00:52:47,550 >> だから私たちは私がするつもりだと、HTMLを持っている 試してみて、私はこの権利を得ることを確認。 1040 00:52:47,550 --> 00:52:49,890 だから我々はいくつかのH1ヘッダをやろうとしている。 1041 00:52:49,890 --> 00:52:53,610 それでは、ここに実現することが重要です これは実際には単なるHTMLであるということである。 1042 00:52:53,610 --> 00:52:54,460 右？ 1043 00:52:54,460 --> 00:52:56,610 私たちは、実際の書いている ここでのHTMLコード、それはだ 1044 00:52:56,610 --> 00:53:01,090 通常の中だけではなく文字列 我々はそれについて考えるだろう方法。 1045 00:53:01,090 --> 00:53:02,930 だから我々はいくつかのHTMLを持っている。 1046 00:53:02,930 --> 00:53:04,940 これは、しかし、ここで文字列とみなされます。 1047 00:53:04,940 --> 00:53:10,380 そして、我々は我々dot--日付を行う 私たちの時間を取得したい。 1048 00:53:10,380 --> 00:53:12,910 あなたがいた場合は、再度、探すため 日付については何もアップする、 1049 00:53:12,910 --> 00:53:16,160 これらはすべてであることを言うだろう 属性は、その日付があります。 1050 00:53:16,160 --> 00:53:17,670 そして、ここであなたがそれを使用することができるものだ。 1051 00:53:17,670 --> 00:53:20,620 だから、おそらくのようなものを持っています 時間を取得し、数分を取得し、 1052 00:53:20,620 --> 00:53:24,669 秒を取得し、ミリ秒を取得し、 誰が、彼らが持っている他に何を知っている。 1053 00:53:24,669 --> 00:53:27,210 しかし、あなたはに見れば ドキュメンテーション、それはすべてがあるでしょう。 1054 00:53:27,210 --> 00:53:31,980 >> だから我々は時間を取得している、 その後、我々はしたいと思う 1055 00:53:31,980 --> 00:53:35,614 それを連結する私は今with-- こちらにこれを移動するつもり。 1056 00:53:35,614 --> 00:53:38,780 だから、私たちは今、生成している場合、我々はしている 実際に時間を生成する、右？ 1057 00:53:38,780 --> 00:53:43,590 我々は時間を持っているし、次に何が 時間と分の間に？ 1058 00:53:43,590 --> 00:53:45,080 あなたは正しい、セミコロンを持っている？ 1059 00:53:45,080 --> 00:53:48,010 だから我々はここでいくつかのセミコロンをやってみたい。 1060 00:53:48,010 --> 00:53:51,780 そして、我々は我々のを取得したい 分なので、同じように 1061 00:53:51,780 --> 00:53:56,450 我々は日付ドットが時間を得る持っていること、 どのように我々は我々の分を得るかもしれない？ 1062 00:53:56,450 --> 00:54:01,542 これは、ドット取得日付文字通りだ 私は一種の好きな分、。 1063 00:54:01,542 --> 00:54:03,250 それは、ああ、どのように "、ようなものだ 私は私の分を得るのですか？」 1064 00:54:03,250 --> 00:54:05,850 私はちょうど私の分を取得する。 1065 00:54:05,850 --> 00:54:07,500 >> OK。 1066 00:54:07,500 --> 00:54:10,990 そして、私たちはここで別のコロンを持っている。 1067 00:54:10,990 --> 00:54:16,350 そして、我々は我々を取得したい場合は、その後 秒、どのように我々は我々の第二を得るかもしれない？ 1068 00:54:16,350 --> 00:54:17,400 日付は秒を得る点在しています。 1069 00:54:17,400 --> 00:54:20,390 1070 00:54:20,390 --> 00:54:21,590 私はそれはかなりクールだと思う。 1071 00:54:21,590 --> 00:54:23,589 とに重要なもの 実現、その我々もある 1072 00:54:23,589 --> 00:54:31,730 ので、ここで私たちのHTMLタグを閉じる必要が H1だから、まだ、有効なHTMLである必要があります。 1073 00:54:31,730 --> 00:54:33,481 クール。 1074 00:54:33,481 --> 00:54:43,110 >> だから後に、私たちは時計を行うことができます ドット内側のHTMLはHTMLに等しい。 1075 00:54:43,110 --> 00:54:43,930 OK？ 1076 00:54:43,930 --> 00:54:46,470 だから私が言った方法を覚えて 基本的には内部HTML 1077 00:54:46,470 --> 00:54:50,610 との間では何でも取る 我々は話を二つのタグ 1078 00:54:50,610 --> 00:54:54,470 および挿入または操作し そこに何でしょうか？ 1079 00:54:54,470 --> 00:54:58,290 だから、これが何をするか、場合 私たちは、私たちの時計に戻る 1080 00:54:58,290 --> 00:55:04,180 クロックが参照するということです このDIVの中のすべて。 1081 00:55:04,180 --> 00:55:09,770 これは内側のHTMLです このidクロックのdivの。 1082 00:55:09,770 --> 00:55:13,930 そしてそれは、それを変更するために起こっている 我々だけで生成されたHTML、 1083 00:55:13,930 --> 00:55:16,750 これ、これ、うまくいけば、 うまくいけば、うまくいけば、 1084 00:55:16,750 --> 00:55:21,026 今の時間が表示されます。 1085 00:55:21,026 --> 00:55:23,960 我々が表示されます。 1086 00:55:23,960 --> 00:55:25,170 もちろん。 1087 00:55:25,170 --> 00:55:26,860 だから多くの技術的な問題。 1088 00:55:26,860 --> 00:55:31,480 私はアリソンのjust-- 私のゲームの今日の連中オフ。 1089 00:55:31,480 --> 00:55:34,136 OK、それが動作します。 1090 00:55:34,136 --> 00:55:35,760 内部HTMLドットクロック。 1091 00:55:35,760 --> 00:55:42,097 それは本当にHTMLでしたか？ 1092 00:55:42,097 --> 00:55:43,180 また、これは何が起こるかです。 1093 00:55:43,180 --> 00:55:48,750 あなたが何かを見ることができないときは、 ちょうどあなたのソースコードを見てください。 1094 00:55:48,750 --> 00:55:49,250 OK。 1095 00:55:49,250 --> 00:55:51,912 1096 00:55:51,912 --> 00:55:54,870 あなたがなりたいの周りのクールな仕事を知っていますか 私たちは右ここにやろうとしているの？ 1097 00:55:54,870 --> 00:55:55,740 >> 読者：あなたが大文字を行うことができますか？ 1098 00:55:55,740 --> 00:55:56,580 大文字？ 1099 00:55:56,580 --> 00:55:58,996 あなたが時間を取得しているので、 その後数分を取得します。 1100 00:55:58,996 --> 00:56:02,590 >> ALLISON BUCHHOLTZ-AU：それ ああ時間を取得し、get--です。 1101 00:56:02,590 --> 00:56:04,945 あなたは、金の星をare--。 1102 00:56:04,945 --> 00:56:08,114 1103 00:56:08,114 --> 00:56:09,030 これは、すべてのテスト、男だ。 1104 00:56:09,030 --> 00:56:13,630 1105 00:56:13,630 --> 00:56:17,330 私はそれがクラスの前に働いていたことを約束。 1106 00:56:17,330 --> 00:56:22,590 >> [OK]を、しかし、知っているクールな何かがある 時には場合は、also--できること 1107 00:56:22,590 --> 00:56:26,560 外部ファイルである 少しクレイジー取得、 1108 00:56:26,560 --> 00:56:30,960 あなたはまた、単にまっすぐにそれらを置くことができます ここでは、これは物事を解決する傾向がある。 1109 00:56:30,960 --> 00:56:35,840 除きこれは本当に醜いのようなものです。 1110 00:56:35,840 --> 00:56:38,050 もちろん、すべてのものをフォーマットします。 1111 00:56:38,050 --> 00:56:41,425 それはすべてき​​れいだことを確認してください。 1112 00:56:41,425 --> 00:56:41,925 OK。 1113 00:56:41,925 --> 00:56:47,200 1114 00:56:47,200 --> 00:56:50,621 >> 私は、すべてのクールなデモをやってみたかった、 そして彼らはワークアウトしていない。 1115 00:56:50,621 --> 00:56:51,555 OK。 1116 00:56:51,555 --> 00:56:53,890 スクリプトのVARクロック。 1117 00:56:53,890 --> 00:57:00,350 とにかく、重要なのはある これが一般的な方法であること 1118 00:57:00,350 --> 00:57:01,870 あなたは、JavaScriptをフォーマットするだろうと。 1119 00:57:01,870 --> 00:57:04,490 ご覧のように、それはすることができます 非常に気難しい時々、 1120 00:57:04,490 --> 00:57:08,780 それは文字通りだった場合でも、 2秒前の作業。 1121 00:57:08,780 --> 00:57:11,820 かどうか2秒前に、 しかし、非常に、非常に最近。 1122 00:57:11,820 --> 00:57:16,070 >> だから、どのように見えるかをお見せし、 と私はクレイジーじゃないことを示すため、 1123 00:57:16,070 --> 00:57:19,730 そしてそのすべてが正確に 同じ、これはどのように見えるかです。 1124 00:57:19,730 --> 00:57:27,410 あなただけのこの上部をやろうとしている ここに、あなたがページのソースを表示する場合、 1125 00:57:27,410 --> 00:57:32,160 あなたが気づいた場合、彼はいくつかをしました スゴ事は、私はそれを簡素化。 1126 00:57:32,160 --> 00:57:35,710 また、トミーにクレジット マックウィリアム、実際に誰が 1127 00:57:35,710 --> 00:57:38,810 私はこれらの例を作成して助けた、 これ、私は彼らが働く知っている理由です。 1128 00:57:38,810 --> 00:57:41,560 トミーは、JavaScriptのマスターであるため。 1129 00:57:41,560 --> 00:57:43,180 私たちが気付いた場合でも、我々はいくつかのセットを持っている。 1130 00:57:43,180 --> 00:57:45,170 私たちはここに私たちの時計機能を持っている。 1131 00:57:45,170 --> 00:57:48,450 これは、すべてのJavaScriptある 私達はちょうど書いた、またはその一部。 1132 00:57:48,450 --> 00:57:51,470 私達はちょうどここに、このいずれかを書きました。 1133 00:57:51,470 --> 00:57:54,260 そして、彼は余分を持って ちょうどそれをパッド機能 1134 00:57:54,260 --> 00:57:57,790 前にゼロを置くことによって、 文字またはそれはだ場合、数字の前に 1135 00:57:57,790 --> 00:57:59,412 それらのちょうど1。 1136 00:57:59,412 --> 00:58:02,120 あなたが気づくのであれば、これはかなりある 我々だけで書いたかを正確にずっと。 1137 00:58:02,120 --> 00:58:06,230 あなたはそのいくつかの可変クロックを持っている 私たちの要素を持って、IDによって要素を取得、 1138 00:58:06,230 --> 00:58:07,252 そのクロックです。 1139 00:58:07,252 --> 00:58:08,960 私たちは、設定された間隔を持っている 関数は、そのです 1140 00:58:08,960 --> 00:58:12,670 無名関数 それがこのすべてを実行します。 1141 00:58:12,670 --> 00:58:16,940 我々はいくつかの文字列を開始しました 私たちはそれから動的にHTML 1142 00:58:16,940 --> 00:58:20,750 いくつかを持っていることによって生成する H1ヘッダー、連結 1143 00:58:20,750 --> 00:58:23,950 取得時間と、プラス 私たちのコロン、プラスになっ 1144 00:58:23,950 --> 00:58:26,860 分、プラス別 コロン、さらに私共秒、 1145 00:58:26,860 --> 00:58:29,330 そして最終的にそれのためのHTMLを終了。 1146 00:58:29,330 --> 00:58:34,210 そして、我々は我々のクロックを更新 HTMLに内部HTMLドット、 1147 00:58:34,210 --> 00:58:37,640 私たちは100ミリ秒ごとに更新します。 1148 00:58:37,640 --> 00:58:39,060 OK？ 1149 00:58:39,060 --> 00:58:42,470 >> 私はクレイジーじゃないことを約束参照してください。 1150 00:58:42,470 --> 00:58:43,440 私は知らない。 1151 00:58:43,440 --> 00:58:47,160 それが私を好きではない理由を私は知らない。 1152 00:58:47,160 --> 00:58:54,030 私は、同じように見えように感じる どうやらそれは私を嫌っている。 1153 00:58:54,030 --> 00:58:59,600 >> だから、3ラウンドが良くなった場合を見てみましょう。 1154 00:58:59,600 --> 00:59:00,970 私たちは見ることしようとしています。 1155 00:59:00,970 --> 00:59:02,910 私は、これは行くために起こっているかどうかはわかりません。 1156 00:59:02,910 --> 00:59:06,700 誰もが、少なくともなっている 単に一般的なテーマのような短所、 1157 00:59:06,700 --> 00:59:08,480 JavaScriptを、しかし？ 1158 00:59:08,480 --> 00:59:15,660 私は、少なくとも有用な、より願ってい それは少し気難しいだことを示しているよりも。 1159 00:59:15,660 --> 00:59:21,190 しかし、あなたの問題セットは非常に楽しいとなります。 1160 00:59:21,190 --> 00:59:22,590 それは素晴らしいことになるだろう。 1161 00:59:22,590 --> 00:59:24,820 これはかなりのように退屈されません このように、私は考えていない。 1162 00:59:24,820 --> 00:59:28,100 あなたが実際に買ってあげる 本当にクールなものを参照してください。 1163 00:59:28,100 --> 00:59:31,734 >> だから、最後のではなく、少なくとも、 私たちはTwitterのいずれかを試してみます。 1164 00:59:31,734 --> 00:59:32,900 私は、今の人は本当に怖い。 1165 00:59:32,900 --> 00:59:35,762 私は、これは行くために起こっているのか分からない。 1166 00:59:35,762 --> 00:59:39,930 しかし、単にあなたに少しを与えるために より味、これは実際には 1167 00:59:39,930 --> 00:59:44,190 操作文字列と 私たちがやろうとしているものを入力、 1168 00:59:44,190 --> 00:59:50,960 我々はHTML--とここに気付いた場合、ある この1は少しを持っていmore-- 1169 00:59:50,960 --> 00:59:57,200 我々はいくつかのテキスト領域を有する ここでは、このテキスト領域に対応している。 1170 00:59:57,200 --> 00:59:58,030 OK？ 1171 00:59:58,030 --> 01:00:00,420 そして、それは、テキストのIDを持っています。 1172 01:00:00,420 --> 01:00:04,520 我々はそれを少し作り直さ いくつかの幅と高さを持つ 1173 01:00:04,520 --> 01:00:07,310 我々は、所定たので、 私たちは、h1としている 1174 01:00:07,310 --> 01:00:11,260 これだけで私たちのヘッダがその一つです 私たちの残り文字を表す。 1175 01:00:11,260 --> 01:00:14,570 私たちはそれをいくつかのIdを与えた 残りの文字、 1176 01:00:14,570 --> 01:00:18,660 その後、我々はいくつかのスクリプトを持っている ここで、私は本当に私れる 1177 01:00:18,660 --> 01:00:20,790 三度目のを期待して ここの魅力、みんな。 1178 01:00:20,790 --> 01:00:26,750 >> だから我々は何をしたいのか、 同じ一般的な静脈内 1179 01:00:26,750 --> 01:00:31,480 我々は、クロック·ドットJSでやったこと 私たちが気づいたように、党ドットJS、 1180 01:00:31,480 --> 01:00:35,980 私たちは実際につかんによって始めましたされている 私たちは気に物事、右？ 1181 01:00:35,980 --> 01:00:42,330 したがって、この場合は、2つが存在する 私たちは気になら、OK？ 1182 01:00:42,330 --> 01:00:47,199 私たちは種類の実際にしている一つのこと に探してから描画データを、 1183 01:00:47,199 --> 01:00:48,990 そして一つのこと、その 私たちは実際に変更している。 1184 01:00:48,990 --> 01:00:52,110 1185 01:00:52,110 --> 01:00:53,730 だから私たちのHTMLがあります。 1186 01:00:53,730 --> 01:01:00,370 これは、ここで私たちのウェブページであれば、何が 私たちが見ているデータ？ 1187 01:01:00,370 --> 01:01:03,860 それはどのようなことになるだろう 私たちのボックス内のテキスト、右？ 1188 01:01:03,860 --> 01:01:05,310 だから、何でも私がここで入力します。 1189 01:01:05,310 --> 01:01:08,150 それは私が知りたいものだ、または それは私が見てみたいものだ。 1190 01:01:08,150 --> 01:01:10,690 そして、何になるだろう 私たちのウェブページに変更する？ 1191 01:01:10,690 --> 01:01:13,550 1192 01:01:13,550 --> 01:01:14,880 文字が残っている。 1193 01:01:14,880 --> 01:01:19,550 だから、同じように、私たちがしたい 変数を初期化することによって開始する 1194 01:01:19,550 --> 01:01:22,030 それは実際にそれらの要素の上に保持する。 1195 01:01:22,030 --> 01:01:22,890 OK？ 1196 01:01:22,890 --> 01:01:29,930 だから我々はいくつかのVARを持っている場合 それは、私たちのテキスト領域である 1197 01:01:29,930 --> 01:01:33,681 私たちは残っているいくつかのVARを持っている。 1198 01:01:33,681 --> 01:01:34,180 右？ 1199 01:01:34,180 --> 01:01:36,190 したがって、これらはしようとしている これらの二つのことを保持する。 1200 01:01:36,190 --> 01:01:42,370 だから、ものと同じ種類の、 文書では、私は、[OK]をdot-- 1201 01:01:42,370 --> 01:01:45,920 これがあることを確認するつもり この時間を仕事に行く。 1202 01:01:45,920 --> 01:01:49,620 私は非常に断固としています。 1203 01:01:49,620 --> 01:01:53,310 [OK]を、私たちは私たちのしたい場合はその 係るテキスト領域、 1204 01:01:53,310 --> 01:01:55,710 私たちのHTMLに、私たちの識別子は何ですか？ 1205 01:01:55,710 --> 01:01:56,420 私たちのIDとは？ 1206 01:01:56,420 --> 01:01:59,500 1207 01:01:59,500 --> 01:02:05,540 それはちょうどので、テキストになるだろう これはOK、私たちのテキスト領域を作成し、 1208 01:02:05,540 --> 01:02:10,320 そして私たちのIdはテキストなので、それはだ どのように我々はそこに何があるかつかむことができます。 1209 01:02:10,320 --> 01:02:12,130 OK、セミコロン。 1210 01:02:12,130 --> 01:02:13,940 私はスーパーもするつもりだ これについて正確​​な、 1211 01:02:13,940 --> 01:02:16,300 私は、これがこの時間を仕事にしたいので。 1212 01:02:16,300 --> 01:02:22,120 [OK]を、同じことを行う、 Idで要素を取得する。 1213 01:02:22,120 --> 01:02:25,970 私は実際に持っているもの思ったんだけど 台無しに他の二つの原因となった。 1214 01:02:25,970 --> 01:02:29,750 [OK]を、この1で、 我々は、アクセスするために何をしたいですか？ 1215 01:02:29,750 --> 01:02:30,760 ここに私たちのIDとは？ 1216 01:02:30,760 --> 01:02:33,980 1217 01:02:33,980 --> 01:02:36,261 私たちは、別のIDを持っている 私たちのHTML、それは何ですか？ 1218 01:02:36,261 --> 01:02:37,552 読者：文字が残っている。 1219 01:02:37,552 --> 01:02:39,343 ALLISON BUCHHOLTZ-AU： 文字が残っている。 1220 01:02:39,343 --> 01:02:43,360 1221 01:02:43,360 --> 01:02:44,330 >> OK。 1222 01:02:44,330 --> 01:02:46,010 クール。 1223 01:02:46,010 --> 01:02:49,800 だから私はちょうどに行くよ 本当に速いこれを書く。 1224 01:02:49,800 --> 01:02:53,706 1225 01:02:53,706 --> 01:02:55,330 私はちょうど第二にこれを書くつもりだ。 1226 01:02:55,330 --> 01:02:56,190 だから、テキスト領域。 1227 01:02:56,190 --> 01:02:59,550 1228 01:02:59,550 --> 01:03:06,180 面白いのは、そこのB function--です の機能がたくさんあることだけでなく、 1229 01:03:06,180 --> 01:03:09,690 あなたに対応 マウスが、あなたのキーボード。 1230 01:03:09,690 --> 01:03:10,190 OK？ 1231 01:03:10,190 --> 01:03:16,540 いずれかのキーがあるときにあなたが言うことができます 押された、あなたはそのようなことを行うことができます。 1232 01:03:16,540 --> 01:03:20,450 私たちが使用しているので、1 、上キーで呼び出される 1233 01:03:20,450 --> 01:03:25,320 あなたは上の任意のキーを押してしまった場合」、と言う ユーザーが持ち上げているあなたのキーボード、 1234 01:03:25,320 --> 01:03:28,064 そのボタンをオフに指、 とキーが押されていない状態となっている、 1235 01:03:28,064 --> 01:03:29,480 その後、我々は何かをやろうとしている。」 1236 01:03:29,480 --> 01:03:29,980 OK？ 1237 01:03:29,980 --> 01:03:31,370 だから、これは右、理にかなっている？ 1238 01:03:31,370 --> 01:03:33,540 すべての文字のため 私たちはなるだろう、と入力 1239 01:03:33,540 --> 01:03:36,550 オフ私たちの指を持ち上げるために持っている そのため、キーが上がるとき、 1240 01:03:36,550 --> 01:03:40,980 我々はデクリメントに知ることができる 私たちの文字が残っている。 1241 01:03:40,980 --> 01:03:44,440 >> だから我々は、キー上のいくつかを持っている アップ、及び同様に、 1242 01:03:44,440 --> 01:03:47,480 私たちは、言おうとしている 「OK、我々はそれを行う際に、我々 1243 01:03:47,480 --> 01:03:55,110 そのいくつかの関数を作成しようとしている この場合の「電子を取るために起こっている、 1244 01:03:55,110 --> 01:03:58,800 そして私たちがやりたいことはある 残りの数を計算する。 1245 01:03:58,800 --> 01:04:02,510 [OK]を、ので、ちょうど始めましょう 変数を作成することによって。 1246 01:04:02,510 --> 01:04:05,830 だから我々はいくつかの変数rを持って、 それが表現するために起こっている 1247 01:04:05,830 --> 01:04:07,720 どのように多くの文字は、我々は残っている。 1248 01:04:07,720 --> 01:04:08,890 OK？ 1249 01:04:08,890 --> 01:04:14,540 私たちは始めることを知っている 140、そして私たちが知りたい場合は、 1250 01:04:14,540 --> 01:04:18,360 それでは言わせて、これの長さ 入力された文字列だ、 1251 01:04:18,360 --> 01:04:20,860 あなたたちはどんな考えを持っていない 我々はそれをどのように行うのでしょうか？ 1252 01:04:20,860 --> 01:04:23,900 ちょうど明白なのオフに基づいて 私たちは時間をしたい場合のようなもの、 1253 01:04:23,900 --> 01:04:25,870 私たちは時間を取得し使用。 1254 01:04:25,870 --> 01:04:28,860 私たちは、オブジェクトであることを知っている テキスト領域が、可能性が君たち 1255 01:04:28,860 --> 01:04:33,050 それの後に来るかもしれないものを考える？ 1256 01:04:33,050 --> 01:04:35,280 任意のアイデア？ 1257 01:04:35,280 --> 01:04:41,730 >> 未満のため、この1の種 直感的な、それは価値ドットの長さです。 1258 01:04:41,730 --> 01:04:44,700 だから私にいくつかを与える value属性その 1259 01:04:44,700 --> 01:04:46,500 実際にこの文字列の長さです。 1260 01:04:46,500 --> 01:04:50,340 だから、[OK]を、私は探しています」と言うために起こっている テキスト領域内でこの文字列全体では、 1261 01:04:50,340 --> 01:04:52,730 と私が言うつもりだ あなたどのくらいの時間がある。」 1262 01:04:52,730 --> 01:04:55,500 我々は文字列を覚えていればいるため 実際には単なる配列です、 1263 01:04:55,500 --> 01:04:58,110 私たちはそれらの長さを取ることができます。 1264 01:04:58,110 --> 01:05:01,860 だから我々はそれを持っている。 1265 01:05:01,860 --> 01:05:04,058 クール。 1266 01:05:04,058 --> 01:05:09,360 >> その後、我々が何をしたい、私たちは、 ユーザーを許可することはありません 1267 01:05:09,360 --> 01:05:12,340 より入力より 140文字、右？ 1268 01:05:12,340 --> 01:05:15,610 ので、私たちは、ああ "、のように言う場合 これだけ多くが残っている、 " 1269 01:05:15,610 --> 01:05:20,522 し、それらはそれをやらせる とにかく、我々は嘘をついてきた。 1270 01:05:20,522 --> 01:05:22,230 そして、これは別です 事そのJavaScriptが 1271 01:05:22,230 --> 01:05:24,530 本当に良いことができます 例えば、ユーザの検証である 1272 01:05:24,530 --> 01:05:29,062 とことを確認し、あなたの ユーザーはルールの範囲内に収まる 1273 01:05:29,062 --> 01:05:30,270 あなたがそれらに提供されたこと。 1274 01:05:30,270 --> 01:05:36,020 あなたが作るようなことをやってみたいのであれば 必ず誰か入力、メールアドレス、 1275 01:05:36,020 --> 01:05:40,242 とき、またはことを確認し、彼ら 2パスワードを入力し、彼らが一致した。 1276 01:05:40,242 --> 01:05:41,200 JavaScriptはそれを行うことができます。 1277 01:05:41,200 --> 01:05:44,010 あなたは "、のような何かをするだろう フォームは、提出された」などとされ、 1278 01:05:44,010 --> 01:05:48,170 「フォームを送信ボタンがあるとき クリックされ、これらすべてのものをご確認ください。」 1279 01:05:48,170 --> 01:05:49,670 そして、我々はJavaScriptのことを行うことができます。 1280 01:05:49,670 --> 01:05:52,680 だから、ただ何だ 私たちはここでやろうとしている。 1281 01:05:52,680 --> 01:05:57,810 >> だから何がいるかどうかをチェックするための方法かもしれない 彼らは、140文字の上に行ってきた？ 1282 01:05:57,810 --> 01:06:03,310 何に起こるだろう Rの私たちの価値彼らがしようとすると？ 1283 01:06:03,310 --> 01:06:04,760 それは右、陰性であることが起こっているのですか？ 1284 01:06:04,760 --> 01:06:07,380 それとも、より少ないことになるだろう よりゼロに等しい。 1285 01:06:07,380 --> 01:06:13,690 それであればだから我々は使用することができます ちょうど他のすべてが好きです。 1286 01:06:13,690 --> 01:06:14,270 OK？ 1287 01:06:14,270 --> 01:06:20,480 そして、我々はいくつかのテキスト領域のドットを持っている 値は、私たちはここで何をやっている 1288 01:06:20,480 --> 01:06:29,940 我々はそれが何であるかcutting--ているのですか？ 1289 01:06:29,940 --> 01:06:30,900 ごめんなさい。 1290 01:06:30,900 --> 01:06:32,732 この1は、私たちはfalseを返したい。 1291 01:06:32,732 --> 01:06:34,030 私は混乱しました。 1292 01:06:34,030 --> 01:06:36,560 すべてが動作していない事から疲れた。 1293 01:06:36,560 --> 01:06:40,010 [OK]を、私たちはしたい falseを返し、その後、我々 1294 01:06:40,010 --> 01:06:44,160 表示したい 文字を残り、右？ 1295 01:06:44,160 --> 01:06:48,720 クロックでだから、私たちはやった 内部HTMLで何か、右？ 1296 01:06:48,720 --> 01:06:52,070 我々はいくつかに等しく、それを設定する場合は 変数、私たちはここで何をするのでしょうか？ 1297 01:06:52,070 --> 01:06:54,590 1298 01:06:54,590 --> 01:06:57,750 私たちは、の内部HTMLを変更している？ 1299 01:06:57,750 --> 01:07:02,843 1300 01:07:02,843 --> 01:07:03,780 >> 読者：残り？ 1301 01:07:03,780 --> 01:07:05,738 >> ALLISON BUCHHOLTZ-AU： 我々は残りを変更している。 1302 01:07:05,738 --> 01:07:09,217 1303 01:07:09,217 --> 01:07:11,300 すべての権利、そして我々が何をすべきか 同等に設定したいですか？ 1304 01:07:11,300 --> 01:07:14,440 1305 01:07:14,440 --> 01:07:18,437 そのためには、Rになるだろう 私たちの文字が残っているべきである。 1306 01:07:18,437 --> 01:07:19,600 OK？ 1307 01:07:19,600 --> 01:07:26,060 だから私はかどうかを確認するために、本当に緊張しています これが動作するようになりましたが、我々が表示されます。 1308 01:07:26,060 --> 01:07:28,960 1309 01:07:28,960 --> 01:07:29,460 このままにしておきます。 1310 01:07:29,460 --> 01:07:34,690 1311 01:07:34,690 --> 01:07:37,700 それは本当に速いです。 1312 01:07:37,700 --> 01:07:38,970 [聞こえない] [OK]をクリックします。 1313 01:07:38,970 --> 01:07:44,574 1314 01:07:44,574 --> 01:07:45,990 繰り返しますが、私はちょうどお見せするつもりです。 1315 01:07:45,990 --> 01:07:49,430 何らかの理由で、 地雷は動作しないことを決定、 1316 01:07:49,430 --> 01:07:53,354 しかし、私はあなたが表示されますと、このことです is--ああ私はその中に入れになっていた。 1317 01:07:53,354 --> 01:07:57,470 [OK]を、私たちは、同じ種類のに気付く ここでの事、テキスト領域を取得する。 1318 01:07:57,470 --> 01:08:01,070 >> また、男に気付いた場合、あるかどう 今までにあなたがしたい何か、 1319 01:08:01,070 --> 01:08:04,080 そして、あなたは何をする方法がわからない それは、単に、ページのソースを表示をクリックします 1320 01:08:04,080 --> 01:08:06,632 彼らはあなたを伝えるつもりだ。 1321 01:08:06,632 --> 01:08:07,840 時にはそれが暗号化されます。 1322 01:08:07,840 --> 01:08:11,147 あなたのpsetのために、我々はすべてを暗号化し、 そう、それだけでちんぷんかんぷんのように見えます。 1323 01:08:11,147 --> 01:08:13,480 本当にしかし、今までにあるかどう あなたが好きなクールなウェブサイト、 1324 01:08:13,480 --> 01:08:17,729 あなただけのページのソースを表示をクリックした場合、 それはそれを行うにはどのように言うつもりだ。 1325 01:08:17,729 --> 01:08:20,770 だから、再び、難しく、よりスマートではない仕事。 1326 01:08:20,770 --> 01:08:24,250 そして、あなたはここで、すべての参照として、 これらの事は同じです。 1327 01:08:24,250 --> 01:08:31,930 この1は、ここではいくつかの部分文字列を取る それは、私はこれがないかを正確に忘れる。 1328 01:08:31,930 --> 01:08:36,980 しかし、それは明らかにいくつかの部分文字列を取る ゼロから10までの値の、 1329 01:08:36,980 --> 01:08:41,540 と停止をすべきかfalseを返す もはや入力からユーザー、 1330 01:08:41,540 --> 01:08:46,040 その後、明らかにアップデート そこに内部HTML。 1331 01:08:46,040 --> 01:08:47,410 >> クール。 1332 01:08:47,410 --> 01:08:53,000 今日からとても大きくテイク遠かった、 実験、ソースコードを見て 1333 01:08:53,000 --> 01:08:58,359 それはあなたに多くを助けるために起こっているため、 時々、みんなは、JavaScript 1334 01:08:58,359 --> 01:09:03,200 で動作するように難しいことができますし、しません 常に、あなたはそれを期待するように動作 1335 01:09:03,200 --> 01:09:05,700 しかし単に努力を続ける 私は約束するので、それは意志。 1336 01:09:05,700 --> 01:09:08,376 私は、これらの例のすべてを約束 クラスの前に働いていた。 1337 01:09:08,376 --> 01:09:09,750 私は何が起こったのか理解していない。 1338 01:09:09,750 --> 01:09:13,069 私は、文字通り同じすべてを持っている。 1339 01:09:13,069 --> 01:09:17,660 >> 私はちょうどしたいもう一つ あなたのスーパー役立ちますみんなを表示 1340 01:09:17,660 --> 01:09:21,630 前に働いていた何in--ている？ 1341 01:09:21,630 --> 01:09:23,935 私たちは、私たちは、仕事にパーティーをしませんでした得たか。 1342 01:09:23,935 --> 01:09:26,569 私はそう思う。 1343 01:09:26,569 --> 01:09:27,069 はい。 1344 01:09:27,069 --> 01:09:27,630 私たちはやった。 1345 01:09:27,630 --> 01:09:28,250 恐ろしい。 1346 01:09:28,250 --> 01:09:31,189 [OK]を、ので、一つのこと、その あなたたちは知っている必要があります 1347 01:09:31,189 --> 01:09:33,340 私が話をコンソールログです。 1348 01:09:33,340 --> 01:09:37,040 だから、ハローのドットログをコンソール。 1349 01:09:37,040 --> 01:09:40,430 だから、これは一種のです のprintfのJavaScriptの同等。 1350 01:09:40,430 --> 01:09:42,810 だから、あなたは今までにしたい場合 あなたの変数を検査 1351 01:09:42,810 --> 01:09:49,649 または何、そこに何が起こっているかを参照してください。 あなたが行うことができ、我々は要素を検査した場合、である、 1352 01:09:49,649 --> 01:09:51,899 どこに行きたいものです に、そしてあなたがコンソールに移動し、 1353 01:09:51,899 --> 01:09:53,770 あなたはそれがハローを印刷していることがわかります。 1354 01:09:53,770 --> 01:09:55,750 >> だから我々はそれを持っている可能性が 我々が望んで何でも印刷。 1355 01:09:55,750 --> 01:10:04,170 我々は、それがバックグラウンドを印刷したい場合 ドットスタイルドット背景、 1356 01:10:04,170 --> 01:10:08,454 私たちは見ることができるはずです RGBトリプルそれがアップする。 1357 01:10:08,454 --> 01:10:11,140 か否か。 1358 01:10:11,140 --> 01:10:13,520 私は正確にどのようにあなたを忘れ そのような変数を印刷し、 1359 01:10:13,520 --> 01:10:17,249 しかし、あなたのことができるようになり そのようなものをプリントアウトする。 1360 01:10:17,249 --> 01:10:19,040 それは非常に有用であろう あなたのPSETときのために 1361 01:10:19,040 --> 01:10:23,330 あなたが操作しようとしている 座標またはその他もろもろ。 1362 01:10:23,330 --> 01:10:25,270 そこで、彼らはまた、クラスでこの曲を変更してください。 1363 01:10:25,270 --> 01:10:30,750 これは、最後の年とは異なります ちょうどあなたのTFにいいこと、またはTFの 1364 01:10:30,750 --> 01:10:36,350 営業時間ではなく、私たちがしているので、 君たちと一緒に学習の一種。 1365 01:10:36,350 --> 01:10:41,230 しかし、コンソールログは、超超だった 昨年はJavaScriptに役立つ。 1366 01:10:41,230 --> 01:10:42,740 だから、それを愛する。 1367 01:10:42,740 --> 01:10:43,780 それを使用する方法を学習します。 1368 01:10:43,780 --> 01:10:49,026 それはように、GDBを使用するより簡単です 少なくともプラスポイントでなければなりません。 1369 01:10:49,026 --> 01:10:50,650 しかし、男は私と軸受けされているあなたに感謝。 1370 01:10:50,650 --> 01:10:53,400 私は私のことをごめんなさい 何らかの理由での例 1371 01:10:53,400 --> 01:10:55,410 単にたいと思わなかった 私と一緒に協力したが、私 1372 01:10:55,410 --> 01:11:01,010 それは一種のあなた得るのを助けたことを願っています JavaScriptをゾーンでもう少し。 1373 01:11:01,010 --> 01:11:04,980 そして、私にするためのすべてのご質問を送信する 私はスーパー修復することができるので、来週、 1374 01:11:04,980 --> 01:11:09,420 と私はお菓子とさえ余分に持っていきます キャンディ、これはばかげたからである。 1375 01:11:09,420 --> 01:11:14,000 しかし、あなたたちは素晴らしいです、 と素晴らしい週持っている。 1376 01:11:14,000 --> 01:11:15,584