>> JASONハーシュホーン：ようこそ 週8まで、誰も。
我々は我々の前にエキサイティングな一週間を持っている。
君たちは、この過去のカップルで鳩ました PHP、SQL、HTML、CSSへの講義のため、
しようとしている4ブランドの新しい言語 このコース休息を取るために。
我々はまた、他のカップルを学びます もちろんの終了前の言語。
しかし、いずれにせよ、言うまでもなく、これは CS50は非常にエキサイティングな時間、今
表向きは、C言語を習得されておりました ウェブサイトのためのプログラミングに移る。
>> そう、今週、我々は上に行くつもりです 4を通して駆け足
私が今述べた言語、 HTML、CSS、PHP、およびSQL。
うまくいけば、我々はたくさんのままにします 話をするセクションの最後の時間
今週のPセットと回答について 皆さんが持っているか質問。
>> 毎週、同じリソースのリスト あなたのために、お手伝いをするために週の
問題設定と行く 材料の上に -
しかし、これらのために、特に、今週、 Webベースの問題セットがある
他のリソースのホスト外 そこにあなたがそうすることを
信じられないほど便利見つける。
私はここでそれらを持っている。
私は、セクションの後にあなたにこのことをメールでお知らせいたします これもオンラインである。
>> しかし、具体的には、たくさんあり​​ます そこに偉大なリソースの。
いくつかのそれほど大きくないもあります ものなので、それらを警戒する。
しかし、このスライドには、私は4良いを持っている 資源のそれぞれに対して1つの
あなたが作業になります言語 今週に -
HTML用1参照シート、 CSSのリファレンスシート。
ここでこの権利は、PHPのマニュアルです。
>> だからではなく、人間としてPHPを入力するのは コマンドは、これはどこで行うのと
関数プロトタイプを調べるに行く と例もいくつかのヒントや
PHP関数を使用するためのトリック。
あなたは多くの場合、このサイトを使用しますが、 ので、私はなるためになることをお勧めします
それに慣れ。
それはそれは少し技術的なことができますが、 また、資源のトンを提供し、
関数のすべてのための例や でも、配列を使用する方法と同様に、他のか
、様々なタイプの変数。
このサイトでは、PHPのための非常に便利です。
>> そして、SQLのは、この中に鳩た場合 今週の問題セットは、あなたが知っているよ
我々は、データベースを使用していること。
そして、我々はを通じて、そのデータベースにアクセスする 比較的優れたユーザー·インターフェース。
またはそれは、アクセスする一つの方法だ そのデータベース。
ユーザインタフェースは、 phpMyAdminに呼ばれる。
[SQL]タブ、我アイルがあります 今日、後で見てください。
>> そして、あなたは彼らのサンプルSQLに入力できる 使用しているデータベースで物事を行うには、クエリ、
して、これらのクエリを実行します。
彼らが正しいなら、それはよ この1の正しい、と言う。
彼らは間違っているなら、それはよ たとえば、それは正しくありません。
それはあなたの練習には絶好の場所だ SQLクエリにそれらを書き込む前に
あなたを確認するために、コード、 フォーマットが正しくている。
>> 最後に、ここに一つの他のウェブサイト。
これはあなたができるWebサイトです あなたのことを確認しに行くと確認
HTMLコードは有効です。
だから、あなたの問題を回す前に設定 今週、すべてのことを確認してください
あなたのHTMLが有効です。
>> 先週には、するには、Valgrindは実行していた あなたはメモリリークがなかったことを確認してください。
今週は、すべてのことを確認する必要があります コー​​ドの有効なHTML5です。
それが有効なHTML5のない場合は、している ポイントをオフに取得するつもり。
>> そうことを確認してください -
それはしていません動作するという理由だけで それが完全に有効との意味。
このウェブサイトを通して、あなたのコードを実行 それをインチにする前に
繰り返しますが、ここのウェブサイトです。
>> あなたは私のためのフィードバックをお持ちの場合、我々は持っている 複数のセクションがいくつか残って、
と私はいつも私が何ができるかやってみたい 最高のセクションであなたのすべてを提供
可能な体験。
だから、何も私はそこなら、私に知らせて 改善するために行うかがある場合にすることができます
あなたは私がやれることが分かりもの。
、AVI、ありがとうございました。
のウェブサイトに利用する。
>> これは私私が持っていたバイクだった それでは、自宅で4を言わせて、だった。
これは、ティーンエイジミュータントニンジャタートルズ あなたが言うことができない場合には、バイキング、
それは少しぼやけてだから。
あなたはトイザらスで、今それを得ることができます のために、私は、約100ドルだと思います。
>> しかし、私が欲しいこのバイクの特徴 もしこれらがに注意を払う
ここ。
これらは補助輪です。
これまでに、ハンドされている Cを介してそして、我々は長い間を撮影した
時間、2ヶ月プラス、 C.を通過する
>> 言語のこれらの次のカップルのために、 我々はするつもりはない
その多くの時間を費やしています。
補助輪はオフに来ている。
そして、我々は、これらに飛び込むつもりだ すぐに言語とを介して移動
それを言うことではない迅速に、 私たちはあなたのスイミングを残すつもりだ
そこをサポートする方法はありませんで あなた自身やどのようにこれらを把握
言語が動作する。
私はちょうどあなたのリストを示した あなたを助けるためのリソース。
>> しかし、PHPは信じられないほどであることに留意してください Cに似我々は終わっ行くよ
今日はそれと相違点の一部。
しかし、ほとんどの部分は、 forループがあります。
条件あればあります。
>> 、問題を解決したい場合には、 あなたが使用するつもりだ
それらの組み合わせである。
それは非常に似ています。
ロジックは非常によく類似していなければならない あなたが過去に何をやったか。
本当に今週新機能である 構文とどのようにあなた自身を表現しています。
そして、あなたはforループを書きたいが、それ 少し違って見えるかもしれません。
または、配列を作成したいのですが、それ 少し違って見えるかもしれません。
>> だから、前進していることに留意してください ロジックは何に非常によく似ています
あなたが過去にやった。
しかし、あなたは、今直面することになるだろう 新しい構文がたくさん。
そして私たちはあなたを歩くつもりはありません シンタックスのすべての要素。
だから、把握するのはあなた次第です、本当に、 オンラインまたは経由で手を差し伸べる
議論したり、私を電子メールで送信するか、と話 1で物事を書く方法を別の、
PHPとどのようにSQLクエリの書き方 とどのようにHTMLとCSSを使用します。
>> しかし、あなたは知っているので、それはそのではありません 私たちはそこにあなたをスローするようにしようとしている
再びサメを泳ぐ。
これは、可能性が高いと何をするかです。 あなたの最終的なプロジェクトには、選択した場合
IOSのような別の言語、 Objective Cの、または作業を開始することを決定した場合
将来的にはプログラミングと 他の言語に飛び込む、
PythonやRubyのような。
>> 多くの場合、ロジックは非常に類似している これらの言語のすべて、および全体で
構文は違うものです。
そして、それはとして、あなた次第になります プログラマ、Webを使用行く
あなたと図のように利用可能なリソース あなたが知っているものを表現する方法をどのように
で、C言語で表現する 異なる言語。
だから、これは両方のあなたのために、お勧めします 最終的なプロジェクト、そして再び、用
あなたはおそらく何を行います あなたはCS50を残した。
>> 先に進む前に、誰にもない 何についての質問がある
私はこれまでやった？
素晴らしい。
先に進みましょう。
>> まず、簡単に話をするつもりだ chmodコマンドについて。
これは、我々は開始時にやる あなたの問題のセット。
非常に最初の命令の一つ あなたのために、あなたがダウンロードした後
分配コードは、変更することである ファイルのアクセス権と
あなたが受け取るディレクトリ。
>> 誰もが推測ベンチャーか知ることができる それは変更することが重要である理由
特定のファイルのアクセス権と お使いのコンピュータ上のディレクトリ？
AVI -
>> 観客：を除く[いいえ1 何をやっていると見ることができますか？
>> JASONハーシュホーン：わかりました。
だから我々は上に何かを置きたい場合は、 Webおよびあなたがアクセス権があることを設定している
あなただけが何かを見ることができ、 その後、誰もができない
作成したかを見る。
ほかには？
うん。
>> 観客：誰があなたの防止 から、何かを見たいと思っていない
何かを見て。
>> JASONハーシュホーン：それも事実です。
いくつかのコードは、おそらくがあること あなたがそうしないことを、書き
人々が見たい。
あなたは、おそらく見て、人々でOKだ あなたのHTMLとJavaScriptの。
しかし、あなたのPHPのバックエンドコードの多く 多分あなたのコードにロジック、
パスワードの一部を保存するもの ご使用のデータベースでは、ない
人々がいることを見てみたい 情報の種類。
>> だから、それぞれのファイルとすることが重要です 私たちが作成するディレクトリは、権限を持っている
私たちが望むかどうかに適用 ファイルのこれらの型を参照するには、人と
ディレクトリおよびそれらにアクセスすることができ 潜在的にあっても、それらを変更してください。
>> だから、3種類があります パーミッションの。
読み取りアクセス許可、手段があります あなたは、ファイルやリストを読み込むことができます
ディレクトリの内容。
書き込み権限は、そこ あなたは、ファイルまたは変更を変更できることを意味します
その後、ディレクトリと実行 あなたができることを意味します許可、
、むしろあなたがファイルを実行するか、 ディレクトリに移動することができます。
あなたが持っているのであれば、CDの何か、 それを実行するための許可は、移動することができます
そのディレクトリに。
>> これは簡単な例です。
繰り返しますが、この上で行ってきた 問題に設定してください。
しかし、私はディレクトリを作成 mkdirコマンドで。
私は、アクセス権を変更します。
これらの2行は、実際に行う まったく同じこと。
それは、そのための構文を説明するためにだ あなたがいるかどうか、アクセス権を変更する
イ+ xまたは711は、それらは同じである。
>> 我々は、この素敵なテーブルを見下ろす。
我々は、ユーザがあることがわかり パーミッション初めて。
それはあなた個人の、そして サーバー、潜在的に。
そして、グループなどがあります。
それらの間の違い 2は比較的些細な。
だから一般的に、我々はしこりよ 一緒にそれらの。
>> しかし、本質的に、我々はファイルがある場合 私たちがなりたいことを含んでいると呼ばれる
自分自身と私たちが望むことを編集することが 他人に実行できるようにするには、
それは権限711です。
そして、我々はそれをダウンして参照してください。 ここにこの表の。
我々は、読み取り、書き込み、および実行。
私たちひとりひとりのために、我々がしたい それらを行うことができる。
グループおよびその他の、我々は唯一たい それらを実行できるようにする。
>> 我々はそれを翻訳する方法 数に
権限は、バイナリを介して行われます。
我々は3のものがあるのであれば、それが1だ 補数でのもの欄に、1
列、1四つんばい列。
それはすぐそこに7です。
この許可は1である。
この権限は1である。
だから、711を与えると同じであるとき 自分自身は、読み取り、書き込み、実行、
そして他のみんなは、実行権限。
>> 右ここでこのラインは、我々は一般的に 読み取りと書き込みしているでしょうときに我々
ディレクトリを作成します。
だからここに、この行は、単に実行追加 すべての人への権限。
だからでは、と同類になる 我々が持っているものに加えて、
皆に1、1、1を加算。
>> この一方で、それは不必要だ 追加するには、読み取りと書き込み。
しかし、あなたが番号を使用するつもりなら、 あなただけの何かを追加することはできません。
あなたがいたどのような権限が上書き そこに、新たなにそれらを実装
数あなたが与える。
これはかなり速かった。
誰もが疑問を持っていますか アクセス権の変更はどうでしょうか？
>> [OK]をクリックします。
私は、PHPファイルがある場合、どのようなアクセス許可 私はそれを持ってしたいですか？
これは、問題設定の仕様である。
だから、スペックを見てすることができます その後、私の答えをお読みください。
>> 読者：あなたはユーザーがしたい 読み書き権限を持っている。
そして、あなたは誰もが欲しい 他に何も持たないように。
>> JASONハーシュホーン：そして、何 それは数字でしょうか？
>> 観客：600。
>> JASONハーシュホーン：600。
600そうchmodの - あなたが印刷するたびに PHPファイルは、600にchmodの。
[OK]をクリックします。
私はディレクトリを持っています。
ジェフの他に誰か、 私は、ファイルフォルダを持っている。
私は、どのようなアクセス許可したいです そのフォルダに付ける -
また、仕様設定の問題では、 右この回答以下
前の回答？
また、潜在的に、スライド上 -
マーカス。
>> 観客：に関して
フォルダには、それは711だ。
JASONハーシュホーン：711 -
そのフォルダには、あなたが711を与えたいと思う。
あなたは、そのフォルダを読み込むことができるようにしたい、 に移動する、ディレクトリを変更
そのフォルダ。
そして、あなたは他のみんなができるようにしたい そのフォルダの中に移動したが、
必ずしもその内容を変更しない。
どのような非PHPファイルについて、 、JavaScriptファイルを言う？
私たちは、どのようなアクセス許可したいです ファイルの種類を与えるために？
>> 観客：644。
>> JASONハーシュホーン：644 -
なぜ我々はそれに644を与えたいと思うのですか？
>> 観客：他の人がそれを読むようにする。
そして、あなたはそれを読み書きする。
>> JASONハーシュホーン：だから右、誰も 他にするJavaScriptファイルを読み込むことができます。
そして、あなたは他に、それを変更することができます それを読むことができることに。
だから、ほとんどの一般的なバグの人々の1 この問題は、設定とそれらを持っている
最終的なプロジェクト、それはだ場合には、Webベースの最終的な プロジェクトは、それらが設定されていません。さ
正しい権限。
そして、彼らはできないでしょう 彼らのウェブサイトを参照します。
またはウェブサイトの特定の部分。
>> だから、必ず設定してください 正しくパーミッション。
それがなることだけを負うものではありません あなたのために自動的にそれを行う。
>> [OK]をクリックします。
それは我々が過ごした小さなものだった 上の時間の良い量なので、
我々はそれを爪可能性があります。
それでは、HTMLに移りましょう。
>> そして再び、これらの次の4項目について説明するため、 我々はそれらを通過しようとしている
比較的早く。
したがって、すべての私を停止すること自由に感じなさい 時間、ご質問がある場合には、
彼らは私がカバーするものに関連しているかどうか か何かの講義から、または
でも、問題のあるセットから。
あなたがする必要があるときはいつでも私を停止します。
我々は最後に到達したとき、我々だけでよ 問題のある集合上で起こって開始します。
>> だから、HTMLはハイパーテキストの略 マークアップ言語。
それは、プログラミング言語ではありません。
それがないのはあなたのコンテンツを構造体である また、いくつかのメタデータを提供する。
例えば、おそらく、多くのそう あなたが前にフェイスブックを使用している。
そして、あなたは内のリンクを含めるか、することができます 自分のステータスとしてリンクを置くことができます。
>> そして、あなたはそのリンクがわかります いつも素敵な絵が描かれています
それといくつかのテキストに。
一般的に、それはいくつかのメタデータです Webページの。
そして、それはFacebookの固有のメタデータです。
そして、Facebookがそれを読んでいるとき ページとそのリンクを挿入すると、
特定のメタデータを検索しますので、 表示するには、どのような絵を知って、どのような
表示するタイトル、およびどのような 表示するには、抽象的テキスト。
>> だから我々は、メタデータを含むことができ、 HTMLを使用して弊社のWebページを参照してください。
そしてそれはまた、構造私たちを助け コンテンツ、一般的に、どのような
我々はどこに行きたいです。
>> HTML内のすべての要素である。
そしてちょうどここの要素 -
このCS50、テキストは要素です。
そして、それはいくつかのタグがあります。
それは、このタグを持っています。
そして、我々は、Aがある気づく 始めてからスラッシュA、そう
最後に終了タグ。
時には、オープンはありません タグと終了タグ。
ただ一つのことがあります。
>> 我々はそれの例が表示されます 次のスライドに。
だから、オープンする必要はありません と終了タグ。
しかし、このために、我々はこれを包むしている アンカータグ内のCS50要素。
そして、基本的に、これらのタグは言う とはどのようなブラウザ
特定の要素。
>> だからもう一度、CS50はテキストです 私たちは見ることになるだろう。
そして、それはなるだろう アンカーのタイプ。
アンカーは基本的に使用されている 何かへのリンクについて。
具体的には、することができますように すでにこれは、言う
CS50のホームページにリンクしています。
>> 次のタグの一部 - あるいは一般的に、 タグの部分がある
属性。
そして、我々は、ちょうどここを参照すること タグは1を持っている
このHREF属性。
そして、彼らは、特定のタグを変更します。
実際には、次のいずれかに行けば ウェブサイトまたは私はあなたを与えた参照
または、オンラインのタグを検索する前に あなたがのトンがありますわかります
潜在的な属性。
>> これはおそらく1です 最も一般的なの。
これは作成するために私に言っている 特定のウェブサイトへのリンク。
一般的に属性が与えられている、 排他的に与えられていない場合には、
キーと値のペアで。
>> だからここにキー、HREFです。
その値は、ここでこの権利である。
そして、それは、後に便利になるだろう、 我々はいくつかのライブラリをするために使用して起動したとき
JavaScriptでコードが私たちを助けて またはHTMLコンテンツを記述します。
ちょうど私達のように - 私たちはしばしばあることを行っている アレイ·ブラケット0とことをするだろう
私たちにいくつかの値を与えるだろう。
>> 今後は、多くのやっているよ 何かブラケットHREFのようなもの。
そして、それは私たちの価値をあげる HREF、あるいは我々はHREFを更新する場合
それを与える、キーと 特定の値。
だから私たちが持っていた配列と同じように キー0またはキー1またはキー2あるいは持つ
あなたのハッシュテーブルでは、よく、テーブルをハッシュ 同様に、あなたはおそらく持っていた - それを
配列なのでキー0、キー1、キー2であった。
>> そこにそのインデックス、我々はできる キーとしてそのことを考えています。
その値は何でもあり そこに保存した。
これらの属性のすべて キーと値のペアです。
そして、それは変更することが重要になります それらまたはそれらを更新したり、
後でそれらを挿入する。
>> 最後に、この構造を見てきました 以前に、これは、最も基本的である
HTMLページの構造。
一番上には、我々はそのことを伝える これは、実際のHTMLである。
そして、我々はオープンなHTMLを持っている タグと閉じるHTMLタグ。
内部ので、すべて これはHTMLです。
>> 私たちは、頭と体を参照してください。
あなたのドキュメントのhead 一般的には何が含まれて？
何のための任意の推測 頭に入れて？
>> 読者：あなたはタイトルとスタイルを置く。
>> JASONハーシュホーン：タイトル。
それは素晴らしい推測だった。
私はにあなたをチップオフしている場合があります。
いくつかの他のものは何ですか？
我々は、と彼らのいずれかを言及 頭の中で行くかもしれない。
>> 観客：彼は言った、スタイル。
>> JASONハーシュホーン：スタイル -
だから、JavaScriptでリンクしたい場合 あなたが話しているかさえ、CSS、
あなたが話している時に約 スタイルについて。
他のファイルは、あなたがにリンクする ファイルの外に、それはおそらく行くでしょう
頭の中で。
>> ほかには？
私たちは、スライドのカップルを述べた 前ということの一つ
HTMLはあなたのために何ができる。
それは提供することができます -
Mで始まる -
>> 観客：メタデータ。
>> JASONハーシュホーン：メタデータ - そう多く メタデータの先頭に移動します、
それは必ずしも必要がないので、 あなたのコードの本体の一部であると。
それは、一般的にです - 体である コンテンツ、誰かが見ているもの。
だから私は答えを譲った 私の次の質問に。
しかし、体内で一般的内容である それが表示されるようになるだろう
Webページ上の。
>> 私達が見るように、複雑なウェブサイト 混在または何を変更する傾向がある
彼らは頭と体に入れる。
しかし、一般的には、ヘッドは物事が含まれています ユーザーは、するつもりはないことを
画面に表示される。
それは、他のファイルにリンクします とメタデータを提供しています。
ボディはすべてが含まれ、一方、 ユーザーが見ることになるだろう。
このpタグが何を意味するすべてのアイデア？
>> 観客：段落？
>> 観客：印刷。
>> 観客：印刷を意味するものではありません。
>> 観客：それは段落を意味するのでしょうか？
>> JASONハーシュホーン：段落 - これは段落です。
このpタグは、私はちょうど入力した可能性が この画面上で、その後
改行を含め それの最後に。
含める方法を誰でも知っている 改行？
>> 観客：PR -
>> JASONハーシュホーン：PR -
>> 観客：PRスラッシュ？
>> JASONハーシュホーン：PRスラッシュ 改行を表します。
しかし、段落では、特定のを持っている フォーマット。
そして、我々はの書式に買ってあげる 第二に、我々は、CSSについて話すとき。
しかし、これらのPタグ内のすべてのもの いくつかのデフォルトのフォーマットを持つことになります
おそらくいくつかは、それに関連 別の間に間隔を
段落。
そして、それは差別化する一つの方法になるでしょう コー​​ドのブロック。
>> 他のタグ -
これまで見てきた他のタグは何ですか？
>> JASONハーシュホーン：H6 H1から。
H6を通じてH1、どのようなことでしょうか。
>> 観客：どのように大きなそれは意味します と大胆な文字がある。
>> JASONハーシュホーン：右、 それは、ヘッダーの略です。
だからHEADER1は大きなヘッダーです。
それはおそらく、デフォルトでは、大胆な、Aになるでしょう 大きなフォントサイズは​​、おそらく上の中心に
画面、すべての方法H6まで、 小さいフォントサイズ、以下である
強調した。
もちろん、あなたがしているCSSファイルでは、缶 またはどこかにコード内 - その、
繰り返しますが、私たちは、第二のものに得られます - どのようなデフォルトの動作変更
のh1はタグがある。
>> しかし、クロム、Safariのことに注意してください FirefoxやInternet Explorerのすべてが持っている
デフォルトでは、たくさんのを探し これらの標準タグ。
あなたは、再び、常に変更することができます 彼らはどのようなものか。
その誰もが、他のタグ 見ていますか？
うん -
>> 読者：DIVサイト。
>> JASONハーシュホーン：divタグ - DIVタグ あたり、任意の組み込みの形式を備えていない
それ自体、遮断するために使用される コー​​ドの異なる種類。
他のタグは？
はい。
>> 観客：李 -
>> JASONハーシュホーン：李 -
のための李は何ですか？
>> 観客：リスト。
>> 観客：リスト
>> JASONハーシュホーン：Liがある リスト要素のため。
リストの2種類がある。
2種類は何ですか？
>> 観客：注文し、順不同。
>> JASONハーシュホーン：注文し、 順序付けられていない - ので、ULスタンド
番号なしリストのため。
箇条書きをしたい場合はそのためです 、箇条書きのリストを指す。
番号付きリストは、番号付きリストである。
だからあなたは、[開くULタグを行い、よ それから、リストの要素のトン
ULタグを閉じます。その意志 順序なしリストを作成します。
>> 我々はいくつかの例を参照してくださいするつもりだ ビットでのHTMLの。
しかしその前に、私はCSSに取得したい。
とCSSはカスケーディングの略 スタイルシート。
そして、これは非常に密接に関連している HTMLにわずかに異なる。
これは、すべてのコンテンツをフォーマットするのに役立ちます それは、HTMLの構造。
>> だからCSSで、我々は一般的にしたくない すべての単一のヘッダーまたはすべてののスタイルを設定
単一のイメージまたはすべての つの段落。
我々はいくつかの要素にスタイルをしたい それとも特定の要素。
我々は、特定のスタイルや方法 要素はそれにIDを与えることです。
>> だから、これは属性です。
これは、キーと値を持っています。
IDが鍵となります。
ロゴが値です。
私はランダムにロゴを選んだ。
そして、あなたが何かのIDを与えると、 一般に、それは与えられるべきである
一つの元素である。
>> そして、あなたのスタイルシートに、次のことが可能 スタイルは、特定の要素、しかし、
あなたはそれが見てみたい。
あなたは数のスタイルをしたい場合 要素は、多分それはある特定のクラスの
あなたのヘッダのヘッダの一部のみ。
多分それは、ヘッダと画像との 段落みなさんが中心になりたい。
次に、それらのグループを与えることができます 要素のすべてのクラス。
そして、あなたはクラスを与えることができます 特定のスタイル。
だから、idとclassをするには2通りの方法、 あなたがすることを助けることができるので、コードを分割
あなたのスタイルでより具体的な。
>> スタイルには3つの方法があります。
最初の1はであり、 このスタイル属性。
だから、あなたが見る、スタイルキーがスタイルです。
スタイル値は、実際には 別のキーと値の一覧。
>> この場合、Iは撮像 1キー、テキストを整列。
と私は言った、センター。
あなたはこれを見自問している可能性があります ポイントは、どのように私がお知りになりました
テキストを整列。
それがあっても何をしますか？
それは聞いて良い質問だし、 我々は、第二​​にそこ取得するつもりだ。
だから、何かのスタイルを設定する一つの方法ですが、 ただそれをスタイル属性を与える。
>> 何かのスタイルを設定するもう一つの方法は - これはAksharが前に記載されている。
あなたはスタイルのタグを使用し、それを置くことができます HTML文書の頭の中で。
だから、基本的に言って、 ここに内のコンテンツ
いくつかのスタイルの内容である。
そして、そのための形式は、ものですあなた 内部には、スタイルとしたい
中括弧は、キーと値のペアの あなたがに与えたいと属性
要素の特定のタイプ。
>> 最後に、これは 最も一般的な方法。
そして、これは私たちの方法です Pセット7でそれを行う。
これは、外部スタイルシートです。
だから、。cssファイルを持っている。
そしてその中には、たくさん見る 次のようになり物事名
要素のあるタイプまたはIDのか 巻き毛の内側に、クラスや、
中括弧は、キーと値のペアのリスト。
>> もちろん、外付けを作成した場合 ファイルには、するつもりだ
それを含める必要が -
鋭いことだろう含める C言語類推すること -
HTMLファイル内の。
だから、これを含める必要が HTMLファイル内のコード。
これは、ファイルの名前であることと、 それは、同じディレクトリにだと仮定して。
>> [OK]をクリックします。
それは楽しかった。
そして、我々は現在、呼吸と見ていくつもりです いくつかの実際の、生きたウェブサイトや
この詳細をみる。
我々はそれをする前に、しかし、誰にもない ご質問がある？
>> だからと一緒にこれを実行したい場合は、 私は、我々は、アプライアンスに行くことができます。
と私はCS50のホームページを選択しました。
あなたは、任意のWebサイトでこれを行うことができます。
しかし、なぜ我々は始まらない CS50のホームページ？
>> のリフレッシュしましょう​​。
私は実際に非常にあなたが行うことをお勧め 私と一緒にこの、私たちのため
今しようとしていることになるだろう だけではなく、あなたのために信じられないほど便利な
P-セット7が、同様に、P-セット8。
うん。
>> 観客：コメントをする方法はありますか HTMLでは、PHPを使用せずに？
>> JASONハーシュホーン：はい、できます HTMLでコメントをする。
>> 観客：構文は何ですか？
>> 読者：感嘆符ダッシュダッシュ。
>> 観客：[OK]をクリックします。
>> JASONハーシュホーン：はい。
それは構文です。
あなたは、HTML内のコメントをすることができます。
あなたは、PHPで、コメントをすることができます。
>> あなたが説明するように、HTML内のコメントは、意志 私達が見ると、まだ表示さ
特定のサイトのHTMLソースコード。
したがって、このcs50.net。
あなたは正しい最も近代的でクリックした場合 ほとんどの任意のページ上のブラウザで、表示
ページのソース。
それでは、CS50にそれをやらせる。
>> と驚くなかれ、我々 巨大なものを参照してください。
CS50は、実際にはかなり良さそうに見えます。
ウェブサイトの多くはないでしょう この素敵に見える。
あなたは、Googleのホームページに行けば それを開く。
それは、この素敵なを見ていないでしょう。
>> しかし、あなたが一番上に、次の点を注意してください -
これはちょっと小さい。
それでは、これは大きくしてみましょう。
[OK]をクリックします。
一番上にある、のDOCTYPE HTML、 それはお馴染みだ。
その後、我々はオープンなHTMLタグが表示され、 右ここで頭は、すべての
これらのメタタグの。
そして、あなたは、このOGをしない見ることができます 今ではに行くつもり。
しかし、私はその時点でほぼ正午前 これらの会社概要になります。
>> それは実際にFacebookのです。
私は開いているグラフを表していると思います。
だから私はそこに言及した、覚えて あなたができるFaceboook固有のメタデータ
ページを与える。
それはここで何を。
>> だから、Facebookのページをリンクすると、 それが示すことが起こっている画像
この画像は、まさにここである。
そして、あなたは実際にそれがだことがわかります Facebookは、それはだから
Facebookのイメージ。
>> しかし、いずれにせよ、我々はさておき取得している。
だから我々はここでいくつかのメタデータ·タグを持っている。
私たちは、CS50のタイトルを参照してください。
そして再び、タイトルは何が起こっている ここでブラウザタブで最大。
我々は、これは右ここでリンクされて参照してください。 外部JavaScriptファイル。
>> 我々は、多くのJavaScriptについて話していない しかし来週 - と確かにあれば
あなたは、Webベースの問題セットをやっている、 あなたは、JavaScriptを使用することになります。
これは、外部にリンクする方法です JavaScriptファイル。
我々は、最終的には、右ここでCSSを参照してください。 スタイルシートは、それは、これらを文書化
このコードのスタイル。
>> のは実際にそれを開いてみましょう 本当にすぐに見てみましょう。
これはクレイジーに見えます。
私は次のようになります方法はありません を通して読むことができる。
あなたが取るのであれば、あなたは、しかし、実際にすることができ 見て、あなたは、ソートのことがわかります
があります -
そこに私達は行く。
>> それは我々が見てきたもののように見える 前に、背景色は、それを設定する
いくつかの赤、緑、青の値に等しい。
このようなものは、種のように見えるべきではありません 外国、にも関わらず、提示されたとき
このように、それはすることができます 少し圧倒。
我々は、このCSSファイルを見てするつもりはない または、その上に多くの時間を費やすため、
それは、やはり、読みはかなり難しいです。
>> のは、このに戻りましょう CS50用のHTMLページ。
との身体にスクロールダウンしてみましょう。
内側私たちは、このdivタグを参照してください。
我々はここヘッダを参照してください。
私たちは、アンカータグを参照してください。
>> このリスト要素である 特定のクラス指定された。
そして、我々は、そのクラスを繰り返し参照 何度も何度も。
そこにはカーティスです。
HTML5でのコメントがあります。
>> あなたが気づくように、我々はまだ見ることができます それが、それは表示されないだ。
それは実際には本当に面白いです。
それは、このスコアリストのように見える 要素がコメントアウトされています。
我々はこのページにアクセスした場合は、再び、それまだ とても興味深く、そこに表示されます。
>> ああ、それはなぜ、あるためです この次の行の。
他に何が私たちに関心が見ていますか？
これの残りの部分は、より混乱して この右半分に対処
少ないウェブサイト、 少し複雑。
>> だから、これはどのような一部のHTMLです のように見えるだろう。
私にとっても、これは少しです 圧倒的な、これはない
そんなに私を助けて。
しかし、その何かがある 実際には、私をたくさん助けていない。
>> そして、それは私はいつでも私が使用しているものです。 どのように何かを把握しよう
それがないように見えるか、どのようにすることができます 私は私のウェブサイトに変更を加える。
そして、それは開発者向けのツールです それは、クロームに組み込まれています。
だから、右のこの3のバーに行けば ここと上の[ツール]に下る
開発者ツール、小さなウィンドウの意志 ページの下部にポップアップ表示。
特に、クロム、それがあるので、 素晴らしい、このウィンドウをフォーマットします
HTMLを取り、それが見えるように あなたのためにたくさんよりよい。
だから今、それは実際にいくつかの折りたたみ可能です あなたが検査する探索することができ、HTML
ページの要素。
>> 我々は、本体を見てみたい場合は、 それは実際にハイライト表示さ​​れます。
あなたは、HTMLの一部にスクロールすると、 このウィンドウの下方に、それは意志
それは話している部分をハイライト表示 大きな窓には約。
だから私は、もう一度試してみてみましょう 少し、これを爆破する。
[OK]をクリックします。
>> それでは、身体を開いてみましょう。
そして、私はこの左のdivの上にスクロールしています。
そして、あなたはそれがハイライトだと気付く これは、画面の半分を残しました。
それでは、その上でクリックしてみましょう そしてそれを展開します。
>> その中に、それは次のようになります。 2 div要素があります。
この最初のdivがあります。
私はハイライトされていることがわかりません。
私は知らないが、それは次のようになります。 内側左二つ目は、コンテンツである
画面の左側にある。
>> そして、ヘッダと呼ばれるこの事があります。
それがハイライトだように見えます CS50部分。
我々はそれを開いた場合、我々はそれがだと見ること ヘッダー1以外の何物でもない。
これは、IDが与えられ、それがだだ テキストCS50与え。
>> だからもう一度、これによりそれを見て コンソールまたは開発者ツールを使用して
画面のmakeの下部にあるペイン うまくいけば、このウェブサイトを探索、A
はるかに少ない威圧し、 より多くのアクセス可能。
また、私たちが理解することを可能にする このウェブサイトは、しかし、それは非常に見える
かなり素敵な、すべてのそれほどではありません あなたがあることを行っているものよりも多くの
問題の設定7でやって。
そして、これは全くの中で 作成する能力。
>> 私たちがしたい場合は -
これらの使用について、他のクールなもの あなたは右をクリックするとツールがあり、
タイトルは、HTMLを編集することができます。
それでは、ジェイソンと呼ぶことにしましょう​​。
そして今、あなたは私が変更されているがわかります このページのHTML。
>> もちろん、私は変わっていない 永久に。
私はブラウザを更新する場合、それはでしょう 元のHTMLに戻ります。
しかし、時には、私は自分のコードをデバッグしたい、 そして私はちょうど私が持って見たくない
geditのウィンドウと試してみて、理解して 何が起こっている。
>> 私は生きて何が起こるか見てみたい。
だから私はこのようにコードを編集して、買ってあげる それ私はそれを見てみたい方法です。
そして私は作ってあげる 私のコードの変更。
>> そして、私はそれは非常に簡単だということを見つける あなたは物事を行うことができたとき
瞬時に、そのような。
我々は別のものを作りたい、もう一度、言う チャンス、我々は模索しているので
今HTMLとCSS。
私は今、HTMLを編集することができます。
そして、私は、リンクを含めるつもりです。
>> だから私はCS50のホームを変更するつもりです ページので、にリンクします -
それでは言わせて - 私のホームページ。
何誰もがリコールした場合、名前、または 私が与えたい属性は何でしょう
私が欲しいのアンカータブに それどこか別の場所にリンクするには？
>> 観客：HREF？
>> JASONハーシュホーン：HREF -
だから今、あなたはそこにそれが表示されます ジェイソンの下にアンダーラインです。
クロームので、それはデフォルトでは、ですが、 アンカーの下線を与えます。
おそらく前にそれを見てきました あなたがウェブページに行ってきたとき。
リンクしている事があります 下線や青で。
リンクのデフォルトスタイル 一般的に強調することである
と青に入れて。
>> 私はそれを好きではない場合は、 私はそれを変更することができます。
そして、我々は第二に、それを変更します。
私がホバーした場合しかし、今、また、ことに気付く この上で、底にの左
右の単語の要素上記の画面、 私はそれを与えたリンクです。
>> 私が行ったのであればこれをクリック - と我々はできる 右、これをクリックして、新しいタブを開きます。
これは実際に私のホームページではありません。
それはちょうど私の名前です。
そこに行く。
我々は今、リンクに変えました。
>> それでは同様にいくつかのCSSを見てみましょう。
美しいもの - と私はするつもりだ これは少し小さくする - 約
このコンソールは、その狂気のCSSのシートであり、 我々はそれが実際にあった、前に見た
解析するのが難しい、美しくなりました 左側に私たちのためにレイアウト
このペインの。
だから我々は見ることができます。
そして、我々はこのスタイル]タブを展開すると、我々 異なるスタイルのすべてを見ることができます
それは、この場合には、関連付けられている この特定の要素は、この
link要素。
>> 我々は、化合物のスタイル]タブをしている場合は、その ちょうど私達に示して、いない場合、すべてのもの
から来ているが、これらの本質的にすべての 上で動作しているスタイル
今すぐこの特定の要素。
そして私たちが望む、のは言わせて それを少し変更します。
だから、これはすべてのスタイルです この特定の要素に作用する。
、我々はそれを変えたいと言うので、私たち 何かがどのように見えるかを確認したいと思います。
そして、私たちはただ演奏している 今の周り。
または私達は前に、何かをテストする コー​​ドの中でそれを書くとプッシュ
それで、それを生きること。
>> 我々は、スタイルタブに移動することができます。
そして、最初のボックスに element.style、と言います。
そして、ここでは、挿入することができ、 あなたが何かを追加することができます。
>> だから、私がしたい -
それでは、私のリンクとに行こう 背景色を設定する。
そして、それは実際には、あなたのためにそれを自動入力する 可能なすべてのプロパティ。
背景色、および私が欲しい その青を作る。
BLUSは言葉ではない。
青は言葉です。
>> 私はそれが出てくる見ましたか？
それがHREFでだからああ、それは何ですか？
[OK]をクリックします。
だから私はここに何の変化も表示されません。
そして、我々はハイライト表示した場合、ためにです リンクは、そのリンクがわかります
実際に制御されていません この特定の要素のプロパティ。
我々はリンクを開く場合は、実際の、 このヘッダはここのこと
それがどのように見えるかを制御。
>> だから私は、背景を作りたい場合は、 青、私は実際に変更する必要があります
上の背景色 ヘッダ要素。
そして今、我々は見ている 背景は青です。
>> だからもう一度、これはすぐに行くことがあります この材料を通ってかなり迅速に。
しかし、これは本質的に何であるか あなたがやっているつもりです。
それは問題の設定7ではないが、 しかし確かにあなたがいるとき
Web上でのコーディング。
>> [OK]をクリックします。
私は、背景の青を作りたい。
にもかかわらず、この場合、 青はかなり醜い。
私が遊んで、ここに行くことができます。
私は青に変更することを参照してください。 A上では動作しません。
私は実際のヘッダーを変更する必要があります ブルーを含むように要素
背景。
>> そして、あれば、私は私のCSSに戻って ファイルには、どのように私は実際にこれを設定するのですか
背景が青であるとし、 この変更スティックを作る？
ので、私はリフレッシュした場合、我々は気付いた場合 ページは、私が行ったすべての変更がなくなっている。
だから、私は、[OK]を実現 背景は青です。
>> 私はHEADER1要素に移動する必要があります そして青に背景色を変更。
どのように私は実際にはその変更を作るのですか？
我々は中に入る場合も、、それを思い出す のここに、このヘッダ、
タイトルはIDを持っています。
そして、それはタイトルの。
>> だから私たちのCSSファイルで、我々は、[OK]を、言うことができます タイトルのIDを使って何を取ると、
それをこの追加のプロパティを与えます。
どうやってで何かを参照しない タイトル、任意のアイデア、あるいは誰のID
我々が参照する方法を知っている 当社のCSSファイル内のID？
>> ハッシュは、それはまったく正しいです。
そして、あなたはここそれのヒントを得た。
だから、どこかに、このCSSファイル内の、 このコード行があります -
第＃左インナー＃ヘッダ＃タイトルを残しました。
そして、それはそれにマージン底を与えている、 このマージン底を定義する
特定の要素。
>> まあ、私はそれを変更したい場合、 私は、このCSSファイルに行くだろう。
そして、私はこれを見つけることができるどちらか CSSファイルの一部。
または私は自分を書くことができます。
>> 私はハッシュタイトル中括弧を行う可能性があり、 次いで、背景色結腸ブルー
セミコロンとその中括弧を閉じます。
そして、それは背景を変更します 青にこの要素の色。
彼らはここにあなたに非常に多くのを与える理由は、 つまり、この場合に必要だが、
タイトルは固有のIDであるため。
>> しかし、あなたにできることは、巣の事である。
だから、これはOK、左に行く、と言っている。
それは非常に小さいです。
私はそれをおかけして申し訳ございません。
>> しかし、IDの左のあるものに移動します。
その内、探し IDを持つ事は、内側左。
その表情の中に、探し IDヘッダーのあるもの。
その内、物を探す IDのタイトルとIDのタイトルを変更します。
だから、これはただの方法です ネスト物事の。
巣IT、理由のような一部の人々 それが少し明確になります。
>> あなたは正しい、またここにダウン表示されます ここでは、何のハッシュはありません。
それだけではh1だ。
H1が与えられているからだ 一般的なタグの名前。
そして、いくつかのCSSプロパティがあります 一つ一つのH1に関連付けられている。
だから私は、このページの別のH1を発見した場合には、 私もこのスタイルであったことを見るでしょう
同様にそれに適用される。
>> 私はクラスにスタイルを適用したい場合は、 どのように私はクラスを参照または実行
CSSファイル内のクラスの話？
>> 観客：ドット。
>> JASONハーシュホーン：これは、ドットでだ。
それでは前に、このページに戻りましょう。
私はハッシュIDを行います。
つまり、スタイルを変更するだ IDを持つものの。
私はハッシュロゴを行う場合は申し訳ありませんが、、それはです ロゴのIDのあるものを見つけること
それに、特定のCSSスタイルを与える。
>> 私は何か。トップをすれば、それは見つけることだ トップクラスですべてと
そのスタイルを変更。
私は単純にh1をしなければ、それはすべての見つかった シングルH1、それに何を与える
スタイルは、私はそれを与えたいと思う。
私はH1スペースとして。トップを行う場合。
それは、すべてのH1Sを探しに行くとします すべてのトップクラスを持つものと
だけに、これらのスタイルを変更 私はそれを与えたいと思うものは何でも。
>> そして再び、私たちは書いたかもしれない 私たち自身でこのの一部。
しかし、我々はそこまで得なかったであろう。
はるかに良い、それは実際に行くようです 本物のウェブサイト上で、どのように参照してください。
彼らはそれを行うと、すべてを見て あなたがすることを得る素晴らしいもの。
>> 1以上のウェブサイトを見てみましょう 我々は上に移動する前に。
そして、これは、おそらくよ1です に慣れる。
これはCS50ファイナンスです。
だからもう一度、実際に行くことができますし、 あなたにこのCSSファイルを観察
コンピュータ、これをダウンロードしたので、 CSSファイルは、ダウンロードした場合
問題は、設定してください。
>> 私たちは、ツールに行くことができるし、 開発者ツール。
そして、我々ははるかに簡単なHTMLレイアウトを参照してください。
我々はトップ、ミドル、ボトムを持っている。
そして再び、何かあなたがすべきである に精通して、あなたが見てきたので、
配電コードを 今週の問題は、設定のために。
>> 上部にある、コードごと、ある 一枚の画像と呼ばれる。
そして、それはイメージのソースです。
私は何をすべて完了したと言う 私は、問題セット7のために望んでいた。
そして、それは正常に動作しますが、だ 私はそれがどのように見えるか変更したい。
そして、私は背景を変更したい ページ上部の、
例えば、青。
それが私だったら、私が来るだろう ここに、何OK、把握
私は変更しますか。
>> 見てみましょう、DIVのIDトップ、見えること ページ上部のように。
それでは、そこに行きましょう。
それでは変更してみましょう 背景色。
それではアリスブルーをし、ので行ってみよう それはよりよい1です。
>> そして、あなたはそのことに気付くでしょう -
おそらくそれを見ることができない。
しかし、ライトブルーがあり、 CS50のロゴと一緒に。
の赤に代わりにそれを変更してみましょう。
そして、あなたは私が変更になりましたがわかります 赤の背景色。
>> だから今、私は私のCSSファイルに行くだろうし、 ちょうどここ＃トップカーリー括弧を入力します。
あなたは、コードを右に見ることができます ここでは、中括弧。
そして、私は背景を追加します 色は赤。
そして、そこだろう 中括弧であること。
だから、それは私が探求する方法で、 CS50に書式設定を試してみる
金融サイト。
>> 私はここで、テストにそれを行うことができます 私のブラウザ上で、それが不足しています。
そして、私は私の実際のコードに行くことができる とウィルの変更を行う
実際に生きて行くと、人々 彼らが来ていた場合には、実際に、参照してください。
私の特定のサイト。
>> [OK]をクリックします。
それは楽しかった。
私が通って行くことをお詫び それこんなに早く。
誰もが疑問を持っていますか まったくHTMLやCSSのはどうでしょうか？
>> 読者：あなたはどれだけあなたを行くことができます もう一度、ジェイソンになったものにリンク？
>> JASONハーシュホーン：何 リンクされたことですか？
>> 読者：あなたは別のへのリンクを提供 アンカーを使用してWebサイト、。
>> JASONハーシュホーン：それで、あなたは求めている、 ただ一般的に、どのようにリンクを作る？
>> 観客：うん。
>> JASONハーシュホーン：わかりました。
リンクを作成するためのコード -
>> 観客：いいえ、HTMLのよう。
>> JASONハーシュホーン：ダウンここでは、意味ですか？
だから私は、リンクを含める場合 どこか、と言う、これが私の上のHTMLです
ちょうどここのページ。
これはHTMLです。
多分それはindex.htmlに、ファイル内で開いている。
私が入る
>> のは、この著作権のジョンてみましょう 何かにハーバードリンク。
だから我々は、HTMLとしてこのすべてを編集します。
あなたがすべてのように、Aが含まれている ブラケットに近いブラケット
始め、その後、ブラケットスラッシュ 最後に閉じ括弧。
>> だから今、私はアンカータグを用意しました。
そして実際に、あなたがクリックした場合 このうち、それは今でしょう
フォーマットは、それがHTMLとして編集します。
そして我々はそれをリンクしたい、と言う。
私たちはあなたのhref属性をしたい。
そして、我々は言う -
>> そして今、あなたが気づくように、著作権 ジョン·ハーバードは青です。
そして、私が上でスクロールする それは、それは今のリンクです。
だから、そのコードを書くことができます。
あなたはほとんど何を囲むことができます あなたはアンカータグにしたいし、それを回す
リンクに。
>> 観客：[OK]をクリックします。
それを得た。
>> JASONハーシュホーン：私は望んでいない場合 それは - もちろん、時には人々は傾向がある
ただ見て、これらのことを考えること 一般的に青と下線がある
リンクを作成しないようにきれいな方法です。
私はこっち来るのであれば、あなたはそれを参照してください。 CSSファイル内のどこかに、あります
このAが書かれており、 2中括弧。
それでは、リンクについては、私にはない、としましょう 彼らは青ではなく、私になりたい
へのリンクの色が欲しい この素敵なマゼンタなる。
>> のはそれを色を挙げてみましょう。
のマゼンタを選ぶましょう。
今、私のページ上のすべてのリンクは持っている マゼンタのこの素敵な色になる。
一部の人々は、すべての色が好きではありません。
一部の人々は、下線が好きではありません。
あなたが手に取れ。
>> リンクを使用すると、どのように彼らのスタイルを設定することができます あなたがそれらを訪れたら見てください。
あなたがページの多くに気づくように、 あなたがそれらを訪問したリンクは紫色にしてください。
あなたにもその色を変更することができます。
うん。
>> 観客：だから、それを変更する すべての単一のリンクの。
しかし、あなたはちょうどそのリンクをしたい場合 それ自体は、あなただけのIDで行うだろう
一番下か何か？
>> JASONハーシュホーン：とても素晴らしい質問です。
ここで気づいたように、私はいくつかを変更 に適用されるCSSの一部
私がしたい場合A.のすべて ただ私は、一番下にそのリンクを行う
おそらく私のCSSファイルに移動し、う あなたが言ったと同じように、ハッシュを行う
底面間隔a。
そして、それは私を与えるだろう すべての一番下のように。
>> または私は、あるいは、与えることができる 一意のIDと、ちょうどハッシュリンクを行います。
そして、それは私をできるようになる これを変更することができます。
しかし、ただ行き当たりばったりのIDをデーリング 一般的には悪いです
実際、これらの理由 一意である必要があります。
そして、もっとあなたがそれは、それらを持っている 少し混乱得ることができます。
うん。
>> 読者：あなたが同じことを与えることができます 複数の所有者IDとは？
>> JASONハーシュホーン：技術的には、はい。
何もあなたを停止しようとしてませんが、あなたです あなたはそれをクラスを与える必要はありません。
[OK]を、他の質問 HTMLやCSSのはどうでしょうか？
>> [OK]をクリックします。
私たちは、PHPに移りましょう。
ああ、そうですね。
>> 観客：それは、これらについては何ですか 我々は編集できることを意味してウェブサイト
我々は彼らの前にリフレッシュ。
しかし、我々はそれが戻ってリフレッシュしたら、 戻って最初のHTMLに？
>> JASONハーシュホーン：今すぐ質問 -
私たちがこれをロードしたとき それは、HTML Webページの。
そして、それはJavaScriptの。
そのPHPは、私たちに何を与えることが実行される 私たちが見るウェブサイトのタイプ。
そして、それは一部のHTML、いくつかを作成したのは JavaScript、およびいくつかのCSS。
そして、それはアクセスできるようになりました 我々のコンピュータによって。
>> それらのファイルのコピーが保存されます ローカルに我々のコンピュータ上で、
当分の間。
だから我々は、そのローカルコピーを編集することができます。
しかし、もちろん、私たちは編集していない サーバーコピー。
>> そして、我々はページを更新すると、 私たちは、別のサーバーのコピーを入手。
そして私たちは物事を見る バック彼らがいたとして。
私達ができたならば、ここから、編集する 公式サイト、我々は多くを持っていると思います
問題の。
>> 観客：ええ、私たちは読むことができます そのコピーを書く。
>> JASONハーシュホーン：右。
私たちは、ここではローカルの変更を作っている しかし、再び、散策するのに非常に役立つ、
しばしば。
私のために、私の最終的なプロジェクトを書いていたとき たとえば、私はどのようにいくつか見てみたい
ウェブサイト製のものを見て 彼らがしたように。
私が中に入ってダウンこのペインを使用します ここで、彼らが与えたもののCSSを見てする
それか、彼らが選んだ色やそれらがどのよう あなたが推移した場合に、そのようにそれを得た
何かを、リストが降りてきた 素敵なカスケード方式で。
それは他の何を検査するのに最適な方法です ウェブサイトは何と彼らから借りる。
>> のは、PHPに移りましょう。
PHPは、再帰的な意味では、の略 PHPのハイパーテキストプロセッサ。
そしてPHPは、どのようなそれは何をするつもりだ コー​​ド·サーバー側の実行である。
だから我々は、PHPコードを見に行くことはありませんしている。
>> しかし、とうまく遊ぶん 多くの場合、HTMLを生成
HTMLコードがたくさん。
しかし、あなたが問題に精通している必要がありますように 7を設定し、あなたのPHPコードが実行されます、
一部のHTMLを生成し、それは何でしょう ユーザーが見てしまいます。
>> PHPはCに非常に似ています しかし、いくつもあります
違いと、その違い 注意することが重要です。
一つの違いは、変数 PHPで緩く型付けされています。
誰もが意味を持っていますか それが何を意味するのか？
>> 観客：それを自分でキャストする必要はありません。
テキストで記述する必要があるよう。
>> JASONハーシュホーン：私は使用しません 単語のキャストが、宣言するはい、いいえ必要性
特定の変数の型。
どのようにその代わりに、我々は変数を宣言しますか？
>> 読者：ドル記号を使用してください。
>> JASONハーシュホーン：ドル記号を使用してください。
だから、$ xは変数です。
1ドルは可変です。
$文字列は可変である。
>> これらの変数は、$ Xでした 整数でなければ。
そして、その文字列である可能性があります。
そして、その文字である可能性があります。
それは本当に問題ではありません。
>> また、PHPのクールなところがあり、 $ xは文字列1である、と言う。
と$ yは文字1です。
あなたが$ xと$ yを追加することができ、それがよ あなたが期待するもの、あなたに2を与える。
だから、PHPの操作があります。
それは緩く変数を入力しただから、 いくつかの暗黙のキャストは、あなたのために行われている
そして、いくつかの操作。
>> あなたは物事の操作を行うことができます さまざまな種類の。
前に、多くの場合、エラーが出るのに対して、 C言語のことわざで、これはタイプではありません
それはここに行くことになっている。
このタイプの唯一の事はここに行くことができます。
あなたはその型を取得するつもりはない エラーの、一般的に、PHPで。
だから、一つの大きな違いだ - どのように我々は、変数を扱う。
>> 第二の大きな違いは、 PHPコードが解釈されます。
のwheres、Cコードがコンパイルされます。
それは何を意味するのか？
>> さて、Cコードのためにあなたが走った コンパイラを通して。
あなたは、バイナリファイルを生成しました。
そして、あなたは、そのバイナリファイルを実行しました。
あなたは前に、すべてのエラーの世話をした あなたがバイナリファイルを生成しました。
>> もちろん、そこにあったかもしれない セグメンテーションフォルト、あなたは走った
バイナリファイル。
しかし、それはあなたが含めるのを忘れようではありません printf関数の定義、または
あなただけの変数を使用していませんでした 無駄な変数を作成しました。
または、定義していない 関数プロトタイプ。
>> あなたがコンパイルされる前に起こったことすべて。
それはあなたのエラーや不正な全てを与えた それが起こるかもしれないと思ったもの。
そして、あなたはあなたの0を持っていたし、 あなたが実行した1ファイル。
PHPコードはそのようには動作しません。
>> あなたのPHPコードを書くことになるだろう。
次に、するつもりだ おそらく、それを保存します。
少なくとも、Pセット7では、つもりだ Webブラウザをリフレッシュすると、
何が起こったか見ることになるだろう。
あなたは出力が表示つもりだ そのPHPコード。
>> また、上部に、表示される場合があります あなたのページの、エラーが発生しました。
あなたは、いくつかを持っていたので あなたのPHPのエラーが発生しました。
あなたはまだ残りが表示される場合があります Webページが正常に募集しています。
しかし、1部分が間違っている、とあります その場所にエラーがあります。
そして、それはだからのその部分 PHPコードは動作しません。
>> 確かに、あなたが実行すると、ときに by.phpのようなものを参照してください。
それはあなたのPHPを通過するだろう 行毎にファイルして実行
その後だけにして。
それは、前方にそれをコンパイルするつもりはない 時間や1コピーをコンパイルしてから与える
それは誰にコピーをコンパイルした。
たびに、それが通過するようになるだろう 行ずつして実行します。
>> ので、いくつかの行がうまくいくかもしれないし、 正しい出力何か。
そして、他の行が壊れている可能性があります その代わり、出力エラーです。
PHPでデバッグするときにそこで、我々は与えてくれた あなた役立つ物事のカップル
同じように、デバッグを支援する ダンプ機能。
>> しかし、一般的に、あなたが行っている これらのエラーを参照します。
そして、それはあなたがしようとしている方法です あなたが何か間違ったことをした知っている。
しかし、あなたは唯一のエラーが表示されるようになるだろう あなたが実際にコードを実行すると。
>> PHPのもう一つの重要な側面と Web開発は、GETのアイデアです
ポストに対して。
誰もがどのような違いを説明することができる GETとPOSTの間にある？
誰もいません -
はい。
>> 読者：そのうちのないの1 ユーザーがデータを見てみましょう、
そのうちの一つがないのですか？
>> JASONハーシュホーン：今すぐ。
ええ、あなたが追加したいアイテムがありますか？
>> 読者：私は細いポストです スーパーグローバル変数。
>> JASONハーシュホーン：だから、これらの両方の 変数は、あなたに与えられている。
これらは単なる変数です。
そして、あなたは彼らが変数だ知っている、 ちょうどここからだ
ドル記号を使用しています。
>> これらは、指定された変数です PHPによってあなたに。
そして、あなたは、Webページ間を移動すると、 あなたはいくつかの情報を保存する。
おそらく、保存するかどうか ユーザーがログインしている
それはGETとPOSTに保存されないです。
それは何か他のものに保存されているのは、 別の変数。
>> 誰もが知っている保存だ変数 内、またはどのような変数を使用中
ことを確認するために、7のP-SET ユーザーがログインしている？
$ _SESSIONは、それは、まったく正しいです に精通しているためであろうことが重要
これらのものの名前 あなたが頻繁に使用しています。
>> ですから、保存するためにセッション変数を使用する ページからページへの情報。
それは、超可変です。
それは多分同じように、すべてのページに存在している あなたが考えるしたい場合は、グローバル変数、
それについてのそのような。
>> 他の変数がいくつかあります あなたは、情報を転送するために可能にする
ページからページへ。
具体的には、ものを我々はに焦点を合わせることにします GETとPOST変数である。
PHPでは、彼らは次のように $ _GETと$ _POST。
その差、などのマーカスは指摘 うち、そのうちの2間、すなわち、
$ _GETに記載されている情報です。 URLに表示される。
>> だから我々はここでダウンして見れば、 我々は、YouTubeのリンクを参照してください。
我々は、この疑問符を参照してください。
我々は、V =とし、いくつかの値を参照してください。
戻るキー値のこの考えに ペアは、Vが鍵となります。
そして、ここの上の値である。
>> だから我々は、このページに移動した場合、または このページのコーディング、我々は持っているだろう
変数は、$ _GETと呼ばれる。
我々は$ _GETに行ってきました場合は開き括弧 "V" 配列に非常に似て閉じ括弧、
これは、連想配列表記です 私たちは、インデックスを使用していないからです。
キーとして文字列を使用していた。
しかし、非常に同様の考え。
我々は、我々が行った場合は、この値を取得することになります。
>> このページでは、ことができると思います この値を使用します。
我々は実際に見てみると、みましょう YouTubeのページに移動します。
我々はどのようなビデオを見る必要がありますか？
この1は、人々はファンをホビットのですか？
>> 観客：はい。
>> JASONハーシュホーン：だから私はコピーしています シェアURLと
新しいウィンドウに貼り付ける。
あなたがここまで見れば、今、あなたはよ もう一度、次の点を注意してください -
私はにこれをコピー＆ペーストするつもりだ geditのため、我々はそれが大きく見ることができます。
あなたはそれが持っていることに気づくでしょう このクエスチョンマーク。
疑問符が指定するもの この後のすべてがあることを行っている
GET変数に保存。
>> それは、ば、vを有し、それは第一の キーと、この最初の値。
アンパサンドは特別です。
アンパサンドは、言っている[OK]を、我々は 最初の値を終えた。
我々は今、別の上に移動している キーと値のペア。
ここでは、キーは機能と呼ばれ、 その値はyoutu.beです。
>> だから私は、このページをコーディングした場合 誰かが、このURLに行って、私が持っていた
多分watch.php。
そして私はこれをコーディングした。
そして、私は$ _GET変数を使用することができます。
そして、私はVを持っており、う 私は機能を持っているでしょう。
>> そして、私はVキーを使用している場合は、私 この値を取得することになります。
そして、私は$ _GETブラケット」機能を "行った場合 閉じ括弧は、私がこの値になるだろう。
再び、それは必ずしもない に適用されます -
明らかに、YouTubeのキーと値 その情報はには適用されません取得
我々の問題は7を設定します。
しかし、ある特定の事があることを、私たち 我々の問題セット7にGETで渡す。
確かに、Webページにアクセスしたとき または、独自のページをコーディングしている
$ _GETは便利になるだろう あなたは、コーディングするとき。
>> その後、$ _GETを使用するための一つの理由は、何ですか それはプライバシーを与えるない場合はどうなりますか？
あなたは、このすべての情報を見る つまり、転送されています。
これは、すべてのユーザーに表示さだ。
しかし、あなたが理由の1つは何でしょう として、$ _GETで何かを保存したい
$ _POSTに反対？
なぜあなたはそれをやってみたいのでしょうか？
>> わかりました。
私はクイズ1であなたを尋ねた。
$ _GETのプロとは何ですか？
1 Proは何ですか？
うん -
>> 観客：それは簡単だ 情報を共有する。
>> JASONハーシュホーン：私は思う それは素晴らしいことです。
それは、情報を共有する方が簡単です。
これは、ブックマークに簡単です。
>> これでブックマークすることができ、 YouTube.com /？V =何かを見て行く
その特定の映像に。
YouTubeは常にPOSTリクエストを行った場合 別のページ、すべてのYouTubeのURLは
YouTube.comだろう。
あなたは、単一のビデオをブックマークできませんでした。
あなたが言う場合は、そのリンクを共有するので 他の誰かと、そうではありません
自動的に送信変数を取得します。
彼らはただ、このリンクを取得し、している リンクは誰にとっても同じです。
>> だから1プロです。
それはあなたがこのブックマークを可能にする 情報や、この情報を共有
あるいは少し作る より使いやすい。
もちろん、全くプライバシーが存在しない、 私たちは、このポスト変数がある。
そして情報を投稿はありません URLに表示される。
>> それは完全にプライベートではありません。
しかし、それはわずかによりプライベートです。
だから、あなたは、次のURLが表示されます ここでダウンし、cs50.net。
あなたはログインしているかどうか それは、同じウェブサイトを持っているだろう
URLは、cs50.net。
>> 明らかに、何かがあれば、異なっている あなたは、ウェブサイトにログインしている。
おそらく、1、持っている 入力暗証番号。
そして、それは確認してい サーバーと。
そして、それはおそらく、セーブだ その他の情報。
しかし、URLは全く変わりません。
>> だから、それは場合には、ケースだ 何かが郵送されます。
URLは変更されません。
このPOST情報ではありません URLに表示される。
しかし、いくつかの状態が変化し、そしておそらくました に保存されたいくつかの情報があります
送信変数。
>> 申し訳ありません。私はSQLに行く前に、任意の 特に、PHPについての質問、、
我々は以上行かなかった事についての質問 あなたが見つけたこと、あるいは構文または
PHPに関するロジックの質問？
[OK]をクリックします。
>> あなたがされる最終の言語 今週と対話することである
構造化照会言語は、SQL、 多くの場合、続編と発音。
それはあなたがと対話することができます 形式化された方法でデータベース。
そしてそれは、PHPで非常にうまく演じています。
>> 問題セット7で説明するように、我々はしました あなたのクエリと呼ばれる関数を指定した。
そして、それはSQL文字列と実行を取り データベース上でそのクエリ。
過去数年では、ありませんでした この関数は、指定された。
あなたが作るためにPHPの関数を使用する必要がありました データベースとチェックの問合せ
その後、結果を取得したエラーのためにと。
>> そして実際に、それはそんなに難しいことではありません、 もう一度、それが果たしているので、
非常にきれいにPHPで。
およびPHPはあなたに多くの機能を提供します SQLデータベースと対話する。
そう頻繁に、2の これらは一緒に行く。
もちろん、あなたがと相互作用することができる いずれかのSQLデータベース
他の言語の数。
しかし、PHPを選択するのに最適です。
>> データベース -
我々は、すぐにこの上に行くだろうから これは我々がしようとしている話題の言葉である
多くの場合、使用を開始 -
表の集合である。
だから我々はそれを考えることができます Excelファイルとして。
Excelファイルには、複数のタブがあります。 画面の下部にある。
各タブに、我々は今どこに、テーブルと呼ぶことにします テーブルは、行の集合です。
>> と行とは何でしょうか？
さて、行は同じものです Excelファイル内。
それはちょうどそれぞれに特定の値を持っている フィールドまたは各指定された列与え。
これは、テーブル内のエントリのようなものだ。
これは、IDを持っている学生、Aの 特定のID、および特定の名前とA
具体的な家。
>> だから、データベースが集合です テーブルの。
とテーブル自体はある 行またはレコードの数。
それぞれでもあります テーブル、特定のフィールド。
そして、それは、各レコードが何であるかを指定します。 持っているとして、フィールドが呼ばれることもある
列が、一般的に呼ばれる分野。
>> この非常に単純な表では、私は3を持っている フィールド、IDフィールド、ユーザ名
フィールド、およびハッシュフィールド。
そして、私は3つの行があります。
今のところ、彼らは空にしている。
彼らはおそらく、空ではないでしょう これが私の本当のデータベースだった場合。
>> ですから、Excelを使用したことがあれば、同様の考え Excelでやっていること、しかし、
明らかに、今、私たちのことができるようにするつもりだ にはるかに強力なことをする
保存された情報 我々のデータベースにある。
あなた自身に1を作成します 問題セット7のためのデータベース。
しかし、あなたは、複数の作成されます データベース内のテーブル。
>> あなたがデータベースを作成することができます またはユーザーのためのテーブル。
またのためのテーブルを作成することができます おそらく株式取引、維持する
それらのトラック、あなたがする必要があるため、 履歴機能を実装します。
両方のこれらのテーブルはあります 異なるフィールド。
たとえば、ユーザーフィールドに、 おそらく、ユーザー名としたい
IDとそのパスワードのハッシュ。
>> を追跡する株式テーブル内 歴史や履歴表には、
おそらく、ユーザー名は必要ありません ハッシュとID。
おそらくだけの1を必要とする ユニークな値、関連付ける
指定したユーザと、それ。
>> しかし、その後、あなたは他の保存したい 何時、のようなもの
トランザクションが行われた。
どのような株式購入または売却された？
株式の株式数は何株 購入または売却された？
価格はいくらだったの 株価は買ったか、売却された？
>> だからもう一度、あなたが相互に作用することになるだろう のデータベースと
複数のテーブルを持っているつもり。
各テーブルには、持っているとしている フィールドの独自のセット。
しかし、おそらく、同様のがあるでしょう その各テーブルのフィールド、
それらを互いにに関する。
通常、これはIDフィールドである。
>> なぜなら、すべてのユーザーが固有のIDを持っている場合 そしてあなたはすべてをそのIDを関連付ける
ユーザーが行うか、そのトランザクション そのユーザの履歴がすべて表示されます。
そして、あなたは、ユーザーのIDを持っています。
あなたは情報を得ることができます テーブルのいずれかから。
あなたは自分のユーザー名を取得し、あなたができる 彼らの取引のすべてを取得することができます。
>> データベースについてのご質問、 または特定の質問？
実際に、のはそれを保持してみましょう。
我々は2つ​​の側面でもあるかもしれません。
>> というように4の操作があります あなたが使用するデータベース
問題は、おそらく7を設定し、 今まで使用している可能。
あなたがしたい最初のことは、挿入される 新しいテーブルにレコードや
テーブルに新しい行。
これは、一般的な機能である そのSQLクエリの一般的な形。
>> テーブルに挿入、何列 その後、挿入したいと
あなたはするつもりだ値 これらの列またはフィールドに入れた。
あなたは、複数の表がある場合 データベースや複数のデータベースには、
また、データベースを指定する必要があるかもしれません して、必要なテーブル
に何かを入れて。
しかし、非常にシンプルで、挿入したい場合は、 何かに、あなたが言う、ここにある
私は挿入するフィールド。
そして、ここでの値である。
>> 一部のテーブルでは、また、このユーザーの 表には、良い例です。
おそらくこのユーザーのテーブルにと おそらく、P-セットでの、ユーザーのテーブルに
7、単にユーザー名の値はありません。
ちょうど現金価値はありません、 またはフィールドではなく。
IDフィールドもあります。
>> 私は、そのIDフィールドを挿入するつもりはない。
つまり、に与えられることになるだろう 私を自動的に、とき
新しいレコードが挿入されます。
だから、いくつかのフィールドがあります 自動に設定することができます。
>> たぶん、あなたはすべてのユーザーに提供したい バットオフ現金万ドル。
だから私は挿入する必要はありません ここに現金数。
私は挿入するために必要なのはユーザー名です。
そして、現金フィールドがなります IDフィールドはなり事前に入力し、
事前に移入さ。
>> だから多くの場合、我々は挿入していない すべてのフィールドに何か、理由
それらの他のフィールドは事前に入力されます。
それはですので、どのように我々 そのテーブルを設定します。
>> あなたがしようとしている第二のもの やってみたいことは、レコードを削除している。
何かを削除すると、非常に簡単です。
あなたが欲しいのテーブルを与える から何かを削除します。
そして、あなたはOK、私が削除したい、と言う ミロのユーザ名を持つレコード。
または私はすべてのレコードを削除することを ミロのユーザー名を持っているか、それがあった
ユーザID番号2からのトランザクション。
これらに関するご質問 クエリの2つのタイプ？
>> 観客：[聞こえない]。
>> JASONハーシュホーン：はい。
だから私は、行とレコードを使用するつもりだ 同じ意味といくつかの
列とフィールドを持つ。
しかし、1つの行が1レコードです。
1つの列が行く、1フィールドであり、 このテーブルにバックアップします。
>> [OK]をクリックします。
あなたはおそらくしている次の事 何をするつもりは、いくつかを取得している
テーブルの情報。
つまり、選択クエリです。
そして再び、何を表 私は、から選択するのですか？
そして、何列に私が選択したい、または実行 どのような値私は選択しますかと
どの行から？
>> だから、セレクトは少し固有のものです。
私は[OK]を、私は、このテーブルが欲しい、と言う。
そして私は、列のユーザ名を欲しいと 私は、IDが2の行からそれを求めています。
つまり、セレクトを行う1つの方法です。
>> または私は私にあらゆるを与える、と言うことができます シングルユーザ名。
または私は言う私に全体を与えることができます この表から行、どこで
ユーザ名は1である。
そうする夫婦の異なる方法があります 方法に応じて、選択したクエリを実行する
あなたが望む多くの情報、
>> あなたはいつもただ、すべてを選択することができます その特定の表から、次にループ
それを介して、選び出す あなたが欲しいもの。
あなたが選択している場合しかし、心に留めておく テーブルとあなたから多くのこと
本当に大きなテーブルがあり、それがかかります 唯一の選択にある程度の時間なので、最高の
あなたが行っているもの 使用して終了します。
>> また、セレクト付、これらのすべてと 他のSQLは、私は今だけでなく、コマンド
あなたの最低限のバージョンを与える。
しかし、私は、ユーザーを選択していると私が欲しい、と言う アルファベット順にそれらを印刷するには、
私はすべてのユーザーを選択し、並べ替えができ アルファベット順に私のコードでそれら。
>> またはSELECTを書くための方法はありませ ANで物事を選択するクエリ、
のオフに基づいてアルファベット順ファッション、 特定の列、昇順またはいずれか
下降。
だから、心に留めておくことが、何を、多くの やってみたいと思わで行うことができます
追加のスルークエリ 属性。
だから、オンラインこれらのクエリを調べるのですか これらを使ってできる他の事
クエリ、それらを展開します。
>> 最後に、あなたがしたい最後のことは行うには 何かを挿入または削除されていません
何かではなく、 何かを更新します。
そして、それは、更新して行われ クエリし、再度、どのようなテーブル。
そして、何の変化私が作りたいのですか？
そして先の行またはレコードを行う 私は、その変更をしたい？
SQLについてのご質問？
>> [OK]をクリックします。
だから我々は約15分を持っています。
そして、これは私が持っている最後のスライドです。
うまくいけば、この最後のスライドです 問題のあるセットに良いセグエ、
我々は先を理解するために レコードを挿入、それらを削除し、選択
それら、それらが私たちを助ける更新 大規模ロジックとフローを理解
問題は7を設定します。
>> だから私はすべての答えを知っている これらの質問へ。
私はあなたに言うつもりはありません 答えはすべて。
しかし、他の誰かがしたい場合 グループに質問を提示するか、
我々はできる、これらの質問のいずれかに答える に飛び降りポイントとしてそれを使用
問題のあるセットについて話しています。
または誰かが、より一般的なされている場合 問題セットオフ質問、感じる
だけでなく、それを聞いて自由に。
そして、我々はそこに開始することができます。
サイレントであることを覚えておいてください 皆を傷つけている。
うん。
>> 観客：そう渡すための唯一の方法である 異なるウェブとの間での変数
ページ、または最も便利 POSTを使用する方法、またはGET？
>> JASONハーシュホーン：そうです、つまり 言って最も便利な方法 - とき
誰かがフォームに記入する -
別のWeb上の情報を得る GETまたはPOSTを使用して、ページ、。
なぜなら我々は使用しているフレームワークの 設定されるこの問題では、わかります
、その多くの時間、私たち 別のページをレンダリングします。
弊社または我々は、別のファイルをしないレンダリング 必ずしも別のページ。
>> だから我々は、変数を渡します。
次いで、それはレンダリング 使用してHTMLページ、
その変数からの情報。
それは技術的に渡していません 間の情報
別のWebページを参照してください。
それは、情報を渡している 異なるファイル間。
>> だから我々はすべてを使用することができます そのための変数。
しかし、はい、私たちが望んでいた場合に渡す 特定のページからの情報に
別のページ、GETとPOSTになる これを行う方法である。
約他の質問 問題は、設定されていますか？
>> [OK]をクリックします。
それでは次に、具体的な、見ていきましょう 問題の一部は、設定してください。
あなたは、ある時点で、する必要があるとしている 誰かのポートフォリオを表示
画面。
私は、ポートフォリオを言うとき、私は何を意味し、 この問題のコンテキストで設定されていますか？
>> 観客：それは、彼らの株式のようなものだ 自分が所有するか、多くの株式を持っている、
価格、どれだけ 彼らが残したお金。
>> JASONハーシュホーン：それは素晴らしいサウンド。
だから私はすべての銘柄を表示したい 彼らは所有するために、各証券会社の
おそらく株式、どのくらいのこと 価値は、その後、別々の変数、
どのくらいのお金を、彼らが所有している。
だから私はそれを記述するとします。
どのように私ができるについて話し始めるのを聞かせて 私はどのようなテーブル、それをやって行く
する必要がありますする必要があるとして それを行うことができる。
うん -
>> 読者：まあユーザー、そして、私は推測する あなたが呼ばれるテーブルを作ることができます
株式またはそのような何か、どの 彼らが買ってきたどのように多くなります。
>> JASONハーシュホーン：わかりました。
だから私はと呼ばれるテーブルを必要とするつもりだ を追跡し、ユーザー、
ユーザ名、おそらく、おそらくいくつかのID、 おそらく、個々のパスワード。
ことを何か他のものとは何ですか まさにそれが関連付けられているのか。
何であるかマイケル、ほかに誰か 関連付けられている他の何か
それらに固有の各ユーザー、？
>> 観客：I​​D。
>> JASONハーシュホーン：ID -
我々はしている1他の事は何ですか おそらくしたいとして
このページ上に表示？
>> 観客：自分の名前。
>> JASONハーシュホーン：自分の名前 - 何が これに関連したもう一つのこと
特定の問題が設定されていますか？
>> 読者：彼らは何を所有している株式 -
>> JASONハーシュホーン：ように起こっている 自分が所有するものを株式の多くなる。
1特定の値は、しかし何、 彼らは持っているつもりされていることを
それらに関連付けられている？
彼らはどのように購入しようとしている とその株式を売却？
>> 観客：現金。
>> JASONハーシュホーン：彼らはしている 現金を持っているつもり。
したがって、各ユーザーが持っているとしている 現金のための1の値。
そして、それはなるだろう 各ユーザーに固有。
そこで、ユーザのテーブルには、せる 現金で置く感覚。
>> あなたは、もちろん、別のものを作成することができます ユーザIDを有しており、それらの表
現金の価値。
しかし、それは意味がありません。
それはちょうど置くことは理にかなっています 1テーブル内のすべてのこと。
>> だから我々は、テーブルを持っているつもりです その情報に基づいて。
そして、他のテーブルは何でしょう 我々は持っているつもりだ？
あなたは、株式テーブルを言った。
我々は何を入れている中で 株式テーブル？
誰でも、アイデア -
>> 観客：会社。
>> JASONハーシュホーン：私たちが行っている の名の下に置くために
会社なので、AppleにとってAAPL。
うん。
>> 観客：どのように多くの株式と 彼らは価値があるどのくらいの。
>> JASONハーシュホーン：どのように多くの株式、 どれだけ彼らは価値がある -
何か他の我々は何を そのテーブルに必要ですか？
>> 観客：インデックスへのユーザーIDのこと。
>> JASONハーシュホーン：ユーザーID。
だから、そのテーブルでは、よ おそらく持っている -
それは所有している誰かの場合には、のは言わせて 3銘柄、3行、それぞれに
そのユーザIDまたはその個人のユーザ IDが、別の会社名、A
おそらく株式の数が異なる、 それぞれに異なる価格の値
これらの株式の。
繰り返しますが、私が今言っていることはありません 必ずしも実装、
あなたが実現しているため、いくつかのより多くがある それを実現するための効率的な方法。
しかし、これは開始するには良い場所です。
>> [OK]をクリックします。
だから、それらは我々が持っている2テーブルです。
今、私たちは、このページを表示する。
クエリの最初のタイプは何ですか 我々は確認する必要があります。
各ページに、そのユーザーがあると想定 ログインすると、我々は彼らのユーザーIDが付与されます。
だから、第一のタイプは何ですか 我々は確認する必要があり、クエリ？
うん。
>> 読者：ユーザーID。
>> JASONハーシュホーン：私たちは、自分のユーザーIDをお持ちで、 私たちは時にコードを開始しているとき
ページの先頭です。
そうクエリたちの第一のタイプは何ですか ユーザーのIDを指定して、確認する必要がありますか？
我々は4つのタイプの上を越えて行った。
唯一の4つの可能な答えがあります。
>> 観客：それは、レコードを選択している。
>> JASONハーシュホーン：セレクト -
我々は、ユーザーの中から選択します 取得するテーブルは、のは言わせて、
現金のそれらの量。
そして、我々は現金の金額を印刷することができます 画面の上に。
[OK]をクリックします。
の次のタイプは何ですか クエリ私たちは何をしたい？
>> 我々はいくつかの他のものを持っている 我々は、表示する必要があります。
それらは別のテーブルに保存されます。
では、どのようにそれを得ようとしている？
>> 読者：あなたは彼らのために選択します。
>> JASONハーシュホーン：セレクト - もう一度、 唯一の4つのオプションがあります。
おそらく音を選択する 右のような。
だから我々は、別の選択クエリを実行する必要があり、 再度、そのユーザIDを使用して。
そして今、我々だけではなく1を返すようにしたい 行、私たちの一致するすべての行をBU
ユーザIDが1に等しい基準。
>> そして、我々は単にループを行くとさせることができます 画面上のすべてのものをプリントアウトし、
多分から会社をプリントアウト 画面上のもののそれぞれ。
それはだような偉大な、それが聞こえる ポートフォリオ、あまり多くを表示する
それよりも複雑。
>> [OK]を、ユーザーがそれらはその決定 余ったお金をたくさん持っている。
そして、彼らはいくつかを購入したい 株式より株。
としましょう​​、彼らはすでに所有している あまりにもこの会社の株式。
>> そこで、彼らはあなたの購入ページに移動します。
彼らは、入力会社の名前。
クエリは、入力された後、どのような 会社の名前は、あなたがする必要があること
次に実行？
うん。
>> 観客：更新。
>> JASONハーシュホーン：アップデート - とどのような 表には、更新しますか？
>> 読者：彼らのテーブルに、ベース そのID番号に？
>> JASONハーシュホーン：だからアップデート ていないユーザーの表 -
どこでそのように、株式テーブルを更新 ユーザーIDが一致するだけでなく、
銘柄も一致します。
あなたは、いくつかの値を取得します。
そして、あなたはその値をとるとよいでしょう そしてしかし、多くの株式を追加、彼ら
それを購入したい。
>> だから、盲目的にしたくない その値を上書きします。
しかし、あなたは、実際には、その初期を取ることができます 価値とそれを更新します。
プラスに等しいような操作を行うことができ、 というだけで、Equalsと比べ。
>> しかし何かは何か - 私たちはなら このことを考え、私たちはなりたい
可能な限り堅牢な - 私たちは何をすべき 我々は、更新クエリを実行する前に？
彼らは、アップルの5年間を購入したい。
アップル1株は200ドルである。
>> 観客：我々は最初のお金を確認する必要があります。
>> JASONハーシュホーン：私たちはすべき 最初のお金を確認してください。
我々は、彼らを確認する必要があります 十分なお金を持っている。
クエリはどのような我々は実行することができます 彼らは十分なお金を持っていることを確認してください？
>> 観客：別のSELECT。
>> JASONハーシュホーン：セレクト -
我々は彼らのユーザIDに基づいて選択し、 現金の彼らの値を取得する。
いくつかの簡単な計算を行う。
そして、それに合格した場合には、召集 彼らは十分な現金を持っています。
その後、我々は我々のアップデートを実行することができます。
いない場合は、多分、我々はそれから渡します。
我々は彼らに警告を与える。
>> [OK]をクリックします。
彼らが会社を持っていないと言う。
彼らは、新会社を買っている。
彼らは、Microsoftに買っている。
クエリはどのような我々は何をしたいか、 彼らはマイクロソフトを購入したい場合はどうなりますか？
そして、彼らは、Microsoftが所有していない。
いないマヌー、誰、誰 マーカス以外にも？
カルロス -
>> 観客：セレクト、確実にする 彼らは十分なお金を持っている。
>> JASONハーシュホーン：良さそうですね。
>> 観客：してから、挿入し [聞こえない]に。
>> JASONハーシュホーン：その通り、我々はしている 挿入したいとして
株式テーブルへ。
そして、我々は挿入したいとしている。
私たちは、名前を自分のユーザーIDを挿入することができます 企業、そしてどのように多くの株式の
彼らは購入したい。
>> そのいくつかの他の操作はどのようなものがあります あなたがしているページや機能がある
P-セットに実装する必要があるとして 7、我々は上に行く必要があり、その？
>> 観客：実は、私はちょっと持っている この1についての質問。
あなたは、ポートフォリオを表示する前に、すべき あなたがYahooのウェブサイトへをチェック
必ず株価を作る 変更されていない？
>> JASONハーシュホーン：それは音だ 良いアイデアのよう。
マーカスがあると言っているので、何を、[OK]を、株式 価格は常に変化している。
彼らはテーブルを所有株式には、当社 株式と呼ばれるテーブル、我々は救うことができる
彼らはそれを買った株式の価格。
>> しかし、それは、それは堅牢ないないようです 株式の価格があるため、
絶えず変更する予定。
だから実際には、おそらく必要はありません。 株式の価格を保存します。
しかし、それぞれの時間は、あなたはそれらを表示 ポートフォリオには、リフレッシュまたは更新
株式の価格。
>> そして、あなたが持っている場合 - と あなたが既に持っている。
私はあなたのすべてで見てきた知っている 問題はすでに戻って設定します。
あなたは私たちが書いたことを実現しています あなたをできるようになりますあなたのためのいくつかのコード
株式の価格を取得するには、 会社の名前を与えられた。
>> そうです、それはおそらく聞こえる もう少し堅牢。
しかし、そのテーブルは必ずしも必要はありません。 株式の価格を保存します。
[OK]をクリックします。
あなたには、いくつかの他の機能は何ですか 今週実装する必要があること
我々は話をすることができますか？
私はそれらについてお話したいと思います。
>> あなたは何について話をしたいですか？
それは、この仕様でおそらく。
私は一番下までスクロールう スペックのと私の最初の単語を尋ねる
あなたはそれが意味がありません参照してください。
もう一つの機能 -
それでは1について話しましょう​​。
我々はそこから始めましょう。
>> 観客：履歴の記録。
>> JASONハーシュホーン：録音 歴史、素晴らしい1。
だから、追跡するために必要があるとしている トランザクションの履歴を。
だから、すべての追跡を維持したい 彼らが株式を売買する時。
>> 私は自分の株を買った。
私たちは、今言った、それはおそらく理にかなっている 彼らを取得するには、[選択]を含めるには
現金の量と戻って確認。
それはおそらく、その後含めるスマートです 挿入または更新に応じて
彼らはその株を所有しているか否か。
我々はまた、追跡したい場合 歴史、我々はそれをどのように行うことができますか？
つまり、株式テーブルに行くのですか？
>> 観客：いいえ。
>> JASONハーシュホーン：いいえ、おそらくそれ 別のテーブルに行く。
あなたは10を購入すると言うので、 アップルの株式。
次に、別の10株を購入。
あなたは、別々のレコードをけん引したい。
それらは、2つの別々の取引である。
>> だから我々は、別のテーブルを持っている、 履歴テーブル。
だからもう一度、私たちは買う。
それから、[選択]を実行する 挿入または更新。
私たちは次に何をしますか？
我々は実行する次のクエリは何ですか 我々は何かを購入しているとき？
我々は歴史を追跡したいと思います。
うん。
>> 読者：あなたが追跡したい あまりにも取引を失敗しました。
>> JASONハーシュホーン：まあ、我々の前に トランザクションはどのようなタイプを言う、
私たちは何をしますか -
どのような種類のクエリの、カルロス、だろう ボランティアを追跡することを可能に
一般的に物事の？
あなたは4の推測がある。
あなたはどちらだと思いますか？
>> 観客：更新。
>> JASONハーシュホーン：更新されません。
2番目の推測は何ですか？
>> 観客：選択。
>> JASONハーシュホーン：あなたが残しておきたい場合は 何かのトラックを作成する必要があるでしょう
どこかを書き留めて または後のために保存してください。
さて、更新した場合ではない -
>> 観客：それを挿入します。
>> JASONハーシュホーン：インサート、そこに私達は行く。
はい、だから、の量を選択 彼らが持っているキャッシュ·フローは、素晴らしいサウンド。
彼らは十分な現金を持っていない。
そのトランザクションは、仕事に行くのではありません。
いいえ、あなたはを追跡する必要はありません。 それが動作しない場合に、トランザクション。
またはあなたが、あなたがしたいことができれば 彼らに、ハードの時間を与える。
しかし、あなたがする必要はありません。
>> 次に、挿入または更新 その株式のテーブルに。
そして今、あなたはあなたの他のテーブルがあります。
あなたの履歴テーブルを持っているか、 あなたはそれを呼び出すために好き。
そのテーブルには、つもりだ 新しい行を挿入します。
>> それはおそらくだろう ユーザーのIDを持っている。
それはおそらく持っているために起こっている 株式の名前。
それはおそらく持っているために起こっている 彼らはそれをやったことの時間。
この場合、あなたはおそらくllの 価格を挿入する。
歴史のために、あなたがいないため、 現在の価格が何であるか気になります。
あなたは時に価格が何であるかを気に 彼らは何かを購入したり売却した​​。
>> だから、買って実装するために、のように聞こえる 完全に異なった数を含み
SQLクエリ、しかし、正直なところではない 全体的なことを多くのコード。
[OK]をクリックします。
そして、それは歴史の面倒を見る。
>> としましょう​​、私たちがしたい 私たちの歴史を表示します。
我々は、表示の話 当社のポートフォリオ。
どのように我々は我々の歴史を表示するであろう？
>> 観客：おそらく年代順に。
>> JASONハーシュホーン：おそらく、 年代順 -
どのようなクエリは、我々が使用したいと思いますか？
>> 観客：セレクト。
>> JASONハーシュホーン：セレクト -
そのテーブルから、多分すべての行を選択 それは、ユーザIDに一致し、次いで
年代順に表示し、 旨そうだな。
我々はするためのコードを記述する必要がありますか そのリストをソート？
>> 観客：いいえ、あなたは言ったので 私たち昇順がある
との事降順。
>> JASONハーシュホーン：シング？
>> 観客：うん。
>> JASONハーシュホーン：うん。
[OK]を、ので、私には、コード内にしないでください 手動でクエリによってソートし、
それらをソートする。
そのコードはすでに与えられている。
あなたが選択クエリを書くことができます それは、物事をソートします。
あらかじめそれらをソートし、 それらをプリントアウト。
それは何をそんなに方が理にかなっている それ以外の方法よりもそのように、。
はい。
>> 観客：我々はする必要がありますか あらかじめそれらを並べ替える？
つまり、ソート、あなたを意味するのか データベースに？
>> JASONハーシュホーン：選択クエリ ソートされたあなたにそれらを返します。
だからそれらを持っているのではなく、それを行うこと ランダムな順序で、あなたに戻り、
その後、自分で並べ替える。
うん。
>> 観客：それを維持する方法はありますか ように、データベース自体でソート
あなたはソートする必要はありません それたびに -
>> 読者：あなたがそれをソートされた挿入することはできますか？
>> JASONハーシュホーン：質問 -
それは物事があることは問題ではない データベースでソート？
>> 観客：いいえ。
>> JASONハーシュホーン：まあ、 それらが並べ替えられています。
これらは、年代順に並べ替えられています。
しかし、ここでは物事がソートされていることを仮定しましょう
年代順に、上から下へ。
私たちは、Googleのフォームを持っている。
誰かが私たちのGoogleに応答するたびに、 フォームは、それがちょうどに入れれます
そのテーブルの下。
それは物事があることは問題ではない いない時系列に並べ替え？
>> 観客：それは時系列ではない場合は、 あなたはそれを毎回ソートする必要はありません
あなたは情報を取り出します。
しかし、それはすでにソートなら、あなたはできません その追加を行う必要はありませ
関数呼び出し？
>> JASONハーシュホーン：だからそれはです 実際に良い点。
プログラマのような私たちのために、 それは問題かもしれません。
そして、我々はデータベースを検出する場合があります それは物事をソートしません
年代順に。
または私達のデータベースをセットアップするので、続けて ユーザーIDの並び順のもの。
>> 、たとえば、我々は持っているので、そのように 千のユーザーID。
やFacebook、我々は何百万を持っている ユーザーIDの。
私達は私達のテーブルがちょうどにしたくない ランダムまたはランダムである私達のデータベース。
すべての場合、それはいいだろう ユーザーIDは、選別した。
それでは、我々は、バイナリ検索を実行することができます 私たちのテーブルの上にしてからちょうど見つける
特定のチャンク。
>> そうです、に応じて - 私たちは、スケールアップした場合 我々は、データベースを検索したいかもしれません
それは、さまざまでソート物事を保つ 道、その結果、これらのクエリ
あまり時間がかかるだろう。
そして、我々は我々のを通過する必要はありませんでした すべての単一の行のデータベース全体での
指定されたテーブル。
しかしレベルは、我々、に取り組んでいる 維持を心配する必要はありません
物事ソート。
我々は時間がかかりますと仮定することができます 実行するには、そのクエリがあることを行っている
無視でき、どのような与えられた 私たちは、扱っている。
しかし、はい、素晴らしいアイデア - 我々は、スケールアップとして、 それは私たちを設計するために意味があります
別の方法のビットでデータベース。
>> 私が欲しいもの、最終的なデータベース設計の事 あなたがするからだけでなく、言うまでも
上、段階的、というより得点する データベースの設計。
私たちは、このことについて話しました。
現金は、各ユーザーに固有のものである。
だから、テーブルと呼ばれる現金を持っていること 自分のユーザIDとのそれらの量を有する
そして現金と呼ばれるテーブル 自分のユーザーを持っているユーザーは
IDとユーザー名。
>> これらのテーブルは、それぞれの上にマッピングする 他の一対一。
それはおそらく理にかなって それらは1テーブルであると。
それでは、ユーザーを持っていると仮定しましょう を追跡するテーブル
ユーザー名と現金。
これで持つテーブルを持っている 個人が所有している株式。
>> そして個人が所有している可能性があります 1株以上のものです。
したがって、これらは上にマッピングされません。 互いに一対一。
それが1巨人を持っている意味がありません その30のレコードを持つテーブル
すべてのことをすべて、ユーザー名を繰り返し すべての事は、パスワードを繰り返す
現金の数を繰り返す。
しかし、それぞれが多分に異なる株式を持っている 名前または別の株価。
>> それが持っている意味がありません その多くの大規模なレコードが。
これらを作成するときに約スマートに あなたがデータベースを行っていないように
そのような愚かなもの、繰り返し 不要な情報がたくさん。
>> [OK]をクリックします。
我々は左の2分している。
人々は外で参加することに興奮している 当社またはおそらく、おそらく、
独自のクラスを開始します。
誰もが疑問を持っていますか 私たちは仕上げの前に？
>> [OK]を、これは確かに旋風だった すべてを通して。
私はそれが非常に速くなければならなかったことを謝罪 私たちは実践的なようであることができなかったことを
私がしたと同じように、今週 されているのが好きだった。
しかし、あなたはについてのご質問がある場合 我々は渡った何かで何か
この問題は、設定 -
あなたはそれを読んで、置かれていると仮定 誠実な努力において -
私にメールしたり、私に連絡して自由に感じる。
私は、を介して動作するよりも幸せだ あなたやいずれかの答えをあなたのコード
あなたが持っている質問。
>> 心、今週、多くのしてください お時間を学習に費やされます
新しい構文と理解しよう SQLクエリやPHPを書く方法
関数やとの契約 MVCフレームワーク。
あなたの時間の多くはおそらく今週 把握しようとすることはできません
我々はしている狂気のロジック 実行するかを尋ねる。
我々だけで渡ったことがたくさんある 比較的簡単。
>> だから、待つという意味ではありません 最後の最後までです。
しかし、それはあなたを行う方法を調整意味ですか 確認する、それに応じて動作する
あなたが理解している 構文を学習する。
だから、知って、突然わからない あなたが何をしたいまさに、
しかし、どのようには考えを持つ 正確にそれを書く。
[OK]を、私は来週お会いしましょう​​。