Tip:
Highlight text to annotate it
X
>> ROGER ZURAWICKI:みなさん、こんにちは。
私はあなたの注意を得ることができますか?
ありがとう、みんな。
今日は流星についてお話したいと思います。
これは、JavaScriptのフレームワークです。
私たちは、どのようにあなたができるを通じて行きます 本当にクールなWebアプリを作る。
>> 我々はJavaScriptに入る前に、私はちょうど 君たちに伝えたい、この意志
後であるでしょう - こと 今学期の作品。
これは、JavaScriptの程度にする必要があります。
私は[聞こえない]最初に起こっていると思う 我々の前にウェブのHTML、PHPのものをカバー
JavaScriptに移動します。
およびCS50には、JavaScriptを考える クライアントコードのような。
だから、それが唯一で実行されます Webブラウザ。
>> しかし、最近の進歩においてのおかげ 技術、我々は今実行するために管理している
だけでなく、サーバーとしてのJavaScript。
だから、これは本当にクールを作成しました 今あなたが書くことができますので、フレームワーク
のための合法的に同じコード クライアントとサーバ。
そして、あなたはあなたの中で関数を定義するとき サーバー、クライアントはそれらを呼び出すことができます
同じ機能。
そして、それはそれは非常に簡単になります。
前のに対し、あなたがPHPを使用している場合 前面にあるサーバーは、JavaScript
最後に、PHPの関数を記述する必要があります そして、その後のJavaScriptバージョン
行うには、同じ機能 仕事と同じ種類。
>> だから我々は、私が欲しい、使い始める前に あなたに何のデモを表示する
流星はあなたのために行うことができます。
私は何である、あなたのデモが表示されます あなたがして作成することができるでしょう
このセミナーの最後に。
私達はちょうどここに行く。
これはリーダーボードアプリです。
それは、実際に例を拠点だ その流星はあなたを与える。
>> なぜならときに、流星は非常にいいです あなたができる、パッケージとしてインストール
基本的にで遊んで これらの4つのデモ。
とリーダーボードである これらのデモの最初の。
セミナー終了後、私はあなたのすべてを奨励 ただ、他のデモを探索する
私は、彼らは本当にクールだと思うので、と 彼らはあなたの流星の威力を発揮します。
>> それでは、これは、これは リーダーボード上でホストされている。
これはちょうど率直名のリストです。
そして、あなたは人々を選択することができます。
彼らは黄色に。
そして、あなたは与えることができます これらの5つのポイント。
そして、あなたはリストであることがわかります ソートされたので、私はもっと自分自身を与えるよう
そしてより多くのポイントは、私が一番上になりましたよ。
我々は開始場所にするためです。
>> そして何を奪うことができるでしょう このセミナーからさらにいくつかある
私が追加した機能 リーダーボード。
我々はどのようにカバーするだけでなく、されます 我々はできる、プレイヤーに5点を追加
選手を削除し、我々は新しい選手を追加することができ、 そして我々は我々が望む方法を選択することができます
それらをソートする。
これらはすべて非常に簡単にAPI呼び出しである その流星はあなたのために用意されています。
また、ここでは機能を持っている スコアをランダム化する。
>> それでは、このことについては本当にクールだ あなたたちは、実際にできている
すべてのサイトにアクセスしてください。
私はここで大きなテキストの中に入れます。
ワンラジカルリードerboard.meteor.com。
そしてあなたたちはあなたに、サイトにアクセスしたとき サイトを編集することができるはず、と
編集内容のすべてが表示されます 他のみんなへ。
だから、することができます - あなたはすべての人である サイトに接続することが可能?
だからで遊んで。
行くといくつかの名前の削除を開始。
何が起こるかを参照してください。
>> だから、誰もが遊ぶことができます参照してください。
これは単にデフォルトのセキュリティである 流星のためのモード。
あなたは、誰もができることを参照してください。 互いのデータを変更してください。
心配しないでください。
流星は、セキュリティを持っています。
これは、非常に容易に実装されている ユーザーを設定することができな特徴、
とログイン。
しかし、今、誰でも訪問者 このサイトは、多くのように自分自身を与えることができます
彼らが望むように指摘している。
だから私は常にこのように、このため、 始めるために楽しい方法です。
そして、我々はただ話をしましょう 詳細については、どのように
流星は、これが可能になります。
>> だから私は、流星が何であるかをカバーするつもりだ した後、我々だけでカバーする必要があります
2前提条件CS50 十分にカバーされていません。
しかし、任期の終わりまでに、あなたがすべき HTMLとの両方で快適に
本当にあなたの手を得るためのJavaScript 汚れたメテオでの作業。
そして私はそれがためだけの素晴らしい方法だと思います 行うにはさらに少ない快適な学生
最終的なプロジェクトは、彼らが本当に可能性があるため 1言語に滞在し、彼らはことを得る
彼らの変更を確認 すぐに働く。
>> したがって、このスライドは、単にいくつかを示しています 主要な技術流星JS
あなたに与えます。
流星は新しい技術ではありません 自分自身で。
それは本当にの集合体だ これらすべての異なるもの
我々はインターネット上で持っている。
だけでなく、HTML、CSS、JavaScriptの、私たち Node.jsのようないくつかの技術を持っている、
あなたが実行することを可能にするものをである あなたのバックエンドでのJavaScript
サーバーだけでなく、いくつかのJavaScript jQueryの、アンダースコアのようなライブラリ、。
>> これらはすべてに精通しているであろう 学期の終わりまでに、あなた。
そして、我々はまた、と呼ばれるデータベースを使用して取得 本当にMongoDBは、
今のところ一般的なデータベース これらの新しいスタートアップ。
あなたは、MySQLのようなと考えることができますが、 それはJavaScriptで非常にうまく動作します。
そして、いくつかの他の技術がここにあります 私が記載されていないと、より多くの
そのすべてのインターフェイスは本当に きれいに流星と。
>> 私はこのスライドを配置する必要があるため 時々私はこのことについて混乱を得る。
流星は、JavaScriptのみである。
それは、PHPではありません。
これは、Ruby on Railsではありません。
だから、あなたがしたい場合は、コードを書く場合は、 あなたは本当に、流星プロジェクトを書き込む
Rubyのコードを使用することはできません。
あなたは本当に、PHPを使用しません。
>> 我々は、でその違いを見ることができますしながら、 コードと構文はないかもしれません
違う、私はあなたに強調したい 流星、あなたのコードがあるすべてのもの
JavaScriptでのみ。
そして、あなたはすべてのものに見せ ユーザーは、HTML、CSSになります。
しかし、あなたが実際にのいずれかを使用していない 他の言語、他
セミナーは、カバーがあります。
何メテオでもあると、Webサーバーです。
ですから、いずれかを持っていなくても JavaScript、およびあなただけ提供したい
CSSとHTMLファイル、流星 あなたのためにそれを行うことができます。
>> そしてここには、もう一度リンクです 私はあなたたちを持ってデモ
で遊んでました。
しかし、ここでは、HTMLに移りましょう。
どのように多くの人々ここにある HTMLが何であるか全くわからない?
偉大OK。
そして、それは完全に大丈夫です。
あなたは本当にについて多くを知る必要はありません それ私達が上に行くになるので
非常に簡単に使用法。
>> これはどのような簡単です HTMLページは次のようになります。
これはあなたのこんにちは、世界のようにすることができます HTML、我々はC言語で始まっに対し
こんにちは、世界。
私はあなたのストレスにしたくない どのようなHTML、何頭かの詳細
身体、どのようなタイトルがありますしています。
私は構造を強調したい、 どのようにあなたがタグを持っている。
そして、それは山括弧です。
そして、あなたが持っているところそれはだ あなたの記述子。
>> だから、HTMLドキュメントがあるとします。
それから、あなたは、HTMLドキュメントを閉じます バックスラッシュと同じことで。
そして、あなたは、タグの種類を持っている。
それらはすべて一致していることに気づく。
あなたは、bodyタグのようにあるでしょう [閉じるbodyタグ。
とbodyタグの中に、それができるでしょう あなたのWebページの内容。
したがって、このWebページには、単純に表示するであろう 白い背景と黒のテキスト内
こんにちは、世界。
それは理にかなっていますか?
[OK]をクリックします。
>> 今、私はすぐに行くよ JavaScriptをカバーしています。
前のTFの言葉で、 「JavaScriptは最高のプログラミングです
現在、現存する言語。
他の人々がしようとします そうでないことを伝える。
彼らは間違っています。「JavaScriptが可愛いです 素敵な、そしてなぜ私はあなたを紹介します。
>> だから、これは我々が開始する典型的な例です Cのと私たちは、こんにちは、世界を持っている。
そして、あなたはあなたが縮小した場合でもことに気付く それは、少なくとも二つを持っている必要が
ここにコードの行。
私は数行のコードを持っている。
これは非常に簡単に行うことができる。
のconsole.logとJavaScriptで一行、 してから、文字列、
こんにちは、世界。
>> 今、私たちは新たに移動しているにもかかわらず、 ほとんどすべての言語はJavaScript、
あなたがコーディングして学んだスキル C言語で直接移植できます。
だから、文字列内の文字列の考え方 二重引用符、それは同じだ。
セミコロンは、それは同じだ。
>> JavaScriptの約巧妙な機能 実際にそれはある
セミコロンは必要ありません。
それはあなたが必要があることを推測することができます そこにセミコロンを置く。
しかし、それは言った、あなたは常に試してみてください そこにあなたのセミコロンを置くこと。
それは、良いスタイルと考えられています。
また、全く主な機能はありません。
あなただけのファイルの先頭から開始 とラインで物事行をお読みください。
>> これはそれを作るために必要なものである そのこんにちは、Worldプログラム。
そして、あなたがしなければならないことに気付く こんにちは確認してから実行しますこんにちは。
JavaScriptを使用して、それは考えられています インタプリタ言語。
何を知っておく必要があることになる 全く意思がない。
>> 全くコンパイルはありません。
あなただけのノードを実行します。
そのノードがそのプログラムであることを覚えている コンソール上でJavaScriptを実行され、
ブラックボックスではなく、ウェブサイト上で。
だから、あなたはそれをファイルを与えると、それはだ こんにちは、世界を印刷しようとして。
>> 私は実際にはほとんどのデモをやる 君たちのために右ここにその。
それでは、私に見ていきましょう Node.jsのターミナル。
[OK]をクリックします。
のはここに移動してみましょう。
だから私は、ノードを開始するつもりです。
そして私はちょうどにあなたたちを紹介します それを取得する方法を秒
そうしないと、インストールされています。
私はそれが少し大きくしてみましょう。
[OK]をクリックします。
私はあなたたちが見ることができると思います。
>> 私が行ったようなので、私は、コードを書くことができます 前のconsole.logにある。
こんにちは、ロジャー。
そして、私がしなければならいないことに注意してください セミコロンが、その後私は、これは奇妙な取得
未定義の事。
さて、実際に、約気にしない 未定義の事。
私はあなたが気づくたいことは、あなたということです ここでの主な機能は必要ありません
コードの実行を開始する。
ず、バックスラッシュエンドはありません。
そのいくつかの小さな機能があります JavaScriptは、あなたのためにできること。
>> 観客:[聞こえない]。
>> ROGER ZURAWICKI:そうそう。
私はそのことについて申し訳ありません。
そして、それを矢印だけのノードを意味します 他のコマンドの準備ができています。
だから、それを行うことができ、簡単な 1プラス1のように数学、。
そして、ちょうど、C、これらの数学のよう シンボルはちょうど同じである。
私は数のconsole.logを行うことができます。
そして、それは2を出力します。
JavaScriptはその意味でいいですので、 2型はintであっても、
C言語のような、あなたが関連付けにprintfなかった場合 2、エラーになるだろう。
>> しかし、JavaScriptはああ、あなたはね、知っている 何かを印刷する。
私は、文字列を必要とするつもりです。
だから私は、その2を変換してみましょう あなたのための文字列に変換する。
そして、あなたはまた、いくつかの奇妙なものを行うことができます 様こんにちは、次にプラス2。
これは単に別の例でどのように2である ならびにそこに変換することができる。
>> その方法のうち、みましょうとそう ただもう少しJavaScriptをカバーしています。
だからC言語では、タイプがあります。
私たちは、新しい変数を作成するたびに、我々は *それはそれはシャアの言っているか、
ケースCS50内の文字列。
それとも10進数を持っていた場合、 私たちは、フロートを言っていた。
私たちは、ブール値を必要に応じて、 我々は、Bを言っていた。
そして、我々はその何かを持っていた後、 それはBOOL滞在していた、Bだった。
私たちは、魔法のようにそれを変更できませんでした 私たちが書いていない限り、INT
括弧、Bのint型。
>> JavaScriptでは、何種類はありません。
あなただけのVARと考える。
およびVARは、新しい型を作成する方法です。
だから、VAR Sという文字列を持つことができます VAR nは、フロートさ
とVAR Bは真であること。
そして、あなたがC言語で行うことはできません一つのことである 私は今、その行の後に、Bを言うことができる
整数に等しい。
そして、それだけで正常に動作します。
C言語で、それは次のように言うでしょう、一方、 あなたの整数BOOLではありません。
私はあなたのためにそれを行うことはできません。
または[聞こえない]エラーをスローしていました。
>> と私はすぐに戻ってノードに行くことができますし、 その機能の一部を示しています。
だから私は、VAR aを持つことができます。
"アップル"と呼んでだから今、私は印刷するとき、 私は私の文字列取得」アップル。 'しかし、私は、CAN
今も3に等しいと言う。
とエラーがありません注意してください。
そして今、3に等しい。
ご不明な点、これまで?
はい。
>> 観客:待って、そうCONSOLE.LOG 右、基本的にはprintfのでしょうか?
>> ROGER ZURAWICKI:CONSOLE.LOG あなたのprintfです。
>> 観客:そうです。
あなただけの8を入力した場合ので、どのように来る または[聞こえない]、という何をするか
[聞こえない]?
>> ROGER ZURAWICKI:右。
だから、ある -
緑の中のものが印刷されます コンソールで。
そして私たちは、次の表示されますことはある 私たちはウェブに移動すると
ページは、私たちはやっていません -
JavaScriptはHTMLを持ってされます 私が取り上げるのテンプレート、
セミナーの流星一部。
あなたが私を与える、と言うことができ、どこでそれはです の価値、それは中に入れます
あなたのウェブサイト。
なぜなら、実際にすべてのWebブラウザ 少しコンソールがあります。
そして、あなたは、非常に慎重にあなたを見ている場合 あなたのように、いくつかの情報を得られる
printf関数は、とそこに登場するのは すべてのWebページには、あなたがロードします。
>> 観客:どのようにして手に入れた シェル画面に?
>> ROGER ZURAWICKI:だからコマンドがあります ノードと呼ばれ、流星が付属しています。
だから、僕はそこから終了します。
ノードは、そのプログラムである JavaScriptが実行されます。
あなたはmeteor.comに行く場合は、 流星をインストールすることができますし、
流星は、ノードが付属しています。
流星は単なるコレクションであるため、 すべてのこれらのソフトウェアパッケージの。
我々は我々の例に到達したとき、私は意志 インストールを通して皆を歩く
流星してから、再生することができます ノードを自分で。
[OK]を、素晴らしい。
>> 作業についてとてももう一つの大きな特徴は JavaScriptでのループは同じですされています。
ほとんどまったく同じ。
forループ、whileループ、やる ループ、他の場合しばらく。
これは、中括弧ですべて同じです。
それは、同じ構文です。
forループ、ほとんどの場合、 あなたが注意を払う必要があることを詳細に
私は0に等しいintには、代わりにある 我々は、私は0に等しいVARを言わなければならない。
しかし、それが原因変数からだ 我々の前に話を種類。
>> printf関数となることに注意してください ログ、コンソールログ。
そして、我々は%にする必要はありません Pバックスラッシュnと、私に渡します。
あなたは私は言うことができます。
そして、それは番号を印刷だろう 0〜4。
皆さんはこれを試してみたい場合は、理由 あなたは良い点を育てた。
あなたにこのコードを実行したい場合 独自のブラウザ、私はそれを推薦する
誰もがGoogleのChromeを開きます。
Google Chromeのか、実際に任意のWebブラウザ、 しかし、私はGoogle Chromeのが好き
それは非常に標準化さだから。
>> あなたが正しい場合は、私は信じている、に行くことができる ただで、任意のWebサイトをクリックしてください
ホワイトスペースは、オプションが表示されます エレメントを点検呼んだ。
これは通常、最後の一つだ。
そして、あなたがそれをクリックすると、あなたが取得する必要があり 下までの事はここに表示されます。
私はここにズームしてみましょう。
そして、我々はここではいくつかのタブがあります。
あなたが気1はコンソールです。
>> そして、これはJavaScriptコンソールで これで操作できること。
素晴らしい。
だから私は、同じものを入力することができます 私は、ノード内の前に入力した。
1プラス1に2である。
VAR Aは "アップル"に等しい。
そして私は印刷したい、 およびA 'アップル'です。
したがって、すべてのWebブラウザでは、Firefox、クローム、 サファリ、使用するものは何でも、として
は、JavaScriptへのアクセス権を持っている限り コンソール、同じ種類の
私は、ノードで実行されていたコードを使用 独自のコンソールで実行することができます。
>> 観客:[聞こえない]?
>> ROGER ZURAWICKI方法: コンソールに行く?
あなたは正しい空白部分をクリックする必要があります ページ上で、その後、に行く
エレメントを検査します。
だから実際には、私はあなたたちが欲しい ちょうどあなたができることを確認し
Chromeで要素を検査します。
そして、あなたは、いくつかの中に入力したときに表示さ コンソールにコード
それが正常に実行される。
場合は、ご質問はお気軽にお尋ね 何かがここではっきりしない。
>> 観客:[聞こえない]。
>> ROGER ZURAWICKI:あらゆるタイプの権利。
すべてのための唯一つのタイプがあります JavaScriptでの変数。
そして、あなたは宣言する必要がある場合 変数には、あなたは、varを言う。
>> 観客:[聞こえない]。
>> ROGER ZURAWICKI:うん。
それはありませんが、JavaScriptで、それは非常にです メモリの割り当てについては、スマート。
何malloc関数はありません。
空きがありません。
だから、そのことについて心配する必要はありません。
それはまた別の便利な機能だと JavaScriptが用意されています。
>> だから私は上に移動したいと思います。
それは大丈夫でしょうか?
[OK]をクリックします。
素晴らしい。
>> 読者:私は悩みを抱えている [を見つけるの?エレメントを検査します。 ?]
>> ROGER ZURAWICKI:だからサファリルックス 少し異なるが、あなたを行う
クロムまたはFirefoxを持っている?
それらが容易になります で動作するようなもの。
そして、あなたのプロジェクトのために、私はお勧め 1ブラウザのためにこだわって
あなたは、ほとんどのバグの多くを得るだろう すべてのブラウザを扱うため
少し違ったJavaScriptを、HTML。
だから私は、あなたの人生は多くなると思う 簡単にあなたがクロームに固執する場合、以下の原因
それはすべてのマシンで利用可能です。
そしてそれはかなり人気のあるブラウザです。
OK?
>> だから、次のトピックを我々は必要があること JavaScriptでカバー -
私はここで、フォーマットについて申し訳ありません。
私が一致するように、スライドを伸ばす必要がありました ワイドスクリーンプロジェクター。
しかし、私は、今話をしたいと思います どのような機能を行う。
C言語では、宣言する必要があり すべての関数。
int型のように追加して、それがにint型を取る X、およびint型のy、および、我々はそれらを追加
そしてそれを返す。
>> JavaScriptでは、関数は、実際に 別の変数の型。
だから我々は単にvarが追加と言うと、 それは、関数に等しい。
xとyを取る関数。
その関数が何をするのでしょうか?
それはまったく同じで、XプラスYを返します。 Cでそして、あなたが気づくような構文という点で、
JavaScriptを、あなたは何を言われることはありません この関数は返すので理由
変数は、とにかくそれを型が持っていない それが本当に生産的ではない、私は推測する、
すべてのあなたの指定する あなたの関数の型。
あなたは、関数を呼び出すときに、その後、それはだ C.あなたとまったく同じ構文
ちょうどあなたの二つの引数を渡します。
私は自分のノードでこれを試してみたいと思います。
私はスライドを変更することはできますか?
>> 観客:[聞こえない]。
私たちは、スライドのコピーを得るのだろうか?
>> ROGER ZURAWICKI:はい。
それでは戻っノードに移動してみましょう。
[OK]をクリックします。
だから私は、VAR ADDが機能に等しいと言うでしょう。
、Xを取って、yをとる。
そしてそれは、文のことを知っている 完了していません。
だから、ノード内のか、コンソールで あなたは、ドットドットドットに気づくでしょう。
つまり、あなたのコードを入力しておくことができます。
そして今、私は帰りのXプラスYと答えるでしょう。
してから中括弧を閉じます。
そして、私は括弧を閉じた瞬間、それ 文が終了したことを見ている。
>> そして今、私は、1と2を追加と言うことができます。
そして、私は3つを得るでしょう。
ただし、私はちょうど追加した場合は、それ それは、関数の私に語った。
そして一つのことだけに注意を払う あなたはそれを間違った番号を教えている場合
引数は、それができるようになります。
それが実行されますが、あなたが得るかもしれない いくつかの本当に奇妙な結果。
種類のごみ値と同様に、 あなたはそれについて考えることができる。
だから先に行くとしてみてください このあなたのブラウザで。
>> [OK]を、その時のために、私はよ 今では次の機能に進む
JavaScriptを。
だから我々は機能について話しました。
我々は、ループについて話しました、 あまりにもif文。
構文は同じです Cおよび変数として。
そして今、私は配列についてお話したいと思います。
私がスライドするごめんなさい ビットは、カットオフしまった。
しかし実際には、最初のセクションでは、 あなたが必要とするすべてが動作します。
>> だから我々は、別のタイプのを持っている 変数は配列と呼ばれる。
そして、我々は角かっこを使用 それを示すために。
したがって、最初の例では、 VARのARRは、空の配列。
これは空のリストなので、配列 何も要素を含まない。
そして、あなたはまた、配列を持つことができます 3つの文字列を持つ。
Cでは、使用しているアレイ内のすべての要素 同じタイプでなければなりませんでした。
>> しかしのでJavaScriptでのみ存在する 1種類、配列は実際にはでき
値の異なるタイプを有する。
ここと同じように、我々は持つ配列を持っている フロート、BOOLとINT。
あなたは、配列の長さを取得する方法、 あなたが実際のサイズを使用する必要はありません
か何か。
あなただけの配列を言うと その後、長さが点在しています。
そして、このドットの長さは、あなたが考えることができます そのような構造体のように、どのようにすべての
配列は、フィールド、余分な変数があります その中に、長さと呼ばれる
あなたの配列でどのくらいを追跡します。
>> だから、僕はすぐに入るつもりです ノードとショーはみんな同じことを。
だから私は、配列を持つことができます。
それは空のリストになります。
そしてそれは私が印刷されます 空のリストをバックアップします。
素晴らしい。
私は今言うことができ、その配列 1を有し、2.3、真。
だから、すべての異なる種類。
そして、あなたはそれだけで正常に動作を確認します。
私がサポートを取り戻す配列 私はそれを与えたすべての値。
>> 私がの最初の要素を取得したい場合は 配列は、構文は実際には
C.あなたと同じ 配列ゼロを言うことができます。
そして、あなたは1を得る。
私は、配列のために同じことを言うことができます 2、私は真の取得。
私は、配列の外で何かをする場合は、 JavaScriptは安全な言語である
私はワンセグ障害を得ることはありませんので。
私は未定義得るでしょう。
>> そして、これは未定義には、親切なことができます のヌルとしてそれについて考える。
ときにそれは本当にいらいらすることができ コードは、あなたはそれを確認する必要がありますので、
あなたはほとんどすべて、あなた との仕事は定義されていません。
そして、我々はいくつかの例を見ることができます この私たちは流星で作業するとき。
>> 配列4は、定義されていないものの、 私はそれに値を割り当てることができます。
だから私はそれが1に等しいと言うでしょう。
そして私は、私は、配列に行けば そこに余分な値を持つ。
その配列3、また気づく 、未定義未定義のままです。
だから私は、今で配列を持っている 中央に穴。
しかし、私は、アレイ4を印刷した場合、 私は1になるだろう。
私は、アレイ3をやった場合、私は未定義取得。
>> だから、便利な機能のJavaScript あなたはリストができることです行うことができます
サイズを変更。
配列、リストされて配列、 彼らはサイズを変更します。
そして、あなたは任意の場所を指定することもできます それらの内部。
そして、すべてのギャップが埋められます これらの未定義の値を持つ。
>> だから我々は、配列について話しました。
今、私がカバーしたい最後のこと JavaScript、およびこれは非常に重要です
そのコードを理解する 私がお見せするつもりです、
オブジェクトになるだろう。
とオブジェクトに言葉である -
基本的に、それらが中に存在する 多くのプログラミング言語。
そして、それぞれのプログラミング言語はするのが好き 少し違った彼らを考える。
>> しかし、私は流星、利益のために考える 似ているのはCの構造体である。
C言語では、構造体を検索する場合 学生、我々はすべて指定する必要があるだろう
その中のもの。
だから、名前を持っている必要があります。
それが今年持っている必要があります。
それは、性別を持っている必要があります。
しかし、我々はまた、それを与えなければなりません すべてのものの種類。
>> そして今、我々は、この型を持っていることを 学生と呼ばれる構造体には、我々は持つことができます
新構造、そして、我々は手動でできる 各フィールドが何であるかを言う。
我々は、ドットの名前を使用する場合、それはだ、 ドット年、性別に点在しています。
そして、我々だけで、の最後の行に このコードは、私はちょうどプリントアウトしています
構造体の学生の名前。
>> JavaScriptの世界では、そこにある 構造体の学生のようなものはありません。
プリセットの構造を生成しません。
もし実際には、これらのブラケットは、 あなたはすべてが何であるかを言う。
そしてそれは、この奇妙な表記法です コロンとし、コンマはできますが、よ
十分にすぐにそれに慣れる。
>> そしてそれは、実際には本当に簡単です ただの柔軟な方法
オブジェクトを操作する。
あなたは私が今取得したい場合は、ことがわかり Sから名前、私はちょうどs.nameを行う。
これについて不明な点はありますか?
これは通常、非常に混乱している 我々は人々を紹介するトピック
JavaScriptを。
私は、ノードにこれのいくつかの例をやる。
はい?
>> 観客:[聞こえない]。
>> ROGER ZURAWICKI:だからあなたは たとえば、複数のを持っている
その型の変数。
>> 観客:[聞こえない]。
>> 観客:[聞こえない]。
>> ROGER ZURAWICKI:わかりました。
だから私はあなたが行くかの方法があると思います あなたは、配列内のオブジェクトを置く、
そして今、あなたはあるでしょう オブジェクトの配列。
それがあなたの質問に答えるのでしょうか?
>> 観客:[聞こえない]。
>> ROGER ZURAWICKI:はい。
S 1つのオブジェクトである。
だから我々は、単にノードに移動し、することができます 少し遊ん。
>> 観客:[聞こえない]?
>> ROGER ZURAWICKI:ああ、[OK]をクリックします。
だから、クラスが何であるかを求めている場合には、 クラスは非常に異なる方法で処理され、
彼らは本当に奇妙なスキームを持っている そうしないと呼ばれるプロトタイプ作成、
について知っておく必要がある。
それを行うための決まった方法はありません。
ですから、複数生成したい場合は、 だけの種類の機能を持っているでしょう
か何か。
独自の関数を生成。
そして、あなたは、オブジェクトを返します。
それが最も簡単でしょう それを行うための方法。
それは理にかなっていますか?
[OK]をクリックします。
素晴らしい。
だから、我々は理解したら JavaScriptのオブジェクトは、それらは -
ああ、そうですね。
>> 観客:[聞こえない]
たとえば、違いは何ですか に対する二重引用符 "ロジャー"
[聞こえない]単一引用符で。
>> ROGER ZURAWICKI:わかりました。
だから、これはC言語では、我々は、単一のを持っている 文字を表す引用符、二重
文字列を表す引用符。
JavaScriptは、実際に離れて、これをスローします あなたが持つ文字列を持つことができるので
単一または二重引用符、およびそこ シングルCHARのようなものはありません。
しかし、あなたはちょうど同じにコピーした場合 Cコードは、JavaScriptう
うまくそれを扱う。
私はとして扱わ理由では -
だからこそ私はできる、文字通りポートです その意味で、コード。
>> そして、私はあなたの例を表示したい より複雑なオブジェクトの。
だから、その一つのオブジェクトに気づくことができる 値として文字列を持つことができます。
それは、他の値のリストを持つことができます。
それは、のリストを持つことができ 値などのオブジェクト。
これには制限が本当にありません。
だからここに、それはちょうど良いデモだ あなたは多くを得ることができる方法の
起こっているさまざまなタイプ すべて1オブジェクト。
これは理にかなっていますか?
>> 今、あなたも持つことができます オブジェクトの配列。
そして、ここでは何にも優しいの似ている あなたがオブジェクトを持つことができれば、尋ね
同じタイプ。
しかし、問題は、固定がない、ある JavaScriptでのオブジェクトのためのフォーマット。
だから、自分で指定する必要があります。
そして、あなたは確認する必要があります 彼らは一様だということ。
だからここに、私は、オブジェクトを作成するときに、私が持っている それぞれが持っていることを確認します
名前を付けて、それぞれが家を持っています。
>> そして私は、それらの配列を持っている、 それは私のコテージです。
して、ここでは、種類の缶 ループが起こって参照してください。
本当に一般的であるforループ 配列の上に横断する方法
JavaScriptで。
このパターンは非常に似ていることに注意してください もし、Cと同等に
iがゼロに等しいintを有する。私 長さ未満である。
そして私プラスプラス。
>> それはほとんど同じコードですが、 いくつかの詳細を除いて。
だから、誰もが理解していない オブジェクトとは?
ちょうどCの構造体としてそれについて考える。
そして、あなたはフィールドにアクセスする方法 ただドットである。
そして限り、あなたはどのようにすることを忘れないように あなたは大丈夫です、ドットを使用しています。
>> [OK]を、ので、今誰もができる そのリンクを読むか?
これは、プロジェクトへのリンクです。
誰もが問題を抱えている リンクを見て?
さあ、それを変更してみましょう。
そうではありません -
ええ、それはおそらく それを行うための最も簡単な方法。
素晴らしい。
>> このサイトに行けばそう、そこにすべき 一部の命令であること、私はよ
我々は流星をインストールする方法についての上に行く 私たちのサンプルプロジェクトを実行し得る。
私は誰もが持っていることを確認したい 私は移動する前に、リンクダウン。
私は上に移動することはできますか?
[OK]を、素晴らしい。
>> だからここに私は、ウェブサイトで午前。
あなたは、Readmeファイルにわかります 我々はどのようにいくつかの命令を持っている
目のセットアップ取得します。
あなたはCS50のいずれかである必要が アプライアンスまたは単にMacで。
Windowsが動作しません。
しかし、基本的に何もしないということ Windowsは、これらで動作するはずです
うまく指示。
しかし、私はそれ少し行うことができます 大きなも同様。
>> だから、最初に実行することになるでしょう コマンドの一対。
これらの人はちょうど流星がインストールされます。
私は自分の端末に行くことができます。
そして私は今、同じことを実行する場合、 私はすでにそれがインストールされています。
だから、少し短いです。
それは少し時間がかかるかもしれません 君たちのために。
しかし、私は最初に確認する 私たちは、流星を実行していること。
流星がインストールされたら、次のことを行う必要があり コンソール内のノードを取得することができ。
>> 読者:彼らは求めている パスワードの。
>> ROGER ZURAWICKI:あなたのだろう ユーザーパスワード、もしMacを使っているのであれば。
それだけで許可するを必要とします いくつかのシステムファイルを変更します。
それはをお願いしますので、もし質問があった パスワードは、それだけであなたを求めているの
ユーザ名·パスワードのとき お使いのMacにログインします。
そしてこれはあなたができるように、 システムファイルを変更します。
>> あなたは準備ができたら、あなたは上に移動することができます コピーし、次のステップへ
ウェブサイトからの私が持っているサンプル·コード。
そして、あなたは、あなたに新しいディレクトリを取得します リーダーボードと呼ばれるホームディレクトリ、および
我々はそこから作業を開始することができます。
だから、僕はコピーして、これらを貼り付けています 私の端末にコマンド。
そして私のために、私はすでにそれをクローン化した。
だから、僕は今移動することができます リーダーボードに。
そして、私はいくつかを持っている必要があります そこにあるファイル。
ご質問?
>> 観客:[聞こえない]に動作していない。
>> ROGER ZURAWICKI:ああ、あなたは可能性がある Gitがもインストールする必要があります。
>> 観客:[聞こえない]。
>> ROGER ZURAWICKI:申し訳ありませんが?
>> 観客:[聞こえない]。
>> ROGER ZURAWICKI:ああ、[OK]をクリックします。
[OK]をクリックします。
あなたが使用する可能性があるのだからです このリンクを取得するためのGitHubにログイン。
あなたたちはそれを見ることができれば、最も簡単 それを行うための方法は、私はそれからだと思い
zipファイルをダウンロードします。
そして、これは単にダウンロードします すべてのファイル。
そして、あなたはあなたの中に入れたら、 ダウンロードしたり、ホームディレクトリ -
私はあなたにそれを置くことをお勧めします ホームディレクトリ我々はすべてのことができるように
同じコマンドを実行します。
限り、我々はファイルを持っているように、させて頂きます 彼らとの作業を開始することができる。
人々が抱えているなら、私に教えてください トラブルファイルをダウンロードする。
>> 読者:ホームディレクトリで、 もしかして -
>> ROGER ZURAWICKI:だからホームディレクトリだろう あなたがしている場合は、ジョン·ハーバードも
CS50アプライアンス。
自分のホームディレクトリに到達するために、 ちょうどCで入力
>> 観客:[聞こえない]
CS50アプライアンス[聞こえない]。
>> ROGER ZURAWICKI:はい。
あなたがコマンドを実行したい お使いの端末。
>> 観客:[聞こえない]。
私はありませんというエラーを得た そのようなファイルまたはディレクトリ。
>> ROGER ZURAWICKI:私たちは迅速に取ることができます 壊し、まさにそれを確認してください
誰も流星がインストールされている、と私はよ ただ人々を支援しようと行く。
場合は、お互いを助けるためにしてみてください あなたが問題に実行している。
申し訳ありません、ええ。
アプライアンスの両方にありますか?
>> 観客:うん。
私はリサを持っている
>> ROGER ZURAWICKI:わかりました。
あなたが戻ってWebサイトにアクセスした場合は、 トップにスクロールアップしてください。
このHTTPSがあります。
>> 読者:このをコピー?
>> ROGER ZURAWICKI:うん。
それから、あなたがしたい gitのクローンを入力します。
ですから、対照Aを押すと -
>> 読者:ここに?
そして[聞こえない]のですか?
>> ROGER ZURAWICKI:G-I-T。
>> 観客:[聞こえない]。
>> ROGER ZURAWICKI:Gitとし、クローン。
だから、コマンドと非常によく似ています 上記の持っていたが、URLが変更されました。
それがこのだったので、前に、今ではこれです。
私は更新してみましょう -
うん。
>> 観客:[聞こえない]。
>> ROGER ZURAWICKI:これは、ダウンロードされます。
>> 観客:[聞こえない]。
>> ROGER ZURAWICKI:ああ、それはそう 正しくクローンませんでした。
私はそれを修正します。
しようとエラーがあります ファイルをダウンロードします。
私はあなたたちのためにコマンドを更新してみましょう ので、私はそれが動作することを確認することができます。
私はそのことについて申し訳ありません。
それは同じである必要があり MacやCS50アプライアンス。
>> 観客:[聞こえない]。
>> ROGER ZURAWICKI:私が更新しました 数2、もしするためのコマンド
あなたがページを更新します。
これで、URLは、あなたがすべきである ファイルをダウンロードすることが可能。
>> 観客:だから我々はまだしている場合 [聞こえない]ダウンロード。
>> ROGER ZURAWICKI:あなたがしている場合 まだ流星のダウンロード?
>> 観客:[聞こえない]。
>> ROGER ZURAWICKI:はい、必要に応じて お使いのMac上で開発しています。
しかし、あなたはXcodeの開発者が必要 インストールツール。
私は、CS50にこれらのコマンドをテストしてみた アプライアンスなので、私は保証することができます
それが動作すること。
はい。私が行かせ、あなたを助ける。
>> 観客:[聞こえない]。
私は自分のパスワードを入力する。
これは、Macである。
そして私は、[聞こえない]を行う。
>> ROGER ZURAWICKI:わかりました。
私はすべてのコマンドを実行してみてくださいだろう もっぱらCS50アプライアンス端末。
>> 観客:[聞こえない]。
>> ROGER ZURAWICKI:私はそれが動作になるだろう 端末上の、上の最初の
その後CS50アプライアンス、および Macのターミナル。
>> 観客:だから、CS50でそれを行う場合は、 そのようなアプライアンス、[聞こえない]。
>> ROGER ZURAWICKI:私は移動したいと思います しかし、人々はまだある場合に
流星の設定、トラブル、ケビンはもっとある あなたたちを助けて幸せよりも、
グレーのシャツを着たケビン。
私たちが持つべきは、我々がしようとしているです 最後のコマンドを実行し、数3、内
私たちのターミナル。
我々はそれをするとき、私たちは流星を実行します。
>> そして、あなたは必要があります -
ああ、私はすでに、流星を実行している。
とさせて頂いております - だから、できるようにするつもりはない ちょうど私の他の流星を閉じます。
私は、流星を実行すると、 今それを見る必要があります -
あなたは、現在のディレクトリが表示されます それがサービスだと。
今では、サーバを言うために起こっている http://localhostの上で実行されている。
それはあなたが入れたいのURL お使いのWebブラウザである。
>> そのURLに、次のことができるようにすべき ちょっといいリーダーボードにアクセスします。
だから、これがlocalhostであることがわかり、 そのあなたがいずれかを行うとことを意味します
変更は、あなたがするつもりはない お互いの変更を参照してください。
私がお見せしたウェブサイト上のに対し、 初めに、我々は得ることができる
みんなのため、みんなの変化 同じウェブサイトにアクセスした。
>> だから私はちょうど[へ行こう?言葉?]
3000。
だから、あなただけ確認することができる必要があります 機能が動作すること。
あなたは、さまざまな人を選択することができ、かつ あなたがそれらを別のポイントを与えることができます。
だから私は誰かのポイントを与える。
また、それを見ることができます 彼らは、ランクが上がる。
>> 今、時間のために、そこに 私がした3機能は次のとおり
実装されています。
そして、我々は、削除を実施するつもりだ 私たちの第一の特徴として、ユーザー。
我々は上に移動する前にしかし、ある そこに疑問?
あなたは、あなたの手を上に持っていた。
はい?
>> 観客:[聞こえない]。
>> ROGER ZURAWICKI:かを確認できます 流星がインストールされていること?
>> 観客:[聞こえない]。
>> ROGER ZURAWICKI:ローカルホスト3000?
そして、あなたはCS50アプライアンスにいる?
私が行うことができます -
あなたがMac上である必要はありません。
これは、アプライアンスで動作します。
>> 観客:[聞こえない]。
>> ROGER ZURAWICKI:ノーマル Webブラウザ、うん。
>> 観客:[聞こえない]。
>> ROGER ZURAWICKI:流星が実行している?
だから、OK、ここに区別があります。
あなたはそれを実行している場合 アプライアンスには、しなければならない
アプライアンス内のlocalhost。
あなたのMacでそれを実行している場合、 私は同じように、私は行うことができます
私のMacのGoogle Chrome。
しかし、あなたはCS50アプライアンスを使用している場合、 あなたはすべてを行う必要があります
アプライアンス内。
だから、グーグルを使用する必要が アプライアンスにクローム。
>> 観客:[聞こえない]。
>> ROGER ZURAWICKI:それは それでも動作しない?
>> 観客:[聞こえない]。
>> ROGER ZURAWICKI:だから繰り返すには、 どのようにして、今のウェブサイトにアクセスします。
あなたが上でここにURLが 3000のlocalhost。
あなたはCS50アプライアンスであれば、 あなたはCS50を開く必要があり
アプライアンスのGoogle Chromeの。
そして内でそのGoogle Chromeの中で アプライアンスには、そのURLを入力することができ、
あなたがリーダーボードが表示されるはずです。
だから、僕はそれを先送りするつもりだ こちら側に少し。
そして今、私は自分を開くつもりだ こちらにテキストエディタ。
だから私はちょうどことを確認してみましょう コードがためである。
[OK]をクリックします。
素晴らしい。
>> 私は今を歩くしたいのですが コードビット。
そして、私は開始したい最初のファイル とleaderboard.htmlです。
あなたは後にこのコードを入手することができるでしょう セミナーでは、私はただ表示したい
あなたは自分のコンピュータ上で何が起こっている。
だから私は、誰もがこれを見ることができると思います。
我々は、ファイルの先頭にそう 私たちの頭とタイトルを、持っている
我々が見たものと似ています すべてのHTMLドキュメント内の。
そして、我々は持っているつもりです ここでbodyタグ。
>> 私が選択したことは主である 本体は、基本的には何
表示されて取得するつもり。
しかし、いくつかの新しい非HTMLがあります 物事、それがでます
二重山括弧。
これらはテンプレートタグです。
だから、ここで、このブラケットが表示されます ブラケット新しいリーダーボード。
そして、これは種類のものである - それを考える HTMLの機能を呼び出すのと。
>> これは、HTMLの特別なバージョンです。
それは、その流星が使用するバージョンです あなたが別の表示ができる理由である
このようなリーダーボードのようなもの、 名前とボタン。
しかし、リーダーボードに行き説明します 名前のリーダーボードを持つテンプレート。
だから、テンプレートはによって表示されない それ自体が、それは、関数なので、それ
呼び出されます。
そして、あなたはこのすべてに置き換えます ちょうどここリーダーボードにコード。
>> リーダーボードの興味深い部分 ここにちょうどこのテーブルです。
あなたはそれを読んでいる場合は、このコードを読む 声を出して、それが直感的であるべき
リーダーボードは、すべて私たちのため ここにテーブルがある必要があります。
そうしないこのIDクラスのもの 心配する必要があります。
ちょうどテーブルのヘッダがあることを知っている。
つまり、このTHEADです。
>> そして、それは名前とスコアを見つけた。
thtable、thead要素のようなすべてのこれらのタグ、、 あなたが一緒に行くようにあなただけを学びます。
それはあなたが覚えていることが重要ではありません これらのあなただけのいずれかにアクセスすることができますので、
オンラインリファレンス。
または学期の終わりまでに、これらの ちょうどあなたに非常に精通しているであろう。
>> 表のヘッダーの後に、 私はあなたを描きたい部分
このHタグであるために注意。
それは二重括弧内なので、 それはテンプレートの。
だから、選手の各手段と、 、我々がする必要されているものの選手
それを表示する。
そして、我々はプレーヤテンプレートにアクセスしてください。
>> 我々はもう少し下にスクロールした場合 -
私は誰もがそれを見ることができると思います。
私たちは、プレーヤテンプレートを持っている。
このテンプレートは、基本的に定義してい 名前に入れ、表のセル、
こことスコア。
今ズームアウト、我々は見ることができます そのコードのこの塊 -
それがダウンしてそこに私たちの選手だった -
これらの細胞の1を定義します。
私はクリックして、各事 黄色になる。
>> 私は今それを変えることができる簡単な方法。
流星がまだ実行されていることを確認します。
流星は、サーバ·プロセスである必要があり、 だから、それを残して
あなたが開発したときに実行されている。
のは、私が変更したいとしましょう すべての名前やスコア。
そして、私は私が行くよと言うでしょう ここにポイントを追加します。
だから私はここでの変更があった だけではなく、スコアの私
スコアスペースポイントを追加。
>> 私は、ズームアウトするつもりだ、と私は私 私のファイルを保存しようとして。
そして、私は私のファイルを保存した後、私が必要とする 流星が動作していることを確認します。
そのことはごめんなさい。
私はあなたに、編集内容を表示したい リアルタイムで行われた。
だから、僕はいくつかのテキストを変更します。
プレーヤーをクリックしてください。
私は、すべて大文字でそれを入れている。
そして、それはすべきことは、これは動作しているか 適切に、私はそれを保存すると、
更新してしまう。
>> ああ、私は今、問題があると思います 私は、正しいディレクトリに存在しないんだ。
[OK]をクリックします。
私はそのことについて申し訳ありません。
だからここに、あなたが気づくものです 私の変更が通り抜けた。
今、私は変更を戻したいと言う。
私は私が持っていたものに戻りたい。
私は普通にそれをタイプするつもりです。
プレーヤーをクリックしてください。
>> 私は、それを保存瞬間 このサイトは私のために更新されます。
そして私はの私の変化を見る 瞬時サイト。
これは本当に便利な機能です デバッグにためになりました
私がする必要はありません -
我々はCコードを記述するときだけでなく、私たちはやった ファイルを保存する必要がありますが、我々はしなければならなかった
それを作るしてから再度実行してください。
流星は、理由のCとは違って非常にいいです あなたのHTMLを保存した瞬間か
JavaScriptのファイル、変更 すぐに表示されます。
>> 一つの疑問は、これらのテンプレートでは、どのように 私は選手たちのような値を得るのですか
または名前を選択する?
私は自分のコードにここにズームインするとき、 私はそれぞれのプレーヤーのためにこれを参照してください。
だから、テンプレートがあることを知っている 私は何とか選手がいる。
そして、それがありますことを知っている 選択された名前。
これはどこから来るのでしょうか?
つまり、JavaScriptから来る。
>> そして、あなたはleaderboard.jsに行けば、この 私はここに行くときに、ファイルには、今、私たちは持っている
いくつかのコマンドが定義されている。
これは特別な流星構文です。
あなたが必要としないことに注意してください VARSか何か。
しかし、これらは単に構造体上に構造体アール 構造体や、これらのオブジェクトに依存する。
と私は定義しているすべてのテンプレートです リーダーボードと呼ばれる。
>> リーダーボードは、取得する必要があり 事は選手を呼んだ。
そしてプレイヤーは何ですか?
それは、この式が返す何だ。
と選択した名前は何ですか?
これは、いくつかのより多くのコードです。
我々はよコードの詳細 少し後カバーしています。
しかし、今私はあなたが理解したい このコードでは、服用していることを
選手、そして我々はそれに価値を与えている。
この場合には、機能の その、起動されます。
だから我々は価値を取り戻すことができます 我々は、関数を実行すると。
これはログです。
それは理にかなっていますか?
>> 私はそれをソートだ方法を変更することができます。
ここでは、ソート·オブジェクトがあります。
そしてこれが何を言うことは、私はソートするつもりされている スコアによって第下降し、
[昇順名前を付けます。
私は1に変更した場合、それが起こっている スコアを昇順にソートします。
だからゼロが一番上にある必要があります。
と私は私のウェブサイトに拡大すると、我々 今のウェブサイトが更新されていることがわかります。
そしてスコアが上昇している。
>> 私はしたい次の関数 カバーに増分をクリックするだけです。
時間の都合のうち、私はしません 流星の多くをカバーすることができる
コードが、資源がたくさんあります 利用可能な、と私はなります
ここでのセミナーの後。
しかし、私はちょうどカバーしたい リーダーボードのイベント。
この構文は、あなたが学びます 少し後の講演中。
これはJavaScriptのです。
>> 我々は、クリックを取得するときに我々だけ、と言っている、 そしてそれは、インクリメントでこのです
ハッシュだけでIDを意味します。
インクリメントIDタグに、我々は欲しい 更新する - 私はあなたしたいキーワードを
見てすると、更新され、 選択してプレーヤー。
だから、どちらかのプレイヤーの選択し、 我々はそれを更新します。
そして、私たちがやっていることは、我々は増分である 5によるそのスコア。
そして、それは、機能を説明します 我々はここにある。
>> 本セミナー終了後、我々はよ いくつかのより多くのコードを見ることができる。
しかし、私がしたいことを戻って私の目標に行く サイトを変更し、私はこっちたかった
[削除]ボタンを追加しますので、 私は選手を削除することができます。
そうそのためには、私が必要とする 2つのことを行う。
私はHTMLを更新する必要があり、更新する ユーザーに表示される内容の表示、および
その際、いくつかのJavaScriptの設定を持っている ボタンが押され、流星が起こっている
何かをする。
それは、そのプレイヤーを取り除くために起こっている。
>> ように、コードの塊がたくさんあります 基本的には既に持っている
私のために行われて。
私はここで見てみると、私はすでに方法を持っている 選択された選手を得る。
あなたがそれを見ることができれば、このようなものです。
だから私の場合 -
私は別のイベントを持っているつもりです。
だから私は、私が持っているものをコピーするつもりです。
これがリストされているため、 私はコンマが必要です。
>> だから今私は、[削除]をクリックしますつもりです。
そして、代わりの選手の更新、 私は、プレイヤーが削除するつもりです。
そして、すべてのプレイヤーがニーズを削除 選択された選手である。
そのため、この機能は、我々が必要とするすべてです。
私はいくつかを追加する必要がありますか しかし、ここでのHTML。
だから私はここで下にスクロールすると、 これはHTMLビューです。
我々はここのものを持っていた、 どのタグだった。
あなたはそのことについて心配する必要はありません。
>> あなたにとってどのような事柄である このIDの増分。
そして、これは、私たちが言うことを許可どんなときに 我々は我々が持っている、増分をクリック
5点を与える。
そして、あなたは、これがボタンであることがわかります。
つまり、BTNが何を意味するのです。
とボタンのテキスト 5ポイントを与えるである。
だから、私は何をするつもりだと、私はある この行をコピーしようとして。
私は削除するIDを変更するつもりです。
そして、私は変更するつもりだ 削除に挿入するテキスト。
>> だから、必ずすべての保存されます。
私は戻って私のJavaScriptに行きたい 私が持っていることを確認します
ここに並んで削除します。
グッド。
だから私は、両方のファイルを保存するつもりです。
両方のファイルを保存した後、我々は 一番下に戻ることができます。
そして今、我々は我々が持っている参照してください。 削除ボタン。
そして1歩。
あなたが得るかもしれない気づく 私がクリックしたときにエラーが発生したため
何も起こっていないですが、削除してください。
>> これをデバッグする方法が行くことです バック要素を検査する。
ことができますので、私は意図的にこれをやって あなたが何かをデバッグする方法を参照してください。
点検要素では、持っている ダウンここに私たちのすべてのテキスト。
私は戻ってコンソールに戻りたい。
そして、私はここに行くときに何が起こるか 私は、エラーのいくつかの種類を取得することです。
それはメソッドの削除はありませんと言います。
>> 私が行くときので、これが何を言っていることです。 戻ってコードに、私は選手と呼ばれる
ここに削除します。
削除は実際にはありません 右のコマンド。
だから何を右のコマンドを見つけるために 流星のAPIがあります、です。
私はあなたを指すようにしたいドキュメント に男はただmeteor.comである。
だから私はここにそれを持っている。
これはちょうどので、あなたたちが知っている どこで詳しく知ることができます。
>> ドキュメントへのリンクがあります。
基本的に、私はちょうどことができます 削除のために見つけるのですか。
そして、あなたが見るもの、削除 実際に削除されます。
つまり、コマンドであること 私が呼び出す必要があります。
だから今、私たちはそれを知っていることを、私は行くよ これを変更するには、削除し、削除します。
だから今、私は戻って私のランキングに行くとき サイト、私がクリックするつもりだ
削除して、今はなくなってんだ。
これ以上のロジャーはありません。
と私はすべてを削除続けることができます 私は何も残っていないまで、単一の名前。
>> だから、少しプレビューた メテオの使用方法。
あなたがより多くのJavaScriptを学習することができます とさせるために必要なHTML
それは我々が取り上げるれ、きれいに見える 今週の[?ワンピース?] HTMLに設定
と次のJavaScript [?ワンピース?]に設定。
>> そう心配して取得しないではないすべての場合 このようなものはあなたに簡単に付属しています。
それは時までになります 最終的なプロジェクト。
現れていただきありがとうございます。
私はすぐ後に更新されますリンク あなたには、いくつかのより多くを見ることができるようにセミナー
私がどのように実装しました例 より高度なリーダーボードを取得する
私はここで、このウェブサイトに持っている 1ラジカルleaderboard.meteor。
ありがとう。
>> [拍手]