1 00:00:00,000 --> 00:00:08,802 2 00:00:08,802 --> 00:00:11,140 >> JASON HIRSCHHORN: Bienvenue tout le monde à la huitième semaine. 3 00:00:11,140 --> 00:00:13,420 Nous avons une semaine passionnante nous attend. 4 00:00:13,420 --> 00:00:21,390 Vous les gars avez plongé dans ce couple passé de conférences à PHP, SQL, HTML, CSS, si 5 00:00:21,390 --> 00:00:27,270 quatre toutes nouvelles langues qui vont de prendre le reste de ce cours. 6 00:00:27,270 --> 00:00:30,750 On y apprend aussi quelques autres langues avant la fin de cours. 7 00:00:30,750 --> 00:00:35,200 Mais de toute façon, inutile de le dire, il s'agit d'une moment très excitant dans CS50, maintenant vous 8 00:00:35,200 --> 00:00:41,200 ont maîtrisé C, en apparence, et sont de passer à la programmation pour les sites web. 9 00:00:41,200 --> 00:00:45,320 >> Donc, cette semaine, nous allons aller sur une visite éclair à travers les quatre 10 00:00:45,320 --> 00:00:50,200 langues je viens de mentionner, HTML, CSS, PHP et SQL. 11 00:00:50,200 --> 00:00:53,340 Et j'espère que nous allons laisser suffisamment de temps à la fin de l'article pour parler 12 00:00:53,340 --> 00:00:58,800 P sur le jeu et la réponse de cette semaine toutes les questions que vous avez tous. 13 00:00:58,800 --> 00:01:03,500 >> Chaque semaine, la même liste de ressources pour vous, pour vous aider avec de la semaine 14 00:01:03,500 --> 00:01:05,780 problème posé et aller sur le matériel - 15 00:01:05,780 --> 00:01:09,440 mais cette semaine en particulier, pour les ensembles de problèmes sur le Web, il ya une 16 00:01:09,440 --> 00:01:12,350 foule d'autres ressources sur il vous sera probablement 17 00:01:12,350 --> 00:01:13,500 trouver incroyablement utile. 18 00:01:13,500 --> 00:01:14,670 Je les ai ici. 19 00:01:14,670 --> 00:01:17,570 Je vais vous envoyer ce après l'article, et ce sera également en ligne. 20 00:01:17,570 --> 00:01:21,700 >> Mais en particulier, il ya beaucoup de grandes ressources là-bas. 21 00:01:21,700 --> 00:01:24,380 Il ya aussi quelques pas si grande ceux, donc se méfier de ceux-ci. 22 00:01:24,380 --> 00:01:28,210 Mais sur cette diapositive, j'ai quatre bonnes ressources, une pour chacun des 23 00:01:28,210 --> 00:01:30,600 langues que vous allez travailler cette semaine - 24 00:01:30,600 --> 00:01:35,090 une feuille de référence pour HTML, une feuille de référence pour le CSS. 25 00:01:35,090 --> 00:01:38,320 Ce droit est ici le manuel de PHP. 26 00:01:38,320 --> 00:01:42,110 >> Donc, au lieu de taper homme et une PHP commande, c'est là que vous le feriez 27 00:01:42,110 --> 00:01:46,980 aller chercher le prototype de fonction et des exemples et aussi quelques conseils et 28 00:01:46,980 --> 00:01:48,770 astuces pour l'utilisation de fonctions de PHP. 29 00:01:48,770 --> 00:01:51,590 Vous allez utiliser souvent ce site, Je vous encourage donc à devenir 30 00:01:51,590 --> 00:01:52,280 familier avec elle. 31 00:01:52,280 --> 00:01:55,860 Il peut être un peu technique, mais il fournit également une tonne de ressources et 32 00:01:55,860 --> 00:02:00,440 Des exemples de toutes les fonctions et même d'autres, comme la façon d'utiliser des tableaux ou 33 00:02:00,440 --> 00:02:01,500 différents types de variables. 34 00:02:01,500 --> 00:02:03,480 Ce site est très utile pour PHP. 35 00:02:03,480 --> 00:02:07,160 >> Et puis, pour SQL, si vous avez plongé dans ce problème de jeu de la semaine, vous saurez 36 00:02:07,160 --> 00:02:09,160 que nous utilisons une base de données. 37 00:02:09,160 --> 00:02:13,340 Et nous avons accès à cette base de données par le biais une interface utilisateur relativement agréable. 38 00:02:13,340 --> 00:02:15,760 Ou c'est une façon pour l'accès cette base de données. 39 00:02:15,760 --> 00:02:19,670 L'interface utilisateur est appelé phpMyAdmin. 40 00:02:19,670 --> 00:02:23,400 Il ya un onglet SQL, qui nous allons regarder plus tard aujourd'hui. 41 00:02:23,400 --> 00:02:28,230 >> Et vous pouvez taper dans leur échantillon SQL requêtes, de faire les choses dans votre base de données 42 00:02:28,230 --> 00:02:29,780 et puis exécutez ces requêtes. 43 00:02:29,780 --> 00:02:31,850 Et si elles sont correctes, ça va dire, correcte de celui-ci. 44 00:02:31,850 --> 00:02:33,480 Si elles sont incorrectes, ça va par exemple, il est incorrect. 45 00:02:33,480 --> 00:02:37,260 C'est un endroit idéal pour pratiquer votre Requêtes SQL avant de les écrire dans 46 00:02:37,260 --> 00:02:39,990 votre code, pour vous assurer d' avoir le format correct. 47 00:02:39,990 --> 00:02:42,080 >> Enfin, un autre site ici. 48 00:02:42,080 --> 00:02:45,390 Ceci est le site où vous pouvez aller et assurez-vous que votre 49 00:02:45,390 --> 00:02:47,520 Le code HTML est valide. 50 00:02:47,520 --> 00:02:51,250 Donc, avant de mettre vos problèmes mis cette semaine, assurez-vous que tous 51 00:02:51,250 --> 00:02:52,690 votre code HTML est valide. 52 00:02:52,690 --> 00:02:55,840 >> La semaine dernière, vous aviez exécuter valgrind, à assurez-vous que vous n'aviez pas de fuites de mémoire. 53 00:02:55,840 --> 00:02:59,050 Cette semaine, vous devez vous assurer que tous de votre code est valide HTML5. 54 00:02:59,050 --> 00:03:02,140 Si ce n'est pas HTML5 valide, vous êtes allez obtenir des points hors. 55 00:03:02,140 --> 00:03:03,110 >> Donc, assurez - 56 00:03:03,110 --> 00:03:05,700 juste parce que cela fonctionne ne pas dire qu'il est tout à fait valable. 57 00:03:05,700 --> 00:03:09,770 Exécuter votre code via ce site avant de se tourner po 58 00:03:09,770 --> 00:03:10,810 Encore une fois, voici le site. 59 00:03:10,810 --> 00:03:15,150 >> Si vous avez des commentaires pour moi, nous avons un couple de plus de sections à gauche, 60 00:03:15,150 --> 00:03:18,100 et je veux toujours faire ce que je peux pour vous tous fournir le meilleur article 61 00:03:18,100 --> 00:03:19,460 l'expérience possible. 62 00:03:19,460 --> 00:03:22,115 Alors laissez-moi savoir s'il ya quelque chose que je pouvons faire pour améliorer ou s'il ya 63 00:03:22,115 --> 00:03:24,730 choses que vous voyez que je pouvais faire mieux. 64 00:03:24,730 --> 00:03:25,710 Merci, Avi. 65 00:03:25,710 --> 00:03:27,610 Mettez-le sur le site. 66 00:03:27,610 --> 00:03:31,870 >> Ce fut le vélo que j'ai eu quand je a été, disons, quatre à la maison. 67 00:03:31,870 --> 00:03:34,500 C'est une Tortue Ninja Teenage Mutant vélo, au cas où vous ne pouvez pas dire, 68 00:03:34,500 --> 00:03:35,345 parce que c'est un peu flou. 69 00:03:35,345 --> 00:03:38,900 Vous pouvez l'obtenir maintenant à ToysRUs pour, je crois, environ 100 $. 70 00:03:38,900 --> 00:03:42,690 >> Mais la particularité de cette moto que je veux vous de faire attention à ces sont 71 00:03:42,690 --> 00:03:43,480 ici. 72 00:03:43,480 --> 00:03:44,980 Ce sont les roues de formation. 73 00:03:44,980 --> 00:03:50,230 Jusqu'à maintenant, vous avez été de poche par C. Et nous avons pris une longue 74 00:03:50,230 --> 00:03:53,610 temps, deux mois, plus, passer par C. 75 00:03:53,610 --> 00:03:55,440 >> Pour ces deux prochaines langues, nous n'allons pas 76 00:03:55,440 --> 00:03:56,600 passer autant de temps. 77 00:03:56,600 --> 00:03:58,350 Les roues de formation sont à venir au large. 78 00:03:58,350 --> 00:04:01,360 Et nous allons plonger dans les langues rapidement et se déplacer à travers 79 00:04:01,360 --> 00:04:04,720 rapidement, ce qui ne veut pas dire que nous allons juste vous laisser piscine 80 00:04:04,720 --> 00:04:07,590 là-bas sans aucun moyen de soutenir vous-même ou comprendre comment ces 81 00:04:07,590 --> 00:04:08,270 langues de travail. 82 00:04:08,270 --> 00:04:10,750 Je viens de vous montrer une liste de ressources pour vous aider. 83 00:04:10,750 --> 00:04:14,560 >> Mais gardez à l'esprit que PHP est incroyablement similaire à C. Nous allons passer en revue 84 00:04:14,560 --> 00:04:15,970 aujourd'hui et certaines des différences. 85 00:04:15,970 --> 00:04:17,990 Mais la plupart du temps, il existe pour les boucles. 86 00:04:17,990 --> 00:04:18,750 Il ya si les conditions. 87 00:04:18,750 --> 00:04:20,680 >> Si vous voulez résoudre un problème, vous allez utiliser un 88 00:04:20,680 --> 00:04:22,029 combinaison de ceux-ci. 89 00:04:22,029 --> 00:04:22,920 Il est très similaire. 90 00:04:22,920 --> 00:04:26,040 La logique doit être très proche de ce que vous avez fait dans le passé. 91 00:04:26,040 --> 00:04:29,810 Ce qui est vraiment nouveau cette semaine est la la syntaxe et la façon dont vous vous exprimez. 92 00:04:29,810 --> 00:04:32,850 Et vous voulez écrire une boucle for, mais il pourrait ressembler un peu différent. 93 00:04:32,850 --> 00:04:35,910 Ou vous voulez créer un tableau, mais il pourrait ressembler un peu différent. 94 00:04:35,910 --> 00:04:39,920 >> Donc, gardez à l'esprit que, aller de l'avant, la logique est très similaire à ce que 95 00:04:39,920 --> 00:04:41,020 vous avez fait dans le passé. 96 00:04:41,020 --> 00:04:44,030 Mais vous allez maintenant être rencontrer beaucoup de nouvelle syntaxe. 97 00:04:44,030 --> 00:04:47,600 Et nous n'allons pas vous guidera à travers tous les éléments de la syntaxe. 98 00:04:47,600 --> 00:04:53,020 Donc, c'est vraiment à vous de comprendre, en ligne ou par l'intermédiaire d'atteindre sur 99 00:04:53,020 --> 00:04:58,770 Discuter ou m'écrivant ou de parler à l'autre, la façon d'écrire les choses en 100 00:04:58,770 --> 00:05:02,580 PHP et comment écrire des requêtes SQL et comment utiliser HTML et CSS. 101 00:05:02,580 --> 00:05:06,160 >> Mais si vous le savez, ce n'est pas que nous essayons de vous jeter là-bas 102 00:05:06,160 --> 00:05:07,630 encore nager les requins. 103 00:05:07,630 --> 00:05:10,600 C'est ce que vous allez probablement faire avec votre projet final, si vous choisissez un 104 00:05:10,600 --> 00:05:15,150 autre langue, comme IOS et Objective C, ou si vous décidez de commencer 105 00:05:15,150 --> 00:05:17,580 programmation à l'avenir et plonger dans d'autres langues, 106 00:05:17,580 --> 00:05:19,210 comme Python ou Ruby. 107 00:05:19,210 --> 00:05:23,380 >> Souvent, la logique est très semblable dans toutes ces langues, et la 108 00:05:23,380 --> 00:05:24,560 syntaxe est ce qui est différent. 109 00:05:24,560 --> 00:05:27,560 Et ce sera à vous, comme l' programmeur, d'aller utiliser le web 110 00:05:27,560 --> 00:05:30,790 ressources disponibles pour vous et la figure comment exprimer ce que vous savez comment 111 00:05:30,790 --> 00:05:33,200 à exprimer en C, à une autre langue. 112 00:05:33,200 --> 00:05:36,410 Donc, c'est une bonne pratique, à la fois pour votre projet final, et encore, pour 113 00:05:36,410 --> 00:05:40,150 ce que vous allez probablement faire après avoir quitté CS50. 114 00:05:40,150 --> 00:05:42,550 >> Avant de passer, ne personne Pour toute question au sujet de ce 115 00:05:42,550 --> 00:05:43,800 Je l'ai fait jusqu'à présent? 116 00:05:43,800 --> 00:05:52,450 117 00:05:52,450 --> 00:05:53,120 Grand. 118 00:05:53,120 --> 00:05:53,910 Passons. 119 00:05:53,910 --> 00:05:59,090 >> Tout d'abord, nous allons parler brièvement sur la commande chmod. 120 00:05:59,090 --> 00:06:02,420 Ceci, nous le ferons au début de régler vos problèmes. 121 00:06:02,420 --> 00:06:05,050 Une des premières instructions pour vous, après avoir téléchargé le 122 00:06:05,050 --> 00:06:09,280 code de distribution, est de changer la permissions des fichiers et 123 00:06:09,280 --> 00:06:11,350 répertoires que vous recevez. 124 00:06:11,350 --> 00:06:16,430 >> Quelqu'un peut-il avancer une hypothèse ou savoir pourquoi il est important de changer la 125 00:06:16,430 --> 00:06:20,012 permissions de certains fichiers et répertoires sur votre ordinateur? 126 00:06:20,012 --> 00:06:20,956 Avi - 127 00:06:20,956 --> 00:06:24,796 >> PUBLIC: Alors personne sauf pour vous pouvez voir ce que vous faites? 128 00:06:24,796 --> 00:06:25,470 >> JASON HIRSCHHORN: OK. 129 00:06:25,470 --> 00:06:28,330 Donc, si nous voulons mettre quelque chose sur la web et que vous avez les autorisations définir cette 130 00:06:28,330 --> 00:06:30,960 que vous pouvez voir quelque chose, alors personne d'autre ne peut 131 00:06:30,960 --> 00:06:32,530 voyez ce que vous avez créé. 132 00:06:32,530 --> 00:06:33,380 Quoi d'autre? 133 00:06:33,380 --> 00:06:34,320 Ouais. 134 00:06:34,320 --> 00:06:37,360 >> PUBLIC: Empêcher quelqu'un d'autre que vous ne veulent pas voir quelque chose, de 135 00:06:37,360 --> 00:06:37,870 voir quelque chose. 136 00:06:37,870 --> 00:06:38,820 >> JASON HIRSCHHORN: C'est vrai aussi. 137 00:06:38,820 --> 00:06:40,730 Il ya probablement un code qui vous écrivez, que vous n'avez pas 138 00:06:40,730 --> 00:06:42,690 veulent que les gens voient. 139 00:06:42,690 --> 00:06:46,190 Vous êtes probablement OK avec les gens de voir votre code HTML et JavaScript par votre navigateur. 140 00:06:46,190 --> 00:06:50,360 Mais votre PHP, un code back-end, beaucoup de la logique de votre code, peut-être le 141 00:06:50,360 --> 00:06:53,200 choses qui stockent certaines de vos mots de passe pour votre base de données, vous n'avez pas 142 00:06:53,200 --> 00:06:55,880 veulent que les gens voient que type d'information. 143 00:06:55,880 --> 00:06:59,420 >> Il est donc important que, chaque fichier et répertoire nous créons dispose des autorisations 144 00:06:59,420 --> 00:07:03,660 applicable si nous voulons ou non les gens de voir ces types de fichiers et 145 00:07:03,660 --> 00:07:08,030 répertoires et être en mesure d'y accéder et peut-être même les changer. 146 00:07:08,030 --> 00:07:09,920 >> Donc, il ya trois types d'autorisations. 147 00:07:09,920 --> 00:07:14,980 Il ya une autorisation de lecture, ce qui signifie vous pouvez lire un fichier ou une liste de la 148 00:07:14,980 --> 00:07:16,490 contenu du répertoire. 149 00:07:16,490 --> 00:07:20,820 Il ya la permission d'écriture, qui signifie que vous pouvez modifier un fichier ou un changement 150 00:07:20,820 --> 00:07:24,910 un répertoire, puis l'exécuter autorisation, ce qui signifie que vous pouvez 151 00:07:24,910 --> 00:07:31,060 exécuter un fichier ou plutôt, vous peut se déplacer dans un répertoire. 152 00:07:31,060 --> 00:07:34,470 Donc CD quelque chose, si vous avez le autorisation de l'exécuter, vous pouvez déplacer 153 00:07:34,470 --> 00:07:37,300 dans ce répertoire. 154 00:07:37,300 --> 00:07:38,510 >> Il s'agit d'un bref exemple. 155 00:07:38,510 --> 00:07:40,700 Encore une fois, vous avez dépassé ce dans le problème posé. 156 00:07:40,700 --> 00:07:44,630 Mais je crée un répertoire avec la commande mkdir. 157 00:07:44,630 --> 00:07:46,320 Je change les autorisations. 158 00:07:46,320 --> 00:07:48,505 Ces deux lignes font réellement exactement la même chose. 159 00:07:48,505 --> 00:07:52,580 C'est pour illustrer que la syntaxe pour la modification des autorisations, si vous faites 160 00:07:52,580 --> 00:07:55,600 l'un ou x + 711, ce sont les mêmes. 161 00:07:55,600 --> 00:07:57,550 >> Nous regardons en bas dans ce joli tableau. 162 00:07:57,550 --> 00:07:59,960 Nous voyons qu'il ya utilisateur autorisations premier. 163 00:07:59,960 --> 00:08:03,280 Que vous, l'individu a, et votre serveur, potentiellement. 164 00:08:03,280 --> 00:08:05,070 Et puis il ya le groupe et les autres. 165 00:08:05,070 --> 00:08:09,350 Les différences entre celles deux sont relativement trivial. 166 00:08:09,350 --> 00:08:11,170 Donc, en général, nous groupons ceux ensemble. 167 00:08:11,170 --> 00:08:14,380 >> Mais l'essentiel, si nous avons un fichier appelé comprend que nous voulons être 168 00:08:14,380 --> 00:08:18,760 pouvoir nous éditer et que nous voulons d'autres pour être en mesure d'exécuter, 169 00:08:18,760 --> 00:08:20,560 c'est l'autorisation 711. 170 00:08:20,560 --> 00:08:22,390 Et nous voyons que le bas ici dans ce tableau. 171 00:08:22,390 --> 00:08:24,730 Nous avons une lecture, écriture et exécution. 172 00:08:24,730 --> 00:08:26,790 Pour chacun de nous, nous voulons être capable de faire les. 173 00:08:26,790 --> 00:08:30,160 Groupe et les autres, nous voulons seulement qu'ils soient en mesure d'exécuter. 174 00:08:30,160 --> 00:08:33,860 >> La façon dont nous traduisons dans un certain nombre d' 175 00:08:33,860 --> 00:08:36,870 permission à travers binaire. 176 00:08:36,870 --> 00:08:41,780 Donc, si nous avons trois petits, c'est un 1 dans la colonne des unités, un 1 dans les groupes de deux 177 00:08:41,780 --> 00:08:43,049 colonne, une colonne 1, les quatre pattes. 178 00:08:43,049 --> 00:08:45,180 C'est 7 là. 179 00:08:45,180 --> 00:08:47,450 Et cette autorisation est 1. 180 00:08:47,450 --> 00:08:48,390 Cette autorisation est 1. 181 00:08:48,390 --> 00:08:54,200 Donc, quand 711 est le même que donner nous lire, écrire, et exécuter, 182 00:08:54,200 --> 00:08:56,660 et tout le monde exécuter privilèges. 183 00:08:56,660 --> 00:08:59,180 >> Cette ligne ici, nous avons généralement auront lire et à écrire quand nous 184 00:08:59,180 --> 00:09:00,250 créer un répertoire. 185 00:09:00,250 --> 00:09:04,650 Donc, cette ligne ici qu'ajouter exécuter privilèges à tous. 186 00:09:04,650 --> 00:09:07,450 Donc, ce serait semblable à, en Outre ce que nous avons, 187 00:09:07,450 --> 00:09:09,930 ajoutant 1, 1, 1 à tout le monde. 188 00:09:09,930 --> 00:09:13,880 >> Considérant que la présente, il est inutile ajouter lire et écrire. 189 00:09:13,880 --> 00:09:16,130 Mais si vous allez utiliser les chiffres, vous ne pouvez pas ajouter quelque chose. 190 00:09:16,130 --> 00:09:19,070 Vous écrasez tout ce autorisation était là et les mettre en œuvre la nouvelle 191 00:09:19,070 --> 00:09:20,920 numéro que vous donnez. 192 00:09:20,920 --> 00:09:21,930 Cela a été assez rapide. 193 00:09:21,930 --> 00:09:24,115 Quelqu'un at-il des questions sur la modification des autorisations? 194 00:09:24,115 --> 00:09:28,460 195 00:09:28,460 --> 00:09:28,950 >> OK. 196 00:09:28,950 --> 00:09:32,480 Si j'ai un fichier PHP, quelles autorisations Je ne veux qu'il y ait? 197 00:09:32,480 --> 00:09:36,638 198 00:09:36,638 --> 00:09:38,780 Il s'agit de l'ensemble de problème spec. 199 00:09:38,780 --> 00:09:41,590 Ainsi, vous pouvez regarder la spécification et alors lisez-moi la réponse. 200 00:09:41,590 --> 00:09:45,820 201 00:09:45,820 --> 00:09:48,605 >> PUBLIC: Vous voulez que l'utilisateur disposer des autorisations en lecture-écriture. 202 00:09:48,605 --> 00:09:51,080 Et vous voulez que tout le monde autre de ne rien avoir. 203 00:09:51,080 --> 00:09:53,060 >> JASON HIRSCHHORN: Et qu'est-ce numéros est-ce? 204 00:09:53,060 --> 00:09:53,480 >> PUBLIC: 600. 205 00:09:53,480 --> 00:09:54,840 >> JASON HIRSCHHORN: 600. 206 00:09:54,840 --> 00:09:59,550 Donc chmod 600 - chaque fois que vous imprimez un fichier PHP, chmod à 600. 207 00:09:59,550 --> 00:10:00,370 OK. 208 00:10:00,370 --> 00:10:01,890 J'ai un répertoire. 209 00:10:01,890 --> 00:10:04,870 Quelqu'un d'ailleurs Jeff, J'ai un dossier. 210 00:10:04,870 --> 00:10:08,060 Quelles sont les autorisations que je veux à donner à ce dossier - 211 00:10:08,060 --> 00:10:11,620 aussi le problème réglé spec, juste en dessous de cette réponse ou 212 00:10:11,620 --> 00:10:14,840 la réponse précédente? 213 00:10:14,840 --> 00:10:16,160 Aussi potentiellement sur la diapositive - 214 00:10:16,160 --> 00:10:16,450 Marcus. 215 00:10:16,450 --> 00:10:17,230 >> PUBLIC: Pour l' 216 00:10:17,230 --> 00:10:18,180 dossier, c'est 711. 217 00:10:18,180 --> 00:10:19,590 JASON HIRSCHHORN: 711 - 218 00:10:19,590 --> 00:10:21,230 si un dossier, vous voulez donner 711. 219 00:10:21,230 --> 00:10:25,280 Vous voulez être en mesure de lire ce dossier, changer de répertoire, se déplacer dans 220 00:10:25,280 --> 00:10:25,785 ce dossier. 221 00:10:25,785 --> 00:10:28,865 Et vous voulez que tout le monde soit en mesure pour naviguer dans ce dossier, mais 222 00:10:28,865 --> 00:10:30,790 pas nécessairement changer son contenu. 223 00:10:30,790 --> 00:10:33,720 Qu'en est-il d'un fichier non-PHP, dire, un fichier JavaScript? 224 00:10:33,720 --> 00:10:36,090 Quelles sont les autorisations voulons-nous de donner ce type de fichier? 225 00:10:36,090 --> 00:10:37,020 >> PUBLIC: 644. 226 00:10:37,020 --> 00:10:38,030 >> JASON HIRSCHHORN: 644 - 227 00:10:38,030 --> 00:10:40,010 Pourquoi voulons-nous lui donner 644? 228 00:10:40,010 --> 00:10:42,880 >> PUBLIC: Pour permettre à d'autres personnes de le lire. 229 00:10:42,880 --> 00:10:44,840 Et vous lisez ou écrivez. 230 00:10:44,840 --> 00:10:48,540 >> JASON HIRSCHHORN: Alors bon, tout le monde d'autre ne peut lire ce fichier JavaScript. 231 00:10:48,540 --> 00:10:51,420 Et vous pouvez changer cela, en plus d'être capable de le lire. 232 00:10:51,420 --> 00:10:54,970 Donc, l'un des insectes les personnes les plus communs avoir avec ce problème et définir leur 233 00:10:54,970 --> 00:10:58,880 projet final, si c'est une finale sur le Web projet, ils ne seront pas ont mis en 234 00:10:58,880 --> 00:11:00,170 les autorisations appropriées. 235 00:11:00,170 --> 00:11:03,180 Et ils ne seront pas en mesure voir leur site web. 236 00:11:03,180 --> 00:11:04,840 Ou une partie spécifique de leur site web. 237 00:11:04,840 --> 00:11:06,930 >> Donc, assurez-vous de régler la autorisations correctement. 238 00:11:06,930 --> 00:11:10,730 Ne supposez pas que ce sera le faire automatiquement pour vous. 239 00:11:10,730 --> 00:11:11,500 >> OK. 240 00:11:11,500 --> 00:11:15,100 C'était une petite chose que nous avons passé une bonne quantité de temps, donc 241 00:11:15,100 --> 00:11:16,190 nous pourrions clouer. 242 00:11:16,190 --> 00:11:18,000 Passons à HTML. 243 00:11:18,000 --> 00:11:20,430 >> Et encore, pour ces quatre thèmes suivants, nous allons passer en revue 244 00:11:20,430 --> 00:11:21,600 relativement rapidement. 245 00:11:21,600 --> 00:11:24,980 Alors s'il vous plaît n'hésitez pas à m'arrêter à tout temps, si vous avez des questions, 246 00:11:24,980 --> 00:11:27,900 si elles sont liées à ce que je couvre ou quelque chose de conférence ou 247 00:11:27,900 --> 00:11:29,440 même le problème réglé. 248 00:11:29,440 --> 00:11:31,690 Arrêtez-moi quand vous avez besoin. 249 00:11:31,690 --> 00:11:34,370 Quand nous arrivons à la fin, nous allons juste commencer à aller sur l'ensemble des problèmes. 250 00:11:34,370 --> 00:11:38,100 >> Donc HTML signifie HyperText Markup Language. 251 00:11:38,100 --> 00:11:41,360 Ce n'est pas un langage de programmation. 252 00:11:41,360 --> 00:11:45,800 Tout ce qu'il fait est la structure de votre contenu et également fournir des métadonnées. 253 00:11:45,800 --> 00:11:52,340 Ainsi, par exemple, sans doute, un grand nombre d' vous avez utilisé Facebook avant. 254 00:11:52,340 --> 00:11:56,810 Et vous pouvez inclure des liens, ou vous peut mettre un lien que votre statut. 255 00:11:56,810 --> 00:11:59,070 >> Et puis, vous remarquerez que le lien a toujours une belle photo 256 00:11:59,070 --> 00:12:00,450 pour elle et un peu de texte. 257 00:12:00,450 --> 00:12:03,040 Généralement, c'est des métadonnées pour une page web. 258 00:12:03,040 --> 00:12:05,250 Et c'est métadonnées Facebook spécifique. 259 00:12:05,250 --> 00:12:07,780 Et puis, quand Facebook est en train de lire que page et l'insertion de ce lien, il 260 00:12:07,780 --> 00:12:10,780 regarde pour les métadonnées spécifiques, il sait ce que l'image à afficher, ce 261 00:12:10,780 --> 00:12:13,820 titre à afficher, et ce le texte du résumé à afficher. 262 00:12:13,820 --> 00:12:17,760 >> Donc, nous pouvons inclure des métadonnées avec notre page Web à l'aide HTML. 263 00:12:17,760 --> 00:12:21,190 Et cela nous aide également la structure le contenu, en général, ce 264 00:12:21,190 --> 00:12:25,400 nous voulons aller où. 265 00:12:25,400 --> 00:12:28,240 >> Tout en HTML est un élément. 266 00:12:28,240 --> 00:12:30,690 Et des éléments ici - 267 00:12:30,690 --> 00:12:33,410 ce CS50, le texte est l'élément. 268 00:12:33,410 --> 00:12:35,140 Et il a quelques balises. 269 00:12:35,140 --> 00:12:36,690 Il a cette une étiquette. 270 00:12:36,690 --> 00:12:41,730 Et nous remarquons qu'il ya un un à l' début, puis une barre oblique un, de sorte 271 00:12:41,730 --> 00:12:43,960 la fermeture de l'un tag à la fin. 272 00:12:43,960 --> 00:12:46,800 Parfois, il n'y a pas un ouvert tag et une balise de fermeture. 273 00:12:46,800 --> 00:12:49,040 Il ya juste une chose. 274 00:12:49,040 --> 00:12:50,640 >> Nous verrons un exemple de cette sur la diapositive suivante. 275 00:12:50,640 --> 00:12:52,640 Donc, vous n'avez pas besoin d'un ouvert et une balise de fermeture. 276 00:12:52,640 --> 00:12:59,570 Mais pour cela, nous enfermant ce élément CS50 dans la balise d'ancrage. 277 00:12:59,570 --> 00:13:03,270 Et l'essentiel, ces balises disent le navigateur que faire 278 00:13:03,270 --> 00:13:04,700 l'élément particulier. 279 00:13:04,700 --> 00:13:07,380 >> Encore une fois, CS50 est le texte nous allons voir. 280 00:13:07,380 --> 00:13:10,060 Et il va être un type d'ancrage. 281 00:13:10,060 --> 00:13:13,920 Anchor est essentiellement utilisé des liens vers quelque chose. 282 00:13:13,920 --> 00:13:16,000 En particulier, comme vous pouvez déjà dit, il s'agit d'une 283 00:13:16,000 --> 00:13:18,950 lien vers la page d'accueil de CS50. 284 00:13:18,950 --> 00:13:23,160 >> La prochaine partie de l'étiquette - ou, plus généralement, une partie de balises sont 285 00:13:23,160 --> 00:13:24,290 attributs. 286 00:13:24,290 --> 00:13:27,080 Et nous voyons ici, que l'une balise a une 287 00:13:27,080 --> 00:13:29,680 attribuer, cet attribut href. 288 00:13:29,680 --> 00:13:32,000 Et ils modifient un mot-clé particulier. 289 00:13:32,000 --> 00:13:36,100 En fait, si vous allez à l'un des sites Web ou les références que je vous ai 290 00:13:36,100 --> 00:13:39,480 avant ou regarder la balise en ligne, vous remarquerez qu'il ya une tonne de 291 00:13:39,480 --> 00:13:41,010 attributs potentiels. 292 00:13:41,010 --> 00:13:42,310 >> C'est probablement l'un des plus courantes. 293 00:13:42,310 --> 00:13:46,090 Ce me dit de créer un un lien vers le site Web spécifique. 294 00:13:46,090 --> 00:13:50,260 Et les attributs sont généralement donné, sinon exclusivement donné, 295 00:13:50,260 --> 00:13:52,350 en paires clé-valeur. 296 00:13:52,350 --> 00:13:55,380 >> Alors, voici la clé, href. 297 00:13:55,380 --> 00:13:57,320 Et la valeur est ce droit ici. 298 00:13:57,320 --> 00:14:01,960 Et qui vous sera utile plus tard, quand nous commençons à utiliser des bibliothèques de 299 00:14:01,960 --> 00:14:07,280 nous aider à code JavaScript ou écrire le contenu HTML. 300 00:14:07,280 --> 00:14:11,120 Nous sommes souvent allons être - comme nous ferait tableau support 0 et que 301 00:14:11,120 --> 00:14:12,340 nous donnerait une certaine valeur. 302 00:14:12,340 --> 00:14:17,190 >> Dans l'avenir, nous allons faire un grand nombre de des choses comme quelque chose de support href. 303 00:14:17,190 --> 00:14:21,180 Et qui nous donnera la valeur de la href, ou si l'on veut mettre à jour le href 304 00:14:21,180 --> 00:14:23,980 clé et puis de lui donner une valeur particulière. 305 00:14:23,980 --> 00:14:28,915 Ainsi, tout comme avec des tableaux où nous avions touche 0 ou la touche 1 ou 2 ou même avec un 306 00:14:28,915 --> 00:14:33,480 la table de hachage, bien, avec vos tables de hachage ainsi, vous avez probablement eu - il 307 00:14:33,480 --> 00:14:35,790 était un tableau, si la touche 0, la touche 1, touche 2. 308 00:14:35,790 --> 00:14:38,480 >> Cet indice là, nous pouvons penser que comme une clé. 309 00:14:38,480 --> 00:14:40,180 Et quelle que soit la valeur est il a été stocké. 310 00:14:40,180 --> 00:14:42,760 Tous ces attributs sont des paires clé-valeur. 311 00:14:42,760 --> 00:14:47,370 Et ce sera important pour l'évolution ou de les mettre à jour ou 312 00:14:47,370 --> 00:14:51,020 les insérer par la suite. 313 00:14:51,020 --> 00:14:53,990 >> Enfin, vous avez vu cette structure avant, mais il s'agit de la plus élémentaire 314 00:14:53,990 --> 00:14:55,350 la structure de la page HTML. 315 00:14:55,350 --> 00:14:58,700 Au sommet, nous vous disons que c'est en fait HTML. 316 00:14:58,700 --> 00:15:01,910 Et puis nous avons un fichier HTML ouvert tag et une balise HTML à proximité. 317 00:15:01,910 --> 00:15:04,940 Donc, tout à l'intérieur de c'est le HTML. 318 00:15:04,940 --> 00:15:08,960 >> Nous voyons la tête et le corps. 319 00:15:08,960 --> 00:15:12,350 La tête de votre document comprend généralement ce? 320 00:15:12,350 --> 00:15:16,980 321 00:15:16,980 --> 00:15:20,995 Toutes les suppositions pour ce que vous mettre dans la tête? 322 00:15:20,995 --> 00:15:23,060 >> PUBLIC: Vous mettez le titre et le style. 323 00:15:23,060 --> 00:15:23,790 >> JASON HIRSCHHORN: Le titre. 324 00:15:23,790 --> 00:15:26,110 Ce fut une grande conjecture. 325 00:15:26,110 --> 00:15:27,200 Je vous ai averti à l'. 326 00:15:27,200 --> 00:15:28,150 Quels sont les autres choses? 327 00:15:28,150 --> 00:15:30,351 Nous avons mentionné l'un d'eux que pourrait aller dans la tête. 328 00:15:30,351 --> 00:15:33,057 329 00:15:33,057 --> 00:15:35,225 >> PUBLIC: Il a dit, les styles. 330 00:15:35,225 --> 00:15:36,240 >> JASON HIRSCHHORN: Styles - 331 00:15:36,240 --> 00:15:41,050 donc si vous voulez faire un lien dans un JavaScript ou même un CSS qui vous parlez 332 00:15:41,050 --> 00:15:42,610 quand vous parlez sur les styles. 333 00:15:42,610 --> 00:15:45,670 Un autre fichier, vous souhaitez lier dans un en dehors de fichier, qui va probablement aller 334 00:15:45,670 --> 00:15:46,920 dans la tête. 335 00:15:46,920 --> 00:15:48,660 336 00:15:48,660 --> 00:15:51,070 >> Quoi d'autre? 337 00:15:51,070 --> 00:15:52,960 Nous avons mentionné quelques diapositives Il ya une des choses que 338 00:15:52,960 --> 00:15:54,510 HTML peut faire pour vous. 339 00:15:54,510 --> 00:15:58,180 340 00:15:58,180 --> 00:16:01,240 Il peut fournir - 341 00:16:01,240 --> 00:16:02,874 commence par un M - 342 00:16:02,874 --> 00:16:03,820 >> PUBLIC: Métadonnées. 343 00:16:03,820 --> 00:16:06,170 >> JASON HIRSCHHORN: Métadonnées - donc beaucoup des métadonnées ira dans la tête, 344 00:16:06,170 --> 00:16:08,990 parce que cela va pas nécessairement besoin de faire partie du corps de votre code. 345 00:16:08,990 --> 00:16:11,820 C'est généralement - le corps est le contenu, ce que quelqu'un voit. 346 00:16:11,820 --> 00:16:14,210 Et si je viens de loin la réponse à ma prochaine question. 347 00:16:14,210 --> 00:16:17,770 Mais dans le corps est généralement le contenu qui va être affichée 348 00:16:17,770 --> 00:16:19,750 sur la page Web. 349 00:16:19,750 --> 00:16:26,120 >> Comme nous allons le voir, les sites Web complexes ont tendance à se mélanger ou modifier jusqu'à ce que 350 00:16:26,120 --> 00:16:27,170 ils ont mis dans la tête et le corps. 351 00:16:27,170 --> 00:16:30,360 Mais en général, la tête contient des choses que l'utilisateur ne va pas 352 00:16:30,360 --> 00:16:31,290 voir sur l'écran. 353 00:16:31,290 --> 00:16:34,150 Il relie dans d'autres fichiers et fournit des métadonnées. 354 00:16:34,150 --> 00:16:37,690 Considérant que, le corps contient tout l'utilisateur va voir. 355 00:16:37,690 --> 00:16:39,270 Toute idée de ce que signifie cette balise p? 356 00:16:39,270 --> 00:16:41,660 >> AUDIENCE: Le paragraphe? 357 00:16:41,660 --> 00:16:42,780 >> PUBLIC: Imprimer. 358 00:16:42,780 --> 00:16:44,120 >> PUBLIC: Ne signifie pas l'impression. 359 00:16:44,120 --> 00:16:45,380 >> PUBLIC: Est-ce que cela signifie paragraphe? 360 00:16:45,380 --> 00:16:47,620 >> JASON HIRSCHHORN: Paragraphe - c'est donc un paragraphe. 361 00:16:47,620 --> 00:16:50,920 Et cette balise p, j'aurais pu juste tapé ce sur l'écran, puis 362 00:16:50,920 --> 00:16:52,630 inclus un saut de ligne à la fin de celui-ci. 363 00:16:52,630 --> 00:16:54,380 Quelqu'un sait comment inclure un saut de ligne? 364 00:16:54,380 --> 00:16:55,240 >> PUBLIC: pr - 365 00:16:55,240 --> 00:16:55,700 >> JASON HIRSCHHORN: pr - 366 00:16:55,700 --> 00:16:57,080 >> PUBLIC: Slash pr? 367 00:16:57,080 --> 00:17:00,120 >> JASON HIRSCHHORN: slash pr synonyme de saut de ligne. 368 00:17:00,120 --> 00:17:03,270 Mais paragraphes ont spécifique mise en forme. 369 00:17:03,270 --> 00:17:06,060 Et nous aurons au formatage dans un deuxième, quand on parle de CSS. 370 00:17:06,060 --> 00:17:09,900 Mais tout à l'intérieur de ces balises p aura une mise en forme par défaut 371 00:17:09,900 --> 00:17:13,210 qui lui est associée, probablement quelque l'espacement entre les différents 372 00:17:13,210 --> 00:17:15,069 paragraphes. 373 00:17:15,069 --> 00:17:19,410 Et ce sera un moyen de différencier des blocs de code. 374 00:17:19,410 --> 00:17:20,980 >> Toutes les autres balises - 375 00:17:20,980 --> 00:17:24,584 ce sont d'autres balises que vous avez vu? 376 00:17:24,584 --> 00:17:26,609 >> JASON HIRSCHHORN: H1 à H6. 377 00:17:26,609 --> 00:17:28,460 h1 par h6, et qu'est-ce que? 378 00:17:28,460 --> 00:17:31,560 >> PUBLIC: Il désignera la taille et les lettres en gras sont. 379 00:17:31,560 --> 00:17:32,650 >> JASON HIRSCHHORN: droit, il est synonyme de tête. 380 00:17:32,650 --> 00:17:34,960 Et si header1 est une grande tête. 381 00:17:34,960 --> 00:17:40,840 Ce sera probablement, par défaut, être audacieux, un grande taille de la police, probablement centré sur 382 00:17:40,840 --> 00:17:44,030 l'écran, tout en bas à h6, qui est une plus petite taille de police, la moins 383 00:17:44,030 --> 00:17:44,780 souligné. 384 00:17:44,780 --> 00:17:50,290 Bien sûr, vous pouvez, en vous êtes fichier CSS ou quelque part dans votre code - qui, 385 00:17:50,290 --> 00:17:53,830 encore une fois, nous y reviendrons dans une seconde - changer ce comportement par défaut 386 00:17:53,830 --> 00:17:55,780 d'une balise h1 est. 387 00:17:55,780 --> 00:18:01,040 >> Mais gardez à l'esprit que Chrome, Safari, Firefox, Internet Explorer ont tous 388 00:18:01,040 --> 00:18:04,030 défaut ressemble pour beaucoup de ces balises standard. 389 00:18:04,030 --> 00:18:07,110 Vous pouvez, de plus, toujours changer à quoi ils ressemblent. 390 00:18:07,110 --> 00:18:09,955 Toutes les autres balises que tout le monde a vu? 391 00:18:09,955 --> 00:18:10,350 Oui - 392 00:18:10,350 --> 00:18:11,530 >> PUBLIC: Un site div. 393 00:18:11,530 --> 00:18:15,830 >> JASON HIRSCHHORN: Une balise div - balise div n'a aucune forme intégrée, par 394 00:18:15,830 --> 00:18:21,850 soi, qui est utilisé pour obturer différents types de codes. 395 00:18:21,850 --> 00:18:22,980 Toutes les autres balises? 396 00:18:22,980 --> 00:18:23,390 Oui. 397 00:18:23,390 --> 00:18:24,333 >> PUBLIC: li - 398 00:18:24,333 --> 00:18:24,850 >> JASON HIRSCHHORN: li - 399 00:18:24,850 --> 00:18:25,580 ce qui est li pour? 400 00:18:25,580 --> 00:18:26,210 >> PUBLIC: Liste. 401 00:18:26,210 --> 00:18:26,930 >> PUBLIC: Liste 402 00:18:26,930 --> 00:18:29,510 >> JASON HIRSCHHORN: li est pour les éléments de la liste. 403 00:18:29,510 --> 00:18:30,720 Il existe deux types de listes. 404 00:18:30,720 --> 00:18:31,970 Quels sont les deux types? 405 00:18:31,970 --> 00:18:34,165 406 00:18:34,165 --> 00:18:35,806 >> PUBLIC: Commandé et non ordonnée. 407 00:18:35,806 --> 00:18:37,780 >> JASON HIRSCHHORN: Commandé et non ordonnées - peuplements afin ul 408 00:18:37,780 --> 00:18:38,560 pour la liste non ordonnée. 409 00:18:38,560 --> 00:18:41,120 C'est, si vous voulez une balle signaler, une liste de balles. 410 00:18:41,120 --> 00:18:43,180 Une liste ordonnée est une liste numérotée. 411 00:18:43,180 --> 00:18:47,930 Et si vous faites une balise ul ouvert puis tonnes d'éléments de la liste, puis 412 00:18:47,930 --> 00:18:50,450 fermer la balise ul. et que la volonté créer une liste non ordonnée. 413 00:18:50,450 --> 00:18:52,380 >> Nous allons voir quelques exemples de HTML dans un peu. 414 00:18:52,380 --> 00:18:55,800 Mais avant cela, je veux apprendre à CSS. 415 00:18:55,800 --> 00:18:58,530 Et CSS signifie Cascading Feuilles de style. 416 00:18:58,530 --> 00:19:03,010 Et cela est très étroitement liée en HTML, mais légèrement différente. 417 00:19:03,010 --> 00:19:06,920 Cela vous permet de formater tout le contenu que les structures de HTML. 418 00:19:06,920 --> 00:19:14,940 >> Donc, en CSS, nous avons généralement ne voulons pas le style de chaque en-tête unique ou chaque 419 00:19:14,940 --> 00:19:17,250 une seule image ou chaque paragraphe unique. 420 00:19:17,250 --> 00:19:21,210 Nous voulons le style de certains éléments ou peut-être un élément spécifique. 421 00:19:21,210 --> 00:19:25,250 Et la façon dont nous le style d'un particulier élément est de lui donner une identité. 422 00:19:25,250 --> 00:19:26,070 >> Donc, c'est un attribut. 423 00:19:26,070 --> 00:19:27,960 Il possède une clé et une valeur. 424 00:19:27,960 --> 00:19:29,130 ID est la clé. 425 00:19:29,130 --> 00:19:30,220 Logo est la valeur. 426 00:19:30,220 --> 00:19:32,410 J'ai pris logo hasard. 427 00:19:32,410 --> 00:19:36,780 Et si vous donnez quelque chose d'un ID, général, qui ne doit être administré 428 00:19:36,780 --> 00:19:38,800 à un élément. 429 00:19:38,800 --> 00:19:42,340 >> Et puis, dans votre feuille de style, vous pouvez le style de cet élément particulier, mais 430 00:19:42,340 --> 00:19:44,090 vous voulez qu'il regarde. 431 00:19:44,090 --> 00:19:49,560 Si vous voulez un style à un certain nombre de éléments, c'est peut-être une certaine classe 432 00:19:49,560 --> 00:19:51,310 des en-têtes, que certains de vos têtes. 433 00:19:51,310 --> 00:19:56,780 C'est peut-être un en-tête et une image et un paragraphe que vous voulez tous être centré. 434 00:19:56,780 --> 00:20:00,700 Ensuite, vous pouvez donner à ces groupes de tous les éléments d'une classe. 435 00:20:00,700 --> 00:20:04,300 Et vous pouvez donner à la classe styles spécifiques. 436 00:20:04,300 --> 00:20:08,860 Ainsi, un ID et une classe existe deux façons de briser votre code, de sorte que vous pouvez les aider soit 437 00:20:08,860 --> 00:20:11,990 plus précis dans ce que vous section. 438 00:20:11,990 --> 00:20:13,830 >> Il ya trois façons de style. 439 00:20:13,830 --> 00:20:17,530 La première est, avec cet attribut de style. 440 00:20:17,530 --> 00:20:21,200 Donc, vous voyez, la touche de style est le style. 441 00:20:21,200 --> 00:20:24,370 La valeur de style est en fait autre liste de valeurs clés. 442 00:20:24,370 --> 00:20:26,570 >> Dans ce cas, j'ai pris une clé, text-align. 443 00:20:26,570 --> 00:20:27,730 Et je l'ai dit, centre. 444 00:20:27,730 --> 00:20:30,280 Vous pourriez vous demander à ce stade, comment ai-je sais 445 00:20:30,280 --> 00:20:31,230 text-align. 446 00:20:31,230 --> 00:20:32,280 Qu'est-ce que même le faire? 447 00:20:32,280 --> 00:20:35,350 C'est une excellente question à poser, et nous allons y arriver en une seconde. 448 00:20:35,350 --> 00:20:39,740 Donc, c'est une façon de coiffer quelque chose, juste lui donner l'attribut style. 449 00:20:39,740 --> 00:20:43,490 >> Une autre façon de coiffer quelque chose est - c'est Akshar mentionné plus tôt. 450 00:20:43,490 --> 00:20:49,660 Vous pouvez utiliser les balises de style et de mettre ce dans la tête de votre document HTML. 451 00:20:49,660 --> 00:20:52,220 Donc, vous dites essentiellement, le contenu à l'intérieur ici 452 00:20:52,220 --> 00:20:53,870 est une partie du contenu de style. 453 00:20:53,870 --> 00:20:59,520 Et le format qui est la chose que vous vouloir coiffer, puis, à l'intérieur de 454 00:20:59,520 --> 00:21:03,460 accolades, la paire de valeur de clé de attributs que vous voulez donner à 455 00:21:03,460 --> 00:21:05,920 ce type particulier d'élément. 456 00:21:05,920 --> 00:21:07,370 >> Enfin, et c'est là le façon la plus courante. 457 00:21:07,370 --> 00:21:10,320 Et c'est la façon dont nous faire en p ensemble 7. 458 00:21:10,320 --> 00:21:12,370 Il s'agit d'une feuille de style externe. 459 00:21:12,370 --> 00:21:14,370 Donc, vous avez un fichier css.. 460 00:21:14,370 --> 00:21:18,050 Et à l'intérieur de celui-ci, vous voyez beaucoup de choses qui ressemblent à celui-ci, le nom 461 00:21:18,050 --> 00:21:22,730 d'un certain type d'élément ou d'une pièce d'identité ou une classe, puis, à l'intérieur de bouclés 462 00:21:22,730 --> 00:21:28,040 bretelles, une liste de paires de valeurs de clés. 463 00:21:28,040 --> 00:21:30,065 >> Bien sûr, si vous créez un externe fichier, vous allez 464 00:21:30,065 --> 00:21:31,310 besoin de l'inclure - 465 00:21:31,310 --> 00:21:34,860 forte inclure, qui serait être l'analogie C - 466 00:21:34,860 --> 00:21:36,250 dans votre fichier HTML. 467 00:21:36,250 --> 00:21:39,820 Donc, vous devez inclure ce code dans votre fichier HTML. 468 00:21:39,820 --> 00:21:46,080 Ceci étant le nom du fichier et en supposant que c'est dans le même répertoire. 469 00:21:46,080 --> 00:21:47,100 >> OK. 470 00:21:47,100 --> 00:21:48,200 C'était beaucoup. 471 00:21:48,200 --> 00:21:52,440 Et nous allons maintenant respirer et regarder à certains, site immobilier direct et 472 00:21:52,440 --> 00:21:53,720 explorer cette plus. 473 00:21:53,720 --> 00:21:55,470 Mais avant de faire cela, quelqu'un avez des questions? 474 00:21:55,470 --> 00:22:00,830 475 00:22:00,830 --> 00:22:04,970 >> Donc, si vous voulez faire cela avec moi, nous pouvons aller à l'appareil. 476 00:22:04,970 --> 00:22:08,950 Et j'ai choisi la page d'accueil de CS50. 477 00:22:08,950 --> 00:22:10,020 Vous pouvez faire cela avec n'importe quel site Web. 478 00:22:10,020 --> 00:22:13,070 Mais pourquoi ne pas commencer avec la page d'accueil de CS50? 479 00:22:13,070 --> 00:22:14,650 >> Rafraîchissons. 480 00:22:14,650 --> 00:22:18,030 En fait, je vous recommande fortement de faire ceci avec moi, parce que ce que nous 481 00:22:18,030 --> 00:22:22,720 vont faire maintenant va être incroyablement pratique pour vous, non seulement dans 482 00:22:22,720 --> 00:22:24,450 P-Set 7, mais en P-Set 8 ainsi. 483 00:22:24,450 --> 00:22:24,810 Ouais. 484 00:22:24,810 --> 00:22:29,560 >> PUBLIC: Y at-il un moyen de faire des commentaires en HTML, sans utiliser PHP? 485 00:22:29,560 --> 00:22:31,130 >> JASON HIRSCHHORN: Oui, vous pouvez faire des commentaires en HTML. 486 00:22:31,130 --> 00:22:32,690 >> PUBLIC: Quelle est la syntaxe? 487 00:22:32,690 --> 00:22:34,340 >> PUBLIC: Point d'exclamation tableau de bord tableau de bord. 488 00:22:34,340 --> 00:22:36,125 >> PUBLIC: OK. 489 00:22:36,125 --> 00:22:37,100 >> JASON HIRSCHHORN: Oui. 490 00:22:37,100 --> 00:22:38,350 C'est la syntaxe. 491 00:22:38,350 --> 00:22:40,630 492 00:22:40,630 --> 00:22:41,900 Vous pouvez faire des commentaires en HTML. 493 00:22:41,900 --> 00:22:43,310 Vous pouvez faire des commentaires en PHP. 494 00:22:43,310 --> 00:22:46,590 >> Comme vous le verrez, commenter en HTML encore apparaître, quand on regarde la 495 00:22:46,590 --> 00:22:49,960 Le code source HTML d'un site particulier. 496 00:22:49,960 --> 00:22:51,610 Donc ce cs50.net. 497 00:22:51,610 --> 00:22:57,360 Si vous faites un clic droit dans la plus moderne navigateurs sur la plupart n'importe quelle page, vous affichez 498 00:22:57,360 --> 00:22:58,820 la source de la page. 499 00:22:58,820 --> 00:23:01,480 Alors faisons-le sur CS50. 500 00:23:01,480 --> 00:23:05,060 >> Et voilà, nous voir une chose géant. 501 00:23:05,060 --> 00:23:07,420 CS50 semble en fait assez agréable. 502 00:23:07,420 --> 00:23:08,920 Beaucoup de sites ne sera pas regarder cette belle. 503 00:23:08,920 --> 00:23:10,540 Si vous allez à la page d'accueil de Google et de l'ouvrir. 504 00:23:10,540 --> 00:23:11,960 Il ne sera pas regarder cette belle. 505 00:23:11,960 --> 00:23:13,830 >> Mais vous remarquerez que, dans le haut - 506 00:23:13,830 --> 00:23:16,650 c'est une sorte de petit. 507 00:23:16,650 --> 00:23:17,900 Faisons de cette plus grande. 508 00:23:17,900 --> 00:23:22,660 509 00:23:22,660 --> 00:23:23,570 OK. 510 00:23:23,570 --> 00:23:26,660 Au sommet, DOCTYPE HTML, c'est familier. 511 00:23:26,660 --> 00:23:30,650 Ensuite, nous voyons la balise HTML et ouvert la tête, ici, tous les 512 00:23:30,650 --> 00:23:34,350 de ces balises meta. 513 00:23:34,350 --> 00:23:38,000 Et vous pouvez voir ce og, pas va entrer dans les détails. 514 00:23:38,000 --> 00:23:42,110 Mais je suis presque à ce ceux qui seraient Facebook. 515 00:23:42,110 --> 00:23:42,900 >> C'est en fait le Facebook. 516 00:23:42,900 --> 00:23:44,870 Je pense que représente le graphique ouvert. 517 00:23:44,870 --> 00:23:48,930 Donc me souviens, je parlais il ya Métadonnées spécifiques Faceboook vous pouvez 518 00:23:48,930 --> 00:23:49,800 donner à une page. 519 00:23:49,800 --> 00:23:51,150 C'est ce qui est juste ici. 520 00:23:51,150 --> 00:23:54,580 >> Ainsi, lorsque vous liez cette page sur Facebook, l'image qu'elle va montrer 521 00:23:54,580 --> 00:23:56,630 est-ce l'image de droite ici. 522 00:23:56,630 --> 00:23:58,310 Et vous voyez que c'est Facebook, parce que c'est 523 00:23:58,310 --> 00:23:59,470 l'image Facebook. 524 00:23:59,470 --> 00:24:00,880 >> Mais de toute façon, nous obtenons de côté. 525 00:24:00,880 --> 00:24:03,220 Nous avons donc des balises de métadonnées ici. 526 00:24:03,220 --> 00:24:05,570 Nous voyons le titre de la CS50. 527 00:24:05,570 --> 00:24:09,830 Et encore une fois, le titre est ce qui se passe ici dans l'onglet du navigateur. 528 00:24:09,830 --> 00:24:14,770 Nous voyons cela relie en, ici, un fichier JavaScript externe. 529 00:24:14,770 --> 00:24:17,640 >> Nous n'avons pas parlé beaucoup JavaScript, mais la semaine prochaine - et certainement si 530 00:24:17,640 --> 00:24:20,350 vous faites un problème ensemble basé sur le Web, vous allez utiliser JavaScript. 531 00:24:20,350 --> 00:24:23,540 C'est ainsi que vous vous connectez en externe Fichiers JavaScript. 532 00:24:23,540 --> 00:24:31,970 Nous voyons ici, enfin, la CSS feuille de style, qui documente les 533 00:24:31,970 --> 00:24:32,830 styles de ce code. 534 00:24:32,830 --> 00:24:37,190 >> Ne nous laissons effectivement ouvrir que jusqu'à et jetez un oeil très rapidement. 535 00:24:37,190 --> 00:24:38,440 Cela semble fou. 536 00:24:38,440 --> 00:24:40,840 537 00:24:40,840 --> 00:24:42,790 Il n'ya aucun moyen que je serais mesure à lire. 538 00:24:42,790 --> 00:24:46,930 Ainsi, vous pouvez effectivement que, si vous prenez un coup d'oeil, vous pouvez sorte de voir que 539 00:24:46,930 --> 00:24:48,650 il existe - 540 00:24:48,650 --> 00:24:49,790 là nous allons. 541 00:24:49,790 --> 00:24:53,440 >> Cela ressemble à quelque chose que nous avons vu avant, la couleur d'arrière-plan, sa mise en 542 00:24:53,440 --> 00:24:55,550 égale à une certaine valeur rouge-vert-bleu. 543 00:24:55,550 --> 00:24:59,070 Ce truc sorte de ne pas croire que étrangères, bien que, lorsqu'ils sont présentés 544 00:24:59,070 --> 00:25:00,850 comme ça, il peut être un peu écrasante. 545 00:25:00,850 --> 00:25:03,340 Nous n'allons pas à consulter ce fichier CSS ou passer beaucoup de temps là-dessus, parce que 546 00:25:03,340 --> 00:25:06,030 il est, encore une fois, assez difficile à lire. 547 00:25:06,030 --> 00:25:09,090 >> Revenons à cette page HTML pour CS50. 548 00:25:09,090 --> 00:25:10,930 Et nous allons faire défiler vers le bas pour le corps. 549 00:25:10,930 --> 00:25:14,730 Et à l'intérieur, nous voyons cette balise div. 550 00:25:14,730 --> 00:25:18,370 Nous voyons une tête ici. 551 00:25:18,370 --> 00:25:21,060 Nous voyons la balise d'ancrage. 552 00:25:21,060 --> 00:25:26,050 >> Et cet élément de la liste est donné une classe spécifique. 553 00:25:26,050 --> 00:25:28,370 Et nous voyons que la classe répété encore et encore. 554 00:25:28,370 --> 00:25:29,730 Il vous Curtis. 555 00:25:29,730 --> 00:25:32,730 Il est le commentaire en HTML5. 556 00:25:32,730 --> 00:25:36,280 >> Et comme vous le constatez, nous pouvons encore voir , mais ce n'est pas à apparaître. 557 00:25:36,280 --> 00:25:37,960 C'est effectivement très intéressant. 558 00:25:37,960 --> 00:25:40,760 Il ressemble à cette liste de scores élément est commenté. 559 00:25:40,760 --> 00:25:45,110 Si nous allons à cette page, encore une fois, il reste y apparaît, si intéressant. 560 00:25:45,110 --> 00:25:47,830 >> Oh, c'est pourquoi, parce que de cette nouvelle ligne. 561 00:25:47,830 --> 00:25:50,680 562 00:25:50,680 --> 00:25:52,735 Que voyons-nous des intérêts? 563 00:25:52,735 --> 00:25:56,640 564 00:25:56,640 --> 00:26:00,180 Le reste de ce qui est plus déroutant, dans traiter cette moitié droite de l' 565 00:26:00,180 --> 00:26:03,280 site, ce qui est un peu peu plus complexe. 566 00:26:03,280 --> 00:26:08,890 >> Donc, c'est ce que certains HTML va ressembler. 567 00:26:08,890 --> 00:26:10,990 Pour moi cependant, c'est un peu écrasante, et ce n'est pas 568 00:26:10,990 --> 00:26:12,350 m'aider beaucoup. 569 00:26:12,350 --> 00:26:16,560 Cependant, il ya quelque chose qui ne, en fait, m'aider beaucoup. 570 00:26:16,560 --> 00:26:20,490 >> Et c'est ce que j'utilise quand je suis à essayer de comprendre comment quelque chose 571 00:26:20,490 --> 00:26:24,270 regarde comme il le fait, ou comment peut- J'apporte des modifications à mon site. 572 00:26:24,270 --> 00:26:29,280 Et c'est un outil de développement qui est intégré dans Chrome. 573 00:26:29,280 --> 00:26:33,960 Donc, si vous allez à ces trois barres à droite ici et descendre à outils, cliquez sur 574 00:26:33,960 --> 00:26:40,120 Outils de développement, une petite fenêtre apparaître au bas de la page. 575 00:26:40,120 --> 00:26:46,910 Et, en particulier, de chrome, car il est merveilleux, formatera cette fenêtre et 576 00:26:46,910 --> 00:26:49,580 prendre le HTML et le faire paraître beaucoup plus agréable pour vous. 577 00:26:49,580 --> 00:26:54,860 Alors maintenant, il s'agit en fait d'une certaine pliable HTML que vous pouvez explorer à inspecter 578 00:26:54,860 --> 00:26:56,620 les éléments de la page. 579 00:26:56,620 --> 00:26:59,400 >> Si nous voulons nous pencher sur le corps, il souligne en fait. 580 00:26:59,400 --> 00:27:03,240 Lorsque vous faites défiler sur une partie de l'HTML, dans cette fenêtre, il sera 581 00:27:03,240 --> 00:27:06,530 mettre en évidence le rôle qu'elle parle sur la grande fenêtre. 582 00:27:06,530 --> 00:27:10,800 Permettez-moi encore une fois essayer de souffler ce un peu. 583 00:27:10,800 --> 00:27:12,170 OK. 584 00:27:12,170 --> 00:27:13,550 >> Donc, nous allons ouvrir le corps. 585 00:27:13,550 --> 00:27:17,280 Et je défilement au cours de cette div gauche. 586 00:27:17,280 --> 00:27:21,420 Et vous remarquerez que c'est en soulignant cette moitié gauche de l'écran. 587 00:27:21,420 --> 00:27:25,710 Donc, nous allons cliquer sur ce et développez. 588 00:27:25,710 --> 00:27:27,280 >> A l'intérieur de celui-ci, il semble que il ya deux divs. 589 00:27:27,280 --> 00:27:29,790 Il ya cette première div. 590 00:27:29,790 --> 00:27:30,760 Je ne vois pas qui a mis en évidence. 591 00:27:30,760 --> 00:27:35,900 Je ne sais pas, mais il semble que ce deuxième, à gauche intérieure, est le contenu 592 00:27:35,900 --> 00:27:37,700 sur le côté gauche de l'écran. 593 00:27:37,700 --> 00:27:39,360 >> Ensuite, il ya cette chose appelée tête. 594 00:27:39,360 --> 00:27:41,890 On dirait que c'est soulignant la partie CS50. 595 00:27:41,890 --> 00:27:46,600 Si nous ouvrons que vous, nous voyons que c'est rien de plus que la tête 1. 596 00:27:46,600 --> 00:27:51,140 Il a donné une identité, et c'est compte tenu de la CS50 de texte. 597 00:27:51,140 --> 00:27:57,240 >> Encore une fois, en regardant à travers ce console ou en utilisant les outils de développement 598 00:27:57,240 --> 00:28:00,710 volet à la partie inférieure des marques d'écran explorer ce site, je l'espère, un 599 00:28:00,710 --> 00:28:02,990 beaucoup moins intimidant et beaucoup plus accessible. 600 00:28:02,990 --> 00:28:06,360 Elle nous permet aussi de comprendre que ce site, mais il semble très 601 00:28:06,360 --> 00:28:09,210 jolie et agréable, n'est pas tant que ça plus que ce que vous allez être 602 00:28:09,210 --> 00:28:10,430 faire le problème Set 7. 603 00:28:10,430 --> 00:28:13,080 Et c'est tout à fait dans votre capacité à créer. 604 00:28:13,080 --> 00:28:14,110 >> Si nous voulons - 605 00:28:14,110 --> 00:28:18,270 l'autre chose cool à propos de l'utilisation de ces outils est, si vous faites un clic droit sur l' 606 00:28:18,270 --> 00:28:22,270 titre, vous pouvez modifier le code HTML. 607 00:28:22,270 --> 00:28:25,660 Alors appelons-Jason. 608 00:28:25,660 --> 00:28:28,990 Et maintenant, vous remarquerez que j'ai changé le code HTML de cette page. 609 00:28:28,990 --> 00:28:31,020 >> Bien sûr, je n'ai pas changé définitivement. 610 00:28:31,020 --> 00:28:34,570 Si je me rafraîchir navigateur, alors il serait revenir à la HTML d'origine. 611 00:28:34,570 --> 00:28:38,860 Mais parfois, je veux déboguer mon code, et je ne veux pas regarder juste avoir mon 612 00:28:38,860 --> 00:28:41,370 fenêtre gedit et essayer de comprendre ce qui se passe. 613 00:28:41,370 --> 00:28:42,705 >> Je veux voir ce qui se passera en direct. 614 00:28:42,705 --> 00:28:45,880 Donc, je vais modifier le code comme ceci et obtenir la façon dont je veux qu'il ressemble. 615 00:28:45,880 --> 00:28:47,960 Et puis je vais faire l' changements dans mon code. 616 00:28:47,960 --> 00:28:50,010 >> Et je trouve que c'est beaucoup plus facile quand vous pouvez faire les choses 617 00:28:50,010 --> 00:28:52,400 instantanément, comme ça. 618 00:28:52,400 --> 00:28:58,410 Dites, encore une fois, nous voulons faire un autre hasard, parce que nous étudions avec 619 00:28:58,410 --> 00:29:00,340 HTML et CSS pour le moment. 620 00:29:00,340 --> 00:29:02,600 Je peux modifier le code HTML à l'heure actuelle. 621 00:29:02,600 --> 00:29:06,680 Et je vais inclure un lien. 622 00:29:06,680 --> 00:29:10,650 >> Donc, je vais changer de domicile de CS50 page, donc il sera relié à - 623 00:29:10,650 --> 00:29:12,060 disons - ma page d'accueil. 624 00:29:12,060 --> 00:29:16,700 Quel est le nom, si quelqu'un se souvient, ou ce qui est l'attribut Je veux donner 625 00:29:16,700 --> 00:29:18,850 à une patte d'ancrage quand je veux à relier ailleurs? 626 00:29:18,850 --> 00:29:19,562 >> PUBLIC: href? 627 00:29:19,562 --> 00:29:20,812 >> JASON HIRSCHHORN: href - 628 00:29:20,812 --> 00:29:32,520 629 00:29:32,520 --> 00:29:35,750 Alors maintenant, vous verrez qu'il ya est un trait de soulignement sous Jason. 630 00:29:35,750 --> 00:29:40,170 C'est parce que Chrome, par défaut, donne ancres un trait de soulignement. 631 00:29:40,170 --> 00:29:41,990 Vous avez probablement vu que avant lorsque vous êtes allé à une page Web. 632 00:29:41,990 --> 00:29:44,200 Les choses qui sont des liens sont souligné et en bleu. 633 00:29:44,200 --> 00:29:47,300 Le style par défaut pour un lien est à souligner général 634 00:29:47,300 --> 00:29:48,830 et mettre en bleu. 635 00:29:48,830 --> 00:29:50,050 >> Si je n'aime pas, Je peux changer cela. 636 00:29:50,050 --> 00:29:51,220 Et nous allons le changer en une seconde. 637 00:29:51,220 --> 00:29:54,660 Mais maintenant, vous remarquerez également que, si je plane sur ce, en bas à gauche de l' 638 00:29:54,660 --> 00:29:58,580 écran, juste au-dessus des éléments de texte est le lien que j'ai donné il. 639 00:29:58,580 --> 00:30:03,080 >> Donc, si je l'ai fait de cliquer sur ce - et nous pouvons faites un clic droit sur cela, ouvrez un nouvel onglet. 640 00:30:03,080 --> 00:30:04,520 Ce n'est pas vraiment ma page d'accueil. 641 00:30:04,520 --> 00:30:06,700 C'est juste mon nom. 642 00:30:06,700 --> 00:30:07,210 Là vous allez. 643 00:30:07,210 --> 00:30:10,440 Nous avons maintenant la transformer en un lien. 644 00:30:10,440 --> 00:30:13,220 >> Examinons quelques-unes CSS ainsi. 645 00:30:13,220 --> 00:30:15,680 La belle chose - et je vais faire un peu plus petit - sur 646 00:30:15,680 --> 00:30:19,480 cette console est, cette feuille CSS fou nous l'avons vu, c'était vraiment 647 00:30:19,480 --> 00:30:24,130 difficile à analyser, est magnifiquement aménagé pour nous sur le côté gauche 648 00:30:24,130 --> 00:30:25,270 de ce volet. 649 00:30:25,270 --> 00:30:27,230 Donc, nous pouvons regarder. 650 00:30:27,230 --> 00:30:33,690 Et si nous élargissons cet onglet styles, nous peut voir tous les différents styles 651 00:30:33,690 --> 00:30:37,940 qui sont associés à, dans ce cas, cet élément particulier, cette 652 00:30:37,940 --> 00:30:39,700 élément de liaison. 653 00:30:39,700 --> 00:30:44,240 >> Si nous faisons l'onglet styles de composés, que nous montre juste, pas où tout 654 00:30:44,240 --> 00:30:47,450 vient, mais la quasi-totalité de ces modèles qui fonctionnent sur 655 00:30:47,450 --> 00:30:51,220 cet élément particulier en ce moment. 656 00:30:51,220 --> 00:30:55,050 Et disons, nous voulons pour changer un peu. 657 00:30:55,050 --> 00:30:58,870 658 00:30:58,870 --> 00:31:02,740 C'est donc tous les styles qui sont d'exploitation sur cet élément particulier. 659 00:31:02,740 --> 00:31:04,800 Disons que nous voulons changer, parce que nous veulent voir comment quelque chose semble. 660 00:31:04,800 --> 00:31:06,050 Et nous sommes en train de jouer autour de ce moment. 661 00:31:06,050 --> 00:31:08,720 Ou nous voulons tester quelque chose, avant écrit dans le code et en poussant 662 00:31:08,720 --> 00:31:10,150 et de le rendre vivant. 663 00:31:10,150 --> 00:31:11,780 >> Nous pouvons aller à l'onglet styles. 664 00:31:11,780 --> 00:31:14,270 Et dans la première case, il dit, element.style. 665 00:31:14,270 --> 00:31:17,020 Et ici, vous pouvez insérer, vous pouvez ajouter quelque chose. 666 00:31:17,020 --> 00:31:18,550 >> Je tiens donc à - 667 00:31:18,550 --> 00:31:22,360 Passons à mon lien et la définir la couleur d'arrière-plan. 668 00:31:22,360 --> 00:31:25,830 Et il AutoFills fait pour vous, toutes les propriétés possibles. 669 00:31:25,830 --> 00:31:29,360 La couleur de fond, et je veux pour faire que le bleu. 670 00:31:29,360 --> 00:31:31,520 Blus n'est pas un mot. 671 00:31:31,520 --> 00:31:32,400 Blue est un mot. 672 00:31:32,400 --> 00:31:34,490 >> Ai-je le vois venir? 673 00:31:34,490 --> 00:31:35,800 Oh, c'est parce que c'est dans le href? 674 00:31:35,800 --> 00:31:36,550 OK. 675 00:31:36,550 --> 00:31:40,220 Donc, je ne vois pas de changement ici. 676 00:31:40,220 --> 00:31:45,100 Et c'est parce que, si nous mettons en évidence la lien, vous remarquerez que le lien 677 00:31:45,100 --> 00:31:48,430 n'est pas effectivement commander l' propriétés de cet élément particulier. 678 00:31:48,430 --> 00:31:52,430 Il s'agit en fait, si nous ouvrons le lien, cet en-tête ici c'est 679 00:31:52,430 --> 00:31:53,590 contrôle à quoi il ressemble. 680 00:31:53,590 --> 00:31:56,380 >> Donc, si je veux faire le fond bleu, j'ai fait changer 681 00:31:56,380 --> 00:31:59,640 couleur de fond sur la élément d'en-tête. 682 00:31:59,640 --> 00:32:02,700 Et maintenant, nous voyons que le fond est bleu. 683 00:32:02,700 --> 00:32:06,770 >> Encore une fois, ce qui pourrait se passer rapidement à travers ce matériau assez rapidement. 684 00:32:06,770 --> 00:32:08,580 Mais c'est essentiellement ce vous allez faire. 685 00:32:08,580 --> 00:32:10,860 Ce n'est pas le problème Set 7, mais certainement lorsque vous êtes 686 00:32:10,860 --> 00:32:12,080 codage sur le web. 687 00:32:12,080 --> 00:32:12,360 >> OK. 688 00:32:12,360 --> 00:32:13,780 Je veux faire le fond bleu. 689 00:32:13,780 --> 00:32:16,180 Même si, dans ce cas, bleu semble assez laid. 690 00:32:16,180 --> 00:32:17,740 Je peux aller ici, jouer. 691 00:32:17,740 --> 00:32:20,515 Je vois que changer au bleu ne fonctionne pas sur l'un. 692 00:32:20,515 --> 00:32:26,710 Je dois vraiment changer l'en-tête élément à inclure le bleu 693 00:32:26,710 --> 00:32:28,200 fond. 694 00:32:28,200 --> 00:32:34,450 >> Et puis, si je reviens à mon CSS fichier, comment puis-je effectivement mis ce 695 00:32:34,450 --> 00:32:37,520 fond de bleu et faire ce changement bâton? 696 00:32:37,520 --> 00:32:44,840 Parce que si nous remarquons si je rafraîchir la page, toutes les modifications que j'ai apportées ont disparu. 697 00:32:44,840 --> 00:32:47,220 Donc, je me suis rendu, OK, mon fond est bleu. 698 00:32:47,220 --> 00:32:51,260 >> J'ai besoin d'aller dans cet élément header1 et changer la couleur de fond en bleu. 699 00:32:51,260 --> 00:32:52,710 Comment puis-je réellement faire ce changement? 700 00:32:52,710 --> 00:32:57,040 Eh bien, rappeler que, si nous allons à l'intérieur d'ici, cet en-tête, la 701 00:32:57,040 --> 00:32:59,280 titre dispose d'un ID. 702 00:32:59,280 --> 00:33:00,890 Et c'est le titre. 703 00:33:00,890 --> 00:33:09,010 >> Et si dans notre fichier CSS, nous pouvons dire, OK, prendre quoi que ce soit avec l'ID du titre et 704 00:33:09,010 --> 00:33:11,330 donner cette propriété supplémentaire. 705 00:33:11,330 --> 00:33:18,010 Comment pouvons-nous référençons quelque chose avec l' ID de titre, les idées, ou qui que ce soit 706 00:33:18,010 --> 00:33:24,406 savoir comment nous référençons ID dans notre fichier CSS? 707 00:33:24,406 --> 00:33:26,290 >> Un hachage, c'est tout à fait exact. 708 00:33:26,290 --> 00:33:28,710 Et vous avez un soupçon de ce droit ici. 709 00:33:28,710 --> 00:33:32,810 Donc, quelque part dans ce fichier CSS, il ya cette ligne de code - 710 00:33:32,810 --> 00:33:34,150 # # Gauche gauche intérieure # header # titre. 711 00:33:34,150 --> 00:33:36,810 712 00:33:36,810 --> 00:33:40,590 Et c'est ce qui lui donne en bas de la marge, définissant le fond de la marge de cette 713 00:33:40,590 --> 00:33:42,220 élément particulier. 714 00:33:42,220 --> 00:33:46,580 >> Eh bien, si je voulais changer cela, Je voudrais aller dans ce fichier CSS. 715 00:33:46,580 --> 00:33:49,510 Et je pourrais trouver ce soit partie du fichier CSS. 716 00:33:49,510 --> 00:33:50,300 Ou je pourrais écrire mon propre. 717 00:33:50,300 --> 00:33:54,670 >> Je pourrais faire hachage titre bouclés accolade et puis bleu couleur de fond du côlon 718 00:33:54,670 --> 00:33:57,250 virgule et étroite qui accolade. 719 00:33:57,250 --> 00:34:02,790 Et ce serait changer le fond couleur de cet élément au bleu. 720 00:34:02,790 --> 00:34:06,690 La raison pour laquelle ils vous donnent tellement ici est ça, c'est nécessaire dans ce cas, 721 00:34:06,690 --> 00:34:08,690 parce que le titre est un identifiant unique. 722 00:34:08,690 --> 00:34:11,190 >> Mais ce que vous pouvez faire est de choses de nidification. 723 00:34:11,190 --> 00:34:14,760 Donc, cela veut dire, OK, allez vers la gauche. 724 00:34:14,760 --> 00:34:15,350 C'est très petit. 725 00:34:15,350 --> 00:34:16,150 Je m'excuse pour cela. 726 00:34:16,150 --> 00:34:17,750 >> Mais aller à la chose avec ID gauche. 727 00:34:17,750 --> 00:34:20,420 À l'intérieur de cela, chercher la chose avec ID laissé intérieure. 728 00:34:20,420 --> 00:34:22,630 A l'intérieur de ce regard, chercher la chose avec en-tête d'identification. 729 00:34:22,630 --> 00:34:27,560 À l'intérieur de cela, regardez la chose titre d'identité et changer le titre d'identité. 730 00:34:27,560 --> 00:34:29,120 Donc, c'est juste une façon des choses de nidification. 731 00:34:29,120 --> 00:34:32,719 Certaines personnes aiment nid, car il fait un peu plus clair. 732 00:34:32,719 --> 00:34:37,980 >> Vous verrez ici aussi, à droite ici, il n'y a pas de hachage. 733 00:34:37,980 --> 00:34:39,449 C'est juste h1. 734 00:34:39,449 --> 00:34:44,060 C'est parce que h1 est donné le Nom d'un tag générique. 735 00:34:44,060 --> 00:34:48,080 Et il ya des propriétés CSS associé à chaque h1 unique. 736 00:34:48,080 --> 00:34:51,889 Donc, si j'ai trouvé un autre h1 sur cette page, Je voudrais aussi voir que ce style était 737 00:34:51,889 --> 00:34:54,280 qui lui est appliquée aussi bien. 738 00:34:54,280 --> 00:34:59,290 >> Si je voulais appliquer un style à une classe, comment puis-je faire référence à une classe ou 739 00:34:59,290 --> 00:35:02,469 parler d'une classe dans un fichier CSS? 740 00:35:02,469 --> 00:35:03,315 >> PUBLIC: Dot. 741 00:35:03,315 --> 00:35:05,340 >> JASON HIRSCHHORN: C'est avec un point. 742 00:35:05,340 --> 00:35:08,630 Donc, revenons à cette page avant. 743 00:35:08,630 --> 00:35:11,160 Si je fais hachage ID. 744 00:35:11,160 --> 00:35:14,760 Cela change le style de la chose avec ID. 745 00:35:14,760 --> 00:35:21,390 Ou désolé, si je fais logo hachage, c'est trouver la chose avec l'ID de logo 746 00:35:21,390 --> 00:35:24,010 et en lui donnant un style CSS particulier. 747 00:35:24,010 --> 00:35:28,280 >> Si je fais quelque chose dessus., C'est trouver tout avec la classe de haut et 748 00:35:28,280 --> 00:35:30,190 changer ses modèles. 749 00:35:30,190 --> 00:35:35,950 Si je ne H1 tout simplement, qui trouve chaque h1 simples et lui donne le quel que soit 750 00:35:35,950 --> 00:35:37,940 style que je veux donner. 751 00:35:37,940 --> 00:35:43,260 Si je fais espace h1, puis de haut.. 752 00:35:43,260 --> 00:35:47,670 Qui ira trouver tous les H1S puis tous ceux qui ont la classe de haut et 753 00:35:47,670 --> 00:35:51,690 alors seulement changer les styles de ce que je veux lui donner. 754 00:35:51,690 --> 00:35:54,600 >> Et encore, nous aurions pu écrire une partie de ce nous-mêmes. 755 00:35:54,600 --> 00:35:55,790 Mais nous n'aurions pas eu jusque-là. 756 00:35:55,790 --> 00:35:59,180 Bien mieux, il semble effectivement aller sur un vrai site en ligne et de voir comment 757 00:35:59,180 --> 00:36:02,800 ils le font et regardent tous la choses fantastiques que vous obtenez à faire. 758 00:36:02,800 --> 00:36:06,570 >> Regardons un autre site avant de passer. 759 00:36:06,570 --> 00:36:10,150 Et c'est celui que vous aurez probablement se familiariser avec. 760 00:36:10,150 --> 00:36:12,310 C'est CS50 Finances. 761 00:36:12,310 --> 00:36:16,120 Encore une fois, vous pouvez réellement aller et observer ce fichier CSS de votre 762 00:36:16,120 --> 00:36:19,390 ordinateur, parce que vous avez téléchargé ce fichier CSS, si vous avez téléchargé le 763 00:36:19,390 --> 00:36:20,270 problème réglé. 764 00:36:20,270 --> 00:36:26,850 >> Nous pouvons aller à Outils et Outils de développement. 765 00:36:26,850 --> 00:36:30,280 Et nous voyons une mise en page HTML beaucoup plus simple. 766 00:36:30,280 --> 00:36:32,020 Nous avons haut, au milieu, et en bas. 767 00:36:32,020 --> 00:36:34,490 Et de nouveau, quelque chose que vous devrait être familier, parce que vous avez regardé 768 00:36:34,490 --> 00:36:37,680 par l'intermédiaire du code de distribution pour le problème de cette semaine réglé. 769 00:36:37,680 --> 00:36:43,360 >> Au sommet se trouve, par le code, une seule image appelé. 770 00:36:43,360 --> 00:36:47,170 Et c'est la source de l'image. 771 00:36:47,170 --> 00:36:52,170 Dire que j'ai terminé tout ce que Je voulais pour problème Set 7. 772 00:36:52,170 --> 00:36:55,500 Et cela fonctionne correctement, mais Je veux changer quoi il ressemble. 773 00:36:55,500 --> 00:36:58,900 Et je veux changer le fond du haut de la page pour, 774 00:36:58,900 --> 00:37:01,000 par exemple, bleu. 775 00:37:01,000 --> 00:37:04,860 Si c'était moi, je viens ici et comprendre, OK ce 776 00:37:04,860 --> 00:37:05,890 que je veux changer. 777 00:37:05,890 --> 00:37:08,700 >> Voyons, div haut d'identification, que les regards comme en haut de la page. 778 00:37:08,700 --> 00:37:09,910 Alors allons-y. 779 00:37:09,910 --> 00:37:13,940 Essayons de changer la couleur de fond. 780 00:37:13,940 --> 00:37:16,360 Allons faire Alice bleu, parce c'est une chose de mieux. 781 00:37:16,360 --> 00:37:18,010 >> Et vous remarquerez que - 782 00:37:18,010 --> 00:37:19,190 vous ne pourrez probablement pas voir ça. 783 00:37:19,190 --> 00:37:23,430 Mais il ya une lumière bleu, à côté du logo de CS50. 784 00:37:23,430 --> 00:37:25,810 Changeons la place au rouge. 785 00:37:25,810 --> 00:37:28,790 Et vous remarquerez maintenant j'ai juste changé la couleur de fond pour le rouge. 786 00:37:28,790 --> 00:37:37,050 >> Alors maintenant, je voudrais aller dans mon fichier CSS et tapez # top parenthèse bouclés ici. 787 00:37:37,050 --> 00:37:42,170 Vous pouvez voir le droit de code ici, accolade. 788 00:37:42,170 --> 00:37:44,530 Et puis, je voudrais ajouter un fond couleur, rouge. 789 00:37:44,530 --> 00:37:47,500 Et puis, il y aurait être une accolade. 790 00:37:47,500 --> 00:37:52,230 Donc, c'est ce que je voudrais explorer et expérimenter mise sur le CS50 791 00:37:52,230 --> 00:37:53,070 site de Finances. 792 00:37:53,070 --> 00:37:55,060 >> Je pourrais le faire ici et essai il sur mon navigateur. 793 00:37:55,060 --> 00:37:58,130 Et puis, je pourrais aller dans mon code réel et faire les changements qui 794 00:37:58,130 --> 00:38:01,940 effectivement aller vivre et que les gens fait voir, si elles étaient à venir 795 00:38:01,940 --> 00:38:04,280 mon site spécifique. 796 00:38:04,280 --> 00:38:05,390 >> OK. 797 00:38:05,390 --> 00:38:06,850 C'était beaucoup. 798 00:38:06,850 --> 00:38:09,380 Je m'excuse de passer par si rapidement. 799 00:38:09,380 --> 00:38:12,560 Quelqu'un at-il des questions tout sur le langage HTML ou CSS? 800 00:38:12,560 --> 00:38:15,830 801 00:38:15,830 --> 00:38:24,728 >> PUBLIC: Pouvez-vous revenir sur la façon dont vous lié ce qui est devenu Jason, encore une fois? 802 00:38:24,728 --> 00:38:26,180 >> JASON HIRSCHHORN: Qu'est-ce voulez-vous dire lié? 803 00:38:26,180 --> 00:38:29,765 >> PUBLIC: Vous avez fourni un lien vers un autre site, en utilisant l'élément d'ancrage. 804 00:38:29,765 --> 00:38:32,980 >> JASON HIRSCHHORN: Alors demandez-vous, juste générique, comment vous faites un lien? 805 00:38:32,980 --> 00:38:33,560 >> PUBLIC: Ouais. 806 00:38:33,560 --> 00:38:34,150 >> JASON HIRSCHHORN: OK. 807 00:38:34,150 --> 00:38:35,575 Le code de fabrication d'un lien - 808 00:38:35,575 --> 00:38:38,180 809 00:38:38,180 --> 00:38:40,590 >> PUBLIC: Non, comme dans le code HTML. 810 00:38:40,590 --> 00:38:43,140 >> JASON HIRSCHHORN: Ici-bas, vous voulez dire? 811 00:38:43,140 --> 00:38:46,960 Donc, si je veux inclure un lien quelque part, par exemple, c'est le code HTML de mon 812 00:38:46,960 --> 00:38:50,210 page de droite ici. 813 00:38:50,210 --> 00:38:51,010 Ceci est le HTML. 814 00:38:51,010 --> 00:38:53,720 C'est peut-être ouvert dans un fichier index.html. 815 00:38:53,720 --> 00:38:56,100 Je vais po 816 00:38:56,100 --> 00:38:58,990 >> Ayons ce droit d'auteur John Harvard lien vers quelque chose. 817 00:38:58,990 --> 00:39:02,230 Nous allons donc modifier tous ce que HTML. 818 00:39:02,230 --> 00:39:08,480 Il vous suffit de comprendre l'un, de sorte encadrer un support de près la 819 00:39:08,480 --> 00:39:12,700 début, puis le support oblique un crochet fermant à la fin. 820 00:39:12,700 --> 00:39:13,930 >> Alors maintenant, j'ai inclus une balise d'ancrage. 821 00:39:13,930 --> 00:39:15,475 Et en fait, si vous cliquez sur sur ce, il va maintenant 822 00:39:15,475 --> 00:39:22,110 formater modifier en HTML. 823 00:39:22,110 --> 00:39:24,020 Et disons, nous voulons lier. 824 00:39:24,020 --> 00:39:25,760 Nous vous serions l'attribut href. 825 00:39:25,760 --> 00:39:27,010 Et nous disons - 826 00:39:27,010 --> 00:39:42,600 827 00:39:42,600 --> 00:39:47,600 >> Et maintenant, comme vous le constatez, le droit d'auteur John Harvard est bleu. 828 00:39:47,600 --> 00:39:50,870 Et quand je fais défiler sur , il est maintenant un lien. 829 00:39:50,870 --> 00:39:53,140 Ainsi, vous pouvez écrire ce code. 830 00:39:53,140 --> 00:39:57,030 Vous pouvez entourer à peu près tout que vous voulez dans une balise d'ancrage et de le transformer 831 00:39:57,030 --> 00:39:57,700 dans un lien. 832 00:39:57,700 --> 00:39:58,246 >> PUBLIC: OK. 833 00:39:58,246 --> 00:39:58,520 Je l'ai. 834 00:39:58,520 --> 00:40:01,300 >> JASON HIRSCHHORN: Et si je ne veux pas il - bien sûr, parfois, les gens ont tendance 835 00:40:01,300 --> 00:40:04,090 de penser ces choses qui ne regardent bleu générique et souligné sont 836 00:40:04,090 --> 00:40:05,860 pas la plus jolie façon de faire un lien. 837 00:40:05,860 --> 00:40:11,380 Donc, si je viens ici, vous voyez que, quelque part dans un fichier CSS, il existe 838 00:40:11,380 --> 00:40:14,500 écrit ce une puis deux accolades. 839 00:40:14,500 --> 00:40:20,700 Donc, disons que, pour les liens, je ne sais pas veulent qu'ils deviennent bleu, plutôt je 840 00:40:20,700 --> 00:40:23,645 voulez la couleur d'un lien vers être cette belle magenta. 841 00:40:23,645 --> 00:40:28,320 842 00:40:28,320 --> 00:40:30,640 >> Donnons-lui la couleur. 843 00:40:30,640 --> 00:40:34,060 844 00:40:34,060 --> 00:40:35,110 Reprenons magenta. 845 00:40:35,110 --> 00:40:38,440 Maintenant, tous les liens sur ma page ont devenue cette belle couleur magenta. 846 00:40:38,440 --> 00:40:40,170 Certaines personnes n'aiment pas les couleurs du tout. 847 00:40:40,170 --> 00:40:41,340 Certaines personnes n'aiment pas soulignés. 848 00:40:41,340 --> 00:40:42,510 Vous pouvez donc choisir. 849 00:40:42,510 --> 00:40:44,990 >> Avec des liens, vous pouvez coiffer la façon dont ils regarder une fois que vous les avez visité. 850 00:40:44,990 --> 00:40:47,820 Comme vous le remarquerez sur un grand nombre de pages, liens deviennent violettes sur vous les visitez. 851 00:40:47,820 --> 00:40:49,190 Vous pouvez modifier cette couleur ainsi. 852 00:40:49,190 --> 00:40:49,450 Ouais. 853 00:40:49,450 --> 00:40:51,790 >> PUBLIC: Donc, vous changez pour chaque lien. 854 00:40:51,790 --> 00:40:56,310 Mais si vous voulez juste faire ce lien elle-même, serait que vous venez de faire dans l'ID 855 00:40:56,310 --> 00:40:58,720 bas ou quelque chose? 856 00:40:58,720 --> 00:41:01,070 >> JASON HIRSCHHORN: Alors grande question. 857 00:41:01,070 --> 00:41:05,090 Comme vous avez remarqué ici, j'ai changé un peu partie de la CSS qui s'applique à 858 00:41:05,090 --> 00:41:11,530 tout ce qui est un A. Si je voulais juste faire le lien en bas, je 859 00:41:11,530 --> 00:41:14,500 irait à mon fichier CSS et probablement faites comme vous l'avez dit, hachage 860 00:41:14,500 --> 00:41:16,040 fond l'espace d'un. 861 00:41:16,040 --> 00:41:18,400 Et cela me donnerait tout comme dans le fond. 862 00:41:18,400 --> 00:41:30,720 >> Ou je pourrais, à défaut, de lui donner un ID unique et puis faire le lien de hachage. 863 00:41:30,720 --> 00:41:32,050 Et cela me permettra pour changer cela. 864 00:41:32,050 --> 00:41:36,170 Cependant, juste à distribuer des identifiants bon gré mal gré est généralement une mauvaise 865 00:41:36,170 --> 00:41:37,730 pratique, parce que ceux doit être unique. 866 00:41:37,730 --> 00:41:40,940 Et plus vous avez de ceux-ci, il peut être un peu déroutant. 867 00:41:40,940 --> 00:41:41,270 Ouais. 868 00:41:41,270 --> 00:41:43,725 >> PUBLIC: Pouvez-vous donner le même ID à plusieurs propriétaires? 869 00:41:43,725 --> 00:41:45,820 >> JASON HIRSCHHORN: Techniquement, oui. 870 00:41:45,820 --> 00:41:50,700 Rien ne va vous arrêter, mais vous Vous ne devriez pas devez lui donner une classe. 871 00:41:50,700 --> 00:41:55,330 872 00:41:55,330 --> 00:41:57,655 OK, d'autres questions sur le langage HTML ou CSS? 873 00:41:57,655 --> 00:42:05,660 874 00:42:05,660 --> 00:42:06,310 >> OK. 875 00:42:06,310 --> 00:42:09,950 Passons à PHP. 876 00:42:09,950 --> 00:42:10,575 Oh, oui. 877 00:42:10,575 --> 00:42:13,800 >> PUBLIC: Qu'est ce que c'est sur ces sites qui signifie que nous pouvons modifier 878 00:42:13,800 --> 00:42:15,440 avant de nous rafraîchir. 879 00:42:15,440 --> 00:42:18,270 Mais une fois que nous renouvelons il revient sauvegarder le HTML initiale? 880 00:42:18,270 --> 00:42:19,900 >> JASON HIRSCHHORN: Grande question - 881 00:42:19,900 --> 00:42:24,810 alors quand nous avons chargé ce page Web, il est HTML. 882 00:42:24,810 --> 00:42:25,900 Et c'est JavaScript. 883 00:42:25,900 --> 00:42:29,060 Son PHP est exécuté pour nous donner ce type de site que nous voyons. 884 00:42:29,060 --> 00:42:33,130 Et il est créé un fichier HTML, certains JavaScript, CSS et certains. 885 00:42:33,130 --> 00:42:35,990 Et c'est maintenant accessible par notre ordinateur. 886 00:42:35,990 --> 00:42:40,700 >> Et une copie de ces fichiers est enregistrée localement sur votre ordinateur, 887 00:42:40,700 --> 00:42:41,910 pour le moment. 888 00:42:41,910 --> 00:42:44,030 Donc, nous pouvons modifier cette copie locale. 889 00:42:44,030 --> 00:42:46,530 Mais bien sûr, nous ne sommes pas l'édition la copie sur le serveur. 890 00:42:46,530 --> 00:42:49,420 >> Et quand nous rafraîchir la page, nous obtenons une autre copie sur le serveur. 891 00:42:49,420 --> 00:42:51,250 Et si nous voyons les choses comme ils étaient. 892 00:42:51,250 --> 00:42:55,200 Si nous étions en mesure, d'ici, de modifier le site officiel, nous aurions beaucoup 893 00:42:55,200 --> 00:42:55,800 de problèmes. 894 00:42:55,800 --> 00:42:58,670 >> PUBLIC: Oui, nous pouvons lire et d'écrire cette copie. 895 00:42:58,670 --> 00:43:00,140 >> JASON HIRSCHHORN: Droit. 896 00:43:00,140 --> 00:43:04,380 Nous ne faisons que faire des changements locaux ici, mais encore une fois, très utile pour explorer, 897 00:43:04,380 --> 00:43:05,690 souvent. 898 00:43:05,690 --> 00:43:08,900 Quand j'écris mon projet final, pour exemple, je veux voir comment certains 899 00:43:08,900 --> 00:43:11,270 site réalisé quelque chose de regard la façon dont ils l'ont fait. 900 00:43:11,270 --> 00:43:17,350 Je vais y aller et utiliser ce volet en bas ici, à regarder ce qu'ils ont donné à CSS 901 00:43:17,350 --> 00:43:20,890 ou de quelle couleur ils ont choisi ou comment ils obtenu en sorte que, lorsque vous plané 902 00:43:20,890 --> 00:43:24,180 sur quelque chose, la liste est descendu dans un joli mode cascade. 903 00:43:24,180 --> 00:43:27,220 C'est un excellent moyen de contrôler ce que les autres sites font et empruntent eux. 904 00:43:27,220 --> 00:43:30,590 905 00:43:30,590 --> 00:43:33,690 >> Passons à PHP. 906 00:43:33,690 --> 00:43:38,560 PHP signifie, dans un sens récursif, Processeur PHP Hypertext. 907 00:43:38,560 --> 00:43:42,060 Et PHP, ce qu'il va faire est exécuter côté serveur de code. 908 00:43:42,060 --> 00:43:44,490 Donc, nous n'allons jamais voir le code PHP. 909 00:43:44,490 --> 00:43:47,210 >> Cependant, il ne joue bien avec HTML et génère souvent 910 00:43:47,210 --> 00:43:48,210 beaucoup de code HTML. 911 00:43:48,210 --> 00:43:52,570 Mais comme vous serez familiarisé avec le problème Set 7, votre code PHP exécutera, 912 00:43:52,570 --> 00:43:56,200 générer du code HTML, et c'est ce que l'utilisateur finira par voir. 913 00:43:56,200 --> 00:44:00,510 >> PHP est incroyablement similaire à C. Cependant, il ya un couple de 914 00:44:00,510 --> 00:44:04,400 différences et ces différences sont à noter. 915 00:44:04,400 --> 00:44:09,420 Une différence est que les variables en PHP sont faiblement typé. 916 00:44:09,420 --> 00:44:11,275 Quelqu'un at-il un sens de ce que cela signifie? 917 00:44:11,275 --> 00:44:14,245 >> PUBLIC: Pas besoin de le lancer vous-même. 918 00:44:14,245 --> 00:44:16,400 Comme aucun besoin d'écrire dans le texte. 919 00:44:16,400 --> 00:44:19,070 >> JASON HIRSCHHORN: Je ne voudrais pas utiliser le mot coulé, mais oui, pas besoin de déclarer 920 00:44:19,070 --> 00:44:20,930 un type à une variable particulière. 921 00:44:20,930 --> 00:44:22,300 Comment la place ne nous déclarons une variable? 922 00:44:22,300 --> 00:44:23,860 >> PUBLIC: Utilisez un signe de dollar. 923 00:44:23,860 --> 00:44:25,270 >> JASON HIRSCHHORN: Utilisez un signe de dollar. 924 00:44:25,270 --> 00:44:27,540 Donc $ x est une variable. 925 00:44:27,540 --> 00:44:29,580 $ 1 est une variable. 926 00:44:29,580 --> 00:44:31,910 $ String est une variable. 927 00:44:31,910 --> 00:44:36,280 >> Les variables $ x pourrait être un nombre entier. 928 00:44:36,280 --> 00:44:38,010 Ensuite, il pourrait s'agir d'une chaîne. 929 00:44:38,010 --> 00:44:39,420 Ensuite, il pourrait s'agir d'un caractère. 930 00:44:39,420 --> 00:44:40,790 Il n'a pas vraiment d'importance. 931 00:44:40,790 --> 00:44:46,360 >> En outre, la chose cool à propos de PHP est, par exemple, $ x est une chaîne de caractères. 932 00:44:46,360 --> 00:44:48,920 Et $ y est le personnage d'un. 933 00:44:48,920 --> 00:44:54,370 Vous pouvez ajouter $ x et $ y, et il va vous donner 2, ce que vous attendez. 934 00:44:54,370 --> 00:44:56,160 Donc, il ya des opérations en PHP. 935 00:44:56,160 --> 00:45:00,810 Parce qu'il est lâche variables typées, certains conversion implicite est fait pour vous 936 00:45:00,810 --> 00:45:02,330 et certaines opérations. 937 00:45:02,330 --> 00:45:04,240 >> Vous pouvez effectuer des opérations sur des choses de différents types. 938 00:45:04,240 --> 00:45:08,740 Alors qu'avant, vous obtenez souvent une erreur en C dit, ce n'est pas le type 939 00:45:08,740 --> 00:45:09,610 qui est censé aller ici. 940 00:45:09,610 --> 00:45:11,510 Seuls les choses de ce type peuvent aller ici. 941 00:45:11,510 --> 00:45:14,900 Tu ne vas pas à obtenir ce type de l'erreur, en général, en PHP. 942 00:45:14,900 --> 00:45:17,420 C'est donc une grande différence - la façon dont nous traitons avec des variables. 943 00:45:17,420 --> 00:45:20,850 >> La deuxième grande différence est que le code PHP est interprété. 944 00:45:20,850 --> 00:45:23,110 Où est, le code C est compilé. 945 00:45:23,110 --> 00:45:23,910 Qu'est-ce que ça veut dire? 946 00:45:23,910 --> 00:45:26,700 >> Eh bien, pour le code C vous avez exécuté à travers un compilateur. 947 00:45:26,700 --> 00:45:29,010 Vous avez généré un fichier binaire. 948 00:45:29,010 --> 00:45:30,770 Et vous avez exécuté ce fichier binaire. 949 00:45:30,770 --> 00:45:35,500 Vous avez pris soin de toutes les erreurs avant vous avez généré le fichier binaire. 950 00:45:35,500 --> 00:45:37,810 >> Bien sûr, il y aurait eu segmentation défauts, lorsque vous avez exécuté l' 951 00:45:37,810 --> 00:45:39,020 fichier binaire. 952 00:45:39,020 --> 00:45:45,780 Mais ce n'est pas comme vous avez oublié d'inclure la définition de printf, ou 953 00:45:45,780 --> 00:45:48,735 vous n'avez pas utilisé une variable et juste créer une variable de gaspillage. 954 00:45:48,735 --> 00:45:51,830 Ou vous n'avez pas défini une prototype de fonction. 955 00:45:51,830 --> 00:45:53,590 >> Tout ce qui s'est passé avant vous avez compilé. 956 00:45:53,590 --> 00:45:56,830 Il vous a donné toutes les erreurs ou mauvais les choses qu'il pensait peut arriver. 957 00:45:56,830 --> 00:45:59,900 Et puis, vous avez eu votre 0 et 1 fichier que vous avez exécuté. 958 00:45:59,900 --> 00:46:01,690 code PHP ne fonctionne pas comme ça. 959 00:46:01,690 --> 00:46:03,750 >> Vous allez écrire votre code PHP. 960 00:46:03,750 --> 00:46:05,820 Ensuite, vous allez enregistrer, sans doute. 961 00:46:05,820 --> 00:46:09,160 Et au moins P-Set 7, vous allez pour rafraîchir votre navigateur, et 962 00:46:09,160 --> 00:46:11,110 vous allez voir ce qui s'est passé. 963 00:46:11,110 --> 00:46:14,110 Vous allez voir le résultat de ce code PHP. 964 00:46:14,110 --> 00:46:17,450 >> Vous pouvez également voir, en haut de votre page, une erreur. 965 00:46:17,450 --> 00:46:19,960 Parce que vous aviez une certaine erreur dans votre PHP. 966 00:46:19,960 --> 00:46:22,390 Vous pouvez toujours voir le reste de la page web est à la recherche amende. 967 00:46:22,390 --> 00:46:25,130 Mais une partie est mal, et il est une erreur à cet endroit. 968 00:46:25,130 --> 00:46:28,320 Et c'est parce que cette partie de votre code PHP ne fonctionne pas. 969 00:46:28,320 --> 00:46:31,680 >> En effet, lorsque vous exécutez, lorsque vous aller à quelque chose comme by.php. 970 00:46:31,680 --> 00:46:34,950 Il va passer par votre PHP déposer ligne par ligne et l'exécuter 971 00:46:34,950 --> 00:46:36,210 alors et seulement alors. 972 00:46:36,210 --> 00:46:39,890 Il ne va pas à compiler avant de temps ou de compiler une copie puis donner 973 00:46:39,890 --> 00:46:41,570 que compilé copie à tout le monde. 974 00:46:41,570 --> 00:46:43,830 Chaque fois, il va passer par ligne par ligne et l'exécuter. 975 00:46:43,830 --> 00:46:46,620 >> Ainsi, certaines lignes peuvent travailler et afficher quelque chose de correct. 976 00:46:46,620 --> 00:46:49,500 Et d'autres lignes pourraient être cassés et la sortie d'erreur à la place. 977 00:46:49,500 --> 00:46:52,650 Ainsi, lorsque le débogage avec PHP, nous avons donné vous une ou deux choses utiles 978 00:46:52,650 --> 00:46:54,580 pour vous aider à déboguer, comme la fonction de vidage. 979 00:46:54,580 --> 00:46:56,900 >> Mais en général, vous allez pour voir ces erreurs. 980 00:46:56,900 --> 00:46:58,340 Et c'est comme ça que vous allez savez que vous avez fait quelque chose de mal. 981 00:46:58,340 --> 00:47:00,740 Mais vous allez seulement à voir l'erreur une fois que vous exécutez le code en fait. 982 00:47:00,740 --> 00:47:03,420 983 00:47:03,420 --> 00:47:08,880 >> Un autre aspect important de PHP et le développement web est l'idée de get 984 00:47:08,880 --> 00:47:09,920 par rapport à la poste. 985 00:47:09,920 --> 00:47:13,250 Quelqu'un peut-il expliquer ce que la différence entre GET et POST sont? 986 00:47:13,250 --> 00:47:17,530 987 00:47:17,530 --> 00:47:18,780 Personne - 988 00:47:18,780 --> 00:47:21,710 989 00:47:21,710 --> 00:47:21,970 Oui. 990 00:47:21,970 --> 00:47:24,495 >> PUBLIC: Ne pas l'un d'eux permet à l'utilisateur de voir les données, 991 00:47:24,495 --> 00:47:26,080 et l'un d'eux ne fonctionne pas? 992 00:47:26,080 --> 00:47:27,310 >> JASON HIRSCHHORN: Très bien. 993 00:47:27,310 --> 00:47:28,400 Ouais, avez-vous quelque chose à ajouter? 994 00:47:28,400 --> 00:47:32,622 >> PUBLIC: Je poste mince est une la variable super-globale. 995 00:47:32,622 --> 00:47:34,740 >> JASON HIRSCHHORN: Donc, ces deux variables sont donnés à vous. 996 00:47:34,740 --> 00:47:35,630 Ce ne sont que des variables. 997 00:47:35,630 --> 00:47:37,740 Et vous savez qu'ils sont les variables, car ici je 998 00:47:37,740 --> 00:47:38,780 utiliser le signe dollar. 999 00:47:38,780 --> 00:47:41,950 >> Ce sont des variables données à vous par PHP. 1000 00:47:41,950 --> 00:47:45,990 Et quand vous vous déplacez entre les pages Web, vous voulez économiser de l'information. 1001 00:47:45,990 --> 00:47:47,960 Vous voulez probablement sauver si l'utilisateur est connecté po 1002 00:47:47,960 --> 00:47:49,270 Ce n'est pas sauvé GET et POST. 1003 00:47:49,270 --> 00:47:51,390 Cela enregistrées dans quelque chose d'autre, une variable différente. 1004 00:47:51,390 --> 00:47:55,170 >> Quelqu'un sait ce que la variable qui est sauvé , ou ce que vous utilisez dans la variable 1005 00:47:55,170 --> 00:47:57,728 P-Set 7, pour s'assurer que l'utilisateur est connecté? 1006 00:47:57,728 --> 00:48:00,360 1007 00:48:00,360 --> 00:48:03,690 $ _SESSION, C'est exactement ça, probablement important de se familiariser avec 1008 00:48:03,690 --> 00:48:06,060 les noms de ces choses vous utilisez souvent. 1009 00:48:06,060 --> 00:48:10,070 >> Donc, vous utilisez la variable de session pour sauver informations de page en page. 1010 00:48:10,070 --> 00:48:11,075 C'est une variable superbe. 1011 00:48:11,075 --> 00:48:15,250 Il existe sur chaque page, peut-être comme un variable globale, si vous voulez penser 1012 00:48:15,250 --> 00:48:16,900 à ce sujet comme ça. 1013 00:48:16,900 --> 00:48:19,260 >> Il ya un couple d'autres variables qui vous permettent de transférer des informations 1014 00:48:19,260 --> 00:48:20,710 de page en page. 1015 00:48:20,710 --> 00:48:24,260 En particulier, ceux que nous allons nous concentrer sur sont l'EEG et les variables de POST. 1016 00:48:24,260 --> 00:48:29,330 En PHP ils ressemblent $ _GET Et $ _POST. 1017 00:48:29,330 --> 00:48:33,610 Et la différence, comme Marcus a rupture, entre les deux d'entre elles est que, 1018 00:48:33,610 --> 00:48:37,670 informations dans $ _GET est affiché dans l'URL. 1019 00:48:37,670 --> 00:48:41,380 >> Donc, si nous regardons ici, nous voyons un lien YouTube. 1020 00:48:41,380 --> 00:48:43,760 Nous voyons cette interrogation. 1021 00:48:43,760 --> 00:48:47,730 Nous voyons v = puis une certaine valeur. 1022 00:48:47,730 --> 00:48:53,460 Retour à cette idée de la valeur de clé paire, le v est la clé. 1023 00:48:53,460 --> 00:48:56,970 Et ici est la valeur. 1024 00:48:56,970 --> 00:49:01,030 >> Donc, si nous devions aller à cette page ou codage sur cette page, nous aurions une 1025 00:49:01,030 --> 00:49:04,000 variable nommée $ _GET. 1026 00:49:04,000 --> 00:49:11,030 Si nous sommes allés à $ _GET parenthèse ouverte "v" ferme la parenthèse, très similaire à tableau 1027 00:49:11,030 --> 00:49:15,000 notation, il s'agit d'un tableau associatif parce que nous ne sommes pas en utilisant des indices. 1028 00:49:15,000 --> 00:49:16,710 Ont été en utilisant des chaînes comme clés. 1029 00:49:16,710 --> 00:49:17,940 Mais l'idée très similaire. 1030 00:49:17,940 --> 00:49:20,520 Si nous sommes allés nous, serait obtenir cette valeur. 1031 00:49:20,520 --> 00:49:23,276 >> Sur cette page, nous serions en mesure d'utiliser cette valeur. 1032 00:49:23,276 --> 00:49:32,200 Si nous regardons en fait, nous allons aller à une page YouTube. 1033 00:49:32,200 --> 00:49:35,140 Que devrions-nous regarder la vidéo? 1034 00:49:35,140 --> 00:49:37,350 Celui-ci, sont des gens Hobbit fans? 1035 00:49:37,350 --> 00:49:40,731 >> PUBLIC: Oui. 1036 00:49:40,731 --> 00:49:44,750 >> JASON HIRSCHHORN: Donc, je copie leur URL de part et 1037 00:49:44,750 --> 00:49:46,000 coller dans une nouvelle fenêtre. 1038 00:49:46,000 --> 00:49:48,550 1039 00:49:48,550 --> 00:50:00,470 Et maintenant, si vous regardez ici, vous aurez remarquer que, une fois de plus - 1040 00:50:00,470 --> 00:50:03,170 Je vais copier et coller dans gedit, afin que nous puissions voir en plus grand. 1041 00:50:03,170 --> 00:50:16,530 1042 00:50:16,530 --> 00:50:19,720 Vous remarquerez qu'il a ce point d'interrogation. 1043 00:50:19,720 --> 00:50:22,150 Le point d'interrogation désigne que tout après cela va être 1044 00:50:22,150 --> 00:50:23,530 enregistré dans la variable get. 1045 00:50:23,530 --> 00:50:29,130 >> Il a alors le v, c'est la première clé et cette première valeur. 1046 00:50:29,130 --> 00:50:30,710 Ampersand est spécial. 1047 00:50:30,710 --> 00:50:34,340 Ampersand dit, OK, nous terminer la première valeur. 1048 00:50:34,340 --> 00:50:37,170 Nous allons maintenant passer à un autre paire de valeur de la clé. 1049 00:50:37,170 --> 00:50:41,135 Ici, la clé est appelée fonction, et la valeur est youtu.be. 1050 00:50:41,135 --> 00:50:44,010 1051 00:50:44,010 --> 00:50:50,710 >> Donc, si j'étais un codage cette page et quelqu'un est allé à cette URL et j'ai eu 1052 00:50:50,710 --> 00:50:53,190 peut-être watch.php. 1053 00:50:53,190 --> 00:50:54,150 Et je codais cela. 1054 00:50:54,150 --> 00:50:57,060 Et je pourrais utiliser la variable $ _GET. 1055 00:50:57,060 --> 00:51:02,740 Et j'aurais un v, et Je voudrais avoir une fonction. 1056 00:51:02,740 --> 00:51:07,080 >> Et si j'utilise la touche v, je obtiendrait cette valeur. 1057 00:51:07,080 --> 00:51:14,145 Et si je faisais $ _GET support "caractéristique" ferme la parenthèse, je obtenir cette valeur. 1058 00:51:14,145 --> 00:51:17,530 Encore une fois, cela ne signifie pas nécessairement s'appliquer à - 1059 00:51:17,530 --> 00:51:21,460 évidemment, les clés et les valeurs YouTube et obtenir des informations ne s'applique pas aux 1060 00:51:21,460 --> 00:51:22,700 notre problème Set 7. 1061 00:51:22,700 --> 00:51:28,450 Mais il ya certaines choses que nous passer par EEG dans notre problème Set 7. 1062 00:51:28,450 --> 00:51:33,120 Et certes, quand vous allez à une page Web ou sont coder votre propre page, le 1063 00:51:33,120 --> 00:51:36,440 $ _GET Vous sera utile lorsque votre codage. 1064 00:51:36,440 --> 00:51:41,030 >> Ce qui est une raison d'utiliser $ _GET alors, si elle n'offre aucune intimité? 1065 00:51:41,030 --> 00:51:43,170 Vous voyez toutes ces informations C'est en cours de transfert. 1066 00:51:43,170 --> 00:51:44,170 Tout est affiché à l'utilisateur. 1067 00:51:44,170 --> 00:51:49,060 Mais ce qui est l'une des raisons que vous pourriez vouloir sauver quelque chose dans $ _GET, comme 1068 00:51:49,060 --> 00:51:50,310 opposition à $ _POST? 1069 00:51:50,310 --> 00:51:52,650 1070 00:51:52,650 --> 00:51:53,900 Pourquoi pourriez-vous faire cela? 1071 00:51:53,900 --> 00:51:58,065 1072 00:51:58,065 --> 00:51:58,540 >> Très bien. 1073 00:51:58,540 --> 00:52:00,310 Je vous ai demandé dans Quiz 1. 1074 00:52:00,310 --> 00:52:02,210 Quel est le pro de $ _GET? 1075 00:52:02,210 --> 00:52:04,250 Qu'est-ce que c'est un pro? 1076 00:52:04,250 --> 00:52:04,700 Oui - 1077 00:52:04,700 --> 00:52:06,180 >> PUBLIC: Il est plus facile de partager l'information. 1078 00:52:06,180 --> 00:52:07,040 >> JASON HIRSCHHORN: Je pense que c'est très bien. 1079 00:52:07,040 --> 00:52:07,870 Il est plus facile de partager des informations. 1080 00:52:07,870 --> 00:52:09,360 Il est plus facile de mettre en signet. 1081 00:52:09,360 --> 00:52:15,260 >> Vous pouvez marquer maintenant, YouTube.com / watch v = quelque chose? Et aller 1082 00:52:15,260 --> 00:52:16,900 à cette vidéo spécifique. 1083 00:52:16,900 --> 00:52:22,020 Si YouTube a toujours fait des requêtes POST à différentes pages, toutes les URL YouTube 1084 00:52:22,020 --> 00:52:22,985 serait YouTube.com. 1085 00:52:22,985 --> 00:52:25,750 Vous ne pouviez pas mettre en signet une seule vidéo. 1086 00:52:25,750 --> 00:52:28,160 Parce que si vous dites partagé ce lien avec quelqu'un d'autre, ils ne le font pas 1087 00:52:28,160 --> 00:52:30,160 obtenir automatiquement la variable de poste. 1088 00:52:30,160 --> 00:52:33,570 Ils sont juste de ce lien, et la lien est le même pour tout le monde. 1089 00:52:33,570 --> 00:52:35,180 >> Donc, c'est un pro. 1090 00:52:35,180 --> 00:52:38,850 Il vous permet de marquer cette informations ou partager cette information 1091 00:52:38,850 --> 00:52:40,840 ou faire un peu plus convivial. 1092 00:52:40,840 --> 00:52:43,890 Bien sûr, il n'ya pas de vie privée, nous avons donc cette variable de poste. 1093 00:52:43,890 --> 00:52:47,570 Et des informations de poste n'est pas affiché dans l'URL. 1094 00:52:47,570 --> 00:52:49,200 >> Ce n'est pas tout à fait privé. 1095 00:52:49,200 --> 00:52:51,710 Mais il est légèrement plus privé. 1096 00:52:51,710 --> 00:52:55,030 Et si vous voyez cette URL ici, cs50.net. 1097 00:52:55,030 --> 00:52:59,200 Que vous soyez ou non connecté au site, il va avoir la même 1098 00:52:59,200 --> 00:53:02,600 URL, cs50.net. 1099 00:53:02,600 --> 00:53:05,940 >> De toute évidence, quelque chose est différent, si vous êtes connecté au site. 1100 00:53:05,940 --> 00:53:08,690 Vous avez, un, probablement entrer votre code PIN. 1101 00:53:08,690 --> 00:53:10,600 Et il a confirmé que avec le serveur. 1102 00:53:10,600 --> 00:53:12,650 Et c'est probablement sauver certaines autres informations. 1103 00:53:12,650 --> 00:53:14,810 Mais l'URL ne change pas du tout. 1104 00:53:14,810 --> 00:53:17,080 >> Et si c'est le cas, quand quelque chose est envoyé par la poste. 1105 00:53:17,080 --> 00:53:18,800 L'URL ne change pas. 1106 00:53:18,800 --> 00:53:21,100 Cette information n'est pas POST affiché dans l'URL. 1107 00:53:21,100 --> 00:53:26,150 Mais un état a changé, et peut-être il ya des informations enregistrées dans le 1108 00:53:26,150 --> 00:53:27,400 Variables POST. 1109 00:53:27,400 --> 00:53:30,460 1110 00:53:30,460 --> 00:53:36,880 >> Désolé. avant d'entrer dans SQL, tout questions sur PHP, en particulier, 1111 00:53:36,880 --> 00:53:41,850 questions sur des choses que nous ne vont pas plus que vous avez trouvé ou aucune syntaxe ou 1112 00:53:41,850 --> 00:53:43,855 des questions de logique sur PHP? 1113 00:53:43,855 --> 00:53:49,300 1114 00:53:49,300 --> 00:53:50,050 OK. 1115 00:53:50,050 --> 00:53:54,400 >> Le texte final vous serez interagir avec cette semaine est la 1116 00:53:54,400 --> 00:53:58,920 Structured Query Language, SQL, prononcée suite souvent. 1117 00:53:58,920 --> 00:54:01,740 Cela vous permet d'interagir avec le base de données d'une manière formalisée. 1118 00:54:01,740 --> 00:54:04,390 Et il joue très bien avec PHP. 1119 00:54:04,390 --> 00:54:09,950 >> Comme vous le verrez dans le problème Set 7, nous avons vous a donné une fonction appelée requête. 1120 00:54:09,950 --> 00:54:14,990 Et il faut une chaîne SQL et exécute cette requête sur la base de données. 1121 00:54:14,990 --> 00:54:17,470 Dans les années passées, vous n'étiez pas donné cette fonction. 1122 00:54:17,470 --> 00:54:22,250 Vous avez eu à utiliser les fonctions PHP pour faire la requête sur la base de données et le contrôle 1123 00:54:22,250 --> 00:54:24,230 pour les erreurs et obtenir des résultats. 1124 00:54:24,230 --> 00:54:26,120 >> Et en fait, ce n'est pas si difficile, car encore une fois, il joue 1125 00:54:26,120 --> 00:54:27,080 très bien avec PHP. 1126 00:54:27,080 --> 00:54:31,240 Et PHP vous donne beaucoup de fonctions pour interagir avec une base de données SQL. 1127 00:54:31,240 --> 00:54:34,810 Trop souvent, les deux ceux-ci vont de pair. 1128 00:54:34,810 --> 00:54:37,090 Bien sûr, vous pouvez interagir avec la base de données SQL avec une 1129 00:54:37,090 --> 00:54:38,400 certain nombre d'autres langues. 1130 00:54:38,400 --> 00:54:41,420 Mais PHP est un grand choix. 1131 00:54:41,420 --> 00:54:42,290 >> Une base de données - 1132 00:54:42,290 --> 00:54:46,030 nous allons passer en revue ce rapidement, car c'est un mot à la mode, nous allons 1133 00:54:46,030 --> 00:54:48,030 commencer à utiliser souvent - 1134 00:54:48,030 --> 00:54:50,140 est une collection de tables. 1135 00:54:50,140 --> 00:54:53,960 Nous pouvons donc penser dans un fichier Excel. 1136 00:54:53,960 --> 00:54:57,260 Un fichier Excel a plusieurs onglets sur le bas de l'écran. 1137 00:54:57,260 --> 00:55:03,090 Chaque onglet nous allons maintenant appeler une table, où une table est une collection de lignes. 1138 00:55:03,090 --> 00:55:04,060 >> Et ce qui est une rangée? 1139 00:55:04,060 --> 00:55:06,890 Eh bien, une ligne est la même chose dans le fichier Excel. 1140 00:55:06,890 --> 00:55:10,380 Qui vient de certaines valeurs pour chaque domaine donné ou chaque colonne donnée. 1141 00:55:10,380 --> 00:55:12,010 C'est comme une entrée dans la table. 1142 00:55:12,010 --> 00:55:16,570 C'est un étudiant, qui a une identité, une ID spécifique, et un nom spécifique et un 1143 00:55:16,570 --> 00:55:17,910 Maison spécifique. 1144 00:55:17,910 --> 00:55:19,790 >> Ainsi, une base de données est une collection des tables. 1145 00:55:19,790 --> 00:55:22,685 Et tables elles-mêmes sont un nombre de lignes ou de dossiers. 1146 00:55:22,685 --> 00:55:25,470 1147 00:55:25,470 --> 00:55:28,280 Il existe aussi, dans chaque table, certains champs. 1148 00:55:28,280 --> 00:55:32,130 Et qui spécifie ce que chaque enregistrement est devoir, parfois appelés champs 1149 00:55:32,130 --> 00:55:33,890 colonnes mais généralement appelées champs. 1150 00:55:33,890 --> 00:55:38,270 >> Dans ce tableau très simple, j'ai trois champs, un champ ID, un nom d'utilisateur 1151 00:55:38,270 --> 00:55:39,780 champ, et un champ de hachage. 1152 00:55:39,780 --> 00:55:41,300 Et j'ai trois lignes. 1153 00:55:41,300 --> 00:55:42,100 À l'heure actuelle, elles sont vides. 1154 00:55:42,100 --> 00:55:44,850 Ils ne seraient probablement pas vide si c'était ma vraie base de données. 1155 00:55:44,850 --> 00:55:50,530 >> Donc, si vous avez utilisé Excel, idée similaire à ce que vous faites dans Excel, même si, 1156 00:55:50,530 --> 00:55:54,300 évidemment, maintenant nous allons être en mesure de faire des choses beaucoup plus puissants sur le 1157 00:55:54,300 --> 00:55:56,430 l'information qui est stockée dans notre base de données. 1158 00:55:56,430 --> 00:56:00,270 Vous créez vous-même un base de données pour un problème Set 7. 1159 00:56:00,270 --> 00:56:02,820 Mais vous allez créer multiple tables dans la base de données. 1160 00:56:02,820 --> 00:56:06,950 >> Vous allez créer une base de données ou une table pour les utilisateurs. 1161 00:56:06,950 --> 00:56:12,830 Vous serez également en train de créer une table pour probablement les transactions boursières, de garder 1162 00:56:12,830 --> 00:56:15,580 une trace d'eux, parce que vous devez mettre en œuvre une fonction de l'histoire. 1163 00:56:15,580 --> 00:56:18,370 Ces deux tables auront différents domaines. 1164 00:56:18,370 --> 00:56:22,190 Par exemple, dans un domaine d'utilisateur, souhaiterez probablement leur nom d'utilisateur et un 1165 00:56:22,190 --> 00:56:24,220 ID et un hachage du mot de passe. 1166 00:56:24,220 --> 00:56:28,450 >> Dans le tableau des stocks qui permet de suivre l'histoire ou la table de l'histoire, vous 1167 00:56:28,450 --> 00:56:31,620 probablement pas besoin du nom d'utilisateur et le hachage et l'ID. 1168 00:56:31,620 --> 00:56:34,460 Vous avez probablement besoin d'un seul de ceux valeurs qui sont uniques, d'associer 1169 00:56:34,460 --> 00:56:35,830 par un utilisateur donné. 1170 00:56:35,830 --> 00:56:38,100 >> Mais alors, vous souhaitez stocker d'autres des choses comme, ce temps 1171 00:56:38,100 --> 00:56:40,630 a été faite transaction. 1172 00:56:40,630 --> 00:56:42,380 Quel magasin a été acheté ou vendu? 1173 00:56:42,380 --> 00:56:44,150 Combien de parts des actions a été acheté ou vendu? 1174 00:56:44,150 --> 00:56:48,360 Quel était le prix auquel le actions a été acheté ou vendu? 1175 00:56:48,360 --> 00:56:50,180 >> Encore une fois, vous allez être en interaction avec des bases de données qui est 1176 00:56:50,180 --> 00:56:51,350 va avoir plusieurs tables. 1177 00:56:51,350 --> 00:56:54,340 Chaque table va avoir son propre ensemble de champs. 1178 00:56:54,340 --> 00:56:58,430 Cependant, il y aura probablement une semblable domaine dans chaque tableau, que 1179 00:56:58,430 --> 00:57:00,130 les relie les uns aux autres. 1180 00:57:00,130 --> 00:57:02,660 Habituellement, il s'agit d'un champ ID. 1181 00:57:02,660 --> 00:57:07,000 >> Parce que si chaque utilisateur possède un ID unique et que vous associez à chaque ID 1182 00:57:07,000 --> 00:57:09,365 opération qui permet l'utilisateur ou toute l'histoire de cet utilisateur. 1183 00:57:09,365 --> 00:57:12,760 1184 00:57:12,760 --> 00:57:13,830 Et vous avez l'ID de l'utilisateur. 1185 00:57:13,830 --> 00:57:15,365 Vous pouvez obtenir des informations d'une seule table. 1186 00:57:15,365 --> 00:57:19,770 Vous pouvez obtenir un nom d'utilisateur, et vous peut obtenir l'ensemble de leurs opérations. 1187 00:57:19,770 --> 00:57:24,410 >> Une question sur les bases de données, ou des questions spécifiques? 1188 00:57:24,410 --> 00:57:25,240 En fait, nous allons tenir que. 1189 00:57:25,240 --> 00:57:27,410 Nous y serons dans deux côtés. 1190 00:57:27,410 --> 00:57:31,210 >> Donc, il ya quatre opérations sur les bases de données que vous allez utiliser dans 1191 00:57:31,210 --> 00:57:34,790 Problème posé 7 et susceptible jamais être utiliser. 1192 00:57:34,790 --> 00:57:38,040 La première chose que vous voulez faire est d'insérer un nouvel enregistrement dans une table ou un 1193 00:57:38,040 --> 00:57:39,960 nouvelle ligne dans une table. 1194 00:57:39,960 --> 00:57:46,070 Il s'agit de la fonction générique, l' forme générique, de cette requête SQL. 1195 00:57:46,070 --> 00:57:52,240 >> Insérer dans la table, quelle que soit colonnes vous souhaitez insérer, puis 1196 00:57:52,240 --> 00:57:58,740 les valeurs que vous allez vouloir mettre dans ces colonnes ou des champs. 1197 00:57:58,740 --> 00:58:03,980 Si vous avez plusieurs tables dans un base de données ou plusieurs bases de données, vous 1198 00:58:03,980 --> 00:58:06,630 pourrait également avoir besoin de spécifier la base de données et la table que vous voulez 1199 00:58:06,630 --> 00:58:07,980 à mettre les choses en. 1200 00:58:07,980 --> 00:58:11,390 Mais très simple, si vous voulez insérer en quelque chose, dites-vous, voici le 1201 00:58:11,390 --> 00:58:12,890 domaines que je veux insérer dans. 1202 00:58:12,890 --> 00:58:14,740 Et voici les valeurs. 1203 00:58:14,740 --> 00:58:18,840 >> Dans certains tableaux, aussi, et cet utilisateur de table est un bon exemple. 1204 00:58:18,840 --> 00:58:21,940 Probablement dans le tableau de cet utilisateur et probablement dans la table de votre utilisateur P-Set 1205 00:58:21,940 --> 00:58:24,200 7, il n'y a pas seulement une valeur de nom d'utilisateur. 1206 00:58:24,200 --> 00:58:27,100 Il n'est pas seulement une valeur de rachat, ou sur le terrain, plutôt. 1207 00:58:27,100 --> 00:58:29,140 Il existe également un champ d'ID. 1208 00:58:29,140 --> 00:58:31,110 >> Je ne vais pas à insérer ce champ ID. 1209 00:58:31,110 --> 00:58:34,020 Cela va être donné à me automatiquement, lorsqu'un 1210 00:58:34,020 --> 00:58:35,810 nouvel enregistrement est inséré. 1211 00:58:35,810 --> 00:58:37,820 Donc, il ya un domaine que vous peut configuré pour être automatique. 1212 00:58:37,820 --> 00:58:41,740 >> Peut-être que vous voulez donner à chaque utilisateur $ 10,000 d'argent au large de la chauve-souris. 1213 00:58:41,740 --> 00:58:43,470 Je n'ai donc pas besoin d'insérer un certain nombre d'espèces ici. 1214 00:58:43,470 --> 00:58:45,860 Tout ce que je besoin d'insérer est le nom d'utilisateur. 1215 00:58:45,860 --> 00:58:49,230 Et puis, le champ de trésorerie sera pré-rempli, et le champ ID sera 1216 00:58:49,230 --> 00:58:50,590 être pré-peuplée. 1217 00:58:50,590 --> 00:58:53,640 >> Donc, souvent, nous ne sommes pas l'insertion quelque chose dans tous les domaines, car 1218 00:58:53,640 --> 00:58:55,400 les autres champs sont pré-remplies. 1219 00:58:55,400 --> 00:58:58,320 Parce que c'est la façon dont nous mettre en place cette table. 1220 00:58:58,320 --> 00:59:01,280 >> La deuxième chose que vous allez voulez faire est de supprimer un enregistrement. 1221 00:59:01,280 --> 00:59:02,900 Suppression quelque chose est très simple. 1222 00:59:02,900 --> 00:59:05,660 Vous donnez la table où vous voulez de supprimer quelque chose. 1223 00:59:05,660 --> 00:59:11,202 Et vous dites, OK, je veux supprimer la enregistrement qui possède un nom d'utilisateur de Milo. 1224 00:59:11,202 --> 00:59:16,180 Ou je veux supprimer tous les enregistrements avoir un nom d'utilisateur de Milo ou qui étaient une 1225 00:59:16,180 --> 00:59:18,700 transaction de l'ID utilisateur numéro 2. 1226 00:59:18,700 --> 00:59:21,950 1227 00:59:21,950 --> 00:59:24,809 Toutes les questions sur les deux types de requêtes? 1228 00:59:24,809 --> 00:59:26,059 >> PUBLIC: [inaudible]. 1229 00:59:26,059 --> 00:59:28,721 1230 00:59:28,721 --> 00:59:30,770 >> JASON HIRSCHHORN: Oui. 1231 00:59:30,770 --> 00:59:33,530 Donc, je vais utiliser la ligne et enregistrer et une partie interchangeable 1232 00:59:33,530 --> 00:59:35,400 avec la colonne et le champ. 1233 00:59:35,400 --> 00:59:37,650 Mais une rangée est un enregistrement. 1234 00:59:37,650 --> 00:59:40,080 Une colonne est un champ, d'aller revenir à ce tableau. 1235 00:59:40,080 --> 00:59:44,210 1236 00:59:44,210 --> 00:59:45,420 >> OK. 1237 00:59:45,420 --> 00:59:47,310 La prochaine chose que vous êtes probablement aller à faire est d'obtenir une certaine 1238 00:59:47,310 --> 00:59:48,400 informations de la table. 1239 00:59:48,400 --> 00:59:50,090 C'est une requête de sélection. 1240 00:59:50,090 --> 00:59:52,330 Et encore, ce tableau je choisissais de? 1241 00:59:52,330 --> 00:59:58,370 Et ce que je veux colonne pour sélectionner ou quelle est la valeur que je veux pour sélectionner et 1242 00:59:58,370 --> 00:59:59,530 de quelle ligne? 1243 00:59:59,530 --> 01:00:01,120 >> Ainsi, le Select est un peu spécifique. 1244 01:00:01,120 --> 01:00:03,620 Je dis, OK, je veux ce tableau. 1245 01:00:03,620 --> 01:00:09,350 Et puis je veux que le nom d'utilisateur de la colonne, et Je veux de la ligne avec l'ID 2. 1246 01:00:09,350 --> 01:00:11,030 C'est une façon de faire une sélection. 1247 01:00:11,030 --> 01:00:14,180 >> Ou je peux dire, me donner tous les nom d'utilisateur unique. 1248 01:00:14,180 --> 01:00:18,200 Ou je peux dire, me donner une toute rangée de ce tableau, où 1249 01:00:18,200 --> 01:00:19,460 le nom d'utilisateur est 1. 1250 01:00:19,460 --> 01:00:22,300 Donc, il ya un couple de différentes manières à faire requêtes de sélection, en fonction de la façon dont 1251 01:00:22,300 --> 01:00:24,130 autant d'informations que vous voulez, 1252 01:00:24,130 --> 01:00:29,410 >> Vous pouvez toujours sélectionner tout de cette table spécifique, puis boucle 1253 01:00:29,410 --> 01:00:31,320 à travers elle, la cueillette les choses que vous voulez. 1254 01:00:31,320 --> 01:00:33,940 Mais gardez à l'esprit, si vous sélectionnez beaucoup de choses à partir d'une table et vous 1255 01:00:33,940 --> 01:00:37,400 avoir une très grande table, qui aura un certain temps, donc c'est mieux de ne sélectionner que 1256 01:00:37,400 --> 01:00:40,000 choses que vous allez pour finir par utiliser. 1257 01:00:40,000 --> 01:00:43,580 >> En outre, avec Select et avec tous ces d'autres commandes SQL ainsi, je suis 1258 01:00:43,580 --> 01:00:45,760 vous donnant la version dépouillée. 1259 01:00:45,760 --> 01:00:51,600 Mais dis, je sélectionne les utilisateurs et je veux de les imprimer par ordre alphabétique, 1260 01:00:51,600 --> 01:00:56,710 Je pourrais sélectionner tous les utilisateurs et puis trier les par ordre alphabétique dans mon code. 1261 01:00:56,710 --> 01:01:01,990 >> Ou il ya une façon d'écrire la sélection requête, qui sélectionne les choses dans un 1262 01:01:01,990 --> 01:01:06,580 mode alphabétique, basé hors d'un colonne spécifique, par ordre croissant ou 1263 01:01:06,580 --> 01:01:07,490 décroissant. 1264 01:01:07,490 --> 01:01:11,660 Donc, gardez à l'esprit que, beaucoup de ce que vous vouloir faire peut probablement être fait en 1265 01:01:11,660 --> 01:01:15,070 la requête par un montant supplémentaire de attribuer. 1266 01:01:15,070 --> 01:01:19,120 Donc, ne rechercher ces requêtes en ligne ou les autres choses que vous pouvez faire avec ces 1267 01:01:19,120 --> 01:01:21,410 requêtes pour en élargir la portée. 1268 01:01:21,410 --> 01:01:25,020 >> Enfin, la dernière chose que vous voulez faire est pas insérer quelque chose ou supprimer 1269 01:01:25,020 --> 01:01:26,700 quelque chose, mais plutôt mettre à jour quelque chose. 1270 01:01:26,700 --> 01:01:30,380 Et ce qui est fait avec la mise à jour requête, et encore, ce tableau. 1271 01:01:30,380 --> 01:01:32,530 Et ce changement que je veux faire? 1272 01:01:32,530 --> 01:01:35,915 Et à quelle ligne ou l'enregistrement ne Je veux faire ce changement? 1273 01:01:35,915 --> 01:01:38,720 1274 01:01:38,720 --> 01:01:40,300 Toutes les questions sur SQL? 1275 01:01:40,300 --> 01:01:47,070 1276 01:01:47,070 --> 01:01:47,310 >> OK. 1277 01:01:47,310 --> 01:01:49,080 Donc, nous avons environ 15 minutes. 1278 01:01:49,080 --> 01:01:51,460 Et c'est la dernière diapositive que j'ai. 1279 01:01:51,460 --> 01:01:55,380 Et nous espérons que, cette dernière diapositive est une bonne transition dans le problème réglé, 1280 01:01:55,380 --> 01:01:58,820 parce que la compréhension que nous voulons insérer des enregistrements, les supprimer, sélectionnez 1281 01:01:58,820 --> 01:02:03,420 eux, et les mettre à jour vont nous aider comprendre la logique plus large et de débit 1282 01:02:03,420 --> 01:02:05,570 du problème Set 7. 1283 01:02:05,570 --> 01:02:08,330 >> Donc, je sais toutes les réponses à ces questions. 1284 01:02:08,330 --> 01:02:10,570 Je ne vais pas vous dire toutes les réponses. 1285 01:02:10,570 --> 01:02:15,530 Mais si quelqu'un d'autre voudrait présenter une question au groupe ou un 1286 01:02:15,530 --> 01:02:18,700 répondre à l'une de ces questions, nous pouvons l'utiliser comme un point de sauter 1287 01:02:18,700 --> 01:02:20,311 parler de l'ensemble des problèmes. 1288 01:02:20,311 --> 01:02:24,159 1289 01:02:24,159 --> 01:02:27,260 Ou si quelqu'un a un plus générique question de l'ensemble des problèmes, n'hésitez pas 1290 01:02:27,260 --> 01:02:28,210 n'hésitez pas à demander aussi. 1291 01:02:28,210 --> 01:02:29,460 Et nous pouvons commencer par là. 1292 01:02:29,460 --> 01:02:32,840 1293 01:02:32,840 --> 01:02:35,973 Gardez à l'esprit que vous être silencieux est mal tout le monde. 1294 01:02:35,973 --> 01:02:36,376 Ouais. 1295 01:02:36,376 --> 01:02:39,540 >> PUBLIC: Alors, le seul moyen de passer variables et de différentes web 1296 01:02:39,540 --> 01:02:44,532 pages, ou le plus commode Ainsi, en utilisant POST ou GET? 1297 01:02:44,532 --> 01:02:52,380 >> JASON HIRSCHHORN: Alors oui, c'est la façon la plus commode de dire - quand 1298 01:02:52,380 --> 01:02:53,970 quelqu'un remplit un formulaire - 1299 01:02:53,970 --> 01:02:57,540 obtenir des informations sur un autre web la page, en utilisant la méthode GET ou POST. 1300 01:02:57,540 --> 01:03:00,400 1301 01:03:00,400 --> 01:03:04,320 Parce que le cadre nous utilisons dans ce jeu de problème, vous remarquerez 1302 01:03:04,320 --> 01:03:08,630 que, un grand nombre de fois, nous rendre une autre page. 1303 01:03:08,630 --> 01:03:12,420 Ou nous nous rendons dans un autre fichier, pas nécessairement une autre page. 1304 01:03:12,420 --> 01:03:14,050 >> Donc, nous passons dans une variable. 1305 01:03:14,050 --> 01:03:16,400 Et puis, il rend une page HTML en utilisant l' 1306 01:03:16,400 --> 01:03:18,220 l'information de cette variable. 1307 01:03:18,220 --> 01:03:20,790 Cela ne passe pas techniquement informations entre 1308 01:03:20,790 --> 01:03:21,910 différentes pages web. 1309 01:03:21,910 --> 01:03:24,600 Qui passe l'information entre les différents fichiers. 1310 01:03:24,600 --> 01:03:26,710 >> Et si nous pouvons utiliser n'importe quel variable pour le faire. 1311 01:03:26,710 --> 01:03:33,230 Mais oui, si nous voulions passer informations à partir d'une page en particulier à 1312 01:03:33,230 --> 01:03:36,850 une autre page, GET et POST serait être la façon de le faire. 1313 01:03:36,850 --> 01:03:43,060 1314 01:03:43,060 --> 01:03:45,765 D'autres questions sur le problème réglé? 1315 01:03:45,765 --> 01:03:49,490 1316 01:03:49,490 --> 01:03:50,150 >> OK. 1317 01:03:50,150 --> 01:03:53,660 Passons en revue, puis, un spécifique partie du problème réglé. 1318 01:03:53,660 --> 01:04:00,260 Vous allez avoir besoin de, à un moment donné, afficher le portefeuille de quelqu'un sur 1319 01:04:00,260 --> 01:04:01,710 l'écran. 1320 01:04:01,710 --> 01:04:06,454 Qu'est-ce que je veux dire quand je dis portefeuille, dans le contexte de ce problème posé? 1321 01:04:06,454 --> 01:04:11,350 >> PUBLIC: C'est comme les actions qu'ils avoir faire, de nombreuses actions dont ils sont propriétaires, 1322 01:04:11,350 --> 01:04:13,760 le prix, et le montant l'argent qu'ils ont quitté. 1323 01:04:13,760 --> 01:04:15,235 >> JASON HIRSCHHORN: Cela sonne bien. 1324 01:04:15,235 --> 01:04:19,640 Je tiens donc à afficher tous les stocks qu'ils possèdent pour chaque stock de l'entreprise 1325 01:04:19,640 --> 01:04:23,770 actions et probablement combien c'est valeur, puis une variable distincte, 1326 01:04:23,770 --> 01:04:25,960 combien d'argent qu'ils possèdent. 1327 01:04:25,960 --> 01:04:27,150 Alors dis que je veux décrire cela. 1328 01:04:27,150 --> 01:04:29,660 Commençons à parler de comment je pouvais s'y prendre, quelles sont les tables que je suis 1329 01:04:29,660 --> 01:04:31,210 allez avoir besoin d'avoir à être en mesure de le faire. 1330 01:04:31,210 --> 01:04:34,070 1331 01:04:34,070 --> 01:04:34,460 Oui - 1332 01:04:34,460 --> 01:04:37,970 >> PUBLIC: utilisateurs bien, et puis, je suppose vous pouvez faire une table appelée 1333 01:04:37,970 --> 01:04:41,920 Actions ou quelque chose comme ça, qui serait combien ils ont acheté. 1334 01:04:41,920 --> 01:04:42,660 >> JASON HIRSCHHORN: OK. 1335 01:04:42,660 --> 01:04:46,530 Donc, je vais avoir besoin d'une table appelée Les utilisateurs, qui assure le suivi de la 1336 01:04:46,530 --> 01:04:50,640 nom d'utilisateur, sans doute, probablement une pièce d'identité, probablement le mot de passe d'un individu. 1337 01:04:50,640 --> 01:04:52,850 Qu'est-ce que quelque chose d'autre que vous juste dit que c'est associé? 1338 01:04:52,850 --> 01:04:55,510 Quelqu'un d'ailleurs Michael, ce qui est autre chose qui est associé à 1339 01:04:55,510 --> 01:04:58,270 chaque utilisateur, unique pour eux? 1340 01:04:58,270 --> 01:05:00,050 >> PUBLIC: ID. 1341 01:05:00,050 --> 01:05:01,170 >> JASON HIRSCHHORN: ID - 1342 01:05:01,170 --> 01:05:03,540 ce qui est une autre chose que nous sommes probablement vouloir à 1343 01:05:03,540 --> 01:05:05,685 afficher sur cette page? 1344 01:05:05,685 --> 01:05:06,990 >> PUBLIC: Leur nom. 1345 01:05:06,990 --> 01:05:10,550 >> JASON HIRSCHHORN: Leur nom - ce qui est une autre chose se rapportant à ce 1346 01:05:10,550 --> 01:05:11,420 problème particulier mis en? 1347 01:05:11,420 --> 01:05:14,110 >> PUBLIC: Qu'est-ce que les stocks qu'ils détiennent - 1348 01:05:14,110 --> 01:05:16,650 >> JASON HIRSCHHORN: Il va y être beaucoup de ce que les stocks qu'ils possèdent. 1349 01:05:16,650 --> 01:05:19,670 Quelle est la valeur d'un bien spécifique, qu'ils vont avoir 1350 01:05:19,670 --> 01:05:22,640 qui leur sont associés? 1351 01:05:22,640 --> 01:05:25,709 Comment vont-ils acheter et de vendre leurs stocks? 1352 01:05:25,709 --> 01:05:26,595 >> PUBLIC: Cash. 1353 01:05:26,595 --> 01:05:28,100 >> JASON HIRSCHHORN: Ils sont va avoir de l'argent. 1354 01:05:28,100 --> 01:05:31,020 Ainsi, chaque utilisateur va avoir une valeur de l'argent. 1355 01:05:31,020 --> 01:05:32,360 Et cela va être unique à chaque utilisateur. 1356 01:05:32,360 --> 01:05:35,040 Ainsi, dans la table de l'utilisateur, il est sens de mettre en numéraire. 1357 01:05:35,040 --> 01:05:39,100 >> Vous pouvez, bien sûr, créer un autre table qui a des identifiants d'utilisateur et de leur 1358 01:05:39,100 --> 01:05:40,200 valeur de la trésorerie. 1359 01:05:40,200 --> 01:05:41,070 Mais il n'a pas de sens. 1360 01:05:41,070 --> 01:05:43,410 Il est logique de mettre juste tout cela dans un tableau. 1361 01:05:43,410 --> 01:05:46,860 >> Donc, nous allons avoir une table avec cette information. 1362 01:05:46,860 --> 01:05:48,360 Et puis, ce qui est l'autre table nous allons avoir? 1363 01:05:48,360 --> 01:05:49,430 Vous avez dit, une table de stocks. 1364 01:05:49,430 --> 01:05:50,680 Que mettons-nous dans la table sur les stocks? 1365 01:05:50,680 --> 01:05:55,860 1366 01:05:55,860 --> 01:05:57,530 Toute personne, les idées - 1367 01:05:57,530 --> 01:05:58,796 >> PUBLIC: La société. 1368 01:05:58,796 --> 01:06:00,020 >> JASON HIRSCHHORN: Nous allons à mettre dans le nom de l' 1369 01:06:00,020 --> 01:06:03,620 entreprise, afin AAPL pour Apple. 1370 01:06:03,620 --> 01:06:04,050 Ouais. 1371 01:06:04,050 --> 01:06:05,390 >> PUBLIC: Combien d'actions et combien ils valent. 1372 01:06:05,390 --> 01:06:08,590 >> JASON HIRSCHHORN: Combien d'actions, combien ils valent - 1373 01:06:08,590 --> 01:06:10,630 ce qui est autre chose que nous besoin dans ce tableau? 1374 01:06:10,630 --> 01:06:12,770 >> PUBLIC: Un ID utilisateur à indexer. 1375 01:06:12,770 --> 01:06:14,000 >> JASON HIRSCHHORN: Un ID de l'utilisateur. 1376 01:06:14,000 --> 01:06:16,070 Donc, dans ce tableau, nous allons ont probablement - 1377 01:06:16,070 --> 01:06:18,610 disons, si c'est quelqu'un qui possède trois actions, trois rangées, chacune avec 1378 01:06:18,610 --> 01:06:23,730 que ID utilisateur ou l'utilisateur de cette personne ID, mais un nom de société différent, un 1379 01:06:23,730 --> 01:06:28,570 nombre différent d'actions vraisemblablement, et une valeur différente de prix pour chaque 1380 01:06:28,570 --> 01:06:29,820 de ces stocks. 1381 01:06:29,820 --> 01:06:34,690 1382 01:06:34,690 --> 01:06:37,130 Encore une fois, ce que je dis maintenant n'est pas nécessairement la mise en oeuvre, 1383 01:06:37,130 --> 01:06:39,150 parce que vous vous rendez compte il ya un peu plus des moyens efficaces pour la mettre en œuvre. 1384 01:06:39,150 --> 01:06:41,020 Mais c'est un bon endroit pour commencer. 1385 01:06:41,020 --> 01:06:41,430 >> OK. 1386 01:06:41,430 --> 01:06:42,830 Ce sont donc les deux tables que nous avons. 1387 01:06:42,830 --> 01:06:44,470 Maintenant, nous voulons afficher cette page. 1388 01:06:44,470 --> 01:06:48,510 Qu'est-ce que le premier type de requête nous aurions besoin de faire. 1389 01:06:48,510 --> 01:06:52,190 Sur chaque page, suppose que c'est un utilisateur est connecté, nous avons leur ID utilisateur. 1390 01:06:52,190 --> 01:06:55,480 Alors, quel est le premier type de requête que nous devons faire? 1391 01:06:55,480 --> 01:06:55,910 Ouais. 1392 01:06:55,910 --> 01:06:56,936 >> PUBLIC: Leur ID utilisateur. 1393 01:06:56,936 --> 01:07:00,090 >> JASON HIRSCHHORN: Nous avons leur ID utilisateur, quand nous commençons à code à l' 1394 01:07:00,090 --> 01:07:01,340 à partir de notre page. 1395 01:07:01,340 --> 01:07:03,880 1396 01:07:03,880 --> 01:07:06,470 Alors, quel est le premier type de requête nous besoin de faire, compte tenu de l'ID d'un utilisateur? 1397 01:07:06,470 --> 01:07:09,580 1398 01:07:09,580 --> 01:07:10,530 Nous sommes allés au cours des quatre types. 1399 01:07:10,530 --> 01:07:11,860 Il ya seulement quatre réponses possibles. 1400 01:07:11,860 --> 01:07:13,230 >> PUBLIC: Il est de sélectionner un dossier. 1401 01:07:13,230 --> 01:07:14,710 >> JASON HIRSCHHORN: A Sélectionnez - 1402 01:07:14,710 --> 01:07:19,110 nous voulons sélectionner le mode de table pour obtenir, disons, 1403 01:07:19,110 --> 01:07:20,040 leur montant d'argent. 1404 01:07:20,040 --> 01:07:22,450 Et nous pouvons imprimer le montant d'argent sur le haut de l'écran. 1405 01:07:22,450 --> 01:07:22,720 OK. 1406 01:07:22,720 --> 01:07:24,210 Quel est le prochain type de requête que nous voulons faire? 1407 01:07:24,210 --> 01:07:34,650 1408 01:07:34,650 --> 01:07:36,160 >> Nous avons d'autres choses nous devons afficher. 1409 01:07:36,160 --> 01:07:37,480 Ceux-ci sont enregistrées dans une autre table. 1410 01:07:37,480 --> 01:07:38,300 Alors, comment allons-nous faire cela? 1411 01:07:38,300 --> 01:07:40,106 >> PUBLIC: Vous choisissez pour eux. 1412 01:07:40,106 --> 01:07:42,490 >> JASON HIRSCHHORN: A Sélectionnez - encore une fois, il n'y a que quatre options. 1413 01:07:42,490 --> 01:07:44,180 Sélectionnez probablement sons comme la bonne. 1414 01:07:44,180 --> 01:07:47,510 Nous devons donc faire une autre requête de sélection, à nouveau en utilisant cet identifiant. 1415 01:07:47,510 --> 01:07:50,370 Et maintenant, nous voulons revenir non seulement un rangée, bu toutes les lignes qui correspondent à notre 1416 01:07:50,370 --> 01:07:53,200 critères, où l'ID utilisateur est égal à 1. 1417 01:07:53,200 --> 01:07:56,790 >> Et puis nous pouvons aller et laisser une boucle juste imprimer tous ceux sur l'écran, 1418 01:07:56,790 --> 01:07:59,250 peut-être imprimer la société de chacun de ceux sur l'écran. 1419 01:07:59,250 --> 01:08:02,430 Grande, qui sonne comme c'est l'affichage d'un portefeuille, pas beaucoup plus 1420 01:08:02,430 --> 01:08:03,810 compliqué que cela. 1421 01:08:03,810 --> 01:08:07,460 >> OK, l'utilisateur décide alors qu'ils ont beaucoup d'argent qui reste. 1422 01:08:07,460 --> 01:08:09,900 Et ils veulent acheter des plusieurs actions d'un stock. 1423 01:08:09,900 --> 01:08:12,580 Disons, qu'ils possèdent déjà stock trop de cette société. 1424 01:08:12,580 --> 01:08:14,110 >> Alors, ils vont à votre page d'achat. 1425 01:08:14,110 --> 01:08:16,830 Ils entrée le nom de l'entreprise. 1426 01:08:16,830 --> 01:08:20,380 Quelle est la requête, après l'entrée de la le nom de l'entreprise, que vous devez 1427 01:08:20,380 --> 01:08:22,819 exécuter prochaine? 1428 01:08:22,819 --> 01:08:23,180 Ouais. 1429 01:08:23,180 --> 01:08:23,960 >> PUBLIC: mise à jour. 1430 01:08:23,960 --> 01:08:26,670 >> JASON HIRSCHHORN: Mise à jour - et ce Table voulez-vous mettre à jour? 1431 01:08:26,670 --> 01:08:29,018 >> PUBLIC: Leur table, sur la base leur numéro d'identification? 1432 01:08:29,018 --> 01:08:31,880 >> JASON HIRSCHHORN: Donc, mettre à jour pas de table de l'utilisateur - 1433 01:08:31,880 --> 01:08:36,029 1434 01:08:36,029 --> 01:08:40,899 afin de mettre à jour le tableau des stocks, où la ID utilisateur non seulement correspond, mais la 1435 01:08:40,899 --> 01:08:43,160 Nom du stock correspond également. 1436 01:08:43,160 --> 01:08:45,660 Vous aurez une certaine valeur. 1437 01:08:45,660 --> 01:08:48,270 Et puis, vous aurez envie de prendre cette valeur et ajouter cependant beaucoup de stocks, ils 1438 01:08:48,270 --> 01:08:49,890 envie d'acheter de lui. 1439 01:08:49,890 --> 01:08:53,420 >> Donc, vous ne voulez pas aveuglément remplacer cette valeur. 1440 01:08:53,420 --> 01:08:56,330 Mais vous pouvez, en effet, prendre cette première valoriser et juste mettre à jour. 1441 01:08:56,330 --> 01:09:00,790 Vous pouvez faire comme un plus égale, plutôt que seulement un signe égal. 1442 01:09:00,790 --> 01:09:03,689 >> Qu'est-ce que c'est quelque chose que - si nous sommes penser à ce sujet et nous voulons être 1443 01:09:03,689 --> 01:09:08,090 aussi robuste que possible - nous devons faire avant de courir cette mise à jour requête? 1444 01:09:08,090 --> 01:09:09,859 Ils veulent acheter cinq années d'Apple. 1445 01:09:09,859 --> 01:09:11,030 Chaque action d'Apple est de 200 $. 1446 01:09:11,030 --> 01:09:12,762 >> PUBLIC: Nous devons vérifier l'argent d'abord. 1447 01:09:12,762 --> 01:09:15,130 >> JASON HIRSCHHORN: Nous devrions vérifier d'abord l'argent. 1448 01:09:15,130 --> 01:09:16,680 Nous devons nous assurer qu'ils avoir assez d'argent. 1449 01:09:16,680 --> 01:09:20,766 Quel type de requête que nous pouvons exécuter pour s'assurer qu'ils ont assez d'argent? 1450 01:09:20,766 --> 01:09:22,143 >> PUBLIC: Un autre Select. 1451 01:09:22,143 --> 01:09:23,680 >> JASON HIRSCHHORN: A Sélectionnez - 1452 01:09:23,680 --> 01:09:26,580 nous sélectionnons en fonction de leur ID utilisateur, pour obtenir leur valeur en espèces. 1453 01:09:26,580 --> 01:09:27,620 Faire un rapide calcul. 1454 01:09:27,620 --> 01:09:30,279 Et si cela passe Muster, ils ont assez d'argent. 1455 01:09:30,279 --> 01:09:31,580 Ensuite, nous pouvons exécuter notre mise à jour. 1456 01:09:31,580 --> 01:09:33,850 Ou peut-être, sinon, on passe alors. 1457 01:09:33,850 --> 01:09:35,370 Nous leur donnons un avertissement. 1458 01:09:35,370 --> 01:09:35,710 >> OK. 1459 01:09:35,710 --> 01:09:36,560 Dire qu'ils n'ont pas une entreprise. 1460 01:09:36,560 --> 01:09:37,310 Ils achètent une nouvelle société. 1461 01:09:37,310 --> 01:09:39,910 Ils achètent Microsoft. 1462 01:09:39,910 --> 01:09:41,910 Quel genre de questions que nous voulons faire, si ils veulent acheter Microsoft? 1463 01:09:41,910 --> 01:09:43,350 Et ils ne possèdent pas de Microsoft. 1464 01:09:43,350 --> 01:09:47,520 Non Manu, quelqu'un d'autre, quelqu'un outre Marcus? 1465 01:09:47,520 --> 01:09:48,229 Carlos - 1466 01:09:48,229 --> 01:09:50,870 >> PUBLIC: Un Select, pour s'assurer ils ont assez d'argent. 1467 01:09:50,870 --> 01:09:51,770 >> JASON HIRSCHHORN: Ça sonne bien. 1468 01:09:51,770 --> 01:09:54,815 >> PUBLIC: Et puis vous insérez sur la [inaudible]. 1469 01:09:54,815 --> 01:09:56,500 >> JASON HIRSCHHORN: Exactement, nous sommes allez vouloir insérer 1470 01:09:56,500 --> 01:09:57,800 dans la table des stocks. 1471 01:09:57,800 --> 01:09:59,370 Et nous allons vous souhaitez insérer. 1472 01:09:59,370 --> 01:10:02,510 Nous pouvons insérer leur nom d'utilisateur, le nom de la société, et le nombre d'actions 1473 01:10:02,510 --> 01:10:03,940 qu'ils veulent acheter. 1474 01:10:03,940 --> 01:10:08,040 >> Quelles sont les autres activités que des pages ou fonctionnalités que vous êtes 1475 01:10:08,040 --> 01:10:10,420 allez avoir à mettre en œuvre dans P-Set 7, que nous devrions aller plus? 1476 01:10:10,420 --> 01:10:12,160 >> PUBLIC: En fait, je n'ai type de une question sur celui-ci. 1477 01:10:12,160 --> 01:10:18,000 Avant d'afficher le portefeuille, devrait vous vérifie dans le site Web de Yahoo à 1478 01:10:18,000 --> 01:10:19,920 faire en sorte que les prix des actions n'ont pas changé? 1479 01:10:19,920 --> 01:10:21,660 >> JASON HIRSCHHORN: C'est sons comme une bonne idée. 1480 01:10:21,660 --> 01:10:27,260 Alors, que Marcus disons c'est OK, magasin les prix sont en constante évolution. 1481 01:10:27,260 --> 01:10:32,840 Dans les actions dont ils sont propriétaires table, notre table appelée stocks, nous pourrions économiser l' 1482 01:10:32,840 --> 01:10:35,360 prix de l'action, ils acheté à. 1483 01:10:35,360 --> 01:10:37,990 >> Mais cela ne semble pas que robuste, parce que le prix de l'action est 1484 01:10:37,990 --> 01:10:39,490 aller constamment de changer. 1485 01:10:39,490 --> 01:10:41,990 Donc, en fait, vous n'avez probablement pas besoin pour enregistrer le prix de l'action. 1486 01:10:41,990 --> 01:10:45,230 Mais chaque fois que vous affichez leur portefeuille, vous rafraîchir ou d'actualiser le 1487 01:10:45,230 --> 01:10:46,280 prix de l'action. 1488 01:10:46,280 --> 01:10:48,720 >> Et si vous avez - et vous avez déjà. 1489 01:10:48,720 --> 01:10:51,330 Je sais que vous avez tous regardé dans le problème définit déjà de retour. 1490 01:10:51,330 --> 01:10:55,410 Vous avez compris que nous avons écrit du code pour vous qui vous permettra 1491 01:10:55,410 --> 01:10:57,650 pour obtenir le prix d'une action, donné le nom d'une entreprise. 1492 01:10:57,650 --> 01:10:59,620 >> Alors oui, ça sonne probablement un peu plus robuste. 1493 01:10:59,620 --> 01:11:04,260 Mais ce tableau ne doit pas nécessairement pour enregistrer le prix de l'action. 1494 01:11:04,260 --> 01:11:04,720 OK. 1495 01:11:04,720 --> 01:11:07,590 Quels sont les autres fonctionnalités vous besoin pour mettre en œuvre cette semaine 1496 01:11:07,590 --> 01:11:10,340 nous pouvons parler? 1497 01:11:10,340 --> 01:11:11,590 Je veux en parler. 1498 01:11:11,590 --> 01:11:14,342 1499 01:11:14,342 --> 01:11:16,516 >> Que voulez-vous parler? 1500 01:11:16,516 --> 01:11:17,810 C'est probablement dans cette spécification. 1501 01:11:17,810 --> 01:11:20,600 Je voudrais simplement faire défiler vers le bas de la spécification et me demander le premier mot 1502 01:11:20,600 --> 01:11:21,850 vous voyez cela n'a pas de sens. 1503 01:11:21,850 --> 01:11:55,130 1504 01:11:55,130 --> 01:11:56,960 Une autre fonctionnalité - 1505 01:11:56,960 --> 01:11:57,840 Parlons un. 1506 01:11:57,840 --> 01:12:00,775 Nous allons commencer par là. 1507 01:12:00,775 --> 01:12:02,065 >> PUBLIC: Enregistrement des histoires. 1508 01:12:02,065 --> 01:12:03,960 >> JASON HIRSCHHORN: Enregistrement l'histoire, grand. 1509 01:12:03,960 --> 01:12:06,920 Donc, vous allez avoir à garder une trace d'un historique des transactions. 1510 01:12:06,920 --> 01:12:10,840 1511 01:12:10,840 --> 01:12:14,270 Donc, vous voulez garder une trace de tous les fois qu'ils achètent ou vendent un stock. 1512 01:12:14,270 --> 01:12:15,160 >> J'ai acheté mon stock. 1513 01:12:15,160 --> 01:12:18,580 Nous avons simplement dit, il est sans doute logique d'inclure un Select, pour obtenir leur 1514 01:12:18,580 --> 01:12:20,220 montant de la trésorerie et revenez. 1515 01:12:20,220 --> 01:12:25,270 Il est probablement intelligent alors d'inclure un insérer ou une mise à jour, en fonction de 1516 01:12:25,270 --> 01:12:27,720 si oui ou non ils possèdent ce stock. 1517 01:12:27,720 --> 01:12:32,740 Si nous voulons aussi garder une trace de une histoire, comment pouvons-nous faire? 1518 01:12:32,740 --> 01:12:37,530 1519 01:12:37,530 --> 01:12:38,720 Est-ce que aller dans le tableau sur les stocks? 1520 01:12:38,720 --> 01:12:39,822 >> PUBLIC: Non 1521 01:12:39,822 --> 01:12:42,130 >> JASON HIRSCHHORN: Non, il probablement va dans une autre table. 1522 01:12:42,130 --> 01:12:44,040 Parce que dites vous achetez 10 part d'Apple. 1523 01:12:44,040 --> 01:12:45,370 Ensuite, vous achetez 10 autres actions. 1524 01:12:45,370 --> 01:12:46,610 Vous voulez remorquer des registres distincts. 1525 01:12:46,610 --> 01:12:47,610 Ce sont deux opérations distinctes. 1526 01:12:47,610 --> 01:12:50,510 >> Donc, nous avons une autre table, une table de l'Histoire. 1527 01:12:50,510 --> 01:12:51,880 Encore une fois, nous achetons. 1528 01:12:51,880 --> 01:12:54,080 Nous exécutons un Select, puis une insertion ou une mise à jour. 1529 01:12:54,080 --> 01:12:56,410 Que faisons-nous maintenant? 1530 01:12:56,410 --> 01:13:00,410 Quelle est la prochaine requête, nous exécutons quand nous achetons quelque chose? 1531 01:13:00,410 --> 01:13:01,430 Nous voulons garder une trace de l'histoire. 1532 01:13:01,430 --> 01:13:01,570 Ouais. 1533 01:13:01,570 --> 01:13:05,195 >> PUBLIC: Vous voulez garder une trace de pas trop transactions. 1534 01:13:05,195 --> 01:13:07,700 >> JASON HIRSCHHORN: Eh bien, avant que nous dire ce type de transaction, 1535 01:13:07,700 --> 01:13:11,080 qu'est-ce que nous voulons - 1536 01:13:11,080 --> 01:13:13,910 Quel type de requête, Carlos, serait nous permettent de garder une trace 1537 01:13:13,910 --> 01:13:16,216 des choses en général? 1538 01:13:16,216 --> 01:13:17,860 Vous disposez de quatre suppositions. 1539 01:13:17,860 --> 01:13:18,660 Lequel pensez-vous? 1540 01:13:18,660 --> 01:13:20,835 >> PUBLIC: mise à jour. 1541 01:13:20,835 --> 01:13:22,400 >> JASON HIRSCHHORN: Non jour. 1542 01:13:22,400 --> 01:13:25,250 Quel est votre deuxième conjecture? 1543 01:13:25,250 --> 01:13:26,730 >> PUBLIC: Sélection. 1544 01:13:26,730 --> 01:13:30,020 >> JASON HIRSCHHORN: Si vous voulez garder piste de quelque chose, vous voulez probablement 1545 01:13:30,020 --> 01:13:33,310 à écrire quelque part ou l'enregistrer pour plus tard. 1546 01:13:33,310 --> 01:13:37,054 Donc, si pas à jour, alors - 1547 01:13:37,054 --> 01:13:38,310 >> PUBLIC: Insérez. 1548 01:13:38,310 --> 01:13:39,553 >> JASON HIRSCHHORN: Insertion, il nous aller. 1549 01:13:39,553 --> 01:13:44,230 Oui, si vous sélectionnez le montant de argent qu'ils ont, semble très bien. 1550 01:13:44,230 --> 01:13:45,320 Ils n'ont pas assez d'argent. 1551 01:13:45,320 --> 01:13:46,720 Cette opération ne va pas fonctionner. 1552 01:13:46,720 --> 01:13:49,440 Non, vous n'avez pas besoin de garder une trace de une transaction si elle ne fonctionne pas. 1553 01:13:49,440 --> 01:13:52,280 Ou vous pouvez, si vous voulez leur donner un moment difficile. 1554 01:13:52,280 --> 01:13:53,430 Mais vous n'avez pas à. 1555 01:13:53,430 --> 01:13:55,820 >> Ensuite, vous insérez ou mise à jour dans leur tableau des stocks. 1556 01:13:55,820 --> 01:13:57,260 Et maintenant, vous avez votre autre table. 1557 01:13:57,260 --> 01:13:59,790 Vous avez votre table ou de l'histoire tout ce que vous voulez l'appeler. 1558 01:13:59,790 --> 01:14:02,920 Et dans ce tableau, vous allez pour insérer une nouvelle ligne. 1559 01:14:02,920 --> 01:14:04,205 >> Cela va probablement disposer l'ID de l'utilisateur. 1560 01:14:04,205 --> 01:14:05,840 Il va probablement avoir le nom de l'action. 1561 01:14:05,840 --> 01:14:08,760 Il va probablement avoir une fois qu'ils l'ont fait. 1562 01:14:08,760 --> 01:14:11,500 Et dans ce cas, vous aurez probablement vous souhaitez insérer le prix. 1563 01:14:11,500 --> 01:14:13,960 Parce que pour une histoire, vous n'avez pas soin ce que le prix actuel. 1564 01:14:13,960 --> 01:14:17,140 Vous vous souciez ce que le prix est quand ils ont acheté ou vendu quelque chose. 1565 01:14:17,140 --> 01:14:21,530 >> Ainsi, il semble que, pour mettre en œuvre achat associe pleinement un certain nombre de différents 1566 01:14:21,530 --> 01:14:25,530 requêtes SQL, mais honnêtement, pas code qui bien ensemble. 1567 01:14:25,530 --> 01:14:26,330 OK. 1568 01:14:26,330 --> 01:14:28,840 Et qui prend soin de l'histoire. 1569 01:14:28,840 --> 01:14:30,450 >> Disons que nous voulons afficher notre histoire. 1570 01:14:30,450 --> 01:14:31,670 Nous avons parlé de l'affichage notre portefeuille. 1571 01:14:31,670 --> 01:14:33,902 Comment pourrions-nous voir notre histoire? 1572 01:14:33,902 --> 01:14:36,312 >> PUBLIC: On peut supposer que l'ordre chronologique. 1573 01:14:36,312 --> 01:14:37,920 >> JASON HIRSCHHORN: Vraisemblablement chronologiquement - 1574 01:14:37,920 --> 01:14:39,400 ce requête pensez-vous que nous aurions utilisé? 1575 01:14:39,400 --> 01:14:40,675 >> PUBLIC: Un sélectionnez. 1576 01:14:40,675 --> 01:14:41,840 >> JASON HIRSCHHORN: Une sélection - 1577 01:14:41,840 --> 01:14:46,590 sélectionnez peut-être toutes les lignes de la table qui correspondent à l'ID de l'utilisateur, puis 1578 01:14:46,590 --> 01:14:49,510 les afficher par ordre chronologique, sonne bien. 1579 01:14:49,510 --> 01:14:52,590 Avons-nous besoin d'écrire du code pour trier cette liste? 1580 01:14:52,590 --> 01:14:55,084 >> PUBLIC: Non, parce que vous avez dit nous, il ya un croissant 1581 01:14:55,084 --> 01:14:57,320 et descendant chose. 1582 01:14:57,320 --> 01:14:58,230 >> JASON HIRSCHHORN: chose? 1583 01:14:58,230 --> 01:14:59,190 >> PUBLIC: Ouais. 1584 01:14:59,190 --> 01:15:01,270 >> JASON HIRSCHHORN: Ouais. 1585 01:15:01,270 --> 01:15:09,300 OK, ne mettez pas dans le code pour moi, trie manuellement dans vos requêtes, 1586 01:15:09,300 --> 01:15:09,820 de les trier. 1587 01:15:09,820 --> 01:15:12,480 Ce code est déjà donné. 1588 01:15:12,480 --> 01:15:15,310 Vous pouvez écrire une requête de sélection qui trie les choses. 1589 01:15:15,310 --> 01:15:18,900 Trier à l'avance et puis les imprimer. 1590 01:15:18,900 --> 01:15:22,070 Il est tellement plus logique de le faire de cette façon, que dans l'autre sens. 1591 01:15:22,070 --> 01:15:22,375 Oui. 1592 01:15:22,375 --> 01:15:23,925 >> PUBLIC: Devons-nous les trier à l'avance? 1593 01:15:23,925 --> 01:15:25,976 Est-ce que vous voulez dire tri eux dans la base de données? 1594 01:15:25,976 --> 01:15:30,510 >> JASON HIRSCHHORN: La requête de sélection les retourne à vous de tri. 1595 01:15:30,510 --> 01:15:34,990 Donc le faire, plutôt que de simplement les revenir à vous dans un ordre aléatoire et 1596 01:15:34,990 --> 01:15:36,150 puis trier les vous-même. 1597 01:15:36,150 --> 01:15:36,405 Ouais. 1598 01:15:36,405 --> 01:15:39,925 >> PUBLIC: Est-il un moyen de le garder triés dans la base de données elle-même, de sorte que 1599 01:15:39,925 --> 01:15:41,355 vous n'avez pas à trier chaque fois que vous - 1600 01:15:41,355 --> 01:15:43,065 >> PUBLIC: Pouvez-vous insérer triés? 1601 01:15:43,065 --> 01:15:45,740 >> JASON HIRSCHHORN: Question - 1602 01:15:45,740 --> 01:15:49,796 Qu'importe que les choses sont triés dans la base de données? 1603 01:15:49,796 --> 01:15:50,700 >> PUBLIC: Non 1604 01:15:50,700 --> 01:15:52,240 >> JASON HIRSCHHORN: Eh bien, ils sont triés. 1605 01:15:52,240 --> 01:15:53,100 Ils sont classés par ordre chronologique. 1606 01:15:53,100 --> 01:15:55,060 Mais supposons que les choses sont triés 1607 01:15:55,060 --> 01:15:57,640 chronologiquement, de haut en bas. 1608 01:15:57,640 --> 01:15:58,930 Nous avons une forme de Google. 1609 01:15:58,930 --> 01:16:01,400 Chaque fois que quelqu'un répond à notre Google former, il vient se mettre dans le 1610 01:16:01,400 --> 01:16:02,480 bas de ce tableau. 1611 01:16:02,480 --> 01:16:07,318 Est-il important que les choses sont triés chronologiquement? 1612 01:16:07,318 --> 01:16:11,290 >> PUBLIC: Si ce n'est pas chronologique, n'avez-vous pas de faire le tri à chaque fois 1613 01:16:11,290 --> 01:16:12,920 vous prenez d'informations sur. 1614 01:16:12,920 --> 01:16:16,730 Mais si elle est déjà triée, tu ne peux pas ne pas avoir à le faire plus 1615 01:16:16,730 --> 01:16:17,570 appel de fonction? 1616 01:16:17,570 --> 01:16:20,690 >> JASON HIRSCHHORN: C'est en fait un bon point. 1617 01:16:20,690 --> 01:16:23,690 Pour nous, programmeurs, il peut avoir son importance. 1618 01:16:23,690 --> 01:16:26,190 Et nous pourrions trouver une base de données qui ne trie pas les choses 1619 01:16:26,190 --> 01:16:26,900 chronologiquement. 1620 01:16:26,900 --> 01:16:30,100 Ou mettre en place notre base de données, afin qu'il garde les choses triées par ID utilisateur. 1621 01:16:30,100 --> 01:16:34,060 >> Donc, de cette façon, par exemple, nous avons 1000 ID utilisateur. 1622 01:16:34,060 --> 01:16:36,690 Ou Facebook, nous avons des millions d'ID utilisateur. 1623 01:16:36,690 --> 01:16:39,560 Nous ne voulons pas que notre table pour être juste aléatoire ou notre base de données pour être aléatoire. 1624 01:16:39,560 --> 01:16:41,630 Ce serait bien si tous les ID utilisateur ont été triés. 1625 01:16:41,630 --> 01:16:46,020 Alors nous pourrions effectuer des recherches binaires sur notre table et ensuite trouver le juste 1626 01:16:46,020 --> 01:16:47,050 morceau spécifique. 1627 01:16:47,050 --> 01:16:50,640 >> Alors oui, en fonction de - si nous avons réduit jusqu'à, nous pourrions trouver une base de données 1628 01:16:50,640 --> 01:16:53,370 que les choses gardés triés dans un autre Ainsi, de telle sorte que ces requêtes 1629 01:16:53,370 --> 01:16:54,140 prendrait moins de temps. 1630 01:16:54,140 --> 01:16:56,820 Et nous n'avons pas eu à passer par notre base de données entière dans chaque rangée dans 1631 01:16:56,820 --> 01:16:58,260 une table donnée. 1632 01:16:58,260 --> 01:17:01,640 Mais le niveau que nous y travaillons, nous n'ont pas besoin de vous soucier de garder 1633 01:17:01,640 --> 01:17:02,270 les choses triées. 1634 01:17:02,270 --> 01:17:06,100 Nous pouvons supposer que le temps qu'il faut cette requête à exécuter va être 1635 01:17:06,100 --> 01:17:08,910 négligeable, compte tenu de ce nous avons affaire. 1636 01:17:08,910 --> 01:17:13,550 Mais oui, bonne idée - que nous extrapoler, il pourrait être judicieux de concevoir notre 1637 01:17:13,550 --> 01:17:15,390 base de données dans un peu d'une manière différente. 1638 01:17:15,390 --> 01:17:18,520 >> Une conception de base de données dernière chose que je veux parler ainsi, parce que vous voulez 1639 01:17:18,520 --> 01:17:22,660 être classé ou inscrit plutôt sur la conception de votre base de données. 1640 01:17:22,660 --> 01:17:24,160 Nous en avons parlé. 1641 01:17:24,160 --> 01:17:27,490 Cash est unique à chaque utilisateur. 1642 01:17:27,490 --> 01:17:30,820 Donc, vous avez une trésorerie de table appelée que a leur ID utilisateur et leur quantité de 1643 01:17:30,820 --> 01:17:33,370 trésorerie, puis une table appelée utilisateurs qui a son utilisateur 1644 01:17:33,370 --> 01:17:34,810 ID et un nom d'utilisateur. 1645 01:17:34,810 --> 01:17:37,390 >> Ces tableaux carte sur chaque autre un-à-un. 1646 01:17:37,390 --> 01:17:39,520 Il est probablement raisonnable pour qu'ils soient d'une table. 1647 01:17:39,520 --> 01:17:42,750 1648 01:17:42,750 --> 01:17:44,830 Donc, supposons que vous avez un utilisateur tableau qui permet de suivre 1649 01:17:44,830 --> 01:17:46,220 les noms d'utilisateur et de l'argent. 1650 01:17:46,220 --> 01:17:49,960 Vous avez maintenant une table qui a la une personne détient des stocks. 1651 01:17:49,960 --> 01:17:52,130 >> Et un individu peut posséder plus d'un stock. 1652 01:17:52,130 --> 01:17:54,900 Donc, ceux-ci ne correspondent pas sur chacun un à l'autre. 1653 01:17:54,900 --> 01:18:00,140 Il n'a pas de sens d'avoir un géant table qui a 30 enregistrements 1654 01:18:00,140 --> 01:18:02,960 tout répéter un nom d'utilisateur, que tous les répéter un mot de passe, que tout 1655 01:18:02,960 --> 01:18:04,680 répéter un certain nombre d'espèces. 1656 01:18:04,680 --> 01:18:08,360 Mais chacun a peut-être un stock différent nom ou un cours de différent. 1657 01:18:08,360 --> 01:18:11,310 >> Il n'a pas de sens d'avoir que de nombreuses grandes enregistrements. 1658 01:18:11,310 --> 01:18:14,880 Soyez intelligent sur lorsque vous créez ces bases de données, de sorte que vous ne faites pas 1659 01:18:14,880 --> 01:18:20,050 quelque chose de stupide comme ça, répéter beaucoup d'informations inutiles. 1660 01:18:20,050 --> 01:18:20,570 >> OK. 1661 01:18:20,570 --> 01:18:22,570 Nous avons deux minutes. 1662 01:18:22,570 --> 01:18:26,580 Gens de l'extérieur sont très heureux de rejoindre nous ou probablement, sans doute, 1663 01:18:26,580 --> 01:18:27,650 démarrer leur propre classe. 1664 01:18:27,650 --> 01:18:30,110 Quelqu'un at-il des questions avant que nous finissons? 1665 01:18:30,110 --> 01:18:35,520 1666 01:18:35,520 --> 01:18:38,620 >> OK, c'était en effet un tourbillon à travers tout. 1667 01:18:38,620 --> 01:18:43,510 Je m'excuse qu'il devait être si rapide et que nous ne pouvions pas être aussi pratique sur 1668 01:18:43,510 --> 01:18:46,640 cette semaine comme je l'aurais fait aimé être. 1669 01:18:46,640 --> 01:18:50,610 Mais si vous avez des questions sur tout ce que nous sommes allés au-dessus ou quoi que ce soit dans 1670 01:18:50,610 --> 01:18:52,090 ce problème réglé - 1671 01:18:52,090 --> 01:18:54,900 En supposant que vous avez lu et mettez dans un effort de bonne foi - 1672 01:18:54,900 --> 01:18:57,920 n'hésitez pas à m'envoyer un email ou contactez-moi. 1673 01:18:57,920 --> 01:19:00,960 Je suis plus qu'heureux de travailler par votre code avec vous ou de répondre 1674 01:19:00,960 --> 01:19:02,330 questions que vous avez. 1675 01:19:02,330 --> 01:19:06,160 >> Gardez à l'esprit que, cette semaine, beaucoup de votre temps sera consacré à l'apprentissage de la 1676 01:19:06,160 --> 01:19:10,730 nouvelle syntaxe et d'essayer de comprendre comment écrire des requêtes SQL ou PHP 1677 01:19:10,730 --> 01:19:14,280 fonctions ou accord avec un framework MVC. 1678 01:19:14,280 --> 01:19:17,290 Une grande partie de votre temps cette semaine probablement ne sera pas à essayer de comprendre la 1679 01:19:17,290 --> 01:19:19,380 logique folle que nous sommes vous demande de faire. 1680 01:19:19,380 --> 01:19:23,820 Beaucoup d'entre elles nous venons de voir est relativement simple. 1681 01:19:23,820 --> 01:19:25,790 >> Donc, cela ne signifie pas attendu jusqu'à la dernière minute. 1682 01:19:25,790 --> 01:19:29,710 Mais cela ne signifie ajuster la façon dont vous faites votre travailler en conséquence, pour s'assurer 1683 01:19:29,710 --> 01:19:30,970 vous comprendre et l'apprentissage de la syntaxe. 1684 01:19:30,970 --> 01:19:33,640 Donc vous n'êtes pas, tout d'un coup, sachant exactement ce que vous voulez faire, 1685 01:19:33,640 --> 01:19:37,200 mais avec aucune idée de comment exactement l'écrire. 1686 01:19:37,200 --> 01:19:38,450 OK, je vais vous voir la semaine prochaine. 1687 01:19:38,450 --> 01:19:40,438