1 00:00:00,000 --> 00:00:08,100 2 00:00:08,100 --> 00:00:08,890 >> ROGER ZURAWICKI：みなさん、こんにちは。 3 00:00:08,890 --> 00:00:11,310 私はあなたの注意を得ることができますか？ 4 00:00:11,310 --> 00:00:12,090 ありがとう、みんな。 5 00:00:12,090 --> 00:00:14,030 今日は流星についてお話したいと思います。 6 00:00:14,030 --> 00:00:16,710 これは、JavaScriptのフレームワークです。 7 00:00:16,710 --> 00:00:21,110 私たちは、どのようにあなたができるを通じて行きます 本当にクールなWebアプリを作る。 8 00:00:21,110 --> 00:00:24,940 >> 我々はJavaScriptに入る前に、私はちょうど 君たちに伝えたい、この意志 9 00:00:24,940 --> 00:00:26,900 後であるでしょう - こと 今学期の作品。 10 00:00:26,900 --> 00:00:28,520 これは、JavaScriptの程度にする必要があります。 11 00:00:28,520 --> 00:00:32,910 私は[聞こえない]最初に起こっていると思う 我々の前にウェブのHTML、PHPのものをカバー 12 00:00:32,910 --> 00:00:34,530 JavaScriptに移動します。 13 00:00:34,530 --> 00:00:39,650 およびCS50には、JavaScriptを考える クライアントコードのような。 14 00:00:39,650 --> 00:00:41,970 だから、それが唯一で実行されます Webブラウザ。 15 00:00:41,970 --> 00:00:45,740 >> しかし、最近の進歩においてのおかげ 技術、我々は今実行するために管理している 16 00:00:45,740 --> 00:00:48,090 だけでなく、サーバーとしてのJavaScript。 17 00:00:48,090 --> 00:00:51,630 だから、これは本当にクールを作成しました 今あなたが書くことができますので、フレームワーク 18 00:00:51,630 --> 00:00:55,250 のための合法的に同じコード クライアントとサーバ。 19 00:00:55,250 --> 00:00:57,810 そして、あなたはあなたの中で関数を定義するとき サーバー、クライアントはそれらを呼び出すことができます 20 00:00:57,810 --> 00:00:59,090 同じ機能。 21 00:00:59,090 --> 00:01:00,370 そして、それはそれは非常に簡単になります。 22 00:01:00,370 --> 00:01:04,519 前のに対し、あなたがPHPを使用している場合 前面にあるサーバーは、JavaScript 23 00:01:04,519 --> 00:01:08,040 最後に、PHPの関数を記述する必要があります そして、その後のJavaScriptバージョン 24 00:01:08,040 --> 00:01:10,880 行うには、同じ機能 仕事と同じ種類。 25 00:01:10,880 --> 00:01:14,330 >> だから我々は、私が欲しい、使い始める前に あなたに何のデモを表示する 26 00:01:14,330 --> 00:01:17,190 流星はあなたのために行うことができます。 27 00:01:17,190 --> 00:01:20,330 私は何である、あなたのデモが表示されます あなたがして作成することができるでしょう 28 00:01:20,330 --> 00:01:21,580 このセミナーの最後に。 29 00:01:21,580 --> 00:01:24,260 30 00:01:24,260 --> 00:01:25,670 私達はちょうどここに行く。 31 00:01:25,670 --> 00:01:27,410 これはリーダーボードアプリです。 32 00:01:27,410 --> 00:01:31,970 それは、実際に例を拠点だ その流星はあなたを与える。 33 00:01:31,970 --> 00:01:37,220 >> なぜならときに、流星は非常にいいです あなたができる、パッケージとしてインストール 34 00:01:37,220 --> 00:01:39,140 基本的にで遊んで これらの4つのデモ。 35 00:01:39,140 --> 00:01:41,410 とリーダーボードである これらのデモの最初の。 36 00:01:41,410 --> 00:01:44,620 セミナー終了後、私はあなたのすべてを奨励 ただ、他のデモを探索する 37 00:01:44,620 --> 00:01:48,300 私は、彼らは本当にクールだと思うので、と 彼らはあなたの流星の威力を発揮します。 38 00:01:48,300 --> 00:01:51,310 >> それでは、これは、これは リーダーボード上でホストされている。 39 00:01:51,310 --> 00:01:54,950 これはちょうど率直名のリストです。 40 00:01:54,950 --> 00:01:56,510 そして、あなたは人々を選択することができます。 41 00:01:56,510 --> 00:01:57,780 彼らは黄色に。 42 00:01:57,780 --> 00:02:00,060 そして、あなたは与えることができます これらの5つのポイント。 43 00:02:00,060 --> 00:02:02,850 そして、あなたはリストであることがわかります ソートされたので、私はもっと自分自身を与えるよう 44 00:02:02,850 --> 00:02:05,850 そしてより多くのポイントは、私が一番上になりましたよ。 45 00:02:05,850 --> 00:02:07,420 我々は開始場所にするためです。 46 00:02:07,420 --> 00:02:11,690 >> そして何を奪うことができるでしょう このセミナーからさらにいくつかある 47 00:02:11,690 --> 00:02:13,600 私が追加した機能 リーダーボード。 48 00:02:13,600 --> 00:02:18,240 我々はどのようにカバーするだけでなく、されます 我々はできる、プレイヤーに5点を追加 49 00:02:18,240 --> 00:02:28,720 選手を削除し、我々は新しい選手を追加することができ、 そして我々は我々が望む方法を選択することができます 50 00:02:28,720 --> 00:02:29,540 それらをソートする。 51 00:02:29,540 --> 00:02:35,240 これらはすべて非常に簡単にAPI呼び出しである その流星はあなたのために用意されています。 52 00:02:35,240 --> 00:02:39,120 また、ここでは機能を持っている スコアをランダム化する。 53 00:02:39,120 --> 00:02:41,450 >> それでは、このことについては本当にクールだ あなたたちは、実際にできている 54 00:02:41,450 --> 00:02:43,820 すべてのサイトにアクセスしてください。 55 00:02:43,820 --> 00:02:46,575 私はここで大きなテキストの中に入れます。 56 00:02:46,575 --> 00:02:51,390 57 00:02:51,390 --> 00:02:52,640 ワンラジカルリードerboard.meteor.com。 58 00:02:52,640 --> 00:03:03,390 59 00:03:03,390 --> 00:03:07,622 そしてあなたたちはあなたに、サイトにアクセスしたとき サイトを編集することができるはず、と 60 00:03:07,622 --> 00:03:09,595 編集内容のすべてが表示されます 他のみんなへ。 61 00:03:09,595 --> 00:03:12,730 62 00:03:12,730 --> 00:03:17,740 だから、することができます - あなたはすべての人である サイトに接続することが可能？ 63 00:03:17,740 --> 00:03:18,750 だからで遊んで。 64 00:03:18,750 --> 00:03:20,440 行くといくつかの名前の削除を開始。 65 00:03:20,440 --> 00:03:21,690 何が起こるかを参照してください。 66 00:03:21,690 --> 00:03:35,370 67 00:03:35,370 --> 00:03:38,510 >> だから、誰もが遊ぶことができます参照してください。 68 00:03:38,510 --> 00:03:41,930 これは単にデフォルトのセキュリティである 流星のためのモード。 69 00:03:41,930 --> 00:03:44,360 あなたは、誰もができることを参照してください。 互いのデータを変更してください。 70 00:03:44,360 --> 00:03:44,920 心配しないでください。 71 00:03:44,920 --> 00:03:46,460 流星は、セキュリティを持っています。 72 00:03:46,460 --> 00:03:49,860 これは、非常に容易に実装されている ユーザーを設定することができな特徴、 73 00:03:49,860 --> 00:03:50,600 とログイン。 74 00:03:50,600 --> 00:03:53,750 しかし、今、誰でも訪問者 このサイトは、多くのように自分自身を与えることができます 75 00:03:53,750 --> 00:03:55,000 彼らが望むように指摘している。 76 00:03:55,000 --> 00:03:57,140 77 00:03:57,140 --> 00:04:00,090 だから私は常にこのように、このため、 始めるために楽しい方法です。 78 00:04:00,090 --> 00:04:02,360 そして、我々はただ話をしましょう 詳細については、どのように 79 00:04:02,360 --> 00:04:03,610 流星は、これが可能になります。 80 00:04:03,610 --> 00:04:10,820 81 00:04:10,820 --> 00:04:15,660 >> だから私は、流星が何であるかをカバーするつもりだ した後、我々だけでカバーする必要があります 82 00:04:15,660 --> 00:04:18,920 2前提条件CS50 十分にカバーされていません。 83 00:04:18,920 --> 00:04:21,970 しかし、任期の終わりまでに、あなたがすべき HTMLとの両方で快適に 84 00:04:21,970 --> 00:04:25,250 本当にあなたの手を得るためのJavaScript 汚れたメテオでの作業。 85 00:04:25,250 --> 00:04:28,740 そして私はそれがためだけの素晴らしい方法だと思います 行うにはさらに少ない快適な学生 86 00:04:28,740 --> 00:04:32,930 最終的なプロジェクトは、彼らが本当に可能性があるため 1言語に滞在し、彼らはことを得る 87 00:04:32,930 --> 00:04:37,620 彼らの変更を確認 すぐに働く。 88 00:04:37,620 --> 00:04:42,520 >> したがって、このスライドは、単にいくつかを示しています 主要な技術流星JS 89 00:04:42,520 --> 00:04:43,610 あなたに与えます。 90 00:04:43,610 --> 00:04:46,090 流星は新しい技術ではありません 自分自身で。 91 00:04:46,090 --> 00:04:48,390 それは本当にの集合体だ これらすべての異なるもの 92 00:04:48,390 --> 00:04:49,920 我々はインターネット上で持っている。 93 00:04:49,920 --> 00:04:55,650 だけでなく、HTML、CSS、JavaScriptの、私たち Node.jsのようないくつかの技術を持っている、 94 00:04:55,650 --> 00:04:58,490 あなたが実行することを可能にするものをである あなたのバックエンドでのJavaScript 95 00:04:58,490 --> 00:05:02,520 サーバーだけでなく、いくつかのJavaScript jQueryの、アンダースコアのようなライブラリ、。 96 00:05:02,520 --> 00:05:06,320 >> これらはすべてに精通しているであろう 学期の終わりまでに、あなた。 97 00:05:06,320 --> 00:05:10,680 そして、我々はまた、と呼ばれるデータベースを使用して取得 本当にMongoDBは、 98 00:05:10,680 --> 00:05:14,250 今のところ一般的なデータベース これらの新しいスタートアップ。 99 00:05:14,250 --> 00:05:18,650 あなたは、MySQLのようなと考えることができますが、 それはJavaScriptで非常にうまく動作します。 100 00:05:18,650 --> 00:05:22,140 そして、いくつかの他の技術がここにあります 私が記載されていないと、より多くの 101 00:05:22,140 --> 00:05:23,880 そのすべてのインターフェイスは本当に きれいに流星と。 102 00:05:23,880 --> 00:05:26,900 103 00:05:26,900 --> 00:05:30,540 >> 私はこのスライドを配置する必要があるため 時々私はこのことについて混乱を得る。 104 00:05:30,540 --> 00:05:31,695 流星は、JavaScriptのみである。 105 00:05:31,695 --> 00:05:33,040 それは、PHPではありません。 106 00:05:33,040 --> 00:05:34,360 これは、Ruby on Railsではありません。 107 00:05:34,360 --> 00:05:37,950 だから、あなたがしたい場合は、コードを書く場合は、 あなたは本当に、流星プロジェクトを書き込む 108 00:05:37,950 --> 00:05:38,900 Rubyのコードを使用することはできません。 109 00:05:38,900 --> 00:05:41,660 あなたは本当に、PHPを使用しません。 110 00:05:41,660 --> 00:05:45,800 >> 我々は、でその違いを見ることができますしながら、 コー​​ドと構文はないかもしれません 111 00:05:45,800 --> 00:05:48,930 違う、私はあなたに強調したい 流星、あなたのコードがあるすべてのもの 112 00:05:48,930 --> 00:05:50,660 JavaScriptでのみ。 113 00:05:50,660 --> 00:05:53,920 そして、あなたはすべてのものに見せ ユーザーは、HTML、CSSになります。 114 00:05:53,920 --> 00:05:56,780 しかし、あなたが実際にのいずれかを使用していない 他の言語、他 115 00:05:56,780 --> 00:05:59,250 セミナーは、カバーがあります。 116 00:05:59,250 --> 00:06:01,020 何メテオでもあると、Webサーバーです。 117 00:06:01,020 --> 00:06:03,930 ですから、いずれかを持っていなくても JavaScript、およびあなただけ提供したい 118 00:06:03,930 --> 00:06:07,020 CSSとHTMLファイル、流星 あなたのためにそれを行うことができます。 119 00:06:07,020 --> 00:06:10,520 120 00:06:10,520 --> 00:06:13,770 >> そしてここには、もう一度リンクです 私はあなたたちを持ってデモ 121 00:06:13,770 --> 00:06:15,380 で遊んでました。 122 00:06:15,380 --> 00:06:18,230 しかし、ここでは、HTMLに移りましょう。 123 00:06:18,230 --> 00:06:22,060 どのように多くの人々ここにある HTMLが何であるか全くわからない？ 124 00:06:22,060 --> 00:06:22,670 偉大OK。 125 00:06:22,670 --> 00:06:25,800 そして、それは完全に大丈夫です。 126 00:06:25,800 --> 00:06:29,410 あなたは本当にについて多くを知る必要はありません それ私達が上に行くになるので 127 00:06:29,410 --> 00:06:31,220 非常に簡単に使用法。 128 00:06:31,220 --> 00:06:34,570 >> これはどのような簡単です HTMLページは次のようになります。 129 00:06:34,570 --> 00:06:38,840 これはあなたのこんにちは、世界のようにすることができます HTML、我々はC言語で始まっに対し 130 00:06:38,840 --> 00:06:40,760 こんにちは、世界。 131 00:06:40,760 --> 00:06:44,360 私はあなたのストレスにしたくない どのようなHTML、何頭かの詳細 132 00:06:44,360 --> 00:06:46,120 身体、どのようなタイトルがありますしています。 133 00:06:46,120 --> 00:06:49,130 私は構造を強調したい、 どのようにあなたがタグを持っている。 134 00:06:49,130 --> 00:06:50,860 そして、それは山括弧です。 135 00:06:50,860 --> 00:06:52,380 そして、あなたが持っているところそれはだ あなたの記述子。 136 00:06:52,380 --> 00:06:54,790 >> だから、HTMLドキュメントがあるとします。 137 00:06:54,790 --> 00:06:59,300 それから、あなたは、HTMLドキュメントを閉じます バックスラッシュと同じことで。 138 00:06:59,300 --> 00:07:01,200 そして、あなたは、タグの種類を持っている。 139 00:07:01,200 --> 00:07:02,730 それらはすべて一致していることに気づく。 140 00:07:02,730 --> 00:07:05,300 あなたは、bodyタグのようにあるでしょう [閉じるbodyタグ。 141 00:07:05,300 --> 00:07:08,620 とbodyタグの中に、それができるでしょう あなたのWeb​​ページの内容。 142 00:07:08,620 --> 00:07:12,770 したがって、このWebページには、単純に表示するであろう 白い背景と黒のテキスト内 143 00:07:12,770 --> 00:07:14,242 こんにちは、世界。 144 00:07:14,242 --> 00:07:17,610 それは理にかなっていますか？ 145 00:07:17,610 --> 00:07:19,500 [OK]をクリックします。 146 00:07:19,500 --> 00:07:22,640 >> 今、私はすぐに行くよ JavaScriptをカバーしています。 147 00:07:22,640 --> 00:07:26,990 前のTFの言葉で、 「JavaScriptは最高のプログラミングです 148 00:07:26,990 --> 00:07:28,550 現在、現存する言語。 149 00:07:28,550 --> 00:07:30,520 他の人々がしようとします そうでないことを伝える。 150 00:07:30,520 --> 00:07:33,840 彼らは間違っています。「JavaScriptが可愛いです 素敵な、そしてなぜ私はあなたを紹介します。 151 00:07:33,840 --> 00:07:36,620 152 00:07:36,620 --> 00:07:42,380 >> だから、これは我々が開始する典型的な例です Cのと私たちは、こんにちは、世界を持っている。 153 00:07:42,380 --> 00:07:45,500 そして、あなたはあなたが縮小した場合でもことに気付く それは、少なくとも二つを持っている必要が 154 00:07:45,500 --> 00:07:46,560 ここにコードの行。 155 00:07:46,560 --> 00:07:48,990 私は数行のコードを持っている。 156 00:07:48,990 --> 00:07:50,160 これは非常に簡単に行うことができる。 157 00:07:50,160 --> 00:07:53,950 のconsole.logとJavaScriptで一行、 してから、文字列、 158 00:07:53,950 --> 00:07:55,340 こんにちは、世界。 159 00:07:55,340 --> 00:07:59,570 >> 今、私たちは新たに移動しているにもかかわらず、 ほとんどすべての言語はJavaScript、 160 00:07:59,570 --> 00:08:02,950 あなたがコーディングして学んだスキル C言語で直接移植できます。 161 00:08:02,950 --> 00:08:07,130 だから、文字列内の文字列の考え方 二重引用符、それは同じだ。 162 00:08:07,130 --> 00:08:08,890 セミコロンは、それは同じだ。 163 00:08:08,890 --> 00:08:11,190 >> JavaScriptの約巧妙な機能 実際にそれはある 164 00:08:11,190 --> 00:08:12,360 セミコロンは必要ありません。 165 00:08:12,360 --> 00:08:14,950 それはあなたが必要があることを推測することができます そこにセミコロンを置く。 166 00:08:14,950 --> 00:08:18,035 しかし、それは言った、あなたは常に試してみてください そこにあなたのセミコロンを置くこと。 167 00:08:18,035 --> 00:08:21,160 それは、良いスタイルと考えられています。 168 00:08:21,160 --> 00:08:22,650 また、全く主な機能はありません。 169 00:08:22,650 --> 00:08:25,580 あなただけのファイルの先頭から開始 とラインで物事行をお読みください。 170 00:08:25,580 --> 00:08:28,820 171 00:08:28,820 --> 00:08:32,760 >> これはそれを作るために必要なものである そのこんにちは、Worldプログラム。 172 00:08:32,760 --> 00:08:36,059 そして、あなたがしなければならないことに気付く こんにちは確認してから実行しますこんにちは。 173 00:08:36,059 --> 00:08:38,530 JavaScriptを使用して、それは考えられています インタプリタ言語。 174 00:08:38,530 --> 00:08:40,780 何を知っておく必要があることになる 全く意思がない。 175 00:08:40,780 --> 00:08:41,950 >> 全くコンパイルはありません。 176 00:08:41,950 --> 00:08:43,440 あなただけのノードを実行します。 177 00:08:43,440 --> 00:08:47,220 そのノードがそのプログラムであることを覚えている コンソール上でJavaScriptを実行され、 178 00:08:47,220 --> 00:08:49,030 ブラックボックスではなく、ウェブサイト上で。 179 00:08:49,030 --> 00:08:52,480 だから、あなたはそれをファイルを与えると、それはだ こんにちは、世界を印刷しようとして。 180 00:08:52,480 --> 00:08:56,750 >> 私は実際にはほとんどのデモをやる 君たちのために右ここにその。 181 00:08:56,750 --> 00:08:59,380 それでは、私に見ていきましょう Node.jsのターミナル。 182 00:08:59,380 --> 00:09:04,470 183 00:09:04,470 --> 00:09:05,322 [OK]をクリックします。 184 00:09:05,322 --> 00:09:06,150 のはここに移動してみましょう。 185 00:09:06,150 --> 00:09:07,930 だから私は、ノードを開始するつもりです。 186 00:09:07,930 --> 00:09:10,230 そして私はちょうどにあなたたちを紹介します それを取得する方法を秒 187 00:09:10,230 --> 00:09:12,000 そうしないと、インストールされています。 188 00:09:12,000 --> 00:09:14,800 私はそれが少し大きくしてみましょう。 189 00:09:14,800 --> 00:09:17,800 190 00:09:17,800 --> 00:09:17,870 [OK]をクリックします。 191 00:09:17,870 --> 00:09:20,120 私はあなたたちが見ることができると思います。 192 00:09:20,120 --> 00:09:27,390 >> 私が行ったようなので、私は、コードを書くことができます 前のconsole.logにある。 193 00:09:27,390 --> 00:09:28,915 こんにちは、ロジャー。 194 00:09:28,915 --> 00:09:31,710 195 00:09:31,710 --> 00:09:35,330 そして、私がしなければならいないことに注意してください セミコロンが、その後私は、これは奇妙な取得 196 00:09:35,330 --> 00:09:36,850 未定義の事。 197 00:09:36,850 --> 00:09:40,310 さて、実際に、約気にしない 未定義の事。 198 00:09:40,310 --> 00:09:43,590 私はあなたが気づくたいことは、あなたということです ここでの主な機能は必要ありません 199 00:09:43,590 --> 00:09:45,050 コー​​ドの実行を開始する。 200 00:09:45,050 --> 00:09:46,790 ず、バックスラッシュエンドはありません。 201 00:09:46,790 --> 00:09:50,683 そのいくつかの小さな機能があります JavaScriptは、あなたのためにできること。 202 00:09:50,683 --> 00:09:53,510 >> 観客：[聞こえない]。 203 00:09:53,510 --> 00:09:54,000 >> ROGER ZURAWICKI：そうそう。 204 00:09:54,000 --> 00:09:57,460 私はそのことについて申し訳ありません。 205 00:09:57,460 --> 00:10:02,200 そして、それを矢印だけのノードを意味します 他のコマンドの準備ができています。 206 00:10:02,200 --> 00:10:05,380 だから、それを行うことができ、簡単な 1プラス1のように数学、。 207 00:10:05,380 --> 00:10:10,360 そして、ちょうど、C、これらの数学のよう シンボルはちょうど同じである。 208 00:10:10,360 --> 00:10:13,750 私は数のconsole.logを行うことができます。 209 00:10:13,750 --> 00:10:15,090 そして、それは2を出力します。 210 00:10:15,090 --> 00:10:19,000 JavaScriptはその意味でいいですので、 2型はintであっても、 211 00:10:19,000 --> 00:10:22,020 C言語のような、あなたが関連付けにprintfなかった場合 2、エラーになるだろう。 212 00:10:22,020 --> 00:10:24,140 >> しかし、JavaScriptはああ、あなたはね、知っている 何かを印刷する。 213 00:10:24,140 --> 00:10:25,070 私は、文字列を必要とするつもりです。 214 00:10:25,070 --> 00:10:28,410 だから私は、その2を変換してみましょう あなたのための文字列に変換する。 215 00:10:28,410 --> 00:10:34,970 そして、あなたはまた、いくつかの奇妙なものを行うことができます 様こんにちは、次にプラス2。 216 00:10:34,970 --> 00:10:39,520 これは単に別の例でどのように2である ならびにそこに変換することができる。 217 00:10:39,520 --> 00:10:45,135 >> その方法のうち、みましょうとそう ただもう少しJavaScriptをカバーしています。 218 00:10:45,135 --> 00:10:48,660 219 00:10:48,660 --> 00:10:50,540 だからC言語では、タイプがあります。 220 00:10:50,540 --> 00:10:53,925 私たちは、新しい変数を作成するたびに、我々は *それはそれはシャアの言っているか、 221 00:10:53,925 --> 00:10:55,850 ケースCS50内の文字列。 222 00:10:55,850 --> 00:10:58,350 それとも10進数を持っていた場合、 私たちは、フロートを言っていた。 223 00:10:58,350 --> 00:11:00,690 私たちは、ブール値を必要に応じて、 我々は、Bを言っていた。 224 00:11:00,690 --> 00:11:04,220 そして、我々はその何かを持っていた後、 それはBOOL滞在していた、Bだった。 225 00:11:04,220 --> 00:11:07,360 私たちは、魔法のようにそれを変更できませんでした 私たちが書いていない限り、INT 226 00:11:07,360 --> 00:11:09,450 括弧、Bのint型。 227 00:11:09,450 --> 00:11:11,820 >> JavaScriptでは、何種類はありません。 228 00:11:11,820 --> 00:11:13,350 あなただけのVARと考える。 229 00:11:13,350 --> 00:11:15,270 およびVARは、新しい型を作成する方法です。 230 00:11:15,270 --> 00:11:19,210 だから、VAR Sという文字列を持つことができます VAR nは、フロートさ 231 00:11:19,210 --> 00:11:21,230 とVAR Bは真であること。 232 00:11:21,230 --> 00:11:24,980 そして、あなたがC言語で行うことはできません一つのことである 私は今、その行の後に、Bを言うことができる 233 00:11:24,980 --> 00:11:26,230 整数に等しい。 234 00:11:26,230 --> 00:11:27,400 そして、それだけで正常に動作します。 235 00:11:27,400 --> 00:11:30,840 C言語で、それは次のように言うでしょう、一方、 あなたの整数BOOLではありません。 236 00:11:30,840 --> 00:11:32,770 私はあなたのためにそれを行うことはできません。 237 00:11:32,770 --> 00:11:34,050 または[聞こえない]エラーをスローしていました。 238 00:11:34,050 --> 00:11:37,970 239 00:11:37,970 --> 00:11:43,420 >> と私はすぐに戻ってノードに行くことができますし、 その機能の一部を示しています。 240 00:11:43,420 --> 00:11:44,960 だから私は、VAR aを持つことができます。 241 00:11:44,960 --> 00:11:52,120 "アップル"と呼んでだから今、私は印刷するとき、 私は私の文字列取得」アップル。 'しかし、私は、CAN 242 00:11:52,120 --> 00:11:54,900 今も3に等しいと言う。 243 00:11:54,900 --> 00:11:56,610 とエラーがありません注意してください。 244 00:11:56,610 --> 00:12:00,630 そして今、3に等しい。 245 00:12:00,630 --> 00:12:01,880 ご不明な点、これまで？ 246 00:12:01,880 --> 00:12:07,030 247 00:12:07,030 --> 00:12:07,570 はい。 248 00:12:07,570 --> 00:12:10,780 >> 観客：待って、そうCONSOLE.LOG 右、基本的にはprintfのでしょうか？ 249 00:12:10,780 --> 00:12:12,180 >> ROGER ZURAWICKI：CONSOLE.LOG あなたのprintfです。 250 00:12:12,180 --> 00:12:12,652 >> 観客：そうです。 251 00:12:12,652 --> 00:12:17,844 あなただけの8を入力した場合ので、どのように来る または[聞こえない]、という何をするか 252 00:12:17,844 --> 00:12:18,790 [聞こえない]？ 253 00:12:18,790 --> 00:12:19,160 >> ROGER ZURAWICKI：右。 254 00:12:19,160 --> 00:12:21,690 だから、ある - 255 00:12:21,690 --> 00:12:24,240 緑の中のものが印刷されます コンソールで。 256 00:12:24,240 --> 00:12:27,050 そして私たちは、次の表示されますことはある 私たちはウェブに移動すると 257 00:12:27,050 --> 00:12:29,300 ページは、私たちはやっていません - 258 00:12:29,300 --> 00:12:32,650 JavaScriptはHTMLを持ってされます 私が取り上げるのテンプレート、 259 00:12:32,650 --> 00:12:34,730 セミナーの流星一部。 260 00:12:34,730 --> 00:12:38,730 あなたが私を与える、と言うことができ、どこでそれはです の価値、それは中に入れます 261 00:12:38,730 --> 00:12:39,920 あなたのウェブサイト。 262 00:12:39,920 --> 00:12:42,520 なぜなら、実際にすべてのWebブラウザ 少しコンソールがあります。 263 00:12:42,520 --> 00:12:46,380 そして、あなたは、非常に慎重にあなたを見ている場合 あなたのように、いくつかの情報を得られる 264 00:12:46,380 --> 00:12:51,210 printf関数は、とそこに登場するのは すべてのWebページには、あなたがロードします。 265 00:12:51,210 --> 00:12:53,580 >> 観客：どのようにして手に入れた シェル画面に？ 266 00:12:53,580 --> 00:12:57,680 >> ROGER ZURAWICKI：だからコマンドがあります ノードと呼ばれ、流星が付属しています。 267 00:12:57,680 --> 00:13:01,230 だから、僕はそこから終了します。 268 00:13:01,230 --> 00:13:03,580 ノードは、そのプログラムである JavaScriptが実行されます。 269 00:13:03,580 --> 00:13:07,070 あなたはmeteor.comに行く場合は、 流星をインストールすることができますし、 270 00:13:07,070 --> 00:13:08,480 流星は、ノードが付属しています。 271 00:13:08,480 --> 00:13:11,470 流星は単なるコレクションであるため、 すべてのこれらのソフトウェアパッケージの。 272 00:13:11,470 --> 00:13:15,280 我々は我々の例に到達したとき、私は意志 インストールを通して皆を歩く 273 00:13:15,280 --> 00:13:17,625 流星してから、再生することができます ノードを自分で。 274 00:13:17,625 --> 00:13:22,154 275 00:13:22,154 --> 00:13:23,980 [OK]を、素晴らしい。 276 00:13:23,980 --> 00:13:29,640 >> 作業についてとてももう一つの大きな特徴は JavaScriptでのループは同じですされています。 277 00:13:29,640 --> 00:13:31,430 ほとんどまったく同じ。 278 00:13:31,430 --> 00:13:35,530 forループ、whileループ、やる ループ、他の場合しばらく。 279 00:13:35,530 --> 00:13:36,880 これは、中括弧ですべて同じです。 280 00:13:36,880 --> 00:13:38,540 それは、同じ構文です。 281 00:13:38,540 --> 00:13:41,350 forループ、ほとんどの場合、 あなたが注意を払う必要があることを詳細に 282 00:13:41,350 --> 00:13:45,340 私は0に等しいintには、代わりにある 我々は、私は0に等しいVARを言わなければならない。 283 00:13:45,340 --> 00:13:49,580 しかし、それが原因変数からだ 我々の前に話を種類。 284 00:13:49,580 --> 00:13:53,360 >> printf関数となることに注意してください ログ、コンソールログ。 285 00:13:53,360 --> 00:13:57,370 そして、我々は％にする必要はありません Pバックスラッシュnと、私に渡します。 286 00:13:57,370 --> 00:13:58,380 あなたは私は言うことができます。 287 00:13:58,380 --> 00:14:01,910 そして、それは番号を印刷だろう 0〜4。 288 00:14:01,910 --> 00:14:04,830 皆さんはこれを試してみたい場合は、理由 あなたは良い点を育てた。 289 00:14:04,830 --> 00:14:08,730 あなたにこのコードを実行したい場合 独自のブラウザ、私はそれを推薦する 290 00:14:08,730 --> 00:14:11,040 誰もがGoogleのChromeを開きます。 291 00:14:11,040 --> 00:14:14,220 Google Chromeのか、実際に任意のWebブラウザ、 しかし、私はGoogle Chromeのが好き 292 00:14:14,220 --> 00:14:17,350 それは非常に標準化さだから。 293 00:14:17,350 --> 00:14:24,240 >> あなたが正しい場合は、私は信じている、に行くことができる ただで、任意のWebサイトをクリックしてください 294 00:14:24,240 --> 00:14:26,880 ホワイトスペースは、オプションが表示されます エレメントを点検呼んだ。 295 00:14:26,880 --> 00:14:28,810 これは通常、最後の一つだ。 296 00:14:28,810 --> 00:14:32,630 そして、あなたがそれをクリックすると、あなたが取得する必要があり 下までの事はここに表示されます。 297 00:14:32,630 --> 00:14:35,840 298 00:14:35,840 --> 00:14:37,780 私はここにズームしてみましょう。 299 00:14:37,780 --> 00:14:41,390 そして、我々はここではいくつかのタブがあります。 300 00:14:41,390 --> 00:14:43,580 あなたが気1はコンソールです。 301 00:14:43,580 --> 00:14:48,820 >> そして、これはJavaScriptコンソールで これで操作できること。 302 00:14:48,820 --> 00:14:49,370 素晴らしい。 303 00:14:49,370 --> 00:14:52,560 だから私は、同じものを入力することができます 私は、ノード内の前に入力した。 304 00:14:52,560 --> 00:14:54,790 1プラス1に2である。 305 00:14:54,790 --> 00:14:59,110 VAR Aは "アップル"に等しい。 306 00:14:59,110 --> 00:15:03,430 そして私は印刷したい、 およびA 'アップル'です。 307 00:15:03,430 --> 00:15:08,760 したがって、すべてのWebブラウザでは、Firefox、クローム、 サファリ、使用するものは何でも、として 308 00:15:08,760 --> 00:15:11,240 は、JavaScriptへのアクセス権を持っている限り コンソール、同じ種類の 309 00:15:11,240 --> 00:15:15,520 私は、ノードで実行されていたコードを使用 独自のコンソールで実行することができます。 310 00:15:15,520 --> 00:15:17,530 >> 観客：[聞こえない]？ 311 00:15:17,530 --> 00:15:18,690 >> ROGER ZURAWICKI方法： コンソールに行く？ 312 00:15:18,690 --> 00:15:22,880 あなたは正しい空白部分をクリックする必要があります ページ上で、その後、に行く 313 00:15:22,880 --> 00:15:26,100 エレメントを検査します。 314 00:15:26,100 --> 00:15:28,290 だから実際には、私はあなたたちが欲しい ちょうどあなたができることを確認し 315 00:15:28,290 --> 00:15:29,860 Chromeで要素を検査します。 316 00:15:29,860 --> 00:15:32,630 そして、あなたは、いくつかの中に入力したときに表示さ コンソールにコード 317 00:15:32,630 --> 00:15:33,880 それが正常に実行される。 318 00:15:33,880 --> 00:16:15,820 319 00:16:15,820 --> 00:16:18,430 場合は、ご質問はお気軽にお尋ね 何かがここではっきりしない。 320 00:16:18,430 --> 00:16:23,340 321 00:16:23,340 --> 00:16:24,590 >> 観客：[聞こえない]。 322 00:16:24,590 --> 00:16:27,280 323 00:16:27,280 --> 00:16:28,200 >> ROGER ZURAWICKI：あらゆるタイプの権利。 324 00:16:28,200 --> 00:16:31,370 すべてのための唯一つのタイプがあります JavaScriptでの変数。 325 00:16:31,370 --> 00:16:34,160 そして、あなたは宣言する必要がある場合 変数には、あなたは、varを言う。 326 00:16:34,160 --> 00:16:35,410 >> 観客：[聞こえない]。 327 00:16:35,410 --> 00:16:39,010 328 00:16:39,010 --> 00:16:40,050 >> ROGER ZURAWICKI：うん。 329 00:16:40,050 --> 00:16:43,730 それはありませんが、JavaScriptで、それは非常にです メモリの割り当てについては、スマート。 330 00:16:43,730 --> 00:16:44,600 何malloc関数はありません。 331 00:16:44,600 --> 00:16:45,780 空きがありません。 332 00:16:45,780 --> 00:16:48,490 だから、そのことについて心配する必要はありません。 333 00:16:48,490 --> 00:16:51,140 それはまた別の便利な機能だと JavaScriptが用意されています。 334 00:16:51,140 --> 00:16:56,990 335 00:16:56,990 --> 00:16:58,440 >> だから私は上に移動したいと思います。 336 00:16:58,440 --> 00:17:01,360 それは大丈夫でしょうか？ 337 00:17:01,360 --> 00:17:02,610 [OK]をクリックします。 338 00:17:02,610 --> 00:17:04,780 339 00:17:04,780 --> 00:17:07,720 素晴らしい。 340 00:17:07,720 --> 00:17:10,660 >> 読者：私は悩みを抱えている [を見つけるの？エレメントを検査します。 ？] 341 00:17:10,660 --> 00:17:13,609 342 00:17:13,609 --> 00:17:16,250 >> ROGER ZURAWICKI：だからサファリルックス 少し異なるが、あなたを行う 343 00:17:16,250 --> 00:17:18,599 クロムまたはFirefoxを持っている？ 344 00:17:18,599 --> 00:17:21,619 それらが容易になります で動作するようなもの。 345 00:17:21,619 --> 00:17:25,079 そして、あなたのプロジェクトのために、私はお勧め 1ブラウザのためにこだわって 346 00:17:25,079 --> 00:17:29,610 あなたは、ほとんどのバグの多くを得るだろう すべてのブラウザを扱うため 347 00:17:29,610 --> 00:17:31,980 少し違ったJavaScriptを、HTML。 348 00:17:31,980 --> 00:17:35,170 だから私は、あなたの人生は多くなると思う 簡単にあなたがクロームに固執する場合、以下の原因 349 00:17:35,170 --> 00:17:37,052 それはすべてのマシンで利用可能です。 350 00:17:37,052 --> 00:17:38,790 そしてそれはかなり人気のあるブラウザです。 351 00:17:38,790 --> 00:17:59,860 352 00:17:59,860 --> 00:18:01,110 OK？ 353 00:18:01,110 --> 00:18:03,310 354 00:18:03,310 --> 00:18:06,370 >> だから、次のトピックを我々は必要があること JavaScriptでカバー - 355 00:18:06,370 --> 00:18:07,730 私はここで、フォーマットについて申し訳ありません。 356 00:18:07,730 --> 00:18:11,630 私が一致するように、スライドを伸ばす必要がありました ワイドスクリーンプロジェクター。 357 00:18:11,630 --> 00:18:14,750 しかし、私は、今話をしたいと思います どのような機能を行う。 358 00:18:14,750 --> 00:18:17,410 C言語では、宣言する必要があり すべての関数。 359 00:18:17,410 --> 00:18:22,130 int型のように追加して、それがにint型を取る X、およびint型のy、および、我々はそれらを追加 360 00:18:22,130 --> 00:18:23,100 そしてそれを返す。 361 00:18:23,100 --> 00:18:26,850 >> JavaScriptでは、関数は、実際に 別の変数の型。 362 00:18:26,850 --> 00:18:30,560 だから我々は単にvarが追加と言うと、 それは、関数に等しい。 363 00:18:30,560 --> 00:18:32,580 xとyを取る関数。 364 00:18:32,580 --> 00:18:33,790 その関数が何をするのでしょうか？ 365 00:18:33,790 --> 00:18:39,910 それはまったく同じで、XプラスYを返します。 Cでそして、あなたが気づくような構文という点で、 366 00:18:39,910 --> 00:18:44,290 JavaScriptを、あなたは何を言われることはありません この関数は返すので理由 367 00:18:44,290 --> 00:18:49,160 変数は、とにかくそれを型が持っていない それが本当に生産的ではない、私は推測する、 368 00:18:49,160 --> 00:18:52,855 すべてのあなたの指定する あなたの関数の型。 369 00:18:52,855 --> 00:18:55,720 370 00:18:55,720 --> 00:18:59,565 あなたは、関数を呼び出すときに、その後、それはだ C.あなたとまったく同じ構文 371 00:18:59,565 --> 00:19:03,610 ちょうどあなたの二つの引数を渡します。 372 00:19:03,610 --> 00:19:07,330 私は自分のノードでこれを試してみたいと思います。 373 00:19:07,330 --> 00:19:09,284 私はスライドを変更することはできますか？ 374 00:19:09,284 --> 00:19:10,534 >> 観客：[聞こえない]。 375 00:19:10,534 --> 00:19:14,639 376 00:19:14,639 --> 00:19:17,000 私たちは、スライドのコピーを得るのだろうか？ 377 00:19:17,000 --> 00:19:18,250 >> ROGER ZURAWICKI：はい。 378 00:19:18,250 --> 00:19:28,280 379 00:19:28,280 --> 00:19:29,956 それでは戻っノードに移動してみましょう。 380 00:19:29,956 --> 00:19:32,240 [OK]をクリックします。 381 00:19:32,240 --> 00:19:38,160 だから私は、VAR ADDが機能に等しいと言うでしょう。 382 00:19:38,160 --> 00:19:40,650 、Xを取って、yをとる。 383 00:19:40,650 --> 00:19:43,690 そしてそれは、文のことを知っている 完了していません。 384 00:19:43,690 --> 00:19:47,692 だから、ノード内のか、コンソールで あなたは、ドットドットドットに気づくでしょう。 385 00:19:47,692 --> 00:19:49,660 つまり、あなたのコードを入力しておくことができます。 386 00:19:49,660 --> 00:19:53,650 そして今、私は帰りのXプラスYと答えるでしょう。 387 00:19:53,650 --> 00:19:54,790 してから中括弧を閉じます。 388 00:19:54,790 --> 00:20:00,260 そして、私は括弧を閉じた瞬間、それ 文が終了したことを見ている。 389 00:20:00,260 --> 00:20:04,730 >> そして今、私は、1と2を追加と言うことができます。 390 00:20:04,730 --> 00:20:08,280 そして、私は3つを得るでしょう。 391 00:20:08,280 --> 00:20:11,545 ただし、私はちょうど追加した場合は、それ それは、関数の私に語った。 392 00:20:11,545 --> 00:20:14,630 393 00:20:14,630 --> 00:20:19,570 そして一つのことだけに注意を払う あなたはそれを間違った番号を教えている場合 394 00:20:19,570 --> 00:20:23,380 引数は、それができるようになります。 395 00:20:23,380 --> 00:20:25,890 それが実行されますが、あなたが得るかもしれない いくつかの本当に奇妙な結果。 396 00:20:25,890 --> 00:20:30,070 種類のごみ値と同様に、 あなたはそれについて考えることができる。 397 00:20:30,070 --> 00:20:32,060 だから先に行くとしてみてください このあなたのブラウザで。 398 00:20:32,060 --> 00:21:25,180 399 00:21:25,180 --> 00:21:29,510 >> [OK]を、その時のために、私はよ 今では次の機能に進む 400 00:21:29,510 --> 00:21:30,760 JavaScriptを。 401 00:21:30,760 --> 00:21:36,520 402 00:21:36,520 --> 00:21:38,400 だから我々は機能について話しました。 403 00:21:38,400 --> 00:21:40,840 我々は、ループについて話しました、 あまりにもif文。 404 00:21:40,840 --> 00:21:43,660 構文は同じです Cおよび変数として。 405 00:21:43,660 --> 00:21:46,090 そして今、私は配列についてお話したいと思います。 406 00:21:46,090 --> 00:21:48,520 私がスライドするごめんなさい ビットは、カットオフしまった。 407 00:21:48,520 --> 00:21:52,470 しかし実際には、最初のセクションでは、 あなたが必要とするすべてが動作します。 408 00:21:52,470 --> 00:21:55,410 >> だから我々は、別のタイプのを持っている 変数は配列と呼ばれる。 409 00:21:55,410 --> 00:21:57,930 そして、我々は角かっこを使用 それを示すために。 410 00:21:57,930 --> 00:22:01,960 したがって、最初の例では、 VARのARRは、空の配列。 411 00:22:01,960 --> 00:22:05,900 これは空のリストなので、配列 何も要素を含まない。 412 00:22:05,900 --> 00:22:09,770 そして、あなたはまた、配列を持つことができます 3つの文字列を持つ。 413 00:22:09,770 --> 00:22:13,290 Cでは、使用しているアレイ内のすべての要素 同じタイプでなければなりませんでした。 414 00:22:13,290 --> 00:22:16,940 >> しかしのでJavaScriptでのみ存在する 1種類、配列は実際にはでき 415 00:22:16,940 --> 00:22:18,510 値の異なるタイプを有する。 416 00:22:18,510 --> 00:22:22,220 ここと同じように、我々は持つ配列を持っている フロート、BOOLとINT。 417 00:22:22,220 --> 00:22:25,020 418 00:22:25,020 --> 00:22:28,510 あなたは、配列の長さを取得する方法、 あなたが実際のサイズを使用する必要はありません 419 00:22:28,510 --> 00:22:29,030 か何か。 420 00:22:29,030 --> 00:22:31,570 あなただけの配列を言うと その後、長さが点在しています。 421 00:22:31,570 --> 00:22:36,450 そして、このドットの長さは、あなたが考えることができます そのような構造体のように、どのようにすべての 422 00:22:36,450 --> 00:22:40,890 配列は、フィールド、余分な変数があります その中に、長さと呼ばれる 423 00:22:40,890 --> 00:22:42,910 あなたの配列でどのくらいを追跡します。 424 00:22:42,910 --> 00:22:47,280 425 00:22:47,280 --> 00:22:50,420 >> だから、僕はすぐに入るつもりです ノードとショーはみんな同じことを。 426 00:22:50,420 --> 00:22:55,860 427 00:22:55,860 --> 00:22:58,050 だから私は、配列を持つことができます。 428 00:22:58,050 --> 00:23:00,280 それは空のリストになります。 429 00:23:00,280 --> 00:23:02,030 そしてそれは私が印刷されます 空のリストをバックアップします。 430 00:23:02,030 --> 00:23:02,530 素晴らしい。 431 00:23:02,530 --> 00:23:08,560 私は今言うことができ、その配列 1を有し、2.3、真。 432 00:23:08,560 --> 00:23:10,400 だから、すべての異なる種類。 433 00:23:10,400 --> 00:23:11,740 そして、あなたはそれだけで正常に動作を確認します。 434 00:23:11,740 --> 00:23:16,330 私がサポートを取り戻す配列 私はそれを与えたすべての値。 435 00:23:16,330 --> 00:23:20,440 >> 私がの最初の要素を取得したい場合は 配列は、構文は実際には 436 00:23:20,440 --> 00:23:22,980 C.あなたと同じ 配列ゼロを言うことができます。 437 00:23:22,980 --> 00:23:24,430 そして、あなたは1を得る。 438 00:23:24,430 --> 00:23:27,920 私は、配列のために同じことを言うことができます 2、私は真の取得。 439 00:23:27,920 --> 00:23:31,610 私は、配列の外で何かをする場合は、 JavaScriptは安全な言語である 440 00:23:31,610 --> 00:23:33,390 私はワンセグ障害を得ることはありませんので。 441 00:23:33,390 --> 00:23:34,780 私は未定義得るでしょう。 442 00:23:34,780 --> 00:23:37,510 >> そして、これは未定義には、親切なことができます のヌルとしてそれについて考える。 443 00:23:37,510 --> 00:23:41,390 ときにそれは本当にいらいらすることができ コー​​ドは、あなたはそれを確認する必要がありますので、 444 00:23:41,390 --> 00:23:43,880 あなたはほとんどすべて、あなた との仕事は定義されていません。 445 00:23:43,880 --> 00:23:47,700 そして、我々はいくつかの例を見ることができます この私たちは流星で作業するとき。 446 00:23:47,700 --> 00:23:50,600 >> 配列4は、定義されていないものの、 私はそれに値を割り当てることができます。 447 00:23:50,600 --> 00:23:52,570 だから私はそれが1に等しいと言うでしょう。 448 00:23:52,570 --> 00:23:57,050 そして私は、私は、配列に行けば そこに余分な値を持つ。 449 00:23:57,050 --> 00:24:02,470 その配列3、また気づく 、未定義未定義のままです。 450 00:24:02,470 --> 00:24:05,690 だから私は、今で配列を持っている 中央に穴。 451 00:24:05,690 --> 00:24:07,750 しかし、私は、アレイ4を印刷した場合、 私は1になるだろう。 452 00:24:07,750 --> 00:24:10,960 私は、アレイ3をやった場合、私は未定義取得。 453 00:24:10,960 --> 00:24:13,880 >> だから、便利な機能のJavaScript あなたはリストができることです行うことができます 454 00:24:13,880 --> 00:24:15,620 サイズを変更。 455 00:24:15,620 --> 00:24:18,520 配列、リストされて配列、 彼らはサイズを変更します。 456 00:24:18,520 --> 00:24:22,480 そして、あなたは任意の場所を指定することもできます それらの内部。 457 00:24:22,480 --> 00:24:25,370 そして、すべてのギャップが埋められます これらの未定義の値を持つ。 458 00:24:25,370 --> 00:24:31,560 459 00:24:31,560 --> 00:24:33,450 >> だから我々は、配列について話しました。 460 00:24:33,450 --> 00:24:37,050 今、私がカバーしたい最後のこと JavaScript、およびこれは非常に重要です 461 00:24:37,050 --> 00:24:39,550 そのコードを理解する 私がお見せするつもりです、 462 00:24:39,550 --> 00:24:41,530 オブジェクトになるだろう。 463 00:24:41,530 --> 00:24:45,140 とオブジェクトに言葉である - 464 00:24:45,140 --> 00:24:47,380 基本的に、それらが中に存在する 多くのプログラミング言語。 465 00:24:47,380 --> 00:24:50,620 そして、それぞれのプログラミング言語はするのが好き 少し違った彼らを考える。 466 00:24:50,620 --> 00:24:55,050 >> しかし、私は流星、利益のために考える 似ているのはCの構造体である。 467 00:24:55,050 --> 00:24:59,410 C言語では、構造体を検索する場合 学生、我々はすべて指定する必要があるだろう 468 00:24:59,410 --> 00:25:00,240 その中のもの。 469 00:25:00,240 --> 00:25:01,440 だから、名前を持っている必要があります。 470 00:25:01,440 --> 00:25:02,140 それが今年持っている必要があります。 471 00:25:02,140 --> 00:25:03,650 それは、性別を持っている必要があります。 472 00:25:03,650 --> 00:25:07,350 しかし、我々はまた、それを与えなければなりません すべてのものの種類。 473 00:25:07,350 --> 00:25:11,200 >> そして今、我々は、この型を持っていることを 学生と呼ばれる構造体には、我々は持つことができます 474 00:25:11,200 --> 00:25:14,640 新構造、そして、我々は手動でできる 各フィールドが何であるかを言う。 475 00:25:14,640 --> 00:25:17,740 我々は、ドットの名前を使用する場合、それはだ、 ドット年、性別に点在しています。 476 00:25:17,740 --> 00:25:21,930 そして、我々だけで、の最後の行に このコードは、私はちょうどプリントアウトしています 477 00:25:21,930 --> 00:25:24,980 構造体の学生の名前。 478 00:25:24,980 --> 00:25:28,220 >> JavaScriptの世界では、そこにある 構造体の学生のようなものはありません。 479 00:25:28,220 --> 00:25:30,660 プリセットの構造を生成しません。 480 00:25:30,660 --> 00:25:34,680 もし実際には、これらのブラケットは、 あなたはすべてが何であるかを言う。 481 00:25:34,680 --> 00:25:40,680 そしてそれは、この奇妙な表記法です コロンとし、コンマはできますが、よ 482 00:25:40,680 --> 00:25:41,810 十分にすぐにそれに慣れる。 483 00:25:41,810 --> 00:25:44,930 >> そしてそれは、実際には本当に簡単です ただの柔軟な方法 484 00:25:44,930 --> 00:25:47,400 オブジェクトを操作する。 485 00:25:47,400 --> 00:25:51,270 あなたは私が今取得したい場合は、ことがわかり Sから名前、私はちょうどs.nameを行う。 486 00:25:51,270 --> 00:25:54,090 487 00:25:54,090 --> 00:25:56,790 これについて不明な点はありますか？ 488 00:25:56,790 --> 00:26:00,260 これは通常、非常に混乱している 我々は人々を紹介するトピック 489 00:26:00,260 --> 00:26:02,280 JavaScriptを。 490 00:26:02,280 --> 00:26:04,110 私は、ノードにこれのいくつかの例をやる。 491 00:26:04,110 --> 00:26:05,010 はい？ 492 00:26:05,010 --> 00:26:06,260 >> 観客：[聞こえない]。 493 00:26:06,260 --> 00:26:14,130 494 00:26:14,130 --> 00:26:16,230 >> ROGER ZURAWICKI：だからあなたは たとえば、複数のを持っている 495 00:26:16,230 --> 00:26:18,764 その型の変数。 496 00:26:18,764 --> 00:26:20,014 >> 観客：[聞こえない]。 497 00:26:20,014 --> 00:26:23,540 498 00:26:23,540 --> 00:26:24,790 >> 観客：[聞こえない]。 499 00:26:24,790 --> 00:26:37,610 500 00:26:37,610 --> 00:26:39,450 >> ROGER ZURAWICKI：わかりました。 501 00:26:39,450 --> 00:26:43,760 だから私はあなたが行くかの方法があると思います あなたは、配列内のオブジェクトを置く、 502 00:26:43,760 --> 00:26:45,340 そして今、あなたはあるでしょう オブジェクトの配列。 503 00:26:45,340 --> 00:26:47,547 それがあなたの質問に答えるのでしょうか？ 504 00:26:47,547 --> 00:26:48,797 >> 観客：[聞こえない]。 505 00:26:48,797 --> 00:26:50,890 506 00:26:50,890 --> 00:26:51,260 >> ROGER ZURAWICKI：はい。 507 00:26:51,260 --> 00:26:52,430 S 1つのオブジェクトである。 508 00:26:52,430 --> 00:26:57,455 だから我々は、単にノードに移動し、することができます 少し遊ん。 509 00:26:57,455 --> 00:26:58,705 >> 観客：[聞こえない]？ 510 00:26:58,705 --> 00:27:04,880 511 00:27:04,880 --> 00:27:05,440 >> ROGER ZURAWICKI：ああ、[OK]をクリックします。 512 00:27:05,440 --> 00:27:10,660 だから、クラスが何であるかを求めている場合には、 クラスは非常に異なる方法で処理され、 513 00:27:10,660 --> 00:27:14,510 彼らは本当に奇妙なスキームを持っている そうしないと呼ばれるプロトタイプ作成、 514 00:27:14,510 --> 00:27:15,620 について知っておく必要がある。 515 00:27:15,620 --> 00:27:17,910 それを行うための決まった方法はありません。 516 00:27:17,910 --> 00:27:21,160 ですから、複数生成したい場合は、 だけの種類の機能を持っているでしょう 517 00:27:21,160 --> 00:27:22,100 か何か。 518 00:27:22,100 --> 00:27:24,340 独自の関数を生成。 519 00:27:24,340 --> 00:27:26,765 そして、あなたは、オブジェクトを返します。 520 00:27:26,765 --> 00:27:29,550 それが最も簡単でしょう それを行うための方法。 521 00:27:29,550 --> 00:27:32,454 それは理にかなっていますか？ 522 00:27:32,454 --> 00:27:33,704 [OK]をクリックします。 523 00:27:33,704 --> 00:27:36,182 524 00:27:36,182 --> 00:27:36,650 素晴らしい。 525 00:27:36,650 --> 00:27:39,820 だから、我々は理解したら JavaScriptのオブジェクトは、それらは - 526 00:27:39,820 --> 00:27:41,082 ああ、そうですね。 527 00:27:41,082 --> 00:27:42,026 >> 観客：[聞こえない] 528 00:27:42,026 --> 00:27:45,802 たとえば、違いは何ですか に対する二重引用符 "ロジャー" 529 00:27:45,802 --> 00:27:47,510 [聞こえない]単一引用符で。 530 00:27:47,510 --> 00:27:47,810 >> ROGER ZURAWICKI：わかりました。 531 00:27:47,810 --> 00:27:52,730 だから、これはC言語では、我々は、単一のを持っている 文字を表す引用符、二重 532 00:27:52,730 --> 00:27:54,550 文字列を表す引用符。 533 00:27:54,550 --> 00:27:57,920 JavaScriptは、実際に離れて、これをスローします あなたが持つ文字列を持つことができるので 534 00:27:57,920 --> 00:28:01,570 単一または二重引用符、およびそこ シングルCHARのようなものはありません。 535 00:28:01,570 --> 00:28:04,400 しかし、あなたはちょうど同じにコピーした場合 Cコードは、JavaScriptう 536 00:28:04,400 --> 00:28:05,610 うまくそれを扱う。 537 00:28:05,610 --> 00:28:07,710 私はとして扱わ理由では - 538 00:28:07,710 --> 00:28:12,540 だからこそ私はできる、文字通りポートです その意味で、コード。 539 00:28:12,540 --> 00:28:15,420 >> そして、私はあなたの例を表示したい より複雑なオブジェクトの。 540 00:28:15,420 --> 00:28:19,890 だから、その一つのオブジェクトに気づくことができる 値として文字列を持つことができます。 541 00:28:19,890 --> 00:28:21,530 それは、他の値のリストを持つことができます。 542 00:28:21,530 --> 00:28:23,820 それは、のリストを持つことができ 値などのオブジェクト。 543 00:28:23,820 --> 00:28:25,870 これには制限が本当にありません。 544 00:28:25,870 --> 00:28:29,070 だからここに、それはちょうど良いデモだ あなたは多くを得ることができる方法の 545 00:28:29,070 --> 00:28:33,290 起こっているさまざまなタイプ すべて1オブジェクト。 546 00:28:33,290 --> 00:28:34,540 これは理にかなっていますか？ 547 00:28:34,540 --> 00:28:41,090 548 00:28:41,090 --> 00:28:44,700 >> 今、あなたも持つことができます オブジェクトの配列。 549 00:28:44,700 --> 00:28:48,530 そして、ここでは何にも優しいの似ている あなたがオブジェクトを持つことができれば、尋ね 550 00:28:48,530 --> 00:28:49,190 同じタイプ。 551 00:28:49,190 --> 00:28:52,960 しかし、問題は、固定がない、ある JavaScriptでのオブジェクトのためのフォーマット。 552 00:28:52,960 --> 00:28:55,020 だから、自分で指定する必要があります。 553 00:28:55,020 --> 00:28:57,600 そして、あなたは確認する必要があります 彼らは一様だということ。 554 00:28:57,600 --> 00:29:00,410 だからここに、私は、オブジェクトを作成するときに、私が持っている それぞれが持っていることを確認します 555 00:29:00,410 --> 00:29:01,910 名前を付けて、それぞれが家を持っています。 556 00:29:01,910 --> 00:29:05,620 >> そして私は、それらの配列を持っている、 それは私のコテ​​ージです。 557 00:29:05,620 --> 00:29:08,290 して、ここでは、種類の缶 ループが起こって参照してください。 558 00:29:08,290 --> 00:29:14,090 本当に一般的であるforループ 配列の上に横断する方法 559 00:29:14,090 --> 00:29:15,150 JavaScriptで。 560 00:29:15,150 --> 00:29:18,010 このパターンは非常に似ていることに注意してください もし、Cと同等に 561 00:29:18,010 --> 00:29:21,470 iがゼロに等しいintを有する。私 長さ未満である。 562 00:29:21,470 --> 00:29:23,634 そして私プラスプラス。 563 00:29:23,634 --> 00:29:26,035 >> それはほとんど同じコードですが、 いくつかの詳細を除いて。 564 00:29:26,035 --> 00:29:29,460 565 00:29:29,460 --> 00:29:33,120 だから、誰もが理解していない オブジェクトとは？ 566 00:29:33,120 --> 00:29:35,820 ちょうどCの構造体としてそれについて考える。 567 00:29:35,820 --> 00:29:38,784 そして、あなたはフィールドにアクセスする方法 ただドットである。 568 00:29:38,784 --> 00:29:41,950 そして限り、あなたはどのようにすることを忘れないように あなたは大丈夫です、ドットを使用しています。 569 00:29:41,950 --> 00:29:55,300 570 00:29:55,300 --> 00:29:58,790 >> [OK]を、ので、今誰もができる そのリンクを読むか？ 571 00:29:58,790 --> 00:30:02,220 これは、プロジェクトへのリンクです。 572 00:30:02,220 --> 00:30:04,950 誰もが問題を抱えている リンクを見て？ 573 00:30:04,950 --> 00:30:06,251 さあ、それを変更してみましょう。 574 00:30:06,251 --> 00:30:14,430 575 00:30:14,430 --> 00:30:15,680 そうではありません - 576 00:30:15,680 --> 00:30:21,900 577 00:30:21,900 --> 00:30:24,240 ええ、それはおそらく それを行うための最も簡単な方法。 578 00:30:24,240 --> 00:30:32,390 579 00:30:32,390 --> 00:30:34,560 素晴らしい。 580 00:30:34,560 --> 00:30:38,270 >> このサイトに行けばそう、そこにすべき 一部の命令であること、私はよ 581 00:30:38,270 --> 00:30:42,550 我々は流星をインストールする方法についての上に行く 私たちのサンプルプロジェクトを実行し得る。 582 00:30:42,550 --> 00:30:47,900 583 00:30:47,900 --> 00:30:50,180 私は誰もが持っていることを確認したい 私は移動する前に、リンクダウン。 584 00:30:50,180 --> 00:31:16,250 585 00:31:16,250 --> 00:31:17,500 私は上に移動することはできますか？ 586 00:31:17,500 --> 00:31:20,683 587 00:31:20,683 --> 00:31:23,680 [OK]を、素晴らしい。 588 00:31:23,680 --> 00:31:25,890 >> だからここに私は、ウェブサイトで午前。 589 00:31:25,890 --> 00:31:28,740 あなたは、Readmeファイルにわかります 我々はどのようにいくつかの命令を持っている 590 00:31:28,740 --> 00:31:30,200 目のセットアップ取得します。 591 00:31:30,200 --> 00:31:33,920 あなたはCS50のいずれかである必要が アプライアンスまたは単にMacで。 592 00:31:33,920 --> 00:31:35,330 Windowsが動作しません。 593 00:31:35,330 --> 00:31:37,760 しかし、基本的に何もしないということ Windowsは、これらで動作するはずです 594 00:31:37,760 --> 00:31:39,820 うまく指示。 595 00:31:39,820 --> 00:31:41,470 しかし、私はそれ少し行うことができます 大きなも同様。 596 00:31:41,470 --> 00:31:45,610 597 00:31:45,610 --> 00:31:48,820 >> だから、最初に実行することになるでしょう コマンドの一対。 598 00:31:48,820 --> 00:31:50,450 これらの人はちょうど流星がインストールされます。 599 00:31:50,450 --> 00:31:54,870 600 00:31:54,870 --> 00:31:58,530 私は自分の端末に行くことができます。 601 00:31:58,530 --> 00:32:02,710 そして私は今、同じことを実行する場合、 私はすでにそれがインストールされています。 602 00:32:02,710 --> 00:32:03,710 だから、少し短いです。 603 00:32:03,710 --> 00:32:05,155 それは少し時間がかかるかもしれません 君たちのために。 604 00:32:05,155 --> 00:32:08,160 605 00:32:08,160 --> 00:32:13,530 しかし、私は最初に確認する 私たちは、流星を実行していること。 606 00:32:13,530 --> 00:32:16,780 流星がインストールされたら、次のことを行う必要があり コンソール内のノードを取得することができ。 607 00:32:16,780 --> 00:32:19,430 >> 読者：彼らは求めている パスワードの。 608 00:32:19,430 --> 00:32:22,110 >> ROGER ZURAWICKI：あなたのだろう ユーザーパスワード、もしMacを使っているのであれば。 609 00:32:22,110 --> 00:32:27,030 それだけで許可するを必要とします いくつかのシステムファイルを変更します。 610 00:32:27,030 --> 00:32:30,690 それはをお願いしますので、もし質問があった パスワードは、それだけであなたを求めているの 611 00:32:30,690 --> 00:32:33,510 ユーザ名·パスワードのとき お使いのMacにログインします。 612 00:32:33,510 --> 00:32:35,770 そしてこれはあなたができるように、 システムファイルを変更します。 613 00:32:35,770 --> 00:32:46,670 614 00:32:46,670 --> 00:32:51,260 >> あなたは準備ができたら、あなたは上に移動することができます コピーし、次のステップへ 615 00:32:51,260 --> 00:32:54,220 ウェブサイトからの私が持っているサンプル·コード。 616 00:32:54,220 --> 00:32:58,330 そして、あなたは、あなたに新しいディレクトリを取得します リーダーボードと呼ばれるホームディレクトリ、および 617 00:32:58,330 --> 00:32:59,670 我々はそこから作業を開始することができます。 618 00:32:59,670 --> 00:33:09,680 619 00:33:09,680 --> 00:33:14,620 だから、僕はコピーして、これらを貼り付けています 私の端末にコマンド。 620 00:33:14,620 --> 00:33:16,780 そして私のために、私はすでにそれをクローン化した。 621 00:33:16,780 --> 00:33:21,470 だから、僕は今移動することができます リーダーボードに。 622 00:33:21,470 --> 00:33:23,450 そして、私はいくつかを持っている必要があります そこにあるファイル。 623 00:33:23,450 --> 00:33:29,880 624 00:33:29,880 --> 00:33:31,113 ご質問？ 625 00:33:31,113 --> 00:33:34,430 >> 観客：[聞こえない]に動作していない。 626 00:33:34,430 --> 00:33:36,741 >> ROGER ZURAWICKI：ああ、あなたは可能性がある Gitがもインストールする必要があります。 627 00:33:36,741 --> 00:33:39,150 >> 観客：[聞こえない]。 628 00:33:39,150 --> 00:33:40,162 >> ROGER ZURAWICKI：申し訳ありませんが？ 629 00:33:40,162 --> 00:33:41,412 >> 観客：[聞こえない]。 630 00:33:41,412 --> 00:33:44,500 631 00:33:44,500 --> 00:33:47,390 >> ROGER ZURAWICKI：ああ、[OK]をクリックします。 632 00:33:47,390 --> 00:33:47,720 [OK]をクリックします。 633 00:33:47,720 --> 00:33:52,860 あなたが使用する可能性があるのだからです このリンクを取得するためのGitHubにログイン。 634 00:33:52,860 --> 00:33:58,160 あなたたちはそれを見ることができれば、最も簡単 それを行うための方法は、私はそれからだと思い 635 00:33:58,160 --> 00:33:59,270 zipファイルをダウンロードします。 636 00:33:59,270 --> 00:34:02,010 そして、これは単にダウンロードします すべてのファイル。 637 00:34:02,010 --> 00:34:05,510 そして、あなたはあなたの中に入れたら、 ダウンロードしたり、ホームディレクトリ - 638 00:34:05,510 --> 00:34:07,360 私はあなたにそれを置くことをお勧めします ホームディレクトリ我々はすべてのことができるように 639 00:34:07,360 --> 00:34:09,210 同じコマンドを実行します。 640 00:34:09,210 --> 00:34:15,230 限り、我々はファイルを持っているように、させて頂きます 彼らとの作業を開始することができる。 641 00:34:15,230 --> 00:34:17,969 人々が抱えているなら、私に教えてください トラブルファイルをダウンロードする。 642 00:34:17,969 --> 00:34:21,040 >> 読者：ホームディレクトリで、 もしかして - 643 00:34:21,040 --> 00:34:24,989 >> ROGER ZURAWICKI：だからホームディレクトリだろう あなたがしている場合は、ジョン·ハーバードも 644 00:34:24,989 --> 00:34:27,460 CS50アプライアンス。 645 00:34:27,460 --> 00:34:33,651 自分のホームディレクトリに到達するために、 ちょうどCで入力 646 00:34:33,651 --> 00:34:34,145 >> 観客：[聞こえない] 647 00:34:34,145 --> 00:34:37,610 CS50アプライアンス[聞こえない]。 648 00:34:37,610 --> 00:34:38,650 >> ROGER ZURAWICKI：はい。 649 00:34:38,650 --> 00:34:40,480 あなたがコマンドを実行したい お使いの端末。 650 00:34:40,480 --> 00:34:44,899 651 00:34:44,899 --> 00:34:45,390 >> 観客：[聞こえない]。 652 00:34:45,390 --> 00:34:50,800 私はありませんというエラーを得た そのようなファイルまたはディレクトリ。 653 00:34:50,800 --> 00:34:52,739 >> ROGER ZURAWICKI：私たちは迅速に取ることができます 壊し、まさにそれを確認してください 654 00:34:52,739 --> 00:34:56,760 誰も流星がインストールされている、と私はよ ただ人々を支援しようと行く。 655 00:34:56,760 --> 00:34:59,130 場合は、お互いを助けるためにしてみてください あなたが問題に実行している。 656 00:34:59,130 --> 00:35:04,640 657 00:35:04,640 --> 00:35:05,580 申し訳ありません、ええ。 658 00:35:05,580 --> 00:35:08,930 アプライアンスの両方にありますか？ 659 00:35:08,930 --> 00:35:09,350 >> 観客：うん。 660 00:35:09,350 --> 00:35:13,190 私はリサを持っている 661 00:35:13,190 --> 00:35:14,300 >> ROGER ZURAWICKI：わかりました。 662 00:35:14,300 --> 00:35:20,740 あなたが戻ってWebサイトにアクセスした場合は、 トップにスクロールアップしてください。 663 00:35:20,740 --> 00:35:23,580 このHTTPSがあります。 664 00:35:23,580 --> 00:35:25,810 >> 読者：このをコピー？ 665 00:35:25,810 --> 00:35:26,230 >> ROGER ZURAWICKI：うん。 666 00:35:26,230 --> 00:35:28,950 それから、あなたがしたい gitのクローンを入力します。 667 00:35:28,950 --> 00:35:30,814 ですから、対照Aを押すと - 668 00:35:30,814 --> 00:35:33,718 >> 読者：ここに？ 669 00:35:33,718 --> 00:35:36,410 そして[聞こえない]のですか？ 670 00:35:36,410 --> 00:35:37,307 >> ROGER ZURAWICKI：G-I-T。 671 00:35:37,307 --> 00:35:38,557 >> 観客：[聞こえない]。 672 00:35:38,557 --> 00:35:40,410 673 00:35:40,410 --> 00:35:42,670 >> ROGER ZURAWICKI：Gitとし、クローン。 674 00:35:42,670 --> 00:35:46,610 だから、コマンドと非常によく似ています 上記の持っていたが、URLが変更されました。 675 00:35:46,610 --> 00:35:49,010 それがこのだったので、前に、今ではこれです。 676 00:35:49,010 --> 00:35:50,680 私は更新してみましょう - 677 00:35:50,680 --> 00:35:51,354 うん。 678 00:35:51,354 --> 00:35:52,604 >> 観客：[聞こえない]。 679 00:35:52,604 --> 00:35:56,000 680 00:35:56,000 --> 00:35:58,076 >> ROGER ZURAWICKI：これは、ダウンロードされます。 681 00:35:58,076 --> 00:35:59,326 >> 観客：[聞こえない]。 682 00:35:59,326 --> 00:36:02,930 683 00:36:02,930 --> 00:36:05,690 >> ROGER ZURAWICKI：ああ、それはそう 正しくクローンませんでした。 684 00:36:05,690 --> 00:36:07,920 私はそれを修正します。 685 00:36:07,920 --> 00:36:10,190 しようとエラーがあります ファイルをダウンロードします。 686 00:36:10,190 --> 00:36:13,820 私はあなたたちのためにコマンドを更新してみましょう ので、私はそれが動作することを確認することができます。 687 00:36:13,820 --> 00:36:17,025 私はそのことについて申し訳ありません。 688 00:36:17,025 --> 00:36:21,618 それは同じである必要があり MacやCS50アプライアンス。 689 00:36:21,618 --> 00:36:22,868 >> 観客：[聞こえない]。 690 00:36:22,868 --> 00:36:49,320 691 00:36:49,320 --> 00:36:51,190 >> ROGER ZURAWICKI：私が更新しました 数2、もしするためのコマンド 692 00:36:51,190 --> 00:36:52,910 あなたがページを更新します。 693 00:36:52,910 --> 00:36:56,520 これで、URLは、あなたがすべきである ファイルをダウンロードすることが可能。 694 00:36:56,520 --> 00:37:00,162 695 00:37:00,162 --> 00:37:02,550 >> 観客：だから我々はまだしている場合 [聞こえない]ダウンロード。 696 00:37:02,550 --> 00:37:05,930 >> ROGER ZURAWICKI：あなたがしている場合 まだ流星のダウンロード？ 697 00:37:05,930 --> 00:37:07,180 >> 観客：[聞こえない]。 698 00:37:07,180 --> 00:37:09,860 699 00:37:09,860 --> 00:37:11,910 >> ROGER ZURAWICKI：はい、必要に応じて お使いのMac上で開発しています。 700 00:37:11,910 --> 00:37:14,145 しかし、あなたはXcodeの開発者が必要 インストールツール。 701 00:37:14,145 --> 00:37:21,530 702 00:37:21,530 --> 00:37:24,550 私は、CS50にこれらのコマンドをテストしてみた アプライアンスなので、私は保証することができます 703 00:37:24,550 --> 00:37:25,440 それが動作すること。 704 00:37:25,440 --> 00:37:26,710 はい。私が行かせ、あなたを助ける。 705 00:37:26,710 --> 00:37:30,558 706 00:37:30,558 --> 00:37:31,808 >> 観客：[聞こえない]。 707 00:37:31,808 --> 00:37:39,440 708 00:37:39,440 --> 00:37:40,372 私は自分のパスワードを入力する。 709 00:37:40,372 --> 00:37:42,240 これは、Macである。 710 00:37:42,240 --> 00:37:43,490 そして私は、[聞こえない]を行う。 711 00:37:43,490 --> 00:37:51,114 712 00:37:51,114 --> 00:37:52,580 >> ROGER ZURAWICKI：わかりました。 713 00:37:52,580 --> 00:37:57,080 私はすべてのコマンドを実行してみてくださいだろう もっぱらCS50アプライアンス端末。 714 00:37:57,080 --> 00:37:58,330 >> 観客：[聞こえない]。 715 00:37:58,330 --> 00:38:00,220 716 00:38:00,220 --> 00:38:02,570 >> ROGER ZURAWICKI：私はそれが動作になるだろう 端末上の、上の最初の 717 00:38:02,570 --> 00:38:04,830 その後CS50アプライアンス、および Macのターミナル。 718 00:38:04,830 --> 00:38:08,130 >> 観客：だから、CS50でそれを行う場合は、 そのようなアプライアンス、[聞こえない]。 719 00:38:08,130 --> 00:38:13,650 720 00:38:13,650 --> 00:38:15,850 >> ROGER ZURAWICKI：私は移動したいと思います しかし、人々はまだある場合に 721 00:38:15,850 --> 00:38:20,190 流星の設定、トラブル、ケビンはもっとある あなたたちを助けて幸せよりも、 722 00:38:20,190 --> 00:38:21,440 グレーのシャツを着たケビン。 723 00:38:21,440 --> 00:38:26,320 724 00:38:26,320 --> 00:38:32,170 私たちが持つべきは、我々がしようとしているです 最後のコマンドを実行し、数3、内 725 00:38:32,170 --> 00:38:33,710 私たちのターミナル。 726 00:38:33,710 --> 00:38:37,320 我々はそれをするとき、私たちは流星を実行します。 727 00:38:37,320 --> 00:38:39,040 >> そして、あなたは必要があります - 728 00:38:39,040 --> 00:38:41,200 ああ、私はすでに、流星を実行している。 729 00:38:41,200 --> 00:38:45,230 とさせて頂いております - だから、できるようにするつもりはない ちょうど私の他の流星を閉じます。 730 00:38:45,230 --> 00:38:49,640 私は、流星を実行すると、 今それを見る必要があります - 731 00:38:49,640 --> 00:38:51,490 あなたは、現在のディレクトリが表示されます それがサービスだと。 732 00:38:51,490 --> 00:38:55,476 今では、サーバを言うために起こっている http://localhostの上で実行されている。 733 00:38:55,476 --> 00:38:58,860 それはあなたが入れたいのURL お使いのWebブラウザである。 734 00:38:58,860 --> 00:39:05,410 >> そのURLに、次のことができるようにすべき ちょっといいリーダーボードにアクセスします。 735 00:39:05,410 --> 00:39:10,030 736 00:39:10,030 --> 00:39:14,530 だから、これがlocalhostであることがわかり、 そのあなたがいずれかを行うとことを意味します 737 00:39:14,530 --> 00:39:17,320 変更は、あなたがするつもりはない お互いの変更を参照してください。 738 00:39:17,320 --> 00:39:20,830 私がお見せしたウェブサイト上のに対し、 初めに、我々は得ることができる 739 00:39:20,830 --> 00:39:23,380 みんなのため、みんなの変化 同じウェブサイトにアクセスした。 740 00:39:23,380 --> 00:39:27,010 741 00:39:27,010 --> 00:39:29,540 >> だから私はちょうど[へ行こう？言葉？] 742 00:39:29,540 --> 00:39:35,570 3000。 743 00:39:35,570 --> 00:39:38,820 だから、あなただけ確認することができる必要があります 機能が動作すること。 744 00:39:38,820 --> 00:39:44,790 あなたは、さまざまな人を選択することができ、かつ あなたがそれらを別のポイントを与えることができます。 745 00:39:44,790 --> 00:39:46,710 だから私は誰かのポイントを与える。 746 00:39:46,710 --> 00:39:50,420 また、それを見ることができます 彼らは、ランクが上がる。 747 00:39:50,420 --> 00:39:53,450 748 00:39:53,450 --> 00:39:57,360 >> 今、時間のために、そこに 私がした3機能は次のとおり 749 00:39:57,360 --> 00:39:58,020 実装されています。 750 00:39:58,020 --> 00:40:03,760 そして、我々は、削除を実施するつもりだ 私たちの第一の特徴として、ユーザー。 751 00:40:03,760 --> 00:40:06,360 我々は上に移動する前にしかし、ある そこに疑問？ 752 00:40:06,360 --> 00:40:09,010 あなたは、あなたの手を上に持っていた。 753 00:40:09,010 --> 00:40:10,480 はい？ 754 00:40:10,480 --> 00:40:11,730 >> 観客：[聞こえない]。 755 00:40:11,730 --> 00:40:20,980 756 00:40:20,980 --> 00:40:22,450 >> ROGER ZURAWICKI：かを確認できます 流星がインストールされていること？ 757 00:40:22,450 --> 00:40:25,160 758 00:40:25,160 --> 00:40:26,410 >> 観客：[聞こえない]。 759 00:40:26,410 --> 00:40:31,440 760 00:40:31,440 --> 00:40:32,680 >> ROGER ZURAWICKI：ローカルホスト3000？ 761 00:40:32,680 --> 00:40:36,550 そして、あなたはCS50アプライアンスにいる？ 762 00:40:36,550 --> 00:40:37,800 私が行うことができます - 763 00:40:37,800 --> 00:40:39,870 764 00:40:39,870 --> 00:40:41,210 あなたがMac上である必要はありません。 765 00:40:41,210 --> 00:40:43,558 これは、アプライアンスで動作します。 766 00:40:43,558 --> 00:40:45,880 >> 観客：[聞こえない]。 767 00:40:45,880 --> 00:40:47,520 >> ROGER ZURAWICKI：ノーマル Webブラウザ、うん。 768 00:40:47,520 --> 00:40:49,170 >> 観客：[聞こえない]。 769 00:40:49,170 --> 00:40:52,100 >> ROGER ZURAWICKI：流星が実行している？ 770 00:40:52,100 --> 00:40:54,180 だから、OK、ここに区別があります。 771 00:40:54,180 --> 00:40:56,300 あなたはそれを実行している場合 アプライアンスには、しなければならない 772 00:40:56,300 --> 00:40:58,400 アプライアンス内のlocalhost。 773 00:40:58,400 --> 00:41:00,860 あなたのMacでそれを実行している場合、 私は同じように、私は行うことができます 774 00:41:00,860 --> 00:41:02,460 私のMacのGoogle Chrome。 775 00:41:02,460 --> 00:41:05,520 しかし、あなたはCS50アプライアンスを使用している場合、 あなたはすべてを行う必要があります 776 00:41:05,520 --> 00:41:06,350 アプライアンス内。 777 00:41:06,350 --> 00:41:09,022 だから、グーグルを使用する必要が アプライアンスにクローム。 778 00:41:09,022 --> 00:41:10,350 >> 観客：[聞こえない]。 779 00:41:10,350 --> 00:41:12,188 >> ROGER ZURAWICKI：それは それでも動作しない？ 780 00:41:12,188 --> 00:41:13,438 >> 観客：[聞こえない]。 781 00:41:13,438 --> 00:41:39,170 782 00:41:39,170 --> 00:41:42,390 >> ROGER ZURAWICKI：だから繰り返すには、 どのようにして、今のウェブサイトにアクセスします。 783 00:41:42,390 --> 00:41:46,380 あなたが上でここにURLが 3000のlocalhost。 784 00:41:46,380 --> 00:41:49,600 あなたはCS50アプライアンスであれば、 あなたはCS50を開く必要があり 785 00:41:49,600 --> 00:41:51,320 アプライアンスのGoogle Chromeの。 786 00:41:51,320 --> 00:41:54,850 そして内でそのGoogle Chromeの中で アプライアンスには、そのURLを入力することができ、 787 00:41:54,850 --> 00:41:56,400 あなたがリーダーボードが表示されるはずです。 788 00:41:56,400 --> 00:41:58,990 789 00:41:58,990 --> 00:42:04,800 だから、僕はそれを先送りするつもりだ こちら側に少し。 790 00:42:04,800 --> 00:42:09,600 そして今、私は自分を開くつもりだ こちらにテキストエディタ。 791 00:42:09,600 --> 00:42:16,040 だから私はちょうどことを確認してみましょう コー​​ドがためである。 792 00:42:16,040 --> 00:42:17,580 [OK]をクリックします。 793 00:42:17,580 --> 00:42:19,750 素晴らしい。 794 00:42:19,750 --> 00:42:22,360 >> 私は今を歩くしたいのですが コー​​ドビット。 795 00:42:22,360 --> 00:42:26,110 そして、私は開始したい最初のファイル とleaderboard.htmlです。 796 00:42:26,110 --> 00:42:31,520 あなたは後にこのコードを入手することができるでしょう セミナーでは、私はただ表示したい 797 00:42:31,520 --> 00:42:33,960 あなたは自分のコンピュータ上で何が起こっている。 798 00:42:33,960 --> 00:42:39,130 799 00:42:39,130 --> 00:42:40,970 だから私は、誰もがこれを見ることができると思います。 800 00:42:40,970 --> 00:42:47,970 801 00:42:47,970 --> 00:42:51,590 我々は、ファイルの先頭にそう 私たちの頭とタイト​​ルを、持っている 802 00:42:51,590 --> 00:42:54,510 我々が見たものと似ています すべてのHTMLドキュメント内の。 803 00:42:54,510 --> 00:42:56,990 そして、我々は持っているつもりです ここでbodyタグ。 804 00:42:56,990 --> 00:42:59,920 >> 私が選択したことは主である 本体は、基本的には何 805 00:42:59,920 --> 00:43:01,470 表示されて取得するつもり。 806 00:43:01,470 --> 00:43:05,560 しかし、いくつかの新しい非HTMLがあります 物事、それがでます 807 00:43:05,560 --> 00:43:06,710 二重山括弧。 808 00:43:06,710 --> 00:43:08,600 これらはテンプレートタグです。 809 00:43:08,600 --> 00:43:13,770 だから、ここで、このブラケットが表示されます ブラケット新しいリーダーボード。 810 00:43:13,770 --> 00:43:17,390 そして、これは種類のものである - それを考える HTMLの機能を呼び出すのと。 811 00:43:17,390 --> 00:43:19,320 >> これは、HTMLの特別なバージョンです。 812 00:43:19,320 --> 00:43:22,730 それは、その流星が使用するバージョンです あなたが別の表示ができる理由である 813 00:43:22,730 --> 00:43:26,190 このようなリーダーボードのようなもの、 名前とボタン。 814 00:43:26,190 --> 00:43:30,870 しかし、リーダーボードに行き説明します 名前のリーダーボードを持つテンプレート。 815 00:43:30,870 --> 00:43:34,746 だから、テンプレートはによって表示されない それ自体が、それは、関数なので、それ 816 00:43:34,746 --> 00:43:35,390 呼び出されます。 817 00:43:35,390 --> 00:43:41,030 そして、あなたはこのすべてに置き換えます ちょうどここリーダーボードにコード。 818 00:43:41,030 --> 00:43:44,510 819 00:43:44,510 --> 00:43:48,820 >> リーダーボードの興味深い部分 ここにちょうどこのテーブルです。 820 00:43:48,820 --> 00:43:52,910 あなたはそれを読んでいる場合は、このコードを読む 声を出して、それが直感的であるべき 821 00:43:52,910 --> 00:43:57,390 リーダーボードは、すべて私たちのため ここにテーブルがある必要があります。 822 00:43:57,390 --> 00:44:00,410 そうしないこのIDクラスのもの 心配する必要があります。 823 00:44:00,410 --> 00:44:02,460 ちょうどテーブルのヘッダがあることを知っている。 824 00:44:02,460 --> 00:44:03,630 つまり、このTHEADです。 825 00:44:03,630 --> 00:44:06,860 >> そして、それは名前とスコアを見つけた。 826 00:44:06,860 --> 00:44:12,150 thtable、thead要素のようなすべてのこれらのタグ、、 あなたが一緒に行くようにあなただけを学びます。 827 00:44:12,150 --> 00:44:15,540 それはあなたが覚えていることが重要ではありません これらのあなただけのいずれかにアクセスすることができますので、 828 00:44:15,540 --> 00:44:16,520 オンラインリファレンス。 829 00:44:16,520 --> 00:44:20,610 または学期の終わりまでに、これらの ちょうどあなたに非常に精通しているであろう。 830 00:44:20,610 --> 00:44:22,840 >> 表のヘッダーの後に、 私はあなたを描きたい部分 831 00:44:22,840 --> 00:44:24,900 このHタグであるために注意。 832 00:44:24,900 --> 00:44:27,180 それは二重括弧内なので、 それはテンプレートの。 833 00:44:27,180 --> 00:44:30,980 だから、選手の各手段と、 、我々がする必要されているものの選手 834 00:44:30,980 --> 00:44:31,500 それを表示する。 835 00:44:31,500 --> 00:44:32,965 そして、我々はプレーヤテンプレートにアクセスしてください。 836 00:44:32,965 --> 00:44:35,680 837 00:44:35,680 --> 00:44:39,890 >> 我々はもう少し下にスクロールした場合 - 838 00:44:39,890 --> 00:44:40,980 私は誰もがそれを見ることができると思います。 839 00:44:40,980 --> 00:44:42,900 私たちは、プレーヤテンプレートを持っている。 840 00:44:42,900 --> 00:44:49,080 このテンプレートは、基本的に定義してい 名前に入れ、表のセル、 841 00:44:49,080 --> 00:44:50,330 こことスコア。 842 00:44:50,330 --> 00:44:52,540 843 00:44:52,540 --> 00:44:56,720 今ズームアウト、我々は見ることができます そのコードのこの塊 - 844 00:44:56,720 --> 00:44:59,060 それがダウンしてそこに私たちの選手だった - 845 00:44:59,060 --> 00:45:01,070 これらの細胞の1を定義します。 846 00:45:01,070 --> 00:45:02,890 私はクリックして、各事 黄色になる。 847 00:45:02,890 --> 00:45:06,690 848 00:45:06,690 --> 00:45:08,660 >> 私は今それを変えることができる簡単な方法。 849 00:45:08,660 --> 00:45:10,150 流星がまだ実行されていることを確認します。 850 00:45:10,150 --> 00:45:12,540 流星は、サーバ·プロセスである必要があり、 だから、それを残して 851 00:45:12,540 --> 00:45:14,020 あなたが開発したときに実行されている。 852 00:45:14,020 --> 00:45:18,280 のは、私が変更したいとしましょう すべての名前やスコア。 853 00:45:18,280 --> 00:45:23,320 そして、私は私が行くよと言うでしょう ここにポイントを追加します。 854 00:45:23,320 --> 00:45:27,215 だから私はここでの変更があった だけではなく、スコアの私 855 00:45:27,215 --> 00:45:30,280 スコアスペースポイントを追加。 856 00:45:30,280 --> 00:45:32,775 >> 私は、ズームアウトするつもりだ、と私は私 私のファイルを保存しようとして。 857 00:45:32,775 --> 00:45:35,510 858 00:45:35,510 --> 00:45:39,830 そして、私は私のファイルを保存した後、私が必要とする 流星が動作していることを確認します。 859 00:45:39,830 --> 00:45:55,650 860 00:45:55,650 --> 00:45:57,610 そのことはごめんなさい。 861 00:45:57,610 --> 00:46:00,330 私はあなたに、編集内容を表示したい リアルタイムで行われた。 862 00:46:00,330 --> 00:46:06,180 だから、僕はいくつかのテキストを変更します。 863 00:46:06,180 --> 00:46:07,600 プレーヤーをクリックしてください。 864 00:46:07,600 --> 00:46:10,040 私は、すべて大文字でそれを入れている。 865 00:46:10,040 --> 00:46:14,540 そして、それはすべきことは、これは動作しているか 適切に、私はそれを保存すると、 866 00:46:14,540 --> 00:46:16,801 更新してしまう。 867 00:46:16,801 --> 00:46:20,420 >> ああ、私は今、問題があると思います 私は、正しいディレクトリに存在しないんだ。 868 00:46:20,420 --> 00:46:24,940 869 00:46:24,940 --> 00:46:26,870 [OK]をクリックします。 870 00:46:26,870 --> 00:46:28,160 私はそのことについて申し訳ありません。 871 00:46:28,160 --> 00:46:32,860 だからここに、あなたが気づくものです 私の変更が通り抜けた。 872 00:46:32,860 --> 00:46:34,540 今、私は変更を戻したいと言う。 873 00:46:34,540 --> 00:46:36,200 私は私が持っていたものに戻りたい。 874 00:46:36,200 --> 00:46:37,640 私は普通にそれをタイプするつもりです。 875 00:46:37,640 --> 00:46:39,180 プレーヤーをクリックしてください。 876 00:46:39,180 --> 00:46:42,920 >> 私は、それを保存瞬間 このサイトは私のために更新されます。 877 00:46:42,920 --> 00:46:44,740 そして私はの私の変化を見る 瞬時サイト。 878 00:46:44,740 --> 00:46:48,170 これは本当に便利な機能です デバッグにためになりました 879 00:46:48,170 --> 00:46:49,640 私がする必要はありません - 880 00:46:49,640 --> 00:46:52,920 我々はCコードを記述するときだけでなく、私たちはやった ファイルを保存する必要がありますが、我々はしなければならなかった 881 00:46:52,920 --> 00:46:54,750 それを作るしてから再度実行してください。 882 00:46:54,750 --> 00:46:58,750 流星は、理由のCとは違って非常にいいです あなたのHTMLを保存した瞬間か 883 00:46:58,750 --> 00:47:01,070 JavaScriptのファイル、変更 すぐに表示されます。 884 00:47:01,070 --> 00:47:05,050 885 00:47:05,050 --> 00:47:09,140 >> 一つの疑問は、これらのテンプレートでは、どのように 私は選手たちのような値を得るのですか 886 00:47:09,140 --> 00:47:11,520 または名前を選択する？ 887 00:47:11,520 --> 00:47:17,130 私は自分のコードにここにズームインするとき、 私はそれぞれのプレーヤーのためにこれを参照してください。 888 00:47:17,130 --> 00:47:19,970 だから、テンプレートがあることを知っている 私は何とか選手がいる。 889 00:47:19,970 --> 00:47:22,110 そして、それがありますことを知っている 選択された名前。 890 00:47:22,110 --> 00:47:23,220 これはどこから来るのでしょうか？ 891 00:47:23,220 --> 00:47:25,180 つまり、JavaScriptから来る。 892 00:47:25,180 --> 00:47:30,980 >> そして、あなたはleaderboard.jsに行けば、この 私はここに行くときに、ファイルには、今、私たちは持っている 893 00:47:30,980 --> 00:47:33,460 いくつかのコマンドが定義されている。 894 00:47:33,460 --> 00:47:36,400 これは特別な流星構文です。 895 00:47:36,400 --> 00:47:38,600 あなたが必要としないことに注意してください VARSか何か。 896 00:47:38,600 --> 00:47:42,990 しかし、これらは単に構造体上に構造体アール 構造体や、これらのオブジェクトに依存する。 897 00:47:42,990 --> 00:47:45,910 と私は定義しているすべてのテンプレートです リーダーボードと呼ばれる。 898 00:47:45,910 --> 00:47:47,900 >> リーダーボードは、取得する必要があり 事は選手を呼んだ。 899 00:47:47,900 --> 00:47:48,840 そしてプレイヤーは何ですか？ 900 00:47:48,840 --> 00:47:51,860 それは、この式が返す何だ。 901 00:47:51,860 --> 00:47:53,020 と選択した名前は何ですか？ 902 00:47:53,020 --> 00:47:54,630 これは、いくつかのより多くのコードです。 903 00:47:54,630 --> 00:47:56,810 我々はよコードの詳細 少し後カバーしています。 904 00:47:56,810 --> 00:48:02,210 しかし、今私はあなたが理解したい このコードでは、服用していることを 905 00:48:02,210 --> 00:48:04,350 選手、そして我々はそれに価値を与えている。 906 00:48:04,350 --> 00:48:07,000 この場合には、機​​能の その、起動されます。 907 00:48:07,000 --> 00:48:10,290 だから我々は価値を取り戻すことができます 我々は、関数を実行すると。 908 00:48:10,290 --> 00:48:12,830 909 00:48:12,830 --> 00:48:13,520 これはログです。 910 00:48:13,520 --> 00:48:14,770 それは理にかなっていますか？ 911 00:48:14,770 --> 00:48:23,170 912 00:48:23,170 --> 00:48:25,010 >> 私はそれをソートだ方法を変更することができます。 913 00:48:25,010 --> 00:48:27,230 ここでは、ソート·オブジェクトがあります。 914 00:48:27,230 --> 00:48:31,660 そしてこれが何を言うことは、私はソートするつもりされている スコアによって第下降し、 915 00:48:31,660 --> 00:48:33,170 [昇順名前を付けます。 916 00:48:33,170 --> 00:48:36,630 私は1に変更した場合、それが起こっている スコアを昇順にソートします。 917 00:48:36,630 --> 00:48:39,120 だからゼロが一番上にある必要があります。 918 00:48:39,120 --> 00:48:43,370 と私は私のウェブサイトに拡大すると、我々 今のウェブサイトが更新されていることがわかります。 919 00:48:43,370 --> 00:48:44,923 そしてスコアが上昇している。 920 00:48:44,923 --> 00:48:49,010 921 00:48:49,010 --> 00:48:53,980 >> 私はしたい次の関数 カバーに増分をクリックするだけです。 922 00:48:53,980 --> 00:48:57,910 時間の都合のうち、私はしません 流星の多くをカバーすることができる 923 00:48:57,910 --> 00:49:00,690 コー​​ドが、資源がたくさんあり​​ます 利用可能な、と私はなります 924 00:49:00,690 --> 00:49:03,560 ここでのセミナーの後。 925 00:49:03,560 --> 00:49:07,680 しかし、私はちょうどカバーしたい リーダーボードのイベント。 926 00:49:07,680 --> 00:49:10,520 この構文は、あなたが学びます 少し後の講演中。 927 00:49:10,520 --> 00:49:12,870 これはJavaScriptのです。 928 00:49:12,870 --> 00:49:16,720 >> 我々は、クリックを取得するときに我々だけ、と言っている、 そしてそれは、インクリメントでこのです 929 00:49:16,720 --> 00:49:19,160 ハッシュだけでIDを意味します。 930 00:49:19,160 --> 00:49:23,945 インクリメントIDタグに、我々は欲しい 更新する - 私はあなたしたいキーワードを 931 00:49:23,945 --> 00:49:26,740 見てすると、更新され、 選択してプレーヤー。 932 00:49:26,740 --> 00:49:29,080 だから、どちらかのプレイヤーの選択し、 我々はそれを更新します。 933 00:49:29,080 --> 00:49:31,260 そして、私たちがやっていることは、我々は増分である 5によるそのスコア。 934 00:49:31,260 --> 00:49:37,700 935 00:49:37,700 --> 00:49:40,340 そして、それは、機能を説明します 我々はここにある。 936 00:49:40,340 --> 00:49:50,270 937 00:49:50,270 --> 00:49:54,510 >> 本セミナー終了後、我々はよ いくつかのより多くのコードを見ることができる。 938 00:49:54,510 --> 00:50:00,400 しかし、私がしたいことを戻って私の目標に行く サイトを変更し、私はこっちたかった 939 00:50:00,400 --> 00:50:03,400 [削除]ボタンを追加しますので、 私は選手を削除することができます。 940 00:50:03,400 --> 00:50:05,390 そうそのためには、私が必要とする 2つのことを行う。 941 00:50:05,390 --> 00:50:09,680 私はHTMLを更新する必要があり、更新する ユーザーに表示される内容の表示、および 942 00:50:09,680 --> 00:50:15,080 その際、いくつかのJavaScriptの設定を持っている ボタンが押され、流星が起こっている 943 00:50:15,080 --> 00:50:15,690 何かをする。 944 00:50:15,690 --> 00:50:18,040 それは、そのプレイヤーを取り除くために起こっている。 945 00:50:18,040 --> 00:50:20,720 >> ように、コードの塊がたくさんあり​​ます 基本的には既に持っている 946 00:50:20,720 --> 00:50:22,610 私のために行われて。 947 00:50:22,610 --> 00:50:26,160 私はここで見てみると、私はすでに方法を持っている 選択された選手を得る。 948 00:50:26,160 --> 00:50:29,880 あなたがそれを見ることができれば、このようなものです。 949 00:50:29,880 --> 00:50:31,346 だから私の場合 - 950 00:50:31,346 --> 00:50:35,160 私は別のイベントを持っているつもりです。 951 00:50:35,160 --> 00:50:37,900 だから私は、私が持っているものをコピーするつもりです。 952 00:50:37,900 --> 00:50:40,740 これがリストされているため、 私はコンマが必要です。 953 00:50:40,740 --> 00:50:45,480 >> だから今私は、[削除]をクリックしますつもりです。 954 00:50:45,480 --> 00:50:48,840 そして、代わりの選手の更新、 私は、プレイヤーが削除するつもりです。 955 00:50:48,840 --> 00:50:51,620 そして、すべてのプレイヤーがニーズを削除 選択された選手である。 956 00:50:51,620 --> 00:50:56,500 そのため、この機能は、我々が必要とするすべてです。 957 00:50:56,500 --> 00:51:01,550 私はいくつかを追加する必要がありますか しかし、ここでのHTML。 958 00:51:01,550 --> 00:51:05,180 だから私はここで下にスクロールすると、 これはHTMLビューです。 959 00:51:05,180 --> 00:51:08,300 我々はここのものを持っていた、 どのタグだった。 960 00:51:08,300 --> 00:51:09,610 あなたはそのことについて心配する必要はありません。 961 00:51:09,610 --> 00:51:12,000 >> あなたにとってどのような事柄である このIDの増分。 962 00:51:12,000 --> 00:51:14,990 そして、これは、私たちが言うことを許可どんなときに 我々は我々が持っている、増分をクリック 963 00:51:14,990 --> 00:51:16,410 5点を与える。 964 00:51:16,410 --> 00:51:18,240 そして、あなたは、これがボタンであることがわかります。 965 00:51:18,240 --> 00:51:20,150 つまり、BTNが何を意味するのです。 966 00:51:20,150 --> 00:51:23,190 とボタンのテキスト 5ポイントを与えるである。 967 00:51:23,190 --> 00:51:26,440 だから、私は何をするつもりだと、私はある この行をコピーしようとして。 968 00:51:26,440 --> 00:51:29,910 私は削除するIDを変更するつもりです。 969 00:51:29,910 --> 00:51:34,310 そして、私は変更するつもりだ 削除に挿入するテキスト。 970 00:51:34,310 --> 00:51:35,980 >> だから、必ずすべての保存されます。 971 00:51:35,980 --> 00:51:39,010 私は戻って私のJavaScriptに行きたい 私が持っていることを確認します 972 00:51:39,010 --> 00:51:40,880 ここに並んで削除します。 973 00:51:40,880 --> 00:51:41,780 グッド。 974 00:51:41,780 --> 00:51:43,145 だから私は、両方のファイルを保存するつもりです。 975 00:51:43,145 --> 00:51:46,060 976 00:51:46,060 --> 00:51:49,320 両方のファイルを保存した後、我々は 一番下に戻ることができます。 977 00:51:49,320 --> 00:51:51,550 そして今、我々は我々が持っている参照してください。 削除ボタン。 978 00:51:51,550 --> 00:51:56,050 そして1歩。 979 00:51:56,050 --> 00:51:58,200 あなたが得るかもしれない気づく 私がクリックしたときにエラーが発生したため 980 00:51:58,200 --> 00:52:00,610 何も起こっていないですが、削除してください。 981 00:52:00,610 --> 00:52:03,930 >> これをデバッグする方法が行くことです バック要素を検査する。 982 00:52:03,930 --> 00:52:07,820 ことができますので、私は意図的にこれをやって あなたが何かをデバッグする方法を参照してください。 983 00:52:07,820 --> 00:52:11,210 点検要素では、持っている ダウンここに私たちのすべてのテキスト。 984 00:52:11,210 --> 00:52:13,320 私は戻ってコンソールに戻りたい。 985 00:52:13,320 --> 00:52:19,230 そして、私はここに行くときに何が起こるか 私は、エラーのいくつかの種類を取得することです。 986 00:52:19,230 --> 00:52:21,660 それはメソッドの削除はありませんと言います。 987 00:52:21,660 --> 00:52:30,770 >> 私が行くときので、これが何を言っていることです。 戻ってコードに、私は選手と呼ばれる 988 00:52:30,770 --> 00:52:31,870 ここに削除します。 989 00:52:31,870 --> 00:52:34,430 削除は実際にはありません 右のコマンド。 990 00:52:34,430 --> 00:52:39,740 だから何を右のコマンドを見つけるために 流星のAPIがあります、です。 991 00:52:39,740 --> 00:52:42,680 私はあなたを指すようにしたいドキュメント に男はただmeteor.comである。 992 00:52:42,680 --> 00:52:45,190 だから私はここにそれを持っている。 993 00:52:45,190 --> 00:52:48,510 994 00:52:48,510 --> 00:52:51,370 これはちょうどので、あなたたちが知っている どこで詳しく知ることができます。 995 00:52:51,370 --> 00:52:54,420 >> ドキュメントへのリンクがあります。 996 00:52:54,420 --> 00:52:59,410 基本的に、私はちょうどことができます 削除のために見つけるのですか。 997 00:52:59,410 --> 00:53:03,220 そして、あなたが見るもの、削除 実際に削除されます。 998 00:53:03,220 --> 00:53:05,400 つまり、コマンドであること 私が呼び出す必要があります。 999 00:53:05,400 --> 00:53:09,620 だから今、私たちはそれを知っていることを、私は行くよ これを変更するには、削除し、削除します。 1000 00:53:09,620 --> 00:53:13,060 1001 00:53:13,060 --> 00:53:18,010 だから今、私は戻って私のランキングに行くとき サイト、私がクリックするつもりだ 1002 00:53:18,010 --> 00:53:19,450 削除して、今はなくなってんだ。 1003 00:53:19,450 --> 00:53:21,290 これ以上のロジャーはありません。 1004 00:53:21,290 --> 00:53:25,470 と私はすべてを削除続けることができます 私は何も残っていないまで、単一の名前。 1005 00:53:25,470 --> 00:53:33,600 1006 00:53:33,600 --> 00:53:36,060 >> だから、少しプレビューた メテオの使用方法。 1007 00:53:36,060 --> 00:53:38,990 1008 00:53:38,990 --> 00:53:42,380 あなたがより多くのJavaScriptを学習することができます とさせるために必要なHTML 1009 00:53:42,380 --> 00:53:46,970 それは我々が取り上げるれ、きれいに見える 今週の[？ワンピース？] HTMLに設定 1010 00:53:46,970 --> 00:53:49,630 と次のJavaScript [？ワンピース？]に設定。 1011 00:53:49,630 --> 00:53:53,150 >> そう心配して取得しないではないすべての場合 このようなものはあなたに簡単に付属しています。 1012 00:53:53,150 --> 00:53:56,410 それは時までになります 最終的なプロジェクト。 1013 00:53:56,410 --> 00:53:58,030 現れていただきありがとうございます。 1014 00:53:58,030 --> 00:54:01,380 私はすぐ後に更新されますリンク あなたには、いくつかのより多くを見ることができるようにセミナー 1015 00:54:01,380 --> 00:54:05,630 私がどのように実装しました例 より高度なリーダーボードを取得する 1016 00:54:05,630 --> 00:54:08,640 私はここで、このウェブサイトに持っている 1ラジカルleaderboard.meteor。 1017 00:54:08,640 --> 00:54:19,550 1018 00:54:19,550 --> 00:54:21,260 ありがとう。 1019 00:54:21,260 --> 00:54:22,760 >> [拍手] 1020 00:54:22,760 --> 00:56:58,070