1 00:00:00,000 --> 00:00:08,802 2 00:00:08,802 --> 00:00:11,140 >> Jason Hirschhorn: Welcome todos a oito semanas. 3 00:00:11,140 --> 00:00:13,420 Temos unha semana emocionante na nosa fronte. 4 00:00:13,420 --> 00:00:21,390 Vostedes teñen mergullou neste últimos de conferencias para PHP, SQL, HTML, CSS, de xeito 5 00:00:21,390 --> 00:00:27,270 catro linguas nova marca que van para asumir o resto do curso. 6 00:00:27,270 --> 00:00:30,750 Tamén imos aprender un par doutro linguas antes de fin de curso. 7 00:00:30,750 --> 00:00:35,200 Pero de calquera xeito, é necesario dicir, esta é unha momento moi emocionante en CS50, agora 8 00:00:35,200 --> 00:00:41,200 domina C, ostensivamente, e son pasar programación para sitios web. 9 00:00:41,200 --> 00:00:45,320 >> Entón, esta semana, estamos indo a ir en un rápido tour por catro 10 00:00:45,320 --> 00:00:50,200 linguas que acabo de mencionar, HTML, CSS, PHP e SQL. 11 00:00:50,200 --> 00:00:53,340 E, esperamos, imos deixar moito tempo ao final da sección de falar 12 00:00:53,340 --> 00:00:58,800 sobre set P esta semana e resposta calquera dúbida que todos teñen. 13 00:00:58,800 --> 00:01:03,500 >> Cada semana, a mesma lista de recursos para ti, para axudar coa semana de 14 00:01:03,500 --> 00:01:05,780 conxunto de problemas e indo sobre o material - 15 00:01:05,780 --> 00:01:09,440 pero esta semana, en particular, para estes conxuntos de problemas con base na web, hai unha 16 00:01:09,440 --> 00:01:12,350 serie de outros recursos para fóra alí que probablemente vai 17 00:01:12,350 --> 00:01:13,500 atopar incrible útil. 18 00:01:13,500 --> 00:01:14,670 Eu telos aquí. 19 00:01:14,670 --> 00:01:17,570 Vou enviar correo-e que esta tras sección, e iso tamén estar en liña. 20 00:01:17,570 --> 00:01:21,700 >> Pero, en particular, hai unha abundancia de grandes recursos alí fora. 21 00:01:21,700 --> 00:01:24,380 Hai tamén algúns non tan grande queridos, por iso moito coidado con estes. 22 00:01:24,380 --> 00:01:28,210 Pero neste foto, eu teño catro bos recursos, un para cada un dos 23 00:01:28,210 --> 00:01:30,600 idiomas que estará a traballar con esta semana - 24 00:01:30,600 --> 00:01:35,090 unha folla de referencia para HTML, unha folla de referencia para CSS. 25 00:01:35,090 --> 00:01:38,320 Este aquí é a guía de PHP. 26 00:01:38,320 --> 00:01:42,110 >> Entón, en vez do home de escritura e, a continuación, un PHP mando, que é o lugar onde faría 27 00:01:42,110 --> 00:01:46,980 ir buscar o prototipo da función e exemplos e tamén algúns consellos e 28 00:01:46,980 --> 00:01:48,770 trucos para usar funcións PHP. 29 00:01:48,770 --> 00:01:51,590 Vai usar este sitio web, moitas veces, eu animou-vos a facer-se 30 00:01:51,590 --> 00:01:52,280 familiarizado con el. 31 00:01:52,280 --> 00:01:55,860 Pode ser un pouco técnico, pero Tamén ofrece unha tonelada de recursos e 32 00:01:55,860 --> 00:02:00,440 exemplos para todas as funcións e mesmo outros, como forma de usar arrays ou 33 00:02:00,440 --> 00:02:01,500 distintos tipos de variables. 34 00:02:01,500 --> 00:02:03,480 Este sitio é moi útil para PHP. 35 00:02:03,480 --> 00:02:07,160 >> E, a continuación, para o SQL, se mergullou esta conxunto de problemas de semana, vai saber 36 00:02:07,160 --> 00:02:09,160 que estamos a usar unha base de datos. 37 00:02:09,160 --> 00:02:13,340 E nós acceder a este banco de datos por medio de unha interface relativamente agradable. 38 00:02:13,340 --> 00:02:15,760 Ou iso é unha forma de acceso Esta base de datos. 39 00:02:15,760 --> 00:02:19,670 A interface de usuario é chamada phpMyAdmin. 40 00:02:19,670 --> 00:02:23,400 Hai un separador SQL, o que nós imos mirar máis tarde hoxe. 41 00:02:23,400 --> 00:02:28,230 >> E podes escribir no seu SQL mostra consultas, de facer as cousas na súa base de datos 42 00:02:28,230 --> 00:02:29,780 e, a continuación, realizar estes procedementos. 43 00:02:29,780 --> 00:02:31,850 E se eles están correctos, que vai dicir, dun correcto iso. 44 00:02:31,850 --> 00:02:33,480 Se eles están incorrectas, que vai digamos, é incorrecta. 45 00:02:33,480 --> 00:02:37,260 Isto é un gran lugar para practicar o seu Consultas SQL antes de gravala-los en 46 00:02:37,260 --> 00:02:39,990 seu código, para asegurarse de que ten o formato correcto. 47 00:02:39,990 --> 00:02:42,080 >> Finalmente, outro sitio. 48 00:02:42,080 --> 00:02:45,390 Este é o sitio web onde podes ir e asegúrese de seu 49 00:02:45,390 --> 00:02:47,520 Código HTML é válido. 50 00:02:47,520 --> 00:02:51,250 Entón, antes de virar un problema establecer esta semana, asegúrese de todos 51 00:02:51,250 --> 00:02:52,690 seu HTML é válido. 52 00:02:52,690 --> 00:02:55,840 >> A semana pasada, tiña corrido Valgrind, para asegúrese de que non tiña perdas de memoria. 53 00:02:55,840 --> 00:02:59,050 Esta semana, ten que estar seguro de todo do seu código é HTML5 válido. 54 00:02:59,050 --> 00:03:02,140 Se non é HTML5 válido, está vai conseguir puntos fóra. 55 00:03:02,140 --> 00:03:03,110 >> Por iso, asegúrese - 56 00:03:03,110 --> 00:03:05,700 só porque non funciona significa que é completamente válido. 57 00:03:05,700 --> 00:03:09,770 Executa o código a través deste sitio web antes de virar-lo dentro 58 00:03:09,770 --> 00:03:10,810 Unha vez máis, aquí está o sitio. 59 00:03:10,810 --> 00:03:15,150 >> Se ten calquera producto para min, temos un par de máis seccións esquerda, 60 00:03:15,150 --> 00:03:18,100 e eu sempre quero facer o que poida para proporcionar-lle todo coa mellor sección 61 00:03:18,100 --> 00:03:19,460 experiencia posible. 62 00:03:19,460 --> 00:03:22,115 Entón deixe-me saber se hai algo que eu pode facer para mellorar ou se hai 63 00:03:22,115 --> 00:03:24,730 cousas que ve que eu podería facer mellor. 64 00:03:24,730 --> 00:03:25,710 Grazas, Avi. 65 00:03:25,710 --> 00:03:27,610 Poñelas na páxina web. 66 00:03:27,610 --> 00:03:31,870 >> Esta foi a bicicleta que eu tiven cando foi, digamos, catro na casa. 67 00:03:31,870 --> 00:03:34,500 É unha Tartaruga Ninja Teenage Mutante ciclismo, no caso de que non se pode dicir, 68 00:03:34,500 --> 00:03:35,345 por que é un pouco embaçado. 69 00:03:35,345 --> 00:03:38,900 Pode obterse agora en ToysRUs para, creo, preto de 100 dólares. 70 00:03:38,900 --> 00:03:42,690 >> Pero a característica desta moto que quero prestan atención son estes 71 00:03:42,690 --> 00:03:43,480 ben aquí. 72 00:03:43,480 --> 00:03:44,980 Estas son as Rodas pequenas. 73 00:03:44,980 --> 00:03:50,230 Ata agora, ten sido handheld mediante C. E tivemos un longo 74 00:03:50,230 --> 00:03:53,610 vez, dous meses máis, pasar por C. 75 00:03:53,610 --> 00:03:55,440 >> Para estes próximos dous idiomas, nós non imos 76 00:03:55,440 --> 00:03:56,600 pasar moito tempo. 77 00:03:56,600 --> 00:03:58,350 As Rodas pequenas están saíndo. 78 00:03:58,350 --> 00:04:01,360 E nós estamos indo a mergullo estes linguas rapidamente e moverse a través 79 00:04:01,360 --> 00:04:04,720 los rapidamente, o que non quere dicir que nós só estamos indo a deixar natación 80 00:04:04,720 --> 00:04:07,590 aí fóra, con ningunha forma de apoiar si ou descubrir como estes 81 00:04:07,590 --> 00:04:08,270 linguas funcionan. 82 00:04:08,270 --> 00:04:10,750 Eu só mostre unha lista de recursos para axudar. 83 00:04:10,750 --> 00:04:14,560 >> Pero teña presente que o PHP é incrible semellante ao C. Imos pasar por riba de 84 00:04:14,560 --> 00:04:15,970 hoxe e algúns dos cambios. 85 00:04:15,970 --> 00:04:17,990 Pero, na maior parte, existen para loops. 86 00:04:17,990 --> 00:04:18,750 Hai se as condicións. 87 00:04:18,750 --> 00:04:20,680 >> Cando quere resolver un problema, vai empregar un 88 00:04:20,680 --> 00:04:22,029 combinación destes. 89 00:04:22,029 --> 00:04:22,920 É moi similar. 90 00:04:22,920 --> 00:04:26,040 A lóxica debe ser moi semellante ao o que fixo no pasado. 91 00:04:26,040 --> 00:04:29,810 Que é realmente novo esta semana é a sintaxe e como se expresa. 92 00:04:29,810 --> 00:04:32,850 E quere escribir un loop for, pero pode parecer un pouco diferente. 93 00:04:32,850 --> 00:04:35,910 Ou quere crear unha matriz, pero pode parecer un pouco diferente. 94 00:04:35,910 --> 00:04:39,920 >> Polo tanto, teña presente que, movendo-se para a fronte, a lóxica é moi semellante ao que 95 00:04:39,920 --> 00:04:41,020 que fixo no pasado. 96 00:04:41,020 --> 00:04:44,030 Pero agora está indo a estar atopando unha morea de nova sintaxe. 97 00:04:44,030 --> 00:04:47,600 E nós non imos levalo a través todos os elementos de sintaxe. 98 00:04:47,600 --> 00:04:53,020 Entón, é realmente ata que descubrir, en liña ou a través de estender a man en 99 00:04:53,020 --> 00:04:58,770 Discutir ou enviando-me ou falar con uns ós outros, como escribir as cousas en 100 00:04:58,770 --> 00:05:02,580 PHP e como escribir consultas SQL e como usar HTML e CSS. 101 00:05:02,580 --> 00:05:06,160 >> Pero só para ti saber, non é iso estamos intentando xoga-lo por aí 102 00:05:06,160 --> 00:05:07,630 novo para nadar os tiburóns. 103 00:05:07,630 --> 00:05:10,600 Isto é o que probablemente vai facer seu proxecto final, se escolle un 104 00:05:10,600 --> 00:05:15,150 linguaxe diferente, como iOS e Objective C, ou se decide comezar 105 00:05:15,150 --> 00:05:17,580 programación no futuro e mergullo noutros idiomas, 106 00:05:17,580 --> 00:05:19,210 como Python ou Ruby. 107 00:05:19,210 --> 00:05:23,380 >> Moitas veces, a lóxica é moi semellante en todas as linguas, eo 108 00:05:23,380 --> 00:05:24,560 sintaxe é que é diferente. 109 00:05:24,560 --> 00:05:27,560 E será ata, como o programador, para ir utilizar a web 110 00:05:27,560 --> 00:05:30,790 recursos dispoñibles para ti e figura a forma de expresar o que sabe 111 00:05:30,790 --> 00:05:33,200 para expresar en C, nunha idioma distinto. 112 00:05:33,200 --> 00:05:36,410 Polo tanto, esta é unha boa práctica, tanto para a súa proxecto final, e unha vez máis, por 113 00:05:36,410 --> 00:05:40,150 o que probablemente vai facer despois de saír CS50. 114 00:05:40,150 --> 00:05:42,550 >> Antes de seguir adiante, fai calquera ten algunha dúbida sobre o que 115 00:05:42,550 --> 00:05:43,800 Eu teño feito ata agora? 116 00:05:43,800 --> 00:05:52,450 117 00:05:52,450 --> 00:05:53,120 Grande. 118 00:05:53,120 --> 00:05:53,910 Imos seguir adiante. 119 00:05:53,910 --> 00:05:59,090 >> En primeiro lugar, imos falar brevemente sobre a orde chmod. 120 00:05:59,090 --> 00:06:02,420 Iso, imos facer ao comezo dos seus problemas de definir. 121 00:06:02,420 --> 00:06:05,050 Unha das primeiras instrucións para ti, despois que baixar o 122 00:06:05,050 --> 00:06:09,280 código de distribución, é a modificación da permisos dos ficheiros e 123 00:06:09,280 --> 00:06:11,350 directorios que recibe. 124 00:06:11,350 --> 00:06:16,430 >> Alguén pode arriscar un palpite ou sabe por iso que é importante para cambiar a 125 00:06:16,430 --> 00:06:20,012 permisos de certos ficheiros e directorios no seu ordenador? 126 00:06:20,012 --> 00:06:20,956 Avi - 127 00:06:20,956 --> 00:06:24,796 >> Audiencia: Entón ninguén, excepto para podes ver o que está facendo? 128 00:06:24,796 --> 00:06:25,470 >> Jason Hirschhorn: Aceptar. 129 00:06:25,470 --> 00:06:28,330 Polo tanto, se queremos poñer algo na web e ten permisos definidas que 130 00:06:28,330 --> 00:06:30,960 só pode ver algo, entón ninguén máis pode 131 00:06:30,960 --> 00:06:32,530 ver o que creou. 132 00:06:32,530 --> 00:06:33,380 Que máis? 133 00:06:33,380 --> 00:06:34,320 É. 134 00:06:34,320 --> 00:06:37,360 >> Audiencia: Evitar calquera outra persoa que Non quero ver algo, desde 135 00:06:37,360 --> 00:06:37,870 ver algo. 136 00:06:37,870 --> 00:06:38,820 >> Jason Hirschhorn: Isto é certo tamén. 137 00:06:38,820 --> 00:06:40,730 Probablemente hai algún código que escribe, que non 138 00:06:40,730 --> 00:06:42,690 quero que a xente vexan. 139 00:06:42,690 --> 00:06:46,190 Probablemente está OK con xente a ver seu HTML e seu JavaScript. 140 00:06:46,190 --> 00:06:50,360 Pero o PHP, un código de back-end, unha morea de a lóxica ao seu código, quizais o 141 00:06:50,360 --> 00:06:53,200 cousas que almacenan algunhas das súas claves para a súa base de datos, non 142 00:06:53,200 --> 00:06:55,880 quero que a xente vexan que tipo de información. 143 00:06:55,880 --> 00:06:59,420 >> Polo tanto, é importante que, cada arquivo e directorio que creamos ten permisos 144 00:06:59,420 --> 00:07:03,660 aplicable á posibilidade ou non queremos persoas para ver estes tipos de ficheiros e 145 00:07:03,660 --> 00:07:08,030 directorios e poder acceder a eles e, potencialmente, incluso cambia-los. 146 00:07:08,030 --> 00:07:09,920 >> Así, existen tres tipos de permisos. 147 00:07:09,920 --> 00:07:14,980 Hai un permiso de lectura, o que significa pode ler un arquivo ou unha lista a 148 00:07:14,980 --> 00:07:16,490 contido do directorio. 149 00:07:16,490 --> 00:07:20,820 Hai o permiso de escritura, o que significa que pode cambiar un ficheiro ou cambio 150 00:07:20,820 --> 00:07:24,910 un directorio e, a continuación, executar o permiso, o que significa que pode 151 00:07:24,910 --> 00:07:31,060 executar un ficheiro ou mellor, pode mover-se nun directorio. 152 00:07:31,060 --> 00:07:34,470 Entón algo CD, se ten o permiso para executalo, pode mover 153 00:07:34,470 --> 00:07:37,300 ao directorio. 154 00:07:37,300 --> 00:07:38,510 >> Este é un breve exemplo. 155 00:07:38,510 --> 00:07:40,700 Unha vez máis, foi ao longo deste no conxunto de problemas. 156 00:07:40,700 --> 00:07:44,630 Pero eu crear un directorio coa orde mkdir. 157 00:07:44,630 --> 00:07:46,320 Eu cambiar os permisos. 158 00:07:46,320 --> 00:07:48,505 Estas dúas liñas realmente facer exactamente o mesmo. 159 00:07:48,505 --> 00:07:52,580 Isto é para ilustrar que a sintaxe cambiar os permisos, se fai 160 00:07:52,580 --> 00:07:55,600 a a + x ou 711, estas son as mesmas. 161 00:07:55,600 --> 00:07:57,550 >> Nós miramos para abaixo nesta mesa agradable. 162 00:07:57,550 --> 00:07:59,960 Vemos que hai de usuario permisos primeiro. 163 00:07:59,960 --> 00:08:03,280 É vostede, o individuo, e servidor, potencialmente. 164 00:08:03,280 --> 00:08:05,070 E despois hai o grupo e outros. 165 00:08:05,070 --> 00:08:09,350 As diferenzas entre os dous son relativamente triviais. 166 00:08:09,350 --> 00:08:11,170 Entón, xeralmente, imos agrupar aqueles en conxunto. 167 00:08:11,170 --> 00:08:14,380 >> Pero, esencialmente, se temos un arquivo chamado inclúe que queremos ser 168 00:08:14,380 --> 00:08:18,760 capaces de nos editar e que queremos outros para poder realizar, 169 00:08:18,760 --> 00:08:20,560 é o permiso 711. 170 00:08:20,560 --> 00:08:22,390 E vemos que abaixo aquí nesta mesa. 171 00:08:22,390 --> 00:08:24,730 Temos unha lectura, gravación e execución. 172 00:08:24,730 --> 00:08:26,790 Para cada un de nós, queremos ser capaz de facer aquelas. 173 00:08:26,790 --> 00:08:30,160 Grupo e outros, nós só queremos que sexan capaces de realizar. 174 00:08:30,160 --> 00:08:33,860 >> A nosa forma de traducir isto a un número de 175 00:08:33,860 --> 00:08:36,870 permiso é a través de binario. 176 00:08:36,870 --> 00:08:41,780 Entón, se temos tres uns, iso é un 1 na columna queridos, un 1 nos pares 177 00:08:41,780 --> 00:08:43,049 columna, unha columna dun dos catro. 178 00:08:43,049 --> 00:08:45,180 Isto é 7 alí mesmo. 179 00:08:45,180 --> 00:08:47,450 E esa autorización é 1. 180 00:08:47,450 --> 00:08:48,390 Este permiso é 1. 181 00:08:48,390 --> 00:08:54,200 Entón, 711 cando é a mesma que dar nos ler, escribir e executar, 182 00:08:54,200 --> 00:08:56,660 e todos os outros dereitos de execución. 183 00:08:56,660 --> 00:08:59,180 >> Esta liña aquí, xeralmente terá que ler e escribir cando 184 00:08:59,180 --> 00:09:00,250 crear un directorio. 185 00:09:00,250 --> 00:09:04,650 Polo tanto, esta liña aquí só engade realizar dereitos de todos. 186 00:09:04,650 --> 00:09:07,450 Así que sería semellante a, en Ademais de que temos, 187 00:09:07,450 --> 00:09:09,930 suma de 1, 1, 1 a todos. 188 00:09:09,930 --> 00:09:13,880 >> Considerando que é necesario engadir ler e escribir. 189 00:09:13,880 --> 00:09:16,130 Pero se está indo a usar os números, non pode simplemente engadir algo. 190 00:09:16,130 --> 00:09:19,070 Substituír o que quere que fose permiso alí e implementar los co novo 191 00:09:19,070 --> 00:09:20,920 número que dá. 192 00:09:20,920 --> 00:09:21,930 Iso foi moi rápido. 193 00:09:21,930 --> 00:09:24,115 Alguén ten algunha dúbida sobre como cambiar permisos? 194 00:09:24,115 --> 00:09:28,460 195 00:09:28,460 --> 00:09:28,950 >> Aceptar. 196 00:09:28,950 --> 00:09:32,480 Se eu tivera un arquivo PHP, que permisos quero que ten? 197 00:09:32,480 --> 00:09:36,638 198 00:09:36,638 --> 00:09:38,780 É dicir, o conxunto de especificacións problema. 199 00:09:38,780 --> 00:09:41,590 Así, pode ollar para a especificación e logo, le-me a resposta. 200 00:09:41,590 --> 00:09:45,820 201 00:09:45,820 --> 00:09:48,605 >> Audiencia: Quere que o usuario ter permisos de lectura e escritura. 202 00:09:48,605 --> 00:09:51,080 E quere que todo o mundo máis o que non ten nada. 203 00:09:51,080 --> 00:09:53,060 >> Jason Hirschhorn: E o números é isto? 204 00:09:53,060 --> 00:09:53,480 >> Audiencia: 600. 205 00:09:53,480 --> 00:09:54,840 >> Jason Hirschhorn: 600. 206 00:09:54,840 --> 00:09:59,550 Entón chmod 600 - sempre que imprime un arquivo PHP, chmod-lo para 600. 207 00:09:59,550 --> 00:10:00,370 Aceptar. 208 00:10:00,370 --> 00:10:01,890 Eu teño un directorio. 209 00:10:01,890 --> 00:10:04,870 Alguén ademais de Jeff, Eu teño unha carpeta de arquivo. 210 00:10:04,870 --> 00:10:08,060 Cales os permisos que quero para dar a esa carpeta - 211 00:10:08,060 --> 00:10:11,620 tamén no conxunto de problemas de especificación, debaixo esta resposta ou 212 00:10:11,620 --> 00:10:14,840 a resposta anterior? 213 00:10:14,840 --> 00:10:16,160 Tamén potencialmente no slide - 214 00:10:16,160 --> 00:10:16,450 Marcus. 215 00:10:16,450 --> 00:10:17,230 >> Audiencia: Para o 216 00:10:17,230 --> 00:10:18,180 cartafol, é 711. 217 00:10:18,180 --> 00:10:19,590 Jason Hirschhorn: 711 - 218 00:10:19,590 --> 00:10:21,230 entón un cartafol, quere dar 711. 219 00:10:21,230 --> 00:10:25,280 Quere ser capaz de ler este cartafol, cambiar os directorios, moverse en 220 00:10:25,280 --> 00:10:25,785 esa carpeta. 221 00:10:25,785 --> 00:10:28,865 E quere que todo o mundo sexa capaz para navegar dentro desa carpeta, pero 222 00:10:28,865 --> 00:10:30,790 non necesariamente cambiar o seu contido. 223 00:10:30,790 --> 00:10:33,720 E sobre un arquivo non PHP, dicir, un arquivo JavaScript? 224 00:10:33,720 --> 00:10:36,090 Cales os permisos que queremos para dar este tipo de ficheiro? 225 00:10:36,090 --> 00:10:37,020 >> Audiencia: 644. 226 00:10:37,020 --> 00:10:38,030 >> Jason Hirschhorn: 644 - 227 00:10:38,030 --> 00:10:40,010 por iso queremos darlle 644? 228 00:10:40,010 --> 00:10:42,880 >> Audiencia: Para permitir que outros lelo. 229 00:10:42,880 --> 00:10:44,840 E ler ou escribir. 230 00:10:44,840 --> 00:10:48,540 >> Jason Hirschhorn: Entón, así, todo o mundo máis pode ler o ficheiro JavaScript. 231 00:10:48,540 --> 00:10:51,420 E pode cambiar isto, ademais para poder lelo. 232 00:10:51,420 --> 00:10:54,970 Así, un dos erros máis comúns de persoas ter con este conxunto de problemas ea súa 233 00:10:54,970 --> 00:10:58,880 proxecto final, se é unha final en base á web proxecto é, eles non van ter definido 234 00:10:58,880 --> 00:11:00,170 os permisos correctos. 235 00:11:00,170 --> 00:11:03,180 E que non vai ser capaz para ver o seu sitio. 236 00:11:03,180 --> 00:11:04,840 Ou unha parte específica do seu sitio. 237 00:11:04,840 --> 00:11:06,930 >> Entón, asegúrese de axustar o permisos correctamente. 238 00:11:06,930 --> 00:11:10,730 Non basta asumir que vai facelo automáticamente para ti. 239 00:11:10,730 --> 00:11:11,500 >> Aceptar. 240 00:11:11,500 --> 00:11:15,100 Iso foi unha cousa pequena que pasamos unha boa cantidade de tempo, polo que 241 00:11:15,100 --> 00:11:16,190 podemos predica-lo. 242 00:11:16,190 --> 00:11:18,000 Imos pasar a HTML. 243 00:11:18,000 --> 00:11:20,430 >> E, de novo, para estes catro temas seguintes, imos pasar por eles 244 00:11:20,430 --> 00:11:21,600 de forma relativamente rápida. 245 00:11:21,600 --> 00:11:24,980 Entón, non dubide en me deixar en calquera tempo, se ten algunha preguntas, 246 00:11:24,980 --> 00:11:27,900 se eles están relacionados co que eu cubro ou algo de charla ou 247 00:11:27,900 --> 00:11:29,440 mesmo a partir do conxunto de problemas. 248 00:11:29,440 --> 00:11:31,690 Pare de me sempre que necesites. 249 00:11:31,690 --> 00:11:34,370 Cando chegamos ao final, imos comezar a ir sobre o conxunto de problemas. 250 00:11:34,370 --> 00:11:38,100 >> Así HTML significa HyperText Linguaxe de marcado. 251 00:11:38,100 --> 00:11:41,360 Non é unha linguaxe de programación. 252 00:11:41,360 --> 00:11:45,800 Todo o que fai é estrutura o seu contido e tamén proporcionar algunha metadatos. 253 00:11:45,800 --> 00:11:52,340 Así, por exemplo, presuntamente, moitos xa usou Facebook antes. 254 00:11:52,340 --> 00:11:56,810 E pode incluír enlaces, ou pode pór unha ligazón no seu estado. 255 00:11:56,810 --> 00:11:59,070 >> E entón, notarás que conexión sempre ten unha fermosa imaxe 256 00:11:59,070 --> 00:12:00,450 para el e texto. 257 00:12:00,450 --> 00:12:03,040 Xeralmente, é dicir, uns metadatos a unha páxina web. 258 00:12:03,040 --> 00:12:05,250 E é metadatos específicos de Facebook. 259 00:12:05,250 --> 00:12:07,780 E entón, cando o Facebook é a lectura que páxina e introducir ese link, el 260 00:12:07,780 --> 00:12:10,780 mira para os metadatos específicos, polo que sabe o que imaxe para mostrar, o que 261 00:12:10,780 --> 00:12:13,820 título a ser exhibido, eo que texto do resumo para mostrar. 262 00:12:13,820 --> 00:12:17,760 >> Así, podemos incluír metadatos con nosa páxina web usando HTML. 263 00:12:17,760 --> 00:12:21,190 E iso tamén nos axuda estrutura o contido, en xeral, o que 264 00:12:21,190 --> 00:12:25,400 queremos ir onde. 265 00:12:25,400 --> 00:12:28,240 >> Todo en HTML é un elemento. 266 00:12:28,240 --> 00:12:30,690 E elementos aquí mesmo - 267 00:12:30,690 --> 00:12:33,410 este CS50, o texto é o elemento. 268 00:12:33,410 --> 00:12:35,140 E ten algunhas marcas. 269 00:12:35,140 --> 00:12:36,690 Ten esta unha etiqueta. 270 00:12:36,690 --> 00:12:41,730 E notamos que hai unha unha no ao principio e logo unha barra de un, así 271 00:12:41,730 --> 00:12:43,960 pechando a unha cita ao final. 272 00:12:43,960 --> 00:12:46,800 Ás veces, non hai un diálogo aberto etiqueta e unha etiqueta preto. 273 00:12:46,800 --> 00:12:49,040 Hai só unha cousa. 274 00:12:49,040 --> 00:12:50,640 >> Imos ver un exemplo de que o próximo foto. 275 00:12:50,640 --> 00:12:52,640 Así, non precisa de un aberto e unha etiqueta de preto. 276 00:12:52,640 --> 00:12:59,570 Pero, para iso, estamos rematando este Elemento CS50 no Etiqueta ancora. 277 00:12:59,570 --> 00:13:03,270 E, esencialmente, estas etiquetas dicir o explorador o que facer con 278 00:13:03,270 --> 00:13:04,700 o elemento en particular. 279 00:13:04,700 --> 00:13:07,380 >> Entón, de novo, CS50 é o texto imos ver. 280 00:13:07,380 --> 00:13:10,060 E iso será un tipo de áncora. 281 00:13:10,060 --> 00:13:13,920 Anchor emprégase esencialmente enlaces a algo. 282 00:13:13,920 --> 00:13:16,000 En particular, como pode xa di, este é un 283 00:13:16,000 --> 00:13:18,950 enlace á páxina de inicio CS50. 284 00:13:18,950 --> 00:13:23,160 >> A seguinte parte da etiqueta - ou en xeral, unha parte de etiquetas son 285 00:13:23,160 --> 00:13:24,290 atributos. 286 00:13:24,290 --> 00:13:27,080 E vemos aquí, que a unha cita ten un 287 00:13:27,080 --> 00:13:29,680 atributo, este atributo href. 288 00:13:29,680 --> 00:13:32,000 E modificar unha determinada marca. 289 00:13:32,000 --> 00:13:36,100 En realidade, se é a unha das sitios ou as referencias que lle dei 290 00:13:36,100 --> 00:13:39,480 antes ou buscar a unha marca en liña, vai notar que hai unha tonelada de 291 00:13:39,480 --> 00:13:41,010 atributos potenciais. 292 00:13:41,010 --> 00:13:42,310 >> Este pode ser un dos máis comúns. 293 00:13:42,310 --> 00:13:46,090 Isto está me dicindo para crear un ligazón para o sitio web específico. 294 00:13:46,090 --> 00:13:50,260 E atribúe xeralmente son dadas, se non é dada exclusivamente, 295 00:13:50,260 --> 00:13:52,350 en pares chave-valor. 296 00:13:52,350 --> 00:13:55,380 >> Entón aquí está a clave, href. 297 00:13:55,380 --> 00:13:57,320 E o valor é este aquí. 298 00:13:57,320 --> 00:14:01,960 E iso virá a cadra máis tarde, cando comezar a usar algunhas bibliotecas para 299 00:14:01,960 --> 00:14:07,280 axudarnos a código en JavaScript ou escribir o contido HTML. 300 00:14:07,280 --> 00:14:11,120 Somos moitas veces vai ser - así como nós faría conxunto soporte 0 e que 301 00:14:11,120 --> 00:14:12,340 nos daría un valor. 302 00:14:12,340 --> 00:14:17,190 >> No futuro, nós imos estar facendo unha morea de cousas como soporte algo href. 303 00:14:17,190 --> 00:14:21,180 E iso vai dar o valor da href, ou se quere actualizar a href 304 00:14:21,180 --> 00:14:23,980 clave e, a continuación, darlle un valor particular. 305 00:14:23,980 --> 00:14:28,915 Así como con matrices onde tivemos tecla 0 ou a tecla 1 ou tecla 2 ou mesmo cunha 306 00:14:28,915 --> 00:14:33,480 Táboa de Hash, tamén, as súas táboas de hash así, probablemente tivo - el 307 00:14:33,480 --> 00:14:35,790 era unha matriz, entón a tecla 0, a tecla 1, tecla 2. 308 00:14:35,790 --> 00:14:38,480 >> Este índice non podemos pensar niso como unha chave. 309 00:14:38,480 --> 00:14:40,180 E o valor é o que quere foi gardado alí. 310 00:14:40,180 --> 00:14:42,760 Todos estes atributos son pares chave-valor. 311 00:14:42,760 --> 00:14:47,370 E iso vai ser importante para o cambio los ou actualiza-los ou 312 00:14:47,370 --> 00:14:51,020 inserir-los máis tarde. 313 00:14:51,020 --> 00:14:53,990 >> Por último, xa viu esa estrutura antes, pero este é o máis básico 314 00:14:53,990 --> 00:14:55,350 estrutura da páxina HTML. 315 00:14:55,350 --> 00:14:58,700 Na parte superior, nós lles dicimos que este é, de feito, en HTML. 316 00:14:58,700 --> 00:15:01,910 E despois temos un HTML aberto etiqueta e unha etiqueta HTML preto. 317 00:15:01,910 --> 00:15:04,940 Entón, todo dentro este é o código HTML. 318 00:15:04,940 --> 00:15:08,960 >> Vemos a cabeza eo corpo. 319 00:15:08,960 --> 00:15:12,350 A cabeza do seu documento xeralmente inclúe o que? 320 00:15:12,350 --> 00:15:16,980 321 00:15:16,980 --> 00:15:20,995 Algún palpite para o que poñer na cabeza? 322 00:15:20,995 --> 00:15:23,060 >> Audiencia: Vostede pon o título e estilo. 323 00:15:23,060 --> 00:15:23,790 >> Jason Hirschhorn: o título. 324 00:15:23,790 --> 00:15:26,110 Isto foi un gran palpite. 325 00:15:26,110 --> 00:15:27,200 Podo ter derrubado lo fóra para o arquivo. 326 00:15:27,200 --> 00:15:28,150 Cales son algunhas outras cousas? 327 00:15:28,150 --> 00:15:30,351 Mencionados un deles que pode ir na cabeza. 328 00:15:30,351 --> 00:15:33,057 329 00:15:33,057 --> 00:15:35,225 >> Audiencia: El dixo, estilos. 330 00:15:35,225 --> 00:15:36,240 >> Jason Hirschhorn: Estilos - 331 00:15:36,240 --> 00:15:41,050 por iso, se quere conectar nun JavaScript ou un CSS, o que está falando 332 00:15:41,050 --> 00:15:42,610 sobre cando está falando sobre estilos. 333 00:15:42,610 --> 00:15:45,670 Outro arquivo, que pretende conectar nun fóra de arquivos, que probablemente vai 334 00:15:45,670 --> 00:15:46,920 na cabeza. 335 00:15:46,920 --> 00:15:48,660 336 00:15:48,660 --> 00:15:51,070 >> Que máis? 337 00:15:51,070 --> 00:15:52,960 Mencionados un par de láminas atrás unha das cousas que 338 00:15:52,960 --> 00:15:54,510 HTML pode facer por ti. 339 00:15:54,510 --> 00:15:58,180 340 00:15:58,180 --> 00:16:01,240 Pode proporcionar - 341 00:16:01,240 --> 00:16:02,874 iníciase cun H - 342 00:16:02,874 --> 00:16:03,820 >> Audiencia: Metadatos. 343 00:16:03,820 --> 00:16:06,170 >> Jason Hirschhorn: Metadatos - entón unha morea dos metadatos vai na cabeza, 344 00:16:06,170 --> 00:16:08,990 porque iso non ten necesariamente para formar parte do corpo do seu código. 345 00:16:08,990 --> 00:16:11,820 Isto adoita ser - o corpo é o contido, o que alguén ve. 346 00:16:11,820 --> 00:16:14,210 E entón eu só deu a resposta á miña seguinte pregunta. 347 00:16:14,210 --> 00:16:17,770 Pero o corpo é xeralmente o contido que será amosado 348 00:16:17,770 --> 00:16:19,750 na páxina web. 349 00:16:19,750 --> 00:16:26,120 >> Como veremos, sitios complicados tenden a mesturar ou cambiar o que 350 00:16:26,120 --> 00:16:27,170 eles puxeron na cabeza e no corpo. 351 00:16:27,170 --> 00:16:30,360 Pero, xeralmente, a cabeza contén cousas que o usuario non vai 352 00:16:30,360 --> 00:16:31,290 ve na pantalla. 353 00:16:31,290 --> 00:16:34,150 Ela une noutros ficheiros e ofrece metadatos. 354 00:16:34,150 --> 00:16:37,690 Considerando que, o corpo contén todo o usuario vai ver. 355 00:16:37,690 --> 00:16:39,270 Algunha idea do que esa marca significa p? 356 00:16:39,270 --> 00:16:41,660 >> Audiencia: Parágrafo? 357 00:16:41,660 --> 00:16:42,780 >> Audiencia: Imprimir. 358 00:16:42,780 --> 00:16:44,120 >> Audiencia: Non significa impresión. 359 00:16:44,120 --> 00:16:45,380 >> Audiencia: Significa parágrafo? 360 00:16:45,380 --> 00:16:47,620 >> Jason Hirschhorn: Parágrafo - polo que este é un parágrafo. 361 00:16:47,620 --> 00:16:50,920 E esta etiqueta p, eu podería só ingresaran esta na pantalla e, a continuación, 362 00:16:50,920 --> 00:16:52,630 incluíu un salto de liña ao final do mesmo. 363 00:16:52,630 --> 00:16:54,380 Alguén sabe como incluir un salto de liña? 364 00:16:54,380 --> 00:16:55,240 >> Audiencia: PR - 365 00:16:55,240 --> 00:16:55,700 >> Jason Hirschhorn: PR - 366 00:16:55,700 --> 00:16:57,080 >> Audiencia: Corte pr? 367 00:16:57,080 --> 00:17:00,120 >> Jason Hirschhorn: barra pr significa salto de liña. 368 00:17:00,120 --> 00:17:03,270 Pero parágrafos teñen específica formato. 369 00:17:03,270 --> 00:17:06,060 E nós imos chegar o formato nun segundo, cando falamos de CSS. 370 00:17:06,060 --> 00:17:09,900 Pero todo dentro desas etiquetas p terá algunha formato estándar 371 00:17:09,900 --> 00:17:13,210 asociado a el, probablemente, algúns espazamento entre diferentes 372 00:17:13,210 --> 00:17:15,069 parágrafos. 373 00:17:15,069 --> 00:17:19,410 E vai ser un xeito de diferenciar bloques de código. 374 00:17:19,410 --> 00:17:20,980 >> Calquera outras marcas - 375 00:17:20,980 --> 00:17:24,584 cales son as outras marcas que xa viu? 376 00:17:24,584 --> 00:17:26,609 >> Jason Hirschhorn: H1 través H6. 377 00:17:26,609 --> 00:17:28,460 h1 través H6, eo que é isto? 378 00:17:28,460 --> 00:17:31,560 >> Audiencia: El vai denotar o quão grande e en negra as letras son. 379 00:17:31,560 --> 00:17:32,650 >> Jason Hirschhorn: Dereito, representa cabeceira. 380 00:17:32,650 --> 00:17:34,960 E así header1 é un gran cabeceira. 381 00:17:34,960 --> 00:17:40,840 El probablemente vai, por defecto, ser ousado, un tamaño da fonte grande, probablemente centrada na 382 00:17:40,840 --> 00:17:44,030 na pantalla, todo o camiño ata a H6, , Que é un tamaño de tipo de letra máis pequeno, menos 383 00:17:44,030 --> 00:17:44,780 enfatizado. 384 00:17:44,780 --> 00:17:50,290 Por suposto, pode, está en arquivo CSS ou nalgún lugar no seu código - o que, 385 00:17:50,290 --> 00:17:53,830 de novo, nós imos chegar a iso nun segundo - cambiar o comportamento predeterminado 386 00:17:53,830 --> 00:17:55,780 dunha etiqueta h1 é. 387 00:17:55,780 --> 00:18:01,040 >> Pero ten en conta que Chrome, Safari, Firefox, Internet Explorer todos teñen 388 00:18:01,040 --> 00:18:04,030 estándar mira para unha morea de estas etiquetas estándar. 389 00:18:04,030 --> 00:18:07,110 Pode, unha vez máis, sempre cambiar como se parecen. 390 00:18:07,110 --> 00:18:09,955 Calquera outras marcas que todo o mundo viu? 391 00:18:09,955 --> 00:18:10,350 Si - 392 00:18:10,350 --> 00:18:11,530 >> Audiencia: Un sitio div. 393 00:18:11,530 --> 00:18:15,830 >> Jason Hirschhorn: Unha etiqueta div - div tag Non ten calquera formato interno, por 394 00:18:15,830 --> 00:18:21,850 si, que se usa para bloquear diferentes tipos de código. 395 00:18:21,850 --> 00:18:22,980 Calquera outras marcas? 396 00:18:22,980 --> 00:18:23,390 Si 397 00:18:23,390 --> 00:18:24,333 >> Audiencia: li - 398 00:18:24,333 --> 00:18:24,850 >> Jason Hirschhorn: li - 399 00:18:24,850 --> 00:18:25,580 o que está li a? 400 00:18:25,580 --> 00:18:26,210 >> Audiencia: List. 401 00:18:26,210 --> 00:18:26,930 >> Audiencia: Lista 402 00:18:26,930 --> 00:18:29,510 >> Jason Hirschhorn: li é para os elementos da lista. 403 00:18:29,510 --> 00:18:30,720 Existen dous tipos de listas. 404 00:18:30,720 --> 00:18:31,970 Cales son os dous tipos? 405 00:18:31,970 --> 00:18:34,165 406 00:18:34,165 --> 00:18:35,806 >> Audiencia: ordenada e non ordenada. 407 00:18:35,806 --> 00:18:37,780 >> Jason Hirschhorn: ordenados e desordenadas - posto tan ul 408 00:18:37,780 --> 00:18:38,560 para unha lista non ordenada. 409 00:18:38,560 --> 00:18:41,120 É dicir, se quere unha bala apuntar, unha lista de balas. 410 00:18:41,120 --> 00:18:43,180 Unha lista ordenada é unha lista numerada. 411 00:18:43,180 --> 00:18:47,930 E así vai facer unha etiqueta ul aberto e, a continuación, toneladas de elementos da lista e logo 412 00:18:47,930 --> 00:18:50,450 pechar a marca ul. e que a vontade crear unha lista non ordenada. 413 00:18:50,450 --> 00:18:52,380 >> Imos ver algúns exemplos HTML en un pouco. 414 00:18:52,380 --> 00:18:55,800 Pero antes diso, quero comezar a CSS. 415 00:18:55,800 --> 00:18:58,530 E CSS significa Cascading Follas de estilo. 416 00:18:58,530 --> 00:19:03,010 E iso é moi intimamente relacionado a HTML, pero un pouco diferente. 417 00:19:03,010 --> 00:19:06,920 Isto axuda a mellorar todo o contido que as estruturas de HTML. 418 00:19:06,920 --> 00:19:14,940 >> Así, en CSS, nós xeralmente non queremos estilo de cada cabeceira ou cada 419 00:19:14,940 --> 00:19:17,250 única imaxe ou cada parágrafo único. 420 00:19:17,250 --> 00:19:21,210 Queremos estilo algúns elementos ou que un elemento específico. 421 00:19:21,210 --> 00:19:25,250 E a forma como o estilo dun específico elemento é darlle un ID. 422 00:19:25,250 --> 00:19:26,070 >> Polo tanto, este é un atributo. 423 00:19:26,070 --> 00:19:27,960 Ten unha chave e un valor. 424 00:19:27,960 --> 00:19:29,130 ID é a clave. 425 00:19:29,130 --> 00:19:30,220 Logo é o valor. 426 00:19:30,220 --> 00:19:32,410 Peguei logotipo de forma aleatoria. 427 00:19:32,410 --> 00:19:36,780 E se der algo un ID, xeral, que só debe ser dado 428 00:19:36,780 --> 00:19:38,800 dun elemento. 429 00:19:38,800 --> 00:19:42,340 >> E entón, na súa folla de estilo, pode estilo que determinado elemento, con todo 430 00:19:42,340 --> 00:19:44,090 quere ollar. 431 00:19:44,090 --> 00:19:49,560 Se quere o estilo dun número de elementos, é posible que certa clase 432 00:19:49,560 --> 00:19:51,310 de cabeceiras, só algúns dos seus títulos. 433 00:19:51,310 --> 00:19:56,780 Quizais sexa unha cabeceira e unha imaxe e un parágrafo que todos queren ser centrado. 434 00:19:56,780 --> 00:20:00,700 Entón pode dar a estes grupos de todos os elementos dunha clase. 435 00:20:00,700 --> 00:20:04,300 E pode dar a clase estilos específicos. 436 00:20:04,300 --> 00:20:08,860 Entón, unha identificación e unha clase son dúas formas de romper o código, para que poida axudar a ser 437 00:20:08,860 --> 00:20:11,990 máis específico no que estilo. 438 00:20:11,990 --> 00:20:13,830 >> Hai tres formas de pente. 439 00:20:13,830 --> 00:20:17,530 O primeiro é, con este atributo de estilo. 440 00:20:17,530 --> 00:20:21,200 Entón ve, a clave estilo é estilo. 441 00:20:21,200 --> 00:20:24,370 O valor de estilo é realmente outra lista chave valor. 442 00:20:24,370 --> 00:20:26,570 >> Neste caso, eu escollín unha chave, text-align. 443 00:20:26,570 --> 00:20:27,730 E eu dixen, centro. 444 00:20:27,730 --> 00:20:30,280 Ten que estar se pregunta neste punto, como é que eu sei sobre 445 00:20:30,280 --> 00:20:31,230 text-align. 446 00:20:31,230 --> 00:20:32,280 O que isto fai? 447 00:20:32,280 --> 00:20:35,350 Esta é unha boa pregunta a facer, e nós imos chegar alí nun segundo. 448 00:20:35,350 --> 00:20:39,740 Así que esta é unha forma de denominar algo, só darlle o atributo de estilo. 449 00:20:39,740 --> 00:20:43,490 >> Outra forma de denominar algo é - este é Akshar mencionado anteriormente. 450 00:20:43,490 --> 00:20:49,660 Pode utilizar marcas de estilo e poñer este na cabeza do seu documento HTML. 451 00:20:49,660 --> 00:20:52,220 Entón está basicamente dicindo: o contido aquí 452 00:20:52,220 --> 00:20:53,870 é algún contido estilo. 453 00:20:53,870 --> 00:20:59,520 E o formato para iso é a cousa que quere estilo e, a continuación, dentro 454 00:20:59,520 --> 00:21:03,460 chaves, o par valor de clave de atributos que quere dar a 455 00:21:03,460 --> 00:21:05,920 este tipo particular de elemento. 456 00:21:05,920 --> 00:21:07,370 >> Finalmente, e esta é a forma máis común. 457 00:21:07,370 --> 00:21:10,320 E esta é a forma que nós facelo xuntos p 7. 458 00:21:10,320 --> 00:21:12,370 É unha folla de estilo externa. 459 00:21:12,370 --> 00:21:14,370 Entón tes un ficheiro css .. 460 00:21:14,370 --> 00:21:18,050 E dentro del, ve unha morea de cousas que se parecen con iso, o nome 461 00:21:18,050 --> 00:21:22,730 de calquera tipo de elemento ou un ID ou unha clase e logo, dentro rizado 462 00:21:22,730 --> 00:21:28,040 chaves, unha lista de pares de valores clave. 463 00:21:28,040 --> 00:21:30,065 >> Claro que, se crear un externo arquivo, vai 464 00:21:30,065 --> 00:21:31,310 Debe inclui-lo - 465 00:21:31,310 --> 00:21:34,860 afiada incluír, que faría ser a analoxía C - 466 00:21:34,860 --> 00:21:36,250 no seu arquivo HTML. 467 00:21:36,250 --> 00:21:39,820 Entón tes que incluír este código no seu arquivo HTML. 468 00:21:39,820 --> 00:21:46,080 Sendo este o nome do ficheiro e asumindo que é o mesmo directorio. 469 00:21:46,080 --> 00:21:47,100 >> Aceptar. 470 00:21:47,100 --> 00:21:48,200 Isto foi moito. 471 00:21:48,200 --> 00:21:52,440 E nós estamos indo agora para respirar e mirar nalgúns, web de verdade e 472 00:21:52,440 --> 00:21:53,720 explotar esta máis. 473 00:21:53,720 --> 00:21:55,470 Pero antes de facelo, alguén Ten algunha dúbida? 474 00:21:55,470 --> 00:22:00,830 475 00:22:00,830 --> 00:22:04,970 >> Entón, se quere facelo xunto con me, podemos ir ao aparello. 476 00:22:04,970 --> 00:22:08,950 E eu escollín o páxina principal CS50. 477 00:22:08,950 --> 00:22:10,020 Podes facelo con calquera sitio. 478 00:22:10,020 --> 00:22:13,070 Pero por que non comezar con a páxina de inicio CS50? 479 00:22:13,070 --> 00:22:14,650 >> Imos actualizar. 480 00:22:14,650 --> 00:22:18,030 En realidade, eu recomendo que está facendo iso xunto comigo, xa que o que nós 481 00:22:18,030 --> 00:22:22,720 imos facer agora será moi útil para ti, non só en 482 00:22:22,720 --> 00:22:24,450 P-Conxunto 7, pero en P-8 Conxunto ben. 483 00:22:24,450 --> 00:22:24,810 É. 484 00:22:24,810 --> 00:22:29,560 >> Audiencia: Existe unha forma de facer comentarios HTML, sen o uso de PHP? 485 00:22:29,560 --> 00:22:31,130 >> Jason Hirschhorn: Si, pode facer comentarios HTML. 486 00:22:31,130 --> 00:22:32,690 >> Audiencia: Cal é a sintaxe? 487 00:22:32,690 --> 00:22:34,340 >> Audiencia: Punto de exclamación trazo trazo. 488 00:22:34,340 --> 00:22:36,125 >> Audiencia: Aceptar. 489 00:22:36,125 --> 00:22:37,100 >> Jason Hirschhorn: si. 490 00:22:37,100 --> 00:22:38,350 Esta é a sintaxe. 491 00:22:38,350 --> 00:22:40,630 492 00:22:40,630 --> 00:22:41,900 Podes facer comentarios HTML. 493 00:22:41,900 --> 00:22:43,310 Podes facer comentarios en PHP. 494 00:22:43,310 --> 00:22:46,590 >> Como vai ver, comentar HTML será aínda aparecen cando miramos para o 495 00:22:46,590 --> 00:22:49,960 Código fonte HTML dun sitio específico. 496 00:22:49,960 --> 00:22:51,610 Polo tanto, este cs50.net. 497 00:22:51,610 --> 00:22:57,360 Se prema co botón dereito no máis moderno navegadores en máis calquera páxina, ve 498 00:22:57,360 --> 00:22:58,820 o código fonte da páxina. 499 00:22:58,820 --> 00:23:01,480 Entón, imos facelo no CS50. 500 00:23:01,480 --> 00:23:05,060 >> E velaquí, nós ver unha cousa xigante. 501 00:23:05,060 --> 00:23:07,420 CS50 realmente parece moi bo. 502 00:23:07,420 --> 00:23:08,920 Unha morea de sitios non vai ollar este bo. 503 00:23:08,920 --> 00:23:10,540 Se vai á páxina de inicio de Google e abrilo. 504 00:23:10,540 --> 00:23:11,960 Non vai ollar este bo. 505 00:23:11,960 --> 00:23:13,830 >> Pero entende que, na parte superior - 506 00:23:13,830 --> 00:23:16,650 este tipo de pequenos. 507 00:23:16,650 --> 00:23:17,900 Imos facer deste grande. 508 00:23:17,900 --> 00:23:22,660 509 00:23:22,660 --> 00:23:23,570 Aceptar. 510 00:23:23,570 --> 00:23:26,660 Na parte superior, DOCTYPE HTML, que é familiar. 511 00:23:26,660 --> 00:23:30,650 Logo vemos a etiqueta HTML aberta e a cabeza, aquí, todo 512 00:23:30,650 --> 00:23:34,350 destas etiquetas meta. 513 00:23:34,350 --> 00:23:38,000 E pode ver iso og, non vai entrar niso agora. 514 00:23:38,000 --> 00:23:42,110 Pero teño case seguro de que estes serían Facebook. 515 00:23:42,110 --> 00:23:42,900 >> Isto é realmente Facebook. 516 00:23:42,900 --> 00:23:44,870 Coido que está a gráfica aberta. 517 00:23:44,870 --> 00:23:48,930 Entón lembre, eu estaba mencionando hai Metadatos específicos do Faceboook podes 518 00:23:48,930 --> 00:23:49,800 dar a unha páxina. 519 00:23:49,800 --> 00:23:51,150 Iso é o que está aquí. 520 00:23:51,150 --> 00:23:54,580 >> Entón, cando conectar esta páxina en Facebook, a imaxe que mostrará 521 00:23:54,580 --> 00:23:56,630 é esta foto aquí. 522 00:23:56,630 --> 00:23:58,310 E o que realmente ve que é Facebook, por que é 523 00:23:58,310 --> 00:23:59,470 a imaxe de Facebook. 524 00:23:59,470 --> 00:24:00,880 >> Pero de calquera xeito, estamos chegando ao lado. 525 00:24:00,880 --> 00:24:03,220 Entón, nós temos algunhas etiquetas de metadatos aquí. 526 00:24:03,220 --> 00:24:05,570 Vemos o título CS50. 527 00:24:05,570 --> 00:24:09,830 E unha vez máis, o título é o que pasa aquí enriba no separador do navegador. 528 00:24:09,830 --> 00:24:14,770 Vemos isto está conectando en, aquí, un arquivo JavaScript externo. 529 00:24:14,770 --> 00:24:17,640 >> Non falamos de Javascript moito, pero a próxima semana - e, por suposto, se 530 00:24:17,640 --> 00:24:20,350 está facendo un conxunto de problemas con base na web, estará usando JavaScript. 531 00:24:20,350 --> 00:24:23,540 Isto é como conectar no exterior JavaScript arquivos. 532 00:24:23,540 --> 00:24:31,970 Vemos aquí, finalmente, a CSS folla de estilo, que documenta estes 533 00:24:31,970 --> 00:24:32,830 estilos deste Código. 534 00:24:32,830 --> 00:24:37,190 >> Imos realmente abrir iso e dar un ollo moi rapidamente. 535 00:24:37,190 --> 00:24:38,440 Isto parece loucura. 536 00:24:38,440 --> 00:24:40,840 537 00:24:40,840 --> 00:24:42,790 Non hai ningunha maneira que eu sería capaz de ler. 538 00:24:42,790 --> 00:24:46,930 Entón pode realmente aínda que, se tomar mirada, podes ver que tipo de 539 00:24:46,930 --> 00:24:48,650 existen - 540 00:24:48,650 --> 00:24:49,790 alí imos nós. 541 00:24:49,790 --> 00:24:53,440 >> Isto parece algo que xa vimos antes, cor de fondo, colocándose 542 00:24:53,440 --> 00:24:55,550 igual a algún valor vermello-verde-azul. 543 00:24:55,550 --> 00:24:59,070 Este tipo de cousas non debe parecer que estranxeira, aínda que, cando se presenta 544 00:24:59,070 --> 00:25:00,850 así, pode ser un pouco esmagadora. 545 00:25:00,850 --> 00:25:03,340 Non imos mirar para este ficheiro CSS ou gastar moito tempo con iso, porque 546 00:25:03,340 --> 00:25:06,030 é, unha vez máis, moi difícil de ler. 547 00:25:06,030 --> 00:25:09,090 >> Imos volver a esta Páxina HTML para CS50. 548 00:25:09,090 --> 00:25:10,930 E imos rodar para o corpo. 549 00:25:10,930 --> 00:25:14,730 E dentro vemos esta etiqueta div. 550 00:25:14,730 --> 00:25:18,370 Vemos unha cabeceira ben aquí. 551 00:25:18,370 --> 00:25:21,060 Vemos a etiqueta ancora. 552 00:25:21,060 --> 00:25:26,050 >> E este elemento da lista é dada unha clase específica. 553 00:25:26,050 --> 00:25:28,370 E vemos que a clase repetida unha e outra vez. 554 00:25:28,370 --> 00:25:29,730 Aí está vostede Curtis. 555 00:25:29,730 --> 00:25:32,730 Hai o comentario en HTML5. 556 00:25:32,730 --> 00:25:36,280 >> E, como observou, aínda podemos ver Lo, pero el non está aparecendo. 557 00:25:36,280 --> 00:25:37,960 É realmente moi interesante. 558 00:25:37,960 --> 00:25:40,760 Parece que esta lista puntuación elemento está comentada. 559 00:25:40,760 --> 00:25:45,110 Ou tamén a esta páxina, unha vez máis, aínda Aparece alí, tan interesante. 560 00:25:45,110 --> 00:25:47,830 >> Ah, é por iso, porque desta liña seguinte. 561 00:25:47,830 --> 00:25:50,680 562 00:25:50,680 --> 00:25:52,735 Que máis podemos ver de interese? 563 00:25:52,735 --> 00:25:56,640 564 00:25:56,640 --> 00:26:00,180 O resto é máis confuso, en xestionar esta metade dereita do 565 00:26:00,180 --> 00:26:03,280 sitio web, que é un pouco pouco máis complexa. 566 00:26:03,280 --> 00:26:08,890 >> Entón é iso que un pouco de HTML será parecida. 567 00:26:08,890 --> 00:26:10,990 Para min, porén, iso é un pouco avassaladora, e iso non fai 568 00:26:10,990 --> 00:26:12,350 me axuda moito. 569 00:26:12,350 --> 00:26:16,560 Con todo, hai algo que se, de feito, me axudar moito. 570 00:26:16,560 --> 00:26:20,490 >> E iso é o que eu uso sempre que estou tentando descubrir como algo 571 00:26:20,490 --> 00:26:24,270 mira o xeito que fai, ou como pode I escribir no meu sitio. 572 00:26:24,270 --> 00:26:29,280 E esa é unha ferramenta de desenvolvemento que está embutido no Chrome. 573 00:26:29,280 --> 00:26:33,960 Entón, se vai a este tres bares dereita aquí e ir ata ferramentas, prema en 574 00:26:33,960 --> 00:26:40,120 Ferramentas de Desenvolvemento, unha pequena ventá será aparecerá na parte inferior da páxina. 575 00:26:40,120 --> 00:26:46,910 E, en particular, de cromo, xa que é marabilloso, pode formatar esta fiestra e 576 00:26:46,910 --> 00:26:49,580 tomar o HTML e facela moito máis agradable para ti. 577 00:26:49,580 --> 00:26:54,860 Entón agora é realmente algunha antidoblante HTML que pode explotar para inspeccionar 578 00:26:54,860 --> 00:26:56,620 os elementos da páxina. 579 00:26:56,620 --> 00:26:59,400 >> Se queremos mirar o corpo, realmente destaca. 580 00:26:59,400 --> 00:27:03,240 Cando se despraza sobre unha parte do HTML, abaixo nesta fiestra, será 581 00:27:03,240 --> 00:27:06,530 destacar a parte que está falando sobre a gran ventá. 582 00:27:06,530 --> 00:27:10,800 Entón deixe-me tentar de novo golpe esta un pouco. 583 00:27:10,800 --> 00:27:12,170 Aceptar. 584 00:27:12,170 --> 00:27:13,550 >> Entón, imos abrir o corpo. 585 00:27:13,550 --> 00:27:17,280 E eu estou rodando sobre esta div esquerda. 586 00:27:17,280 --> 00:27:21,420 E entender que está destacando esta metade esquerda da pantalla. 587 00:27:21,420 --> 00:27:25,710 Entón, imos facer clic en que e ampliar iso. 588 00:27:25,710 --> 00:27:27,280 >> Dentro dela, parece que existen dous divs. 589 00:27:27,280 --> 00:27:29,790 Hai esa primeira div. 590 00:27:29,790 --> 00:27:30,760 Eu non vexo que destacou. 591 00:27:30,760 --> 00:27:35,900 Eu non sei, pero parece que este unha segunda, á esquerda interior, é o contido 592 00:27:35,900 --> 00:27:37,700 na parte esquerda da pantalla. 593 00:27:37,700 --> 00:27:39,360 >> Entón hai esa cousa chamada de cabeceira. 594 00:27:39,360 --> 00:27:41,890 Parece que está destacando a parte CS50. 595 00:27:41,890 --> 00:27:46,600 Se abrirmos que enriba, vemos que é nada máis que unha cabeceira. 596 00:27:46,600 --> 00:27:51,140 É xa un ID, e é dado o CS50 texto. 597 00:27:51,140 --> 00:27:57,240 >> Entón, de novo, ollando para el a través deste consola ou empregando as ferramentas de desenvolvedor 598 00:27:57,240 --> 00:28:00,710 panel na parte inferior das marcas de pantalla explotar esta web, espero, un 599 00:28:00,710 --> 00:28:02,990 moito menos intimidante e moito máis accesible. 600 00:28:02,990 --> 00:28:06,360 Tamén permítenos comprender que Nesta web, aínda que parece moi 601 00:28:06,360 --> 00:28:09,210 fermosa e agradable, non é tanto así máis que o que vai ser 602 00:28:09,210 --> 00:28:10,430 facendo no conxunto de problemas 7. 603 00:28:10,430 --> 00:28:13,080 E isto está totalmente dentro súa capacidade de crear. 604 00:28:13,080 --> 00:28:14,110 >> Se queremos - 605 00:28:14,110 --> 00:28:18,270 outra cousa legal sobre o uso destes ferramentas é, se prema co botón dereito sobre o 606 00:28:18,270 --> 00:28:22,270 título, pode editar o código HTML. 607 00:28:22,270 --> 00:28:25,660 Entón, imos chamalo de Jason. 608 00:28:25,660 --> 00:28:28,990 E agora vai entender que eu mudei HTML nesta páxina. 609 00:28:28,990 --> 00:28:31,020 >> Por suposto, eu non cambiaron De forma definitiva. 610 00:28:31,020 --> 00:28:34,570 Se eu actualizar meu navegador, entón sería volver ao HTML orixinal. 611 00:28:34,570 --> 00:28:38,860 Pero ás veces quero depurar o meu código, e eu non quero ollar só teño a miña 612 00:28:38,860 --> 00:28:41,370 fiestra gedit e tentar entender o que está pasando. 613 00:28:41,370 --> 00:28:42,705 >> Quero ver o que vai pasar en directo. 614 00:28:42,705 --> 00:28:45,880 Entón, eu vou editar un código coma este e obter do xeito que eu quero que vexa. 615 00:28:45,880 --> 00:28:47,960 E entón eu vou facer o cambios no meu código. 616 00:28:47,960 --> 00:28:50,010 >> E eu creo que é moito máis doado cando se pode facer as cousas 617 00:28:50,010 --> 00:28:52,400 instantaneamente, así. 618 00:28:52,400 --> 00:28:58,410 Diga, de novo, queremos facer outra oportunidade, porque estamos explotando con 619 00:28:58,410 --> 00:29:00,340 HTML e CSS no momento. 620 00:29:00,340 --> 00:29:02,600 Podo editar o HTML agora. 621 00:29:02,600 --> 00:29:06,680 E eu estou indo a incluír unha ligazón. 622 00:29:06,680 --> 00:29:10,650 >> Entón, eu vou cambiar a casa de CS50 páxina, polo que vai chamar a - 623 00:29:10,650 --> 00:29:12,060 digamos - a miña páxina principal. 624 00:29:12,060 --> 00:29:16,700 Cal é o nome, se alguén recorda, ou cal é o atributo que quero dar 625 00:29:16,700 --> 00:29:18,850 a unha guía de referencia cando quero que a conexión noutro lugar? 626 00:29:18,850 --> 00:29:19,562 >> Audiencia: 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 Entón, agora, vai ver que hai é un subliñado baixo Jason. 630 00:29:35,750 --> 00:29:40,170 Iso porque Chrome, por defecto, áncoras dá un subliñado. 631 00:29:40,170 --> 00:29:41,990 Probablemente xa viu iso antes cando foi a unha páxina web. 632 00:29:41,990 --> 00:29:44,200 Cousas que son as conexións son subliñado e en azul. 633 00:29:44,200 --> 00:29:47,300 O estilo estándar para unha ligazón adoita subliñan 634 00:29:47,300 --> 00:29:48,830 e poñelas en azul. 635 00:29:48,830 --> 00:29:50,050 >> Se eu non me gusta diso, Podo cambiar isto. 636 00:29:50,050 --> 00:29:51,220 E nós imos muda-lo en un segundo. 637 00:29:51,220 --> 00:29:54,660 Pero agora, tamén en conta que, se eu pasar o rato por iso, na parte inferior esquerda do 638 00:29:54,660 --> 00:29:58,580 pantalla, logo enriba dos elementos nominativos é a ligazón que eu dei. 639 00:29:58,580 --> 00:30:03,080 >> Entón, se eu fixen clic sobre iso - e podemos prema co botón dereito sobre iso, abre unha nova pestana. 640 00:30:03,080 --> 00:30:04,520 Esta non é realmente a miña páxina de inicio. 641 00:30:04,520 --> 00:30:06,700 É só o meu nome. 642 00:30:06,700 --> 00:30:07,210 Alí vai. 643 00:30:07,210 --> 00:30:10,440 Agora transformalo en unha ligazón. 644 00:30:10,440 --> 00:30:13,220 >> Imos explorar algunhas CSS tamén. 645 00:30:13,220 --> 00:30:15,680 O fermoso - e eu vou fan deste un pouco menor - preto de 646 00:30:15,680 --> 00:30:19,480 este consola é que folla CSS tolo vimos antes, que foi moi 647 00:30:19,480 --> 00:30:24,130 difícil de analizar, xa está moi ben establecidas para nós no lado da man esquerda 648 00:30:24,130 --> 00:30:25,270 deste panel. 649 00:30:25,270 --> 00:30:27,230 Así, podemos ollar. 650 00:30:27,230 --> 00:30:33,690 E se expandir esta guía estilos, nós podes ver as diferentes estilos 651 00:30:33,690 --> 00:30:37,940 que están asociadas con, neste caso, este elemento particular, esta 652 00:30:37,940 --> 00:30:39,700 elemento ligazón. 653 00:30:39,700 --> 00:30:44,240 >> Se facemos a guía estilos compostos, que só nos mostra, non onde todo 654 00:30:44,240 --> 00:30:47,450 vén, pero, esencialmente, todos estes estilos que están operando en 655 00:30:47,450 --> 00:30:51,220 este elemento en particular agora. 656 00:30:51,220 --> 00:30:55,050 E imos dicir, queremos para muda-la un pouco. 657 00:30:55,050 --> 00:30:58,870 658 00:30:58,870 --> 00:31:02,740 Entón, iso é todos os estilos que son operando sobre este elemento particular. 659 00:31:02,740 --> 00:31:04,800 Diga queremos cambialo, porque nós quero ver como algo parece. 660 00:31:04,800 --> 00:31:06,050 E estamos só a xogar arredor de agora. 661 00:31:06,050 --> 00:31:08,720 Ou queremos probar algo, antes de gravala-lo no código e empurrando 662 00:31:08,720 --> 00:31:10,150 lo e facelo vivir. 663 00:31:10,150 --> 00:31:11,780 >> Podemos ir á pestana estilos. 664 00:31:11,780 --> 00:31:14,270 E na primeira caixa que di, element.style. 665 00:31:14,270 --> 00:31:17,020 E aquí, pode introducir, pode engadir algo. 666 00:31:17,020 --> 00:31:18,550 >> Entón eu quero - 667 00:31:18,550 --> 00:31:22,360 imos para o meu enlace e definir a cor do fondo. 668 00:31:22,360 --> 00:31:25,830 E realmente AutoPreenchimento por ti, todas as posibles propiedades. 669 00:31:25,830 --> 00:31:29,360 Cor de fondo, e quero para facer esa azul. 670 00:31:29,360 --> 00:31:31,520 Blus non é unha palabra. 671 00:31:31,520 --> 00:31:32,400 O azul é unha palabra. 672 00:31:32,400 --> 00:31:34,490 >> Será que eu velo subir? 673 00:31:34,490 --> 00:31:35,800 Oh, por que está no href? 674 00:31:35,800 --> 00:31:36,550 Aceptar. 675 00:31:36,550 --> 00:31:40,220 Entón, eu non vexo ningún cambio aquí. 676 00:31:40,220 --> 00:31:45,100 E iso porque, se destacan o enlace, notará que a ligazón 677 00:31:45,100 --> 00:31:48,430 non é efectivamente controlar a propiedades deste elemento específico. 678 00:31:48,430 --> 00:31:52,430 É, en realidade, se abrir a ligazón, este cabeceira aquí que é 679 00:31:52,430 --> 00:31:53,590 controlar o que parece. 680 00:31:53,590 --> 00:31:56,380 >> Entón, se eu queira facer o plano de fondo azul, realmente teño que cambiar 681 00:31:56,380 --> 00:31:59,640 cor do fondo no elemento cabeceira. 682 00:31:59,640 --> 00:32:02,700 E agora vemos que o fondo é azul. 683 00:32:02,700 --> 00:32:06,770 >> Entón, de novo, iso rapidamente pode estar a suceder a través deste material moi rápido. 684 00:32:06,770 --> 00:32:08,580 Pero iso é esencialmente o que vai estar facendo. 685 00:32:08,580 --> 00:32:10,860 Non é o conxunto de problemas 7, pero certamente cando está 686 00:32:10,860 --> 00:32:12,080 codificación na web. 687 00:32:12,080 --> 00:32:12,360 >> Aceptar. 688 00:32:12,360 --> 00:32:13,780 Eu quero facer o fondo azul. 689 00:32:13,780 --> 00:32:16,180 Aínda que, neste caso, azul parece moi feo. 690 00:32:16,180 --> 00:32:17,740 Podo ir aquí, xogar. 691 00:32:17,740 --> 00:32:20,515 Vexo que mudalo ao azul non funciona no a. 692 00:32:20,515 --> 00:32:26,710 Teño que realmente cambiar a cabeceira elemento de incluír o azul 693 00:32:26,710 --> 00:32:28,200 fondo. 694 00:32:28,200 --> 00:32:34,450 >> E entón, entón eu vou volver para o meu CSS ficheiro, como fago para realmente definir esta 695 00:32:34,450 --> 00:32:37,520 fondo a ser azul e facer esta vara cambio? 696 00:32:37,520 --> 00:32:44,840 Porque notar se eu actualizar a páxina, as modificacións que fixen se foron. 697 00:32:44,840 --> 00:32:47,220 Entón eu entender, OK, a miña fondo é azul. 698 00:32:47,220 --> 00:32:51,260 >> Necesito ir a aquel elemento header1 e cambiar cor de fondo para azul. 699 00:32:51,260 --> 00:32:52,710 Como podo realmente facer esa mudanza? 700 00:32:52,710 --> 00:32:57,040 Ben, lembre que, se entrar aquí, este cabeceira, o 701 00:32:57,040 --> 00:32:59,280 título ten un ID. 702 00:32:59,280 --> 00:33:00,890 E iso é o título. 703 00:33:00,890 --> 00:33:09,010 >> E así, no noso arquivo CSS, podemos dicir, OK, levar nada con ID de título e 704 00:33:09,010 --> 00:33:11,330 darlle esa propiedade adicional. 705 00:33:11,330 --> 00:33:18,010 Como é que imos referenciar algo co ID do título, as ideas, ou calquera 706 00:33:18,010 --> 00:33:24,406 sei como é que fai referencia IDs na nosa arquivo CSS? 707 00:33:24,406 --> 00:33:26,290 >> Un hash, que é exactamente correcto. 708 00:33:26,290 --> 00:33:28,710 E ten unha información do que aquí. 709 00:33:28,710 --> 00:33:32,810 Entón, en algún lugar neste arquivo CSS, hai esta liña de código - 710 00:33:32,810 --> 00:33:34,150 # Esquerda # left-interior título # header #. 711 00:33:34,150 --> 00:33:36,810 712 00:33:36,810 --> 00:33:40,590 E iso está dando marxe inferior, que define a marxe inferior do presente 713 00:33:40,590 --> 00:33:42,220 determinado elemento. 714 00:33:42,220 --> 00:33:46,580 >> Ben, se eu quixese cambiar isto, Quere ir a este ficheiro CSS. 715 00:33:46,580 --> 00:33:49,510 E eu podería atopar este ou parte do arquivo CSS. 716 00:33:49,510 --> 00:33:50,300 Ou eu podería escribir a miña propia. 717 00:33:50,300 --> 00:33:54,670 >> Eu podería facer de hash Título rizado cinta e logo azul cor de colon 718 00:33:54,670 --> 00:33:57,250 punto e coma e preto que bosquexo. 719 00:33:57,250 --> 00:34:02,790 E que ía cambiar o fondo cor deste elemento para azul. 720 00:34:02,790 --> 00:34:06,690 A razón que eles dan-lle moitos aquí é iso, é necesario, neste caso, 721 00:34:06,690 --> 00:34:08,690 porque título é unha identificación única. 722 00:34:08,690 --> 00:34:11,190 >> Pero o que podes facer é cousas niño. 723 00:34:11,190 --> 00:34:14,760 Entón, iso está dicindo: OK, vaia á esquerda. 724 00:34:14,760 --> 00:34:15,350 Isto é moi pequena. 725 00:34:15,350 --> 00:34:16,150 Pido desculpas por iso. 726 00:34:16,150 --> 00:34:17,750 >> Pero ir a cousa con ID esquerda. 727 00:34:17,750 --> 00:34:20,420 Dentro diso, ollar para o cousa con ID esquerda interior. 728 00:34:20,420 --> 00:34:22,630 Dentro dese ollar, mirar a cousa con cabeceira ID. 729 00:34:22,630 --> 00:34:27,560 Dentro diso, ollar para a cousa ID título e cambiar o modo de identificación. 730 00:34:27,560 --> 00:34:29,120 Polo tanto, esta é só unha forma de cousas de nidificación. 731 00:34:29,120 --> 00:34:32,719 Algunhas persoas quere niño, xa pasa a ser un pouco máis claro. 732 00:34:32,719 --> 00:34:37,980 >> Vai ver por aquí tamén, né aquí, non hai hash. 733 00:34:37,980 --> 00:34:39,449 É só H1. 734 00:34:39,449 --> 00:34:44,060 Porque h1 é dar a nome dunha marca xenérica. 735 00:34:44,060 --> 00:34:48,080 E hai algunhas propiedades CSS asociada a cada H1. 736 00:34:48,080 --> 00:34:51,889 Entón, se eu atope outro h1 nesta páxina, Tamén quere ver que este estilo era 737 00:34:51,889 --> 00:34:54,280 aplicadas a el tamén. 738 00:34:54,280 --> 00:34:59,290 >> Se eu quixese aplicar un estilo a unha clase, como fago para facer referencia a unha clase ou 739 00:34:59,290 --> 00:35:02,469 falar dunha clase nun arquivo CSS? 740 00:35:02,469 --> 00:35:03,315 >> Audiencia: Dot. 741 00:35:03,315 --> 00:35:05,340 >> Jason Hirschhorn: É con un punto. 742 00:35:05,340 --> 00:35:08,630 Entón, imos voltar a esta páxina antes. 743 00:35:08,630 --> 00:35:11,160 Se eu fai hash de identificación. 744 00:35:11,160 --> 00:35:14,760 Isto está cambiando o estilo da cousa con ID. 745 00:35:14,760 --> 00:35:21,390 Ou moito, se eu fai logotipo de hash, que é atopar a cousa co ID do logotipo 746 00:35:21,390 --> 00:35:24,010 e dándolle un estilo CSS de usuario. 747 00:35:24,010 --> 00:35:28,280 >> Se eu fai algo. Top, que está atopando todo coa clase de arriba e 748 00:35:28,280 --> 00:35:30,190 cambiando os seus estilos. 749 00:35:30,190 --> 00:35:35,950 Se eu simplemente H1, que atopa cada h1 individuais e lle dá o que quere que 750 00:35:35,950 --> 00:35:37,940 estilo que quero darlle. 751 00:35:37,940 --> 00:35:43,260 Se eu fai espazo h1 e despois. Arriba. 752 00:35:43,260 --> 00:35:47,670 Isto vai atopar todas as h1s e despois todos aqueles coa clase de arriba e 753 00:35:47,670 --> 00:35:51,690 entón só cambiar estes estilos para o que quero dar. 754 00:35:51,690 --> 00:35:54,600 >> E unha vez máis, poderiamos escribir algunhas destas por conta propia. 755 00:35:54,600 --> 00:35:55,790 Pero non chegaría tan lonxe. 756 00:35:55,790 --> 00:35:59,180 Moito mellor, parece que realmente ir nunha web real en directo para ver como 757 00:35:59,180 --> 00:36:02,800 eles fan isto e ollar para toda a cousas fantásticas que comeza a facer. 758 00:36:02,800 --> 00:36:06,570 >> Vexamos máis un sitio web antes de seguir adiante. 759 00:36:06,570 --> 00:36:10,150 E este é un que probablemente vai familiarizarse con. 760 00:36:10,150 --> 00:36:12,310 Este é CS50 Finanzas. 761 00:36:12,310 --> 00:36:16,120 Entón, de novo, pode realmente entrar e observar este ficheiro CSS no seu 762 00:36:16,120 --> 00:36:19,390 ordenador, porque baixou este Arquivo CSS, se baixou o 763 00:36:19,390 --> 00:36:20,270 conxunto de problemas. 764 00:36:20,270 --> 00:36:26,850 >> Podemos ir a ferramentas e Ferramentas de Desenvolvemento. 765 00:36:26,850 --> 00:36:30,280 E vemos un esquema HTML moito máis simple. 766 00:36:30,280 --> 00:36:32,020 Temos superior, central e inferior. 767 00:36:32,020 --> 00:36:34,490 E, de novo, algo que debe ser familiarizado, porque mirou 768 00:36:34,490 --> 00:36:37,680 a través do código de distribución para definir problema desta semana. 769 00:36:37,680 --> 00:36:43,360 >> Na parte superior está, por código, unha única imaxe chamado. 770 00:36:43,360 --> 00:36:47,170 E esa é a fonte da imaxe. 771 00:36:47,170 --> 00:36:52,170 Digamos que eu rematar todo o que Quería para Conxunto de Problemas 7. 772 00:36:52,170 --> 00:36:55,500 E funciona correctamente, pero Quero cambiar o seu visual. 773 00:36:55,500 --> 00:36:58,900 E quero cambiar o fondo da parte superior da páxina para, 774 00:36:58,900 --> 00:37:01,000 por exemplo, azul. 775 00:37:01,000 --> 00:37:04,860 Se fose comigo, eu viría en aquí e descubrir, seguro que 776 00:37:04,860 --> 00:37:05,890 quero cambiar. 777 00:37:05,890 --> 00:37:08,700 >> A ver, div top ID, que o aspecto como a parte superior da páxina. 778 00:37:08,700 --> 00:37:09,910 Entón imos alí. 779 00:37:09,910 --> 00:37:13,940 Imos tentar cambiar o cor de fondo. 780 00:37:13,940 --> 00:37:16,360 Imos facer Alicia azul, porque isto é un máis agradable. 781 00:37:16,360 --> 00:37:18,010 >> E vai entender que - 782 00:37:18,010 --> 00:37:19,190 probablemente non pode ver iso. 783 00:37:19,190 --> 00:37:23,430 Pero hai unha luz azul, xunto do logotipo CS50. 784 00:37:23,430 --> 00:37:25,810 Imos mudalo no canto de vermello. 785 00:37:25,810 --> 00:37:28,790 E vai entender agora eu só cambiou a cor de fondo para vermello. 786 00:37:28,790 --> 00:37:37,050 >> Entón agora eu ía para o meu arquivo CSS e escriba # top paren rizados aquí. 787 00:37:37,050 --> 00:37:42,170 Podes ver o código de dereito aquí, bosquexo. 788 00:37:42,170 --> 00:37:44,530 E entón, gustaríame engadir fondo cor, vermello. 789 00:37:44,530 --> 00:37:47,500 E entón, non habería ser unha bosquexo. 790 00:37:47,500 --> 00:37:52,230 Entón é así que eu ía explotar e experimentar con formato no CS50 791 00:37:52,230 --> 00:37:53,070 Finanzas local. 792 00:37:53,070 --> 00:37:55,060 >> Podería facelo aquí e proba Lo no meu navegador. 793 00:37:55,060 --> 00:37:58,130 E entón, eu podería ir ao meu código real e facer os cambios que han 794 00:37:58,130 --> 00:38:01,940 realmente ir en directo e que a xente realmente ver, se eles estaban a chegar a 795 00:38:01,940 --> 00:38:04,280 meu sitio específico. 796 00:38:04,280 --> 00:38:05,390 >> Aceptar. 797 00:38:05,390 --> 00:38:06,850 Isto foi moito. 798 00:38:06,850 --> 00:38:09,380 Pido desculpas por pasar por el tan rapidamente. 799 00:38:09,380 --> 00:38:12,560 Alguén ten algunha dúbida en todo sobre HTML ou CSS? 800 00:38:12,560 --> 00:38:15,830 801 00:38:15,830 --> 00:38:24,728 >> Audiencia: Pode só pasar por riba de como ligada que se fixo Jason, de novo? 802 00:38:24,728 --> 00:38:26,180 >> Jason Hirschhorn: Qué que quere dicir conectado? 803 00:38:26,180 --> 00:38:29,765 >> Audiencia: Vostede forneceu un enlace a outro web, empregando a referencia. 804 00:38:29,765 --> 00:38:32,980 >> Jason Hirschhorn: Entón está pregunta: só xenericamente, como fai unha ligazón? 805 00:38:32,980 --> 00:38:33,560 >> Audiencia: Yeah. 806 00:38:33,560 --> 00:38:34,150 >> Jason Hirschhorn: Aceptar. 807 00:38:34,150 --> 00:38:35,575 O código para facer unha conexión - 808 00:38:35,575 --> 00:38:38,180 809 00:38:38,180 --> 00:38:40,590 >> Audiencia: Non, como o HTML. 810 00:38:40,590 --> 00:38:43,140 >> Jason Hirschhorn: Aquí en baixo, quere dicir? 811 00:38:43,140 --> 00:38:46,960 Entón, se eu queira incluír unha ligazón en algún lugar, por exemplo, que é o HTML no meu 812 00:38:46,960 --> 00:38:50,210 páxina aquí. 813 00:38:50,210 --> 00:38:51,010 Este é o código HTML. 814 00:38:51,010 --> 00:38:53,720 Quizais sexa aberto nun arquivo, index.html. 815 00:38:53,720 --> 00:38:56,100 Ir dentro 816 00:38:56,100 --> 00:38:58,990 >> Imos ter este autor John Conexión Harvard para algo. 817 00:38:58,990 --> 00:39:02,230 Entón, imos modificar todo isto como HTML. 818 00:39:02,230 --> 00:39:08,480 Todo o que fai é incluír a un, de forma entre parénteses un soporte de preto a 819 00:39:08,480 --> 00:39:12,700 comezando, a continuación, soporte de barra un soporte de preto ao final. 820 00:39:12,700 --> 00:39:13,930 >> Entón agora eu inclui unha marca de referencia. 821 00:39:13,930 --> 00:39:15,475 E, de feito, se fai clic fóra diso, que vai agora 822 00:39:15,475 --> 00:39:22,110 formato-lo editar como HTML. 823 00:39:22,110 --> 00:39:24,020 E dicir, queremos vincula-lo. 824 00:39:24,020 --> 00:39:25,760 Nós tiñamos-lle o atributo href. 825 00:39:25,760 --> 00:39:27,010 E nós dicimos - 826 00:39:27,010 --> 00:39:42,600 827 00:39:42,600 --> 00:39:47,600 >> E agora, como entende, de dereitos de autor John Harvard é azul. 828 00:39:47,600 --> 00:39:50,870 E cando eu rolar el, agora é unha ligazón. 829 00:39:50,870 --> 00:39:53,140 Así, pode escribir o código. 830 00:39:53,140 --> 00:39:57,030 Pode cercar practicamente calquera cousa que quere nunha marca de referencia e transformalo lo 831 00:39:57,030 --> 00:39:57,700 nun enlace. 832 00:39:57,700 --> 00:39:58,246 >> Audiencia: Aceptar. 833 00:39:58,246 --> 00:39:58,520 Entendín. 834 00:39:58,520 --> 00:40:01,300 >> Jason Hirschhorn: E se eu non quería el - por suposto, ás veces as persoas tenden 835 00:40:01,300 --> 00:40:04,090 a pensar esas cousas que só miran azul e subliñado son xenericamente 836 00:40:04,090 --> 00:40:05,860 non é o camiño máis bonito para facer unha ligazón. 837 00:40:05,860 --> 00:40:11,380 Entón, se eu vir aquí, ve que, nalgún lugar nun arquivo CSS, hai 838 00:40:11,380 --> 00:40:14,500 escribín este un e, a continuación, dúas chaves. 839 00:40:14,500 --> 00:40:20,700 Entón, imos dicir que, para as conexións, eu non quero que eles se fan azul, no canto I 840 00:40:20,700 --> 00:40:23,645 quere a cor de unha ligazón a ser este bo maxenta. 841 00:40:23,645 --> 00:40:28,320 842 00:40:28,320 --> 00:40:30,640 >> Imos darlle a cor. 843 00:40:30,640 --> 00:40:34,060 844 00:40:34,060 --> 00:40:35,110 Imos escoller maxenta. 845 00:40:35,110 --> 00:40:38,440 Agora, todos os enlaces na miña páxina ten facer esta fermosa cor de maxenta. 846 00:40:38,440 --> 00:40:40,170 Algunhas persoas non quere cores en todo. 847 00:40:40,170 --> 00:40:41,340 Algunhas persoas non quere subliñados. 848 00:40:41,340 --> 00:40:42,510 Comeza a escoller. 849 00:40:42,510 --> 00:40:44,990 >> Enlazadas, pode estilizar como mirar xa que visitou. 850 00:40:44,990 --> 00:40:47,820 Como podes ver en unha morea de páxinas, conexións ir vermello de ti visitalos. 851 00:40:47,820 --> 00:40:49,190 Pode cambiar esta cor tamén. 852 00:40:49,190 --> 00:40:49,450 É. 853 00:40:49,450 --> 00:40:51,790 >> Audiencia: Entón cambia-lo para cada ligazón. 854 00:40:51,790 --> 00:40:56,310 Pero se só quería facer esa conexión si mesmo, se acaba de facer o ID 855 00:40:56,310 --> 00:40:58,720 inferior ou algo así? 856 00:40:58,720 --> 00:41:01,070 >> Jason Hirschhorn: Tan grande importancia. 857 00:41:01,070 --> 00:41:05,090 Como entender aquí, eu mudei algúns parte do CSS que se aplica a 858 00:41:05,090 --> 00:41:11,530 todo isto é un A. Se eu quixese só facer ese link abaixo, eu 859 00:41:11,530 --> 00:41:14,500 iría para o meu arquivo de CSS e, probablemente, facer exactamente como dixo, de hash 860 00:41:14,500 --> 00:41:16,040 espazo un fondo. 861 00:41:16,040 --> 00:41:18,400 E iso me daría Como todos na parte inferior. 862 00:41:18,400 --> 00:41:30,720 >> Ou eu podería, alternativamente, darlle un ID único e despois é só facer conexión hash. 863 00:41:30,720 --> 00:41:32,050 E iso me permitiría para cambiar isto. 864 00:41:32,050 --> 00:41:36,170 Con todo, só distribuíndo IDs ás toas é xeralmente un mal 865 00:41:36,170 --> 00:41:37,730 práctica, xa que os debe ser exclusivo. 866 00:41:37,730 --> 00:41:40,940 E canto máis tes aqueles, que pode ser un pouco confuso. 867 00:41:40,940 --> 00:41:41,270 É. 868 00:41:41,270 --> 00:41:43,725 >> Audiencia: Pode dar a mesma ID para varios propietarios? 869 00:41:43,725 --> 00:41:45,820 >> Jason Hirschhorn: Técnicamente, si. 870 00:41:45,820 --> 00:41:50,700 Nada vai impedir-lo, pero non debe Debe darlle unha clase. 871 00:41:50,700 --> 00:41:55,330 872 00:41:55,330 --> 00:41:57,655 OK, calquera outras preguntas sobre HTML ou CSS? 873 00:41:57,655 --> 00:42:05,660 874 00:42:05,660 --> 00:42:06,310 >> Aceptar. 875 00:42:06,310 --> 00:42:09,950 Imos pasar para PHP. 876 00:42:09,950 --> 00:42:10,575 Oh, si. 877 00:42:10,575 --> 00:42:13,800 >> Audiencia O que é sobre estes sitios que significa que podemos editar 878 00:42:13,800 --> 00:42:15,440 antes de actualizar. 879 00:42:15,440 --> 00:42:18,270 Pero unha vez que actualiza-la reverte volver ao HTML de inicio? 880 00:42:18,270 --> 00:42:19,900 >> Jason Hirschhorn: Gran pregunta - 881 00:42:19,900 --> 00:42:24,810 por iso, cando cargou este páxina web, é HTML. 882 00:42:24,810 --> 00:42:25,900 E é JavaScript. 883 00:42:25,900 --> 00:42:29,060 PHP é executado para dar todo o que tipo de sitio web que vemos. 884 00:42:29,060 --> 00:42:33,130 E iso creou un pouco de HTML, algúns JavaScript, e algúns CSS. 885 00:42:33,130 --> 00:42:35,990 E que agora está accesible polo noso equipo. 886 00:42:35,990 --> 00:42:40,700 >> E unha copia destes ficheiros é salvo localmente no noso ordenador, 887 00:42:40,700 --> 00:42:41,910 de momento. 888 00:42:41,910 --> 00:42:44,030 Así, podemos editar esta copia local. 889 00:42:44,030 --> 00:42:46,530 Pero, claro, non está a editar a copia do servidor. 890 00:42:46,530 --> 00:42:49,420 >> E cando a xente actualizar a páxina, temos outra copia do servidor. 891 00:42:49,420 --> 00:42:51,250 E así vemos as cousas de volta como eran. 892 00:42:51,250 --> 00:42:55,200 Se fomos capaces, a partir de aquí, para modificar o web oficial, teriamos unha morea 893 00:42:55,200 --> 00:42:55,800 de problemas. 894 00:42:55,800 --> 00:42:58,670 >> Audiencia: Si, para que poidamos ler e escribir esa copia. 895 00:42:58,670 --> 00:43:00,140 >> Jason Hirschhorn: Certo. 896 00:43:00,140 --> 00:43:04,380 Nós só estamos facendo cambios locais aquí, pero unha vez máis, moi útil para explorar, 897 00:43:04,380 --> 00:43:05,690 moitas veces. 898 00:43:05,690 --> 00:43:08,900 Cando estou escribindo o meu proxecto final, para exemplo, quero ver como algúns 899 00:43:08,900 --> 00:43:11,270 web feito algo ollar de como fixeron. 900 00:43:11,270 --> 00:43:17,350 Vou entrar e utilizar este panel abaixo aquí, a ollar para o que eles deron a CSS 901 00:43:17,350 --> 00:43:20,890 ou que a cor que eles escolleron ou como entendeu de xeito que, cando paira 902 00:43:20,890 --> 00:43:24,180 sobre algo, a lista descendeu nunha fermosa fervenza de moda. 903 00:43:24,180 --> 00:43:27,220 É unha gran forma de inspeccionar o que as outras sitios facer e pedir prestado deles. 904 00:43:27,220 --> 00:43:30,590 905 00:43:30,590 --> 00:43:33,690 >> Imos pasar para PHP. 906 00:43:33,690 --> 00:43:38,560 PHP significa, de certa forma recursiva, Procesador de Hipertexto PHP. 907 00:43:38,560 --> 00:43:42,060 E PHP, o que vai facer é realizar ao lado do servidor de código. 908 00:43:42,060 --> 00:43:44,490 Entón, nós nunca imos ver o código PHP. 909 00:43:44,490 --> 00:43:47,210 >> Sen embargo, non xogar ben con HTML e moitas veces xera 910 00:43:47,210 --> 00:43:48,210 unha morea de código HTML. 911 00:43:48,210 --> 00:43:52,570 Pero como vai estar familiarizado con problemas Xogo 7, o código PHP vai realizar, 912 00:43:52,570 --> 00:43:56,200 xerar algún HTML, e iso é o que o usuario vai acabar vendo. 913 00:43:56,200 --> 00:44:00,510 >> PHP é incrible semellante ao C. Con todo, hai un par de 914 00:44:00,510 --> 00:44:04,400 diferenzas, e esas diferenzas son importantes para a nota. 915 00:44:04,400 --> 00:44:09,420 Unha diferenza é que as variables en PHP son vagamente ingresaran. 916 00:44:09,420 --> 00:44:11,275 Alguén ten un sentido do que significa isto? 917 00:44:11,275 --> 00:44:14,245 >> Audiencia: Non hai necesidade de lanzalo a si mesmo. 918 00:44:14,245 --> 00:44:16,400 Como non hai necesidade de escribir en texto. 919 00:44:16,400 --> 00:44:19,070 >> Jason Hirschhorn: Eu non usaría a reparto palabra, mais si, non hai necesidade de declarar 920 00:44:19,070 --> 00:44:20,930 un tipo dunha variable específica. 921 00:44:20,930 --> 00:44:22,300 Como en vez imos declarar unha variable? 922 00:44:22,300 --> 00:44:23,860 >> Audiencia: Use un sinal de dólar. 923 00:44:23,860 --> 00:44:25,270 >> Jason Hirschhorn: Use un sinal de dólar. 924 00:44:25,270 --> 00:44:27,540 Entón $ x é unha variable. 925 00:44:27,540 --> 00:44:29,580 $ 1 é unha variable. 926 00:44:29,580 --> 00:44:31,910 $ String é unha variable. 927 00:44:31,910 --> 00:44:36,280 >> Estas variables, $ x podería ser un número enteiro. 928 00:44:36,280 --> 00:44:38,010 Entón, pode ser unha cadea. 929 00:44:38,010 --> 00:44:39,420 Entón, podería ser un personaxe. 930 00:44:39,420 --> 00:44:40,790 Realmente non importa. 931 00:44:40,790 --> 00:44:46,360 >> Ademais, a cousa legal sobre PHP é, digamos, US $ x é aquel cadea. 932 00:44:46,360 --> 00:44:48,920 E $ y é o personaxe un. 933 00:44:48,920 --> 00:44:54,370 Podes engadir $ xe $ y, e só pode darlle 2, o que esperar. 934 00:44:54,370 --> 00:44:56,160 Polo tanto, hai operacións en PHP. 935 00:44:56,160 --> 00:45:00,810 Por variables feblemente tipada, algúns a conversión implícita está feito para ti 936 00:45:00,810 --> 00:45:02,330 e algunhas operacións. 937 00:45:02,330 --> 00:45:04,240 >> Podes facer operacións en cousas de diferentes tipos. 938 00:45:04,240 --> 00:45:08,740 Considerando que, antes, moitas veces obterá un erro en C dito, este non é o tipo 939 00:45:08,740 --> 00:45:09,610 que se quere para ir aquí. 940 00:45:09,610 --> 00:45:11,510 Só cousas dese tipo pode ir aquí. 941 00:45:11,510 --> 00:45:14,900 Non está indo para obter este tipo de de erros, xeralmente, en PHP. 942 00:45:14,900 --> 00:45:17,420 Así que esta é unha gran diferenza - como lidamos con variables. 943 00:45:17,420 --> 00:45:20,850 >> A segunda gran diferenza é que Código PHP é interpretado. 944 00:45:20,850 --> 00:45:23,110 Wheres, código C é compilado. 945 00:45:23,110 --> 00:45:23,910 O que significa isto? 946 00:45:23,910 --> 00:45:26,700 >> Ben, para o código C que executou mediante un compilador. 947 00:45:26,700 --> 00:45:29,010 Vostede xerou un ficheiro binario. 948 00:45:29,010 --> 00:45:30,770 E executou o ficheiro binario. 949 00:45:30,770 --> 00:45:35,500 Vostede coidou de todos os erros antes de vostede xerou o ficheiro binario. 950 00:45:35,500 --> 00:45:37,810 >> Por suposto, non podería ser segmentación faltas, cando executou o 951 00:45:37,810 --> 00:45:39,020 ficheiro binario. 952 00:45:39,020 --> 00:45:45,780 Pero non é como se esqueceu de incluír a definición de printf, ou 953 00:45:45,780 --> 00:45:48,735 non usar unha variable e só creou unha variable desperdicio. 954 00:45:48,735 --> 00:45:51,830 Ou non establecer un función prototipo. 955 00:45:51,830 --> 00:45:53,590 >> Todo o que pasou antes de compilar. 956 00:45:53,590 --> 00:45:56,830 El deulle os erros ou mal cousas que cría que podería acontecer. 957 00:45:56,830 --> 00:45:59,900 E entón, vostede tivo o seu 0 e 1 ficheiro que executou. 958 00:45:59,900 --> 00:46:01,690 Código PHP non funciona así. 959 00:46:01,690 --> 00:46:03,750 >> Vai escribir o seu código PHP. 960 00:46:03,750 --> 00:46:05,820 Entón, vai salvalo, probablemente. 961 00:46:05,820 --> 00:46:09,160 E, polo menos en I-Set 7, vai para actualizar o seu navegador, e 962 00:46:09,160 --> 00:46:11,110 vai ver o que pasou. 963 00:46:11,110 --> 00:46:14,110 Vai ver a saída de que o código PHP. 964 00:46:14,110 --> 00:46:17,450 >> Tamén podes ver, na parte superior da súa páxina, un erro. 965 00:46:17,450 --> 00:46:19,960 Porque tivo algún erro no PHP. 966 00:46:19,960 --> 00:46:22,390 Aínda pode ver o resto a páxina web está mirando ben. 967 00:46:22,390 --> 00:46:25,130 Pero unha parte está mal, e non hai un erro naquel lugar. 968 00:46:25,130 --> 00:46:28,320 E iso é porque esa parte da seu código PHP non funciona. 969 00:46:28,320 --> 00:46:31,680 >> En realidade, cando realizar, cando ir a algo como by.php. 970 00:46:31,680 --> 00:46:34,950 Vai pasar polo seu PHP ficheiro liña por liña e executa-lo 971 00:46:34,950 --> 00:46:36,210 entón e só entón. 972 00:46:36,210 --> 00:46:39,890 Non vai a compilalo lo á fronte de tempo ou compilar unha copia e, a continuación, dar 973 00:46:39,890 --> 00:46:41,570 que compilou copia para todos. 974 00:46:41,570 --> 00:46:43,830 Cada vez, que vai pasar por liña por liña e executalo. 975 00:46:43,830 --> 00:46:46,620 >> Por iso, algunhas liñas poden traballar e imprimir algo correcto. 976 00:46:46,620 --> 00:46:49,500 E outras liñas poden ser quebradas e producir un erro no seu canto. 977 00:46:49,500 --> 00:46:52,650 Entón, cando a depuración de PHP, demos lle un par de cousas útiles 978 00:46:52,650 --> 00:46:54,580 para axudar a depurar, como a función de desaloxo. 979 00:46:54,580 --> 00:46:56,900 >> Pero, xeralmente, vai a ver estes erros. 980 00:46:56,900 --> 00:46:58,340 E é así que vai sabe que fixo algo mal. 981 00:46:58,340 --> 00:47:00,740 Pero só vai ver o erro xa que o que realmente executar o código. 982 00:47:00,740 --> 00:47:03,420 983 00:47:03,420 --> 00:47:08,880 >> Outro aspecto importante do PHP e desenvolvemento web é a idea de obter 984 00:47:08,880 --> 00:47:09,920 contra post. 985 00:47:09,920 --> 00:47:13,250 Alguén pode explicar o que é a diferenza entre GET e POST son? 986 00:47:13,250 --> 00:47:17,530 987 00:47:17,530 --> 00:47:18,780 Ninguén - 988 00:47:18,780 --> 00:47:21,710 989 00:47:21,710 --> 00:47:21,970 Si 990 00:47:21,970 --> 00:47:24,495 >> Audiencia: Non un deles permitir que o usuario vexa os datos, 991 00:47:24,495 --> 00:47:26,080 e un deles non? 992 00:47:26,080 --> 00:47:27,310 >> Jason Hirschhorn: gran. 993 00:47:27,310 --> 00:47:28,400 Si, ten algo que engadir? 994 00:47:28,400 --> 00:47:32,622 >> Audiencia: I post fina é unha variable super-global. 995 00:47:32,622 --> 00:47:34,740 >> Jason Hirschhorn: Entón ambos variables son dadas a ti. 996 00:47:34,740 --> 00:47:35,630 Estes son só variables. 997 00:47:35,630 --> 00:47:37,740 E vostede sabe que son variables, porque aquí eu 998 00:47:37,740 --> 00:47:38,780 usar o cifrão. 999 00:47:38,780 --> 00:47:41,950 >> Estas son variables dadas para ti polo PHP. 1000 00:47:41,950 --> 00:47:45,990 E cando moverse entre as páxinas web, quere gardar unha información. 1001 00:47:45,990 --> 00:47:47,960 Probablemente vai querer salvar se o usuario está dentro do sistema Pol 1002 00:47:47,960 --> 00:47:49,270 Isto non é salvo en GET e POST. 1003 00:47:49,270 --> 00:47:51,390 Isto está gardado nalgunha outra cousa, unha variable distinta. 1004 00:47:51,390 --> 00:47:55,170 >> Alguén sabe o que variable que está gardado en, ou o que usa en variable 1005 00:47:55,170 --> 00:47:57,728 P-Set 7, para asegurarse de que o usuario está dentro do sistema? 1006 00:47:57,728 --> 00:48:00,360 1007 00:48:00,360 --> 00:48:03,690 $ _SESSION, Que é exactamente correcto, probablemente importante estar familiarizado coa 1008 00:48:03,690 --> 00:48:06,060 os nomes destas cousas usa a miúdo. 1009 00:48:06,060 --> 00:48:10,070 >> Entón usa a variable de sesión para salvar información dunha páxina a outra. 1010 00:48:10,070 --> 00:48:11,075 Esta é unha variable super. 1011 00:48:11,075 --> 00:48:15,250 Ela existe en todas as páxinas, quizais como unha variable global, se quere pensar 1012 00:48:15,250 --> 00:48:16,900 sobre iso así. 1013 00:48:16,900 --> 00:48:19,260 >> Hai un par de outras variables que permiten transferir información 1014 00:48:19,260 --> 00:48:20,710 de páxina para páxina. 1015 00:48:20,710 --> 00:48:24,260 En particular, os que imos concentrar en son o get e as variables POST. 1016 00:48:24,260 --> 00:48:29,330 O PHP se parecen $ _GET E $ _POST. 1017 00:48:29,330 --> 00:48:33,610 E a diferenza, como Marcus apuntou para fóra, entre os dous é que, 1018 00:48:33,610 --> 00:48:37,670 información en $ _GET é exhibida na URL. 1019 00:48:37,670 --> 00:48:41,380 >> Entón, se nós miramos aquí, vemos unha ligazón de YouTube. 1020 00:48:41,380 --> 00:48:43,760 Vemos esta interrogación. 1021 00:48:43,760 --> 00:48:47,730 Vemos v = e logo, algún valor. 1022 00:48:47,730 --> 00:48:53,460 Voltar á idea de valor de chave par, o v é a clave. 1023 00:48:53,460 --> 00:48:56,970 E aquí é o valor. 1024 00:48:56,970 --> 00:49:01,030 >> Entón, se tivésemos que ir a esta páxina ou codificación nesta páxina, teriamos un 1025 00:49:01,030 --> 00:49:04,000 variable chamada $ _GET. 1026 00:49:04,000 --> 00:49:11,030 Se fomos a $ _GET soporte aberto "v" seguinte soporte, moi semellante ao conxunto 1027 00:49:11,030 --> 00:49:15,000 notación, esta é unha matriz asociada porque non estamos usando índices. 1028 00:49:15,000 --> 00:49:16,710 Estaban usando cadeas como claves. 1029 00:49:16,710 --> 00:49:17,940 Pero a idea moi similar. 1030 00:49:17,940 --> 00:49:20,520 Se fomos nós, ía recibir ese valor. 1031 00:49:20,520 --> 00:49:23,276 >> Nesta páxina, que sería capaz para usar ese valor. 1032 00:49:23,276 --> 00:49:32,200 Se nós realmente ollar, imos ir a unha páxina de YouTube. 1033 00:49:32,200 --> 00:49:35,140 O vídeo debemos ver? 1034 00:49:35,140 --> 00:49:37,350 Este, son persoas Hobbit fans? 1035 00:49:37,350 --> 00:49:40,731 >> Audiencia: si. 1036 00:49:40,731 --> 00:49:44,750 >> Jason Hirschhorn: Entón, eu estou copiando súa URL compartir e 1037 00:49:44,750 --> 00:49:46,000 pegalo nunha nova fiestra. 1038 00:49:46,000 --> 00:49:48,550 1039 00:49:48,550 --> 00:50:00,470 E agora, se ollar para arriba aquí, vai ter en conta que, unha vez máis - 1040 00:50:00,470 --> 00:50:03,170 Vou copiar e pegar isto en gedit, para que poidamos vela máis grande. 1041 00:50:03,170 --> 00:50:16,530 1042 00:50:16,530 --> 00:50:19,720 Vostede notará que ten este punto de interrogação. 1043 00:50:19,720 --> 00:50:22,150 O punto de interrogación que designa todo despois é que isto vai ser 1044 00:50:22,150 --> 00:50:23,530 salvo na variable get. 1045 00:50:23,530 --> 00:50:29,130 >> A continuación, el ten o v, que é a primeira tecla e este primeiro valor. 1046 00:50:29,130 --> 00:50:30,710 Ampersand é especial. 1047 00:50:30,710 --> 00:50:34,340 Ampersand está dicindo, OK, nós rematou o primeiro valor. 1048 00:50:34,340 --> 00:50:37,170 Estamos agora a pasar ao outro par de valores clave. 1049 00:50:37,170 --> 00:50:41,135 Aquí, a clave é chamada de función, eo valor é youtu.be. 1050 00:50:41,135 --> 00:50:44,010 1051 00:50:44,010 --> 00:50:50,710 >> Entón, se eu fose unha codificación esta páxina e alguén foi para esta URL e eu tiven 1052 00:50:50,710 --> 00:50:53,190 quizais watch.php. 1053 00:50:53,190 --> 00:50:54,150 E eu estaba programando iso. 1054 00:50:54,150 --> 00:50:57,060 E eu podería usar a variable $ _GET. 1055 00:50:57,060 --> 00:51:02,740 E gustaríame ter un v, e Eu tería un recurso. 1056 00:51:02,740 --> 00:51:07,080 >> E se eu usar a tecla v, I recibiría ese valor. 1057 00:51:07,080 --> 00:51:14,145 E se eu fixen $ _GET soporte "característica" seguinte soporte, quere obter este valor. 1058 00:51:14,145 --> 00:51:17,530 Unha vez máis, iso non significa necesariamente aplica-se a - 1059 00:51:17,530 --> 00:51:21,460 Obviamente, YouTube claves e valores e se a información non é aplicable a 1060 00:51:21,460 --> 00:51:22,700 noso problema xogo 7. 1061 00:51:22,700 --> 00:51:28,450 Pero hai certas cousas que nós pasar vía GET na nosa Conxunto de Problemas 7. 1062 00:51:28,450 --> 00:51:33,120 E, por suposto, cando vai a unha páxina web ou está codificando a súa propia páxina, o 1063 00:51:33,120 --> 00:51:36,440 $ _GET Virá a cadra cando a súa codificación. 1064 00:51:36,440 --> 00:51:41,030 >> ¿Que é unha razón para usar $ _GET logo se ofrece ningunha privacidade? 1065 00:51:41,030 --> 00:51:43,170 Ve toda esta información que está a ser trasladado. 1066 00:51:43,170 --> 00:51:44,170 Está todo amosado para o usuario. 1067 00:51:44,170 --> 00:51:49,060 Pero o que é unha razón que se pode quere aforrar algo de $ _GET, como 1068 00:51:49,060 --> 00:51:50,310 oposición a $ _POST? 1069 00:51:50,310 --> 00:51:52,650 1070 00:51:52,650 --> 00:51:53,900 Por que pode querer facelo? 1071 00:51:53,900 --> 00:51:58,065 1072 00:51:58,065 --> 00:51:58,540 >> Todo ben. 1073 00:51:58,540 --> 00:52:00,310 Pregunta-lle o Quiz 1. 1074 00:52:00,310 --> 00:52:02,210 Cal é o pro de $ _GET? 1075 00:52:02,210 --> 00:52:04,250 ¿Que é un pro? 1076 00:52:04,250 --> 00:52:04,700 Si - 1077 00:52:04,700 --> 00:52:06,180 >> Audiencia: É máis fácil compartir información. 1078 00:52:06,180 --> 00:52:07,040 >> Jason Hirschhorn: Eu creo que iso é gran. 1079 00:52:07,040 --> 00:52:07,870 É máis doado para compartir información. 1080 00:52:07,870 --> 00:52:09,360 É máis doado para marcar. 1081 00:52:09,360 --> 00:52:15,260 >> Pode marcar o momento, YouTube.com / watch? V = algo e ir 1082 00:52:15,260 --> 00:52:16,900 para que o vídeo específica. 1083 00:52:16,900 --> 00:52:22,020 O YouTube sempre fixo solicitudes POST para páxinas diferentes, cada URL YouTube 1084 00:52:22,020 --> 00:52:22,985 Sería YouTube.com. 1085 00:52:22,985 --> 00:52:25,750 Non podería marcar un único vídeo. 1086 00:52:25,750 --> 00:52:28,160 Porque se dixo compartido ese link con outra persoa, non 1087 00:52:28,160 --> 00:52:30,160 obter automaticamente a variable post. 1088 00:52:30,160 --> 00:52:33,570 Eles están só recibindo este enlace, eo ligazón é a mesma para todos. 1089 00:52:33,570 --> 00:52:35,180 >> Entón iso é un pro. 1090 00:52:35,180 --> 00:52:38,850 Permite que marcar esta información ou compartir esta información 1091 00:52:38,850 --> 00:52:40,840 ou facelo un pouco máis amigable. 1092 00:52:40,840 --> 00:52:43,890 Por suposto, non hai privacidade, polo que temos esta variable post. 1093 00:52:43,890 --> 00:52:47,570 E a información post non é exhibida na URL. 1094 00:52:47,570 --> 00:52:49,200 >> Non é totalmente privado. 1095 00:52:49,200 --> 00:52:51,710 Pero é marxinalmente máis privado. 1096 00:52:51,710 --> 00:52:55,030 E entón podes ver esta URL aquí en baixo, cs50.net. 1097 00:52:55,030 --> 00:52:59,200 Se está ou non conectado ao sitio, que vai ter o mesmo 1098 00:52:59,200 --> 00:53:02,600 URL, cs50.net. 1099 00:53:02,600 --> 00:53:05,940 >> Obviamente, é algo diferente, se está rexistrado no sitio web. 1100 00:53:05,940 --> 00:53:08,690 Ten, un, probablemente introducir o seu PIN. 1101 00:53:08,690 --> 00:53:10,600 E confirmou que co servidor. 1102 00:53:10,600 --> 00:53:12,650 E é probablemente a gardar outra información. 1103 00:53:12,650 --> 00:53:14,810 Pero a URL non cambia en nada. 1104 00:53:14,810 --> 00:53:17,080 >> E así, este é o caso, cando algo é enviado por POST. 1105 00:53:17,080 --> 00:53:18,800 O URL non cambia. 1106 00:53:18,800 --> 00:53:21,100 Esta información non é POST exhibida na URL. 1107 00:53:21,100 --> 00:53:26,150 Pero nalgún estado cambiou, e quizais hai algunhas informacións gardadas no 1108 00:53:26,150 --> 00:53:27,400 Variable POST. 1109 00:53:27,400 --> 00:53:30,460 1110 00:53:30,460 --> 00:53:36,880 >> Sentímolo. antes de ir para o SQL, calquera preguntas sobre o PHP, en particular, 1111 00:53:36,880 --> 00:53:41,850 preguntas sobre cousas que non pasar por riba de que atopou ou calquera sintaxe ou 1112 00:53:41,850 --> 00:53:43,855 cuestións lóxicas sobre PHP? 1113 00:53:43,855 --> 00:53:49,300 1114 00:53:49,300 --> 00:53:50,050 Aceptar. 1115 00:53:50,050 --> 00:53:54,400 >> O texto final, será interactuar con esta semana é a 1116 00:53:54,400 --> 00:53:58,920 Structured Query Language, SQL, pronunciado secuela frecuencia. 1117 00:53:58,920 --> 00:54:01,740 Isto permite que interactuar co base de datos dun xeito formalizada. 1118 00:54:01,740 --> 00:54:04,390 E el xoga moi ben con PHP. 1119 00:54:04,390 --> 00:54:09,950 >> Como verás no conxunto de problemas 7, temos lle deu unha función chamada de consulta. 1120 00:54:09,950 --> 00:54:14,990 E leva unha cadea SQL e executa esta procura de na base de datos. 1121 00:54:14,990 --> 00:54:17,470 Nos últimos anos, non estaba dada esta función. 1122 00:54:17,470 --> 00:54:22,250 Vostede tiña que usar funcións PHP para facer a consulta na base de datos e de comprobación 1123 00:54:22,250 --> 00:54:24,230 para erros e logo, obter os resultados. 1124 00:54:24,230 --> 00:54:26,120 >> E, de feito, non é tan difícil, porque unha vez máis, que desempeña 1125 00:54:26,120 --> 00:54:27,080 moi ben con PHP. 1126 00:54:27,080 --> 00:54:31,240 E PHP dálle unha serie de funcións para interactuar con unha base de datos de SQL. 1127 00:54:31,240 --> 00:54:34,810 Entón, moitas veces, os dous estes van xuntos. 1128 00:54:34,810 --> 00:54:37,090 Por suposto, pode interactuar con a base de datos SQL con calquera 1129 00:54:37,090 --> 00:54:38,400 número doutras linguas. 1130 00:54:38,400 --> 00:54:41,420 Pero o PHP é unha excelente opción. 1131 00:54:41,420 --> 00:54:42,290 >> Unha base de datos - 1132 00:54:42,290 --> 00:54:46,030 nós falaremos sobre iso axiña, porque esta é unha palabra de moda que imos 1133 00:54:46,030 --> 00:54:48,030 comezar a usar moitas veces - 1134 00:54:48,030 --> 00:54:50,140 é unha colección de táboas. 1135 00:54:50,140 --> 00:54:53,960 Así, podemos pensar niso como un arquivo Excel. 1136 00:54:53,960 --> 00:54:57,260 Un arquivo Excel ten varias pestanas na parte inferior da pantalla. 1137 00:54:57,260 --> 00:55:03,090 Cada guía, imos agora chamar unha táboa, onde unha táboa é un conxunto de liñas. 1138 00:55:03,090 --> 00:55:04,060 >> E o que é unha cola? 1139 00:55:04,060 --> 00:55:06,890 Así, a liña é o mesmo no arquivo Excel. 1140 00:55:06,890 --> 00:55:10,380 Isto só ten certos valores para cada campo ou cada columna dato dado. 1141 00:55:10,380 --> 00:55:12,010 É como unha entrada na táboa. 1142 00:55:12,010 --> 00:55:16,570 É un estudante, que ten un ID, un específico de identificación, e un nome e un específico 1143 00:55:16,570 --> 00:55:17,910 casa específica. 1144 00:55:17,910 --> 00:55:19,790 >> Así, unha base de datos é unha colección de táboas. 1145 00:55:19,790 --> 00:55:22,685 E mesas son un número de liñas ou rexistros. 1146 00:55:22,685 --> 00:55:25,470 1147 00:55:25,470 --> 00:55:28,280 Tamén hai, en cada mesa, determinados campos. 1148 00:55:28,280 --> 00:55:32,130 E que especifica o que cada rexistro é terá, ás veces chamado de campos 1149 00:55:32,130 --> 00:55:33,890 columnas, pero xeralmente chamadas de campos. 1150 00:55:33,890 --> 00:55:38,270 >> Nesta táboa moi sinxelo, eu teño tres campos, un campo de identificación, o nome de usuario 1151 00:55:38,270 --> 00:55:39,780 campo, e un campo de hash. 1152 00:55:39,780 --> 00:55:41,300 E eu teño tres liñas. 1153 00:55:41,300 --> 00:55:42,100 Neste momento, están baleiros. 1154 00:55:42,100 --> 00:55:44,850 Eles probablemente non estaría baleira se esta foi a miña base de datos real. 1155 00:55:44,850 --> 00:55:50,530 >> Entón, se xa usou Excel, idea semellante ao que fai en Excel, con todo, 1156 00:55:50,530 --> 00:55:54,300 obviamente, agora imos ser capaces de facer moito máis poderoso cousas no 1157 00:55:54,300 --> 00:55:56,430 a información que se garda na nosa base de datos. 1158 00:55:56,430 --> 00:56:00,270 Estará creándose un base de datos para conxunto de problemas 7. 1159 00:56:00,270 --> 00:56:02,820 Pero estará creando múltiples táboas na base de datos. 1160 00:56:02,820 --> 00:56:06,950 >> Estará creando unha base de datos ou unha táboa para os usuarios. 1161 00:56:06,950 --> 00:56:12,830 Estará tamén a creación dunha mesa para probablemente transaccións con accións, para manter 1162 00:56:12,830 --> 00:56:15,580 control deles, porque precisa implantar un recurso de histórico. 1163 00:56:15,580 --> 00:56:18,370 Ambas mesas terán diferentes campos. 1164 00:56:18,370 --> 00:56:22,190 Por exemplo, nun campo de usuario, Probablemente vai querer o seu nome de usuario e un 1165 00:56:22,190 --> 00:56:24,220 ID e un hash de contrasinal. 1166 00:56:24,220 --> 00:56:28,450 >> Na táboa de Stocks que mantén o control de historia ou a táboa de histórico, vostede 1167 00:56:28,450 --> 00:56:31,620 probablemente non ten o nome de usuario eo hash eo ID. 1168 00:56:31,620 --> 00:56:34,460 Probablemente só precisa dun destes valores que son únicas, para asociar 1169 00:56:34,460 --> 00:56:35,830 o cun determinado usuario. 1170 00:56:35,830 --> 00:56:38,100 >> Pero entón, quere gardar outro cousas como, o tempo 1171 00:56:38,100 --> 00:56:40,630 Foi transacción feita. 1172 00:56:40,630 --> 00:56:42,380 O stock foi comprado ou vendido? 1173 00:56:42,380 --> 00:56:44,150 Cantas accións do foi adquirido ou vendido? 1174 00:56:44,150 --> 00:56:48,360 Cal foi o prezo a que o stock foi comprado ou vendido? 1175 00:56:48,360 --> 00:56:50,180 >> Entón, de novo, vai estar interactuando con bases de datos que hai 1176 00:56:50,180 --> 00:56:51,350 terá varias táboas. 1177 00:56:51,350 --> 00:56:54,340 Cada mesa terá o seu propio conxunto de campos. 1178 00:56:54,340 --> 00:56:58,430 Con todo, probablemente haberá un semellante campo en cada cadro, que 1179 00:56:58,430 --> 00:57:00,130 refírese a eles un ao outro. 1180 00:57:00,130 --> 00:57:02,660 Normalmente, este é un campo ID. 1181 00:57:02,660 --> 00:57:07,000 >> Por cada usuario ten unha identificación única e asocia esta identificación con cada 1182 00:57:07,000 --> 00:57:09,365 transacción que o usuario fai ou toda a historia do usuario. 1183 00:57:09,365 --> 00:57:12,760 1184 00:57:12,760 --> 00:57:13,830 E ten o ID de usuario. 1185 00:57:13,830 --> 00:57:15,365 Pode obter información de ambas as táboas. 1186 00:57:15,365 --> 00:57:19,770 Pode obter o seu nome de usuario, e Pode obter todos os seus transaccións. 1187 00:57:19,770 --> 00:57:24,410 >> Calquera dúbida sobre bases de datos, ou preguntas específicas? 1188 00:57:24,410 --> 00:57:25,240 De feito, imos manter isto. 1189 00:57:25,240 --> 00:57:27,410 Estaremos alí en dous lados. 1190 00:57:27,410 --> 00:57:31,210 >> Polo tanto, hai catro operacións en bases de datos que ha empregar no 1191 00:57:31,210 --> 00:57:34,790 Conxunto de Problemas 7 e probable sempre estar a usar. 1192 00:57:34,790 --> 00:57:38,040 O primeiro que quero facer é introducir un novo rexistro nunha táboa ou un 1193 00:57:38,040 --> 00:57:39,960 nova liña nunha táboa. 1194 00:57:39,960 --> 00:57:46,070 Esta é a función xenérica, a forma xenérica, de que a consulta SQL. 1195 00:57:46,070 --> 00:57:52,240 >> INSERT INTO táboa, calquera que sexa columnas que quere inserir e, a continuación, 1196 00:57:52,240 --> 00:57:58,740 os valores que vai querer poñer a estas columnas ou campos. 1197 00:57:58,740 --> 00:58:03,980 Se ten varias táboas nun base de datos ou varios bancos de datos, 1198 00:58:03,980 --> 00:58:06,630 Tamén pode ter especificar a base de datos ea táboa que quere 1199 00:58:06,630 --> 00:58:07,980 para poñer as cousas en. 1200 00:58:07,980 --> 00:58:11,390 Pero moi simple, se quere inserir en algo, vostede di, aquí están os 1201 00:58:11,390 --> 00:58:12,890 campos que quero inserir. 1202 00:58:12,890 --> 00:58:14,740 E aquí están os valores. 1203 00:58:14,740 --> 00:58:18,840 >> Nalgunhas táboas, tamén, e este usuario do mesa é un bo exemplo. 1204 00:58:18,840 --> 00:58:21,940 Probablemente na táboa do usuario e probablemente na mesa do seu usuario en I-sep 1205 00:58:21,940 --> 00:58:24,200 7, non hai só un valor de usuario. 1206 00:58:24,200 --> 00:58:27,100 Non hai só un valor en diñeiro, ou no campo, en vez. 1207 00:58:27,100 --> 00:58:29,140 Hai tamén un campo de identificación. 1208 00:58:29,140 --> 00:58:31,110 >> Eu non estou indo a introducir este campo ID. 1209 00:58:31,110 --> 00:58:34,020 Isto vai ser dada a me automaticamente, cando unha 1210 00:58:34,020 --> 00:58:35,810 insírese nova marca. 1211 00:58:35,810 --> 00:58:37,820 Polo tanto, hai un campo que Pode configurar a ser automático. 1212 00:58:37,820 --> 00:58:41,740 >> Quizais queira dar a cada usuario $ 10,000 de diñeiro fóra do pau. 1213 00:58:41,740 --> 00:58:43,470 Entón eu non teño inserir un número de caixa aquí. 1214 00:58:43,470 --> 00:58:45,860 Todo o que eu teño é introducir o nome de usuario. 1215 00:58:45,860 --> 00:58:49,230 E entón, o campo de caixa será pre-cuberto, e no campo ID será 1216 00:58:49,230 --> 00:58:50,590 ser pre-cuberta. 1217 00:58:50,590 --> 00:58:53,640 >> Entón, moitas veces, non estamos inserindo algo en todos os campos, xa que 1218 00:58:53,640 --> 00:58:55,400 os outros campos son pre-poboada. 1219 00:58:55,400 --> 00:58:58,320 Porque é así que nós crear esta táboa. 1220 00:58:58,320 --> 00:59:01,280 >> A segunda cousa que vai quere facer é borrar un rexistro. 1221 00:59:01,280 --> 00:59:02,900 Excluíndo algo é moi sinxelo. 1222 00:59:02,900 --> 00:59:05,660 Lle dá a mesa onde quere para borrar algo. 1223 00:59:05,660 --> 00:59:11,202 E dis, OK, quero eliminar o rexistro que ten un nome de usuario de Milo. 1224 00:59:11,202 --> 00:59:16,180 Ou quero borrar todos os rexistros que ter un nome de usuario de Milo ou que fose un 1225 00:59:16,180 --> 00:59:18,700 transacción de número de identificación de usuario 2. 1226 00:59:18,700 --> 00:59:21,950 1227 00:59:21,950 --> 00:59:24,809 Calquera dúbida sobre estes dous tipos de consultas? 1228 00:59:24,809 --> 00:59:26,059 >> Audiencia: [inaudível]. 1229 00:59:26,059 --> 00:59:28,721 1230 00:59:28,721 --> 00:59:30,770 >> Jason Hirschhorn: si. 1231 00:59:30,770 --> 00:59:33,530 Entón eu vou usar liña e rexistro alternativamente e algúns 1232 00:59:33,530 --> 00:59:35,400 con columna e no campo. 1233 00:59:35,400 --> 00:59:37,650 Pero unha liña é un rexistro. 1234 00:59:37,650 --> 00:59:40,080 Unha columna é un campo, indo volver a esta táboa. 1235 00:59:40,080 --> 00:59:44,210 1236 00:59:44,210 --> 00:59:45,420 >> Aceptar. 1237 00:59:45,420 --> 00:59:47,310 A seguinte cousa que probablemente está vai facer é obter un 1238 00:59:47,310 --> 00:59:48,400 información da táboa. 1239 00:59:48,400 --> 00:59:50,090 Esta é unha consulta selección. 1240 00:59:50,090 --> 00:59:52,330 E, de novo, que a táboa estou escollendo a partir de? 1241 00:59:52,330 --> 00:59:58,370 E que columna que quero para seleccionar ou cal o valor que quero para seleccionar e 1242 00:59:58,370 --> 00:59:59,530 desde que liña? 1243 00:59:59,530 --> 01:00:01,120 >> Así, o Select é algo específico. 1244 01:00:01,120 --> 01:00:03,620 Digo, OK, quero esa táboa. 1245 01:00:03,620 --> 01:00:09,350 E entón eu quero que o nome de usuario da columna e Quero-o da liña con ID 2. 1246 01:00:09,350 --> 01:00:11,030 Esta é unha forma de facer un Select. 1247 01:00:11,030 --> 01:00:14,180 >> Ou podo dicir, me dar a cada nome de usuario único. 1248 01:00:14,180 --> 01:00:18,200 Ou podo dicir, me dea un todo liña desta táboa, onde 1249 01:00:18,200 --> 01:00:19,460 o nome de usuario é 1. 1250 01:00:19,460 --> 01:00:22,300 Polo tanto, hai algunhas formas diferentes para facer consultas selección, dependendo de como 1251 01:00:22,300 --> 01:00:24,130 máximo de información que quere, 1252 01:00:24,130 --> 01:00:29,410 >> Sempre poderá seleccionar todo desa táboa específica e, a continuación, lazo 1253 01:00:29,410 --> 01:00:31,320 través del, escollendo as cousas que quere. 1254 01:00:31,320 --> 01:00:33,940 Pero lembre, se está seleccionando unha morea de cousas a partir dunha táboa e 1255 01:00:33,940 --> 01:00:37,400 ten realmente unha gran mesa, que terá algún tempo, entón mellor escoller só 1256 01:00:37,400 --> 01:00:40,000 as cousas que vai para acabar a usar. 1257 01:00:40,000 --> 01:00:43,580 >> Ademais, con Select e con todos estes outros comandos SQL, así, eu son 1258 01:00:43,580 --> 01:00:45,760 dándolle a versión de esqueleto. 1259 01:00:45,760 --> 01:00:51,600 Pero dicir, estou escollendo os usuarios e quero imprimilas los en orde alfabética, 1260 01:00:51,600 --> 01:00:56,710 Podería escoller a todos os usuarios e logo, tipo los en orde alfabética no meu código. 1261 01:00:56,710 --> 01:01:01,990 >> Ou hai un xeito de escribir o select consulta, que selecciona as cousas dunha 1262 01:01:01,990 --> 01:01:06,580 moda alfabética, baseado fóra dun columna específica, ascendente ou 1263 01:01:06,580 --> 01:01:07,490 descendente. 1264 01:01:07,490 --> 01:01:11,660 Polo tanto, teña presente que, moito do que quere facer probablemente se pode facer en 1265 01:01:11,660 --> 01:01:15,070 a consulta a través de un adicional atributo. 1266 01:01:15,070 --> 01:01:19,120 Entón non busque esas consultas en liña ou as outras cousas que podes facer con estes 1267 01:01:19,120 --> 01:01:21,410 consultas para expandir-los. 1268 01:01:21,410 --> 01:01:25,020 >> Finalmente, a última cousa que quere facer non é introducir algo ou eliminar 1269 01:01:25,020 --> 01:01:26,700 algo, pero en vez actualizar algo. 1270 01:01:26,700 --> 01:01:30,380 E iso faise coa actualización consulta e, de novo, o escritorio. 1271 01:01:30,380 --> 01:01:32,530 E o que o cambio que quero facer? 1272 01:01:32,530 --> 01:01:35,915 E para que liña ou rexistro facer Eu quero facer ese cambio? 1273 01:01:35,915 --> 01:01:38,720 1274 01:01:38,720 --> 01:01:40,300 Calquera dúbida sobre SQL? 1275 01:01:40,300 --> 01:01:47,070 1276 01:01:47,070 --> 01:01:47,310 >> Aceptar. 1277 01:01:47,310 --> 01:01:49,080 Polo tanto, temos preto de 15 minutos. 1278 01:01:49,080 --> 01:01:51,460 E este é o último foto que eu teño. 1279 01:01:51,460 --> 01:01:55,380 E espero que, esta última foto é unha bo segue en conxunto de problemas, 1280 01:01:55,380 --> 01:01:58,820 porque comprender onde queremos inserir rexistros, borralos, seleccione 1281 01:01:58,820 --> 01:02:03,420 eles, e actualiza-los axudaranos comprender a lóxica máis e fluxo 1282 01:02:03,420 --> 01:02:05,570 do conxunto de problemas 7. 1283 01:02:05,570 --> 01:02:08,330 >> Entón, sei as respostas a estas preguntas. 1284 01:02:08,330 --> 01:02:10,570 Eu non vou dicir a vostede todas as respostas. 1285 01:02:10,570 --> 01:02:15,530 Pero se alguén quere presentar unha pregunta ao grupo ou un 1286 01:02:15,530 --> 01:02:18,700 responder a un destes cuestión, podemos usar isto como un punto de saltar fóra para 1287 01:02:18,700 --> 01:02:20,311 falar do conxunto de problemas. 1288 01:02:20,311 --> 01:02:24,159 1289 01:02:24,159 --> 01:02:27,260 Ou se alguén ten un máis xenérico cuestión fóra do conxunto de problemas, Sinto-se 1290 01:02:27,260 --> 01:02:28,210 libre para facelo tamén. 1291 01:02:28,210 --> 01:02:29,460 E podemos empezar por aí. 1292 01:02:29,460 --> 01:02:32,840 1293 01:02:32,840 --> 01:02:35,973 Teña presente que estar en silencio está prexudicando a todos. 1294 01:02:35,973 --> 01:02:36,376 É. 1295 01:02:36,376 --> 01:02:39,540 >> Audiencia: Entón, é a única forma de pasar variables de e para diferentes web 1296 01:02:39,540 --> 01:02:44,532 páxinas, ou a máis conveniente forma, utilizando POST ou GET? 1297 01:02:44,532 --> 01:02:52,380 >> Jason Hirschhorn: Entón, si, que é o xeito máis cómodo dicir - cando 1298 01:02:52,380 --> 01:02:53,970 alguén encher un formulario - 1299 01:02:53,970 --> 01:02:57,540 obter información sobre outra web páxina, usando GET ou POST. 1300 01:02:57,540 --> 01:03:00,400 1301 01:03:00,400 --> 01:03:04,320 Por mor da estrutura que estamos a usar neste conxunto de problemas, notará 1302 01:03:04,320 --> 01:03:08,630 que, moitas veces, facer outra páxina. 1303 01:03:08,630 --> 01:03:12,420 Ou nós prestamos outro ficheiro, non necesariamente outra páxina. 1304 01:03:12,420 --> 01:03:14,050 >> Entón nós pasamos nunha variable. 1305 01:03:14,050 --> 01:03:16,400 E, a continuación, el procesa un Páxina HTML, usando o 1306 01:03:16,400 --> 01:03:18,220 información de que variable. 1307 01:03:18,220 --> 01:03:20,790 Isto non é tecnicamente pasando información entre 1308 01:03:20,790 --> 01:03:21,910 diferentes páxinas web. 1309 01:03:21,910 --> 01:03:24,600 Que está a pasar información entre arquivos diferentes. 1310 01:03:24,600 --> 01:03:26,710 >> E así, podemos utilizar calquera variable para facelo. 1311 01:03:26,710 --> 01:03:33,230 Pero si, se quixésemos pasar información dunha páxina específica para 1312 01:03:33,230 --> 01:03:36,850 outra páxina, GET e POST faría ser o camiño para facelo. 1313 01:03:36,850 --> 01:03:43,060 1314 01:03:43,060 --> 01:03:45,765 Calquera outras cuestións sobre o conxunto de problemas? 1315 01:03:45,765 --> 01:03:49,490 1316 01:03:49,490 --> 01:03:50,150 >> Aceptar. 1317 01:03:50,150 --> 01:03:53,660 Imos pasar, entón, dalgún parte do conxunto de problemas. 1318 01:03:53,660 --> 01:04:00,260 Vas a necesidade, nun punto, presentar carteira de alguén en 1319 01:04:00,260 --> 01:04:01,710 a pantalla. 1320 01:04:01,710 --> 01:04:06,454 O que quero dicir cando digo carteira, no contexto deste problema definido? 1321 01:04:06,454 --> 01:04:11,350 >> Audiencia: É como as accións que ten como, moitas accións que posúen, 1322 01:04:11,350 --> 01:04:13,760 o prezo, e canto diñeiro que lles queda. 1323 01:04:13,760 --> 01:04:15,235 >> Jason Hirschhorn: Isto soa moi ben. 1324 01:04:15,235 --> 01:04:19,640 Entón, quero amosar todas as accións que eles mesmos para stock de cada empresa 1325 01:04:19,640 --> 01:04:23,770 accións e, probablemente, o que iso é paga a pena, e logo, unha variable independente, 1326 01:04:23,770 --> 01:04:25,960 canto diñeiro que posúen. 1327 01:04:25,960 --> 01:04:27,150 Entón, dicir que quero describir iso. 1328 01:04:27,150 --> 01:04:29,660 Imos comezar a falar sobre como eu podería vai facer sobre iso, o que eu estou táboas 1329 01:04:29,660 --> 01:04:31,210 indo a necesidade de ter que ser capaz de facelo. 1330 01:04:31,210 --> 01:04:34,070 1331 01:04:34,070 --> 01:04:34,460 Si - 1332 01:04:34,460 --> 01:04:37,970 >> Audiencia: usuarios así, e entón, eu creo pode facer unha táboa chamada 1333 01:04:37,970 --> 01:04:41,920 Accións ou algo así, que sería cantos compraron. 1334 01:04:41,920 --> 01:04:42,660 >> Jason Hirschhorn: Aceptar. 1335 01:04:42,660 --> 01:04:46,530 Entón, eu vou ter unha táboa chamada Os usuarios, que mantén o control do 1336 01:04:46,530 --> 01:04:50,640 nome de usuario, presuntamente, probablemente algún ID, probablemente contrasinal dun individuo. 1337 01:04:50,640 --> 01:04:52,850 Qué é outra cousa que só dixo que é asociado? 1338 01:04:52,850 --> 01:04:55,510 Alguén ademais de Michael, que é o outra cousa que esta asociado 1339 01:04:55,510 --> 01:04:58,270 cada usuario, exclusivo para eles? 1340 01:04:58,270 --> 01:05:00,050 >> Audiencia: ID. 1341 01:05:00,050 --> 01:05:01,170 >> Jason Hirschhorn: ID - 1342 01:05:01,170 --> 01:05:03,540 o que é outra cousa que estamos seguramente queira 1343 01:05:03,540 --> 01:05:05,685 amosar nesa páxina? 1344 01:05:05,685 --> 01:05:06,990 >> Audiencia: O seu nome. 1345 01:05:06,990 --> 01:05:10,550 >> Jason Hirschhorn: O seu nome - o que é outra cousa relacionada a este 1346 01:05:10,550 --> 01:05:11,420 determinado conxunto de problemas? 1347 01:05:11,420 --> 01:05:14,110 >> Audiencia: Que accións eles mesmos - 1348 01:05:14,110 --> 01:05:16,650 >> Jason Hirschhorn: Non van haber unha chea de accións que posúen. 1349 01:05:16,650 --> 01:05:19,670 ¿Que é un valor específico, con todo, que van ter 1350 01:05:19,670 --> 01:05:22,640 asociado con eles? 1351 01:05:22,640 --> 01:05:25,709 Como é que eles van comprar e vender as súas accións? 1352 01:05:25,709 --> 01:05:26,595 >> Audiencia: Diñeiro. 1353 01:05:26,595 --> 01:05:28,100 >> Jason Hirschhorn: Son terá diñeiro. 1354 01:05:28,100 --> 01:05:31,020 Así, cada usuario terá un valor para o diñeiro. 1355 01:05:31,020 --> 01:05:32,360 E iso será exclusivo para cada usuario. 1356 01:05:32,360 --> 01:05:35,040 Así, no marco do usuario, que forma sentido poñer en diñeiro. 1357 01:05:35,040 --> 01:05:39,100 >> Pode, por suposto, crear outra táboa que ten IDs de usuario e 1358 01:05:39,100 --> 01:05:40,200 valor do diñeiro. 1359 01:05:40,200 --> 01:05:41,070 Pero isto non ten sentido. 1360 01:05:41,070 --> 01:05:43,410 Non ten sentido simplemente poñer todo isto dunha táboa. 1361 01:05:43,410 --> 01:05:46,860 >> Entón, nós imos ter unha táboa con esta información. 1362 01:05:46,860 --> 01:05:48,360 E entón, cal é a outra táboa nós imos ter? 1363 01:05:48,360 --> 01:05:49,430 Vostede dixo que, unha mesa de Stocks. 1364 01:05:49,430 --> 01:05:50,680 O que estamos poñendo en táboa de Stocks? 1365 01:05:50,680 --> 01:05:55,860 1366 01:05:55,860 --> 01:05:57,530 Calquera persoa, ideas - 1367 01:05:57,530 --> 01:05:58,796 >> Audiencia: A empresa. 1368 01:05:58,796 --> 01:06:00,020 >> Jason Hirschhorn: Imos para poñer o nome do 1369 01:06:00,020 --> 01:06:03,620 empresa, de xeito AAPL para Apple. 1370 01:06:03,620 --> 01:06:04,050 É. 1371 01:06:04,050 --> 01:06:05,390 >> Audiencia: Cantas accións e o que eles pagan. 1372 01:06:05,390 --> 01:06:08,590 >> Jason Hirschhorn: Cantas accións, o que eles pagan - 1373 01:06:08,590 --> 01:06:10,630 o que é outra cousa que precisa en que mesa? 1374 01:06:10,630 --> 01:06:12,770 >> Audiencia: A ID de usuario para indexa-lo. 1375 01:06:12,770 --> 01:06:14,000 >> Jason Hirschhorn: A ID de usuario. 1376 01:06:14,000 --> 01:06:16,070 Entón, nese marco, imos probablemente ten - 1377 01:06:16,070 --> 01:06:18,610 imos dicir, se é alguén que posúe tres accións, tres liñas, cada unha con 1378 01:06:18,610 --> 01:06:23,730 este ID de usuario ou usuario do individuo ID, pero un nome de empresa diferente, unha 1379 01:06:23,730 --> 01:06:28,570 número diferente de accións presuntamente, e un valor de prezo diferente para cada 1380 01:06:28,570 --> 01:06:29,820 a estas reservas. 1381 01:06:29,820 --> 01:06:34,690 1382 01:06:34,690 --> 01:06:37,130 Unha vez máis, o que estou dicindo agora non é necesariamente a implantación, 1383 01:06:37,130 --> 01:06:39,150 porque entende que hai algo máis formas eficaces de implementar lo. 1384 01:06:39,150 --> 01:06:41,020 Pero este é un bo lugar para comezar. 1385 01:06:41,020 --> 01:06:41,430 >> Aceptar. 1386 01:06:41,430 --> 01:06:42,830 Polo tanto, estas son as dúas táboas que temos. 1387 01:06:42,830 --> 01:06:44,470 Agora queremos presentar a esta páxina. 1388 01:06:44,470 --> 01:06:48,510 Cal é o primeiro tipo de consulta habería que facer. 1389 01:06:48,510 --> 01:06:52,190 En cada páxina, se supón que o usuario é sesión, que teñen o seu ID de usuario. 1390 01:06:52,190 --> 01:06:55,480 Entón, cal é o primeiro tipo de query que necesitamos facer? 1391 01:06:55,480 --> 01:06:55,910 É. 1392 01:06:55,910 --> 01:06:56,936 >> Audiencia: O ID de usuario. 1393 01:06:56,936 --> 01:07:00,090 >> Jason Hirschhorn: Temos o seu ID de usuario, cando estamos empezando a código no 1394 01:07:00,090 --> 01:07:01,340 inicio da nosa páxina. 1395 01:07:01,340 --> 01:07:03,880 1396 01:07:03,880 --> 01:07:06,470 Entón, cal é o primeiro tipo de consulta que que facer, dado ID de usuario? 1397 01:07:06,470 --> 01:07:09,580 1398 01:07:09,580 --> 01:07:10,530 Fomos ao longo dos catro tipos. 1399 01:07:10,530 --> 01:07:11,860 Hai só catro respostas posibles. 1400 01:07:11,860 --> 01:07:13,230 >> Audiencia: é seleccionar un rexistro. 1401 01:07:13,230 --> 01:07:14,710 >> Jason Hirschhorn: Un Select - 1402 01:07:14,710 --> 01:07:19,110 queremos seleccionar o usuario do mesa para comezar, imos dicir, 1403 01:07:19,110 --> 01:07:20,040 súa cantidade de diñeiro. 1404 01:07:20,040 --> 01:07:22,450 E podemos imprimir a cantidade de diñeiro na parte superior da pantalla. 1405 01:07:22,450 --> 01:07:22,720 Aceptar. 1406 01:07:22,720 --> 01:07:24,210 Cal é o próximo tipo de query que queremos facer? 1407 01:07:24,210 --> 01:07:34,650 1408 01:07:34,650 --> 01:07:36,160 >> Temos algunhas outras cousas necesitamos amosar. 1409 01:07:36,160 --> 01:07:37,480 Aqueles son gardadas noutra táboa. 1410 01:07:37,480 --> 01:07:38,300 Entón, como é que imos conseguir isto? 1411 01:07:38,300 --> 01:07:40,106 >> Audiencia: Vostede selecciona para eles. 1412 01:07:40,106 --> 01:07:42,490 >> Jason Hirschhorn: Un Select - unha vez máis, hai só catro opcións. 1413 01:07:42,490 --> 01:07:44,180 Seleccione probablemente soa como o camiño correcto. 1414 01:07:44,180 --> 01:07:47,510 Entón, necesitamos facer outra consulta selección, novo usando este ID de usuario. 1415 01:07:47,510 --> 01:07:50,370 E agora, queremos voltar e non só un liña, bu todas as liñas que corresponden á nosa 1416 01:07:50,370 --> 01:07:53,200 criterios, onde ID de usuario é igual a 1. 1417 01:07:53,200 --> 01:07:56,790 >> E entón podemos ir e deixar un loop só imprimir todos aqueles para fóra da pantalla, 1418 01:07:56,790 --> 01:07:59,250 quizais imprimir a empresa de cada un deles na pantalla. 1419 01:07:59,250 --> 01:08:02,430 Gran, iso soa como iso é mostrando unha carteira, non moito máis 1420 01:08:02,430 --> 01:08:03,810 complicado do que iso. 1421 01:08:03,810 --> 01:08:07,460 >> OK, o usuario decide, entón, que ter moito diñeiro sobrando. 1422 01:08:07,460 --> 01:08:09,900 E eles queren mercar algúns máis accións dun stock. 1423 01:08:09,900 --> 01:08:12,580 Digamos, que xa posúe stock desta empresa tamén. 1424 01:08:12,580 --> 01:08:14,110 >> Entón, eles van para a súa páxina de compra. 1425 01:08:14,110 --> 01:08:16,830 Eles introdución do nome da empresa. 1426 01:08:16,830 --> 01:08:20,380 Cal é a consulta, tras a entrada do nome da empresa, o que precisa 1427 01:08:20,380 --> 01:08:22,819 realizar o seguinte? 1428 01:08:22,819 --> 01:08:23,180 É. 1429 01:08:23,180 --> 01:08:23,960 >> Audiencia: Update. 1430 01:08:23,960 --> 01:08:26,670 >> Jason Hirschhorn: Update - eo que mesa que quere actualizar? 1431 01:08:26,670 --> 01:08:29,018 >> Audiencia: A súa mesa, con base no seu número de identificación? 1432 01:08:29,018 --> 01:08:31,880 >> Jason Hirschhorn: Entón actualizar non a mesa do usuario - 1433 01:08:31,880 --> 01:08:36,029 1434 01:08:36,029 --> 01:08:40,899 así actualizar a táboa de Stocks, onde a ID de usuario non só corresponde, pero a 1435 01:08:40,899 --> 01:08:43,160 nome stock tamén coincide. 1436 01:08:43,160 --> 01:08:45,660 Terá algún valor. 1437 01:08:45,660 --> 01:08:48,270 E entón, vai querer levar este valor e engade porén moitas accións que 1438 01:08:48,270 --> 01:08:49,890 quere mercar el. 1439 01:08:49,890 --> 01:08:53,420 >> Entón non quere cegamente substituír ese valor. 1440 01:08:53,420 --> 01:08:56,330 Pero pode, de feito, levar esa inicial valorar e só actualiza-lo. 1441 01:08:56,330 --> 01:09:00,790 Podes facer como un plus é igual, no canto de só un igual. 1442 01:09:00,790 --> 01:09:03,689 >> Que é algo que aínda que - se estamos pensar sobre iso e queremos ser 1443 01:09:03,689 --> 01:09:08,090 tan robusto como sexa posible - que temos que facer antes de realizar a consulta actualización? 1444 01:09:08,090 --> 01:09:09,859 Queren mercar cinco anos de Apple. 1445 01:09:09,859 --> 01:09:11,030 Cada acción de Apple é de 200 dólares. 1446 01:09:11,030 --> 01:09:12,762 >> Audiencia: Debemos comprobar o diñeiro en primeiro lugar. 1447 01:09:12,762 --> 01:09:15,130 >> Jason Hirschhorn: Debemos comprobar o diñeiro en primeiro lugar. 1448 01:09:15,130 --> 01:09:16,680 Debemos ter a certeza de que ten diñeiro suficiente. 1449 01:09:16,680 --> 01:09:20,766 Que tipo de consulta é que podemos realizar a asegúrese de que ten diñeiro suficiente? 1450 01:09:20,766 --> 01:09:22,143 >> Audiencia: Outro Select. 1451 01:09:22,143 --> 01:09:23,680 >> Jason Hirschhorn: Un Select - 1452 01:09:23,680 --> 01:09:26,580 imos seleccionar en base a súa ID de usuario, para obter o seu valor en diñeiro. 1453 01:09:26,580 --> 01:09:27,620 Faga algunha matemática rápida. 1454 01:09:27,620 --> 01:09:30,279 E se isto pasa reunir, eles teñen diñeiro suficiente. 1455 01:09:30,279 --> 01:09:31,580 Entón, podemos realizar o noso actualización. 1456 01:09:31,580 --> 01:09:33,850 Ou que, se non, nós pasamos entón. 1457 01:09:33,850 --> 01:09:35,370 Damos-lles un aviso. 1458 01:09:35,370 --> 01:09:35,710 >> Aceptar. 1459 01:09:35,710 --> 01:09:36,560 Din que non ten unha empresa. 1460 01:09:36,560 --> 01:09:37,310 Eles están a mercar unha nova empresa. 1461 01:09:37,310 --> 01:09:39,910 Eles están a mercar Microsoft. 1462 01:09:39,910 --> 01:09:41,910 Que tipo de preguntas que queremos facer, se eles queren mercar a Microsoft? 1463 01:09:41,910 --> 01:09:43,350 E eles non teñen ningunha Microsoft. 1464 01:09:43,350 --> 01:09:47,520 Non Manu, ninguén máis, ninguén ademais de Marcus? 1465 01:09:47,520 --> 01:09:48,229 Carlos - 1466 01:09:48,229 --> 01:09:50,870 >> Audiencia: A Select, para asegurarse de que teñen diñeiro suficiente. 1467 01:09:50,870 --> 01:09:51,770 >> Jason Hirschhorn: Parece bo. 1468 01:09:51,770 --> 01:09:54,815 >> Audiencia: E entón inserir no [inaudível]. 1469 01:09:54,815 --> 01:09:56,500 >> Jason Hirschhorn: Exactamente, estamos Vai querer inserir 1470 01:09:56,500 --> 01:09:57,800 na táboa de Stocks. 1471 01:09:57,800 --> 01:09:59,370 E imos quere inserir. 1472 01:09:59,370 --> 01:10:02,510 Podemos introducir o seu ID de usuario, o nome da empresa, e cantas accións 1473 01:10:02,510 --> 01:10:03,940 queren comprar. 1474 01:10:03,940 --> 01:10:08,040 >> Cales son algunhas outras operacións que son páxinas ou funcións que está a 1475 01:10:08,040 --> 01:10:10,420 terá que aplicar na I-sep 7, de que temos que pasar por riba? 1476 01:10:10,420 --> 01:10:12,160 >> Audiencia: En realidade, eu medio que teño unha pregunta sobre este. 1477 01:10:12,160 --> 01:10:18,000 Antes de presentar a carteira, debe vostede comprobar o sitio web do Yahoo para 1478 01:10:18,000 --> 01:10:19,920 Asegúrese de que o prezo das accións non cambiaron? 1479 01:10:19,920 --> 01:10:21,660 >> Jason Hirschhorn: É sons como unha boa idea. 1480 01:10:21,660 --> 01:10:27,260 Entón, o que Marcus está dicindo é que, OK, stock os prezos están cambiando constantemente. 1481 01:10:27,260 --> 01:10:32,840 Nos stocks que posúen mesa, a nosa táboa chamada Stocks, poderíamos gardar o 1482 01:10:32,840 --> 01:10:35,360 prezo das accións que comprou en. 1483 01:10:35,360 --> 01:10:37,990 >> Pero isto non parece que robusta, xa que o prezo das accións é 1484 01:10:37,990 --> 01:10:39,490 constantemente vai cambiar. 1485 01:10:39,490 --> 01:10:41,990 Entón, en realidade, probablemente non precisa para salvar o prezo das accións. 1486 01:10:41,990 --> 01:10:45,230 Pero cada vez que amosar o seu carteira, actualizar ou actualizar o 1487 01:10:45,230 --> 01:10:46,280 prezo das accións. 1488 01:10:46,280 --> 01:10:48,720 >> E se ten - e xa ten. 1489 01:10:48,720 --> 01:10:51,330 Sei que todos vostedes xa mirou no conxuntos de problemas de volta xa. 1490 01:10:51,330 --> 01:10:55,410 Xa entendeu que escribimos algún código para ti que permitirá que 1491 01:10:55,410 --> 01:10:57,650 para obter o prezo dunha acción, dado o nome dunha empresa. 1492 01:10:57,650 --> 01:10:59,620 >> Entón, si, que probablemente soa un pouco máis robusto. 1493 01:10:59,620 --> 01:11:04,260 Pero que a táboa non precisa necesariamente para salvar o prezo das accións. 1494 01:11:04,260 --> 01:11:04,720 Aceptar. 1495 01:11:04,720 --> 01:11:07,590 Cales son algunhas outras características que Debe aplicar esta semana 1496 01:11:07,590 --> 01:11:10,340 podemos falar? 1497 01:11:10,340 --> 01:11:11,590 Quero falar sobre eles. 1498 01:11:11,590 --> 01:11:14,342 1499 01:11:14,342 --> 01:11:16,516 >> O que quere falar? 1500 01:11:16,516 --> 01:11:17,810 É probablemente neste spec. 1501 01:11:17,810 --> 01:11:20,600 Quere só de desprazarse ata o fondo da especificación e preguntar-me a primeira palabra 1502 01:11:20,600 --> 01:11:21,850 ve que non ten sentido. 1503 01:11:21,850 --> 01:11:55,130 1504 01:11:55,130 --> 01:11:56,960 Outra característica - 1505 01:11:56,960 --> 01:11:57,840 imos falar sobre un. 1506 01:11:57,840 --> 01:12:00,775 Imos comezar por aí. 1507 01:12:00,775 --> 01:12:02,065 >> Audiencia: Gardar as historias. 1508 01:12:02,065 --> 01:12:03,960 >> Jason Hirschhorn: Gravación a historia, a grande. 1509 01:12:03,960 --> 01:12:06,920 Entón vai ter que manter o control dun historial de transaccións. 1510 01:12:06,920 --> 01:12:10,840 1511 01:12:10,840 --> 01:12:14,270 Entón quere manter o control de todos os xa que comprar ou vender unha acción. 1512 01:12:14,270 --> 01:12:15,160 >> Compras o meu stock. 1513 01:12:15,160 --> 01:12:18,580 Nós acabamos de dicir, probablemente ten sentido para incluír un Select, para obter a súa 1514 01:12:18,580 --> 01:12:20,220 cantidade de diñeiro e cheque de volta. 1515 01:12:20,220 --> 01:12:25,270 Probablemente é intelixente, para incluír unha inserción ou unha actualización, en función 1516 01:12:25,270 --> 01:12:27,720 ou non posúe ese stock. 1517 01:12:27,720 --> 01:12:32,740 Se nós tamén queremos manter o control de a historia, como podemos facelo? 1518 01:12:32,740 --> 01:12:37,530 1519 01:12:37,530 --> 01:12:38,720 Será que ir na táboa de accións? 1520 01:12:38,720 --> 01:12:39,822 >> Audiencia: Non 1521 01:12:39,822 --> 01:12:42,130 >> Jason Hirschhorn: Non, probablemente vai nunha táboa diferente. 1522 01:12:42,130 --> 01:12:44,040 Porque dicir que comprar 10 accións de Apple. 1523 01:12:44,040 --> 01:12:45,370 Entón mercar máis de 10 accións. 1524 01:12:45,370 --> 01:12:46,610 Quere rebocar rexistros separados. 1525 01:12:46,610 --> 01:12:47,610 Estas son dúas operacións distintas. 1526 01:12:47,610 --> 01:12:50,510 >> Polo tanto, temos outra táboa, dunha mesa de Historia. 1527 01:12:50,510 --> 01:12:51,880 Entón, de novo, nós compramos. 1528 01:12:51,880 --> 01:12:54,080 Executamos un Select, a continuación, unha inserción ou actualización. 1529 01:12:54,080 --> 01:12:56,410 O que imos facer a continuación? 1530 01:12:56,410 --> 01:13:00,410 Cal é a seguinte consulta que executamos cando estamos a mercar algo? 1531 01:13:00,410 --> 01:13:01,430 Queremos manter o control da historia. 1532 01:13:01,430 --> 01:13:01,570 É. 1533 01:13:01,570 --> 01:13:05,195 >> Audiencia: Quere manter o control transaccións de falla tamén. 1534 01:13:05,195 --> 01:13:07,700 >> Jason Hirschhorn: Ben, antes de dicir que tipo de transacción, 1535 01:13:07,700 --> 01:13:11,080 o que queremos - 1536 01:13:11,080 --> 01:13:13,910 Que tipo de consulta, Carlos, faría nos permiten seguir 1537 01:13:13,910 --> 01:13:16,216 das cousas en xeral? 1538 01:13:16,216 --> 01:13:17,860 Ten catro historiadores. 1539 01:13:17,860 --> 01:13:18,660 Cal deles pensas? 1540 01:13:18,660 --> 01:13:20,835 >> Audiencia: Actualizar. 1541 01:13:20,835 --> 01:13:22,400 >> Jason Hirschhorn: Non actualizar. 1542 01:13:22,400 --> 01:13:25,250 Cal é o seu segundo palpite? 1543 01:13:25,250 --> 01:13:26,730 >> Audiencia: Selección. 1544 01:13:26,730 --> 01:13:30,020 >> Jason Hirschhorn: Se quere manter pista de algo, probablemente vai querer 1545 01:13:30,020 --> 01:13:33,310 anota-la en algún lugar ou gardalo para máis tarde. 1546 01:13:33,310 --> 01:13:37,054 Entón, non se actualizar, entón - 1547 01:13:37,054 --> 01:13:38,310 >> Audiencia: Introduza o. 1548 01:13:38,310 --> 01:13:39,553 >> Jason Hirschhorn: Inserir, alí imos nós. 1549 01:13:39,553 --> 01:13:44,230 Si, para que escolla a cantidade de diñeiro que eles teñen, parece gran. 1550 01:13:44,230 --> 01:13:45,320 Eles non teñen diñeiro suficiente. 1551 01:13:45,320 --> 01:13:46,720 Esta transacción non está indo traballar. 1552 01:13:46,720 --> 01:13:49,440 Non, non ten que manter o control de unha transacción se non funciona. 1553 01:13:49,440 --> 01:13:52,280 Ou pode, se quere darlles un momento difícil. 1554 01:13:52,280 --> 01:13:53,430 Pero non precisa. 1555 01:13:53,430 --> 01:13:55,820 >> Logo, insira ou actualización na súa mesa de Stocks. 1556 01:13:55,820 --> 01:13:57,260 E agora, ten a súa outra táboa. 1557 01:13:57,260 --> 01:13:59,790 Ten a súa táboa de histórico ou o que sexa chamalo. 1558 01:13:59,790 --> 01:14:02,920 E nese marco, vai para inserir unha nova liña. 1559 01:14:02,920 --> 01:14:04,205 >> Isto probablemente vai ter ID do usuario. 1560 01:14:04,205 --> 01:14:05,840 Probablemente terá o nome do stock. 1561 01:14:05,840 --> 01:14:08,760 Probablemente terá xa que eles fixeron iso. 1562 01:14:08,760 --> 01:14:11,500 E neste caso, probablemente vai quere inserir o prezo. 1563 01:14:11,500 --> 01:14:13,960 Porque, para unha historia, non sabe importa o que o prezo actual é. 1564 01:14:13,960 --> 01:14:17,140 Lle importa o que o prezo é cando eles mercar ou vender algo. 1565 01:14:17,140 --> 01:14:21,530 >> Entón parece que, para aplicar a compra implica completamente un número de 1566 01:14:21,530 --> 01:14:25,530 Consultas SQL, pero honestamente, non que moi xeral do código. 1567 01:14:25,530 --> 01:14:26,330 Aceptar. 1568 01:14:26,330 --> 01:14:28,840 E que coida da historia. 1569 01:14:28,840 --> 01:14:30,450 >> Digamos, queremos amosar a nosa historia. 1570 01:14:30,450 --> 01:14:31,670 Nós falamos sobre a exhibición noso Cartafol. 1571 01:14:31,670 --> 01:14:33,902 Como podemos amosar a nosa historia? 1572 01:14:33,902 --> 01:14:36,312 >> Audiencia: Presuntamente cronoloxicamente. 1573 01:14:36,312 --> 01:14:37,920 >> Jason Hirschhorn: Presuntamente cronoloxicamente - 1574 01:14:37,920 --> 01:14:39,400 que consulta que pensas que usaría? 1575 01:14:39,400 --> 01:14:40,675 >> Audiencia: Unha selección. 1576 01:14:40,675 --> 01:14:41,840 >> Jason Hirschhorn: Un select - 1577 01:14:41,840 --> 01:14:46,590 seleccionar quizais todas as liñas desa táboa que correspondan a identificación do usuario e, a continuación, 1578 01:14:46,590 --> 01:14:49,510 amosar-los en orde cronolóxica, Parece bo. 1579 01:14:49,510 --> 01:14:52,590 Será que necesitamos escribir código para Ordenar por esa lista? 1580 01:14:52,590 --> 01:14:55,084 >> Audiencia: Non, porque dixo nós hai un ascendente 1581 01:14:55,084 --> 01:14:57,320 e descendente cousa. 1582 01:14:57,320 --> 01:14:58,230 >> Jason Hirschhorn: Cousa? 1583 01:14:58,230 --> 01:14:59,190 >> Audiencia: Yeah. 1584 01:14:59,190 --> 01:15:01,270 >> Jason Hirschhorn: Yeah. 1585 01:15:01,270 --> 01:15:09,300 OK, non Xire o código para min, que clasifica man a través das súas consultas, 1586 01:15:09,300 --> 01:15:09,820 para clasificalos los. 1587 01:15:09,820 --> 01:15:12,480 Este código xa está dado. 1588 01:15:12,480 --> 01:15:15,310 Podes escribir unha consulta selección que clasifica as cousas. 1589 01:15:15,310 --> 01:15:18,900 Clasificalos los de antemán e logo imprimir a eles. 1590 01:15:18,900 --> 01:15:22,070 Fai moito máis sentido facer desta maneira, que o contrario. 1591 01:15:22,070 --> 01:15:22,375 Si 1592 01:15:22,375 --> 01:15:23,925 >> Audiencia: Non necesitamos clasificalos los de antemán? 1593 01:15:23,925 --> 01:15:25,976 Iso quere dicir que clasificar na base de datos? 1594 01:15:25,976 --> 01:15:30,510 >> Jason Hirschhorn: A consulta selección retorna para ti ordenada. 1595 01:15:30,510 --> 01:15:34,990 Entón faga iso, en lugar de só telos voltar a vostede nunha orde aleatoria e 1596 01:15:34,990 --> 01:15:36,150 logo clasificalos los só. 1597 01:15:36,150 --> 01:15:36,405 É. 1598 01:15:36,405 --> 01:15:39,925 >> Audiencia: Existe un xeito de mantelo ordenada na propia base de datos, de xeito que 1599 01:15:39,925 --> 01:15:41,355 non ten que clasificar que cada vez que - 1600 01:15:41,355 --> 01:15:43,065 >> Audiencia: Pode inserir a ordenada? 1601 01:15:43,065 --> 01:15:45,740 >> Jason Hirschhorn: Pregunta - 1602 01:15:45,740 --> 01:15:49,796 que importa que as cousas son clasificadas na base de datos? 1603 01:15:49,796 --> 01:15:50,700 >> Audiencia: Non 1604 01:15:50,700 --> 01:15:52,240 >> Jason Hirschhorn: Ben, son clasificados. 1605 01:15:52,240 --> 01:15:53,100 Eles están ordenados cronoloxicamente. 1606 01:15:53,100 --> 01:15:55,060 Pero imos supor que as cousas son clasificadas 1607 01:15:55,060 --> 01:15:57,640 cronoloxicamente, de arriba abaixo. 1608 01:15:57,640 --> 01:15:58,930 Temos unha forma de Google. 1609 01:15:58,930 --> 01:16:01,400 Sempre que alguén responde ao noso Google formar, el só colócase no 1610 01:16:01,400 --> 01:16:02,480 inferior da táboa. 1611 01:16:02,480 --> 01:16:07,318 Será que iso importa que as cousas son non ordenados cronoloxicamente? 1612 01:16:07,318 --> 01:16:11,290 >> Audiencia: se non é cronolóxica, non ten que clasificar-lo cada vez 1613 01:16:11,290 --> 01:16:12,920 levar información para fóra. 1614 01:16:12,920 --> 01:16:16,730 Pero se xa está clasificado, non pode non ten que facelo adicional 1615 01:16:16,730 --> 01:16:17,570 chamada de función? 1616 01:16:17,570 --> 01:16:20,690 >> Jason Hirschhorn: Entón é iso realmente un bo punto. 1617 01:16:20,690 --> 01:16:23,690 Para nós, programadores, quizais importa. 1618 01:16:23,690 --> 01:16:26,190 E podemos querer atopar unha base de datos que non resolver as cousas 1619 01:16:26,190 --> 01:16:26,900 cronoloxicamente. 1620 01:16:26,900 --> 01:16:30,100 Ou montar a nosa base de datos, polo que mantén cousas clasificadas por ID de usuario. 1621 01:16:30,100 --> 01:16:34,060 >> Entón, desta forma, por exemplo, temos 1.000 IDs de usuario. 1622 01:16:34,060 --> 01:16:36,690 Ou Facebook, temos millóns de ID de usuario. 1623 01:16:36,690 --> 01:16:39,560 Non queremos que a nosa mesa para ser só aleatoria ou noso banco de datos para ser aleatoria. 1624 01:16:39,560 --> 01:16:41,630 Sería bo que todo o IDs de usuario foron ordenados. 1625 01:16:41,630 --> 01:16:46,020 Entón poderiamos realizar procuras binarias na nosa mesa e, a continuación, pode atopar o 1626 01:16:46,020 --> 01:16:47,050 anaco específico. 1627 01:16:47,050 --> 01:16:50,640 >> Entón, si, dependendo - se ampliadas, podemos querer atopar unha base de datos 1628 01:16:50,640 --> 01:16:53,370 que as cousas mantidos ordenados dunha forma diferente Así, para que esas consultas 1629 01:16:53,370 --> 01:16:54,140 levaría menos tempo. 1630 01:16:54,140 --> 01:16:56,820 E nós non temos que pasar a través das nosas base de datos enteiro en cada liña individual en 1631 01:16:56,820 --> 01:16:58,260 unha determinada táboa. 1632 01:16:58,260 --> 01:17:01,640 Pero o nivel que estamos a traballar, nós Non se preocupe en manter 1633 01:17:01,640 --> 01:17:02,270 cousas ordenados. 1634 01:17:02,270 --> 01:17:06,100 Podemos supoñer que o tempo que leva que consulta para realizar será 1635 01:17:06,100 --> 01:17:08,910 despreciable, xa que estamos lidando. 1636 01:17:08,910 --> 01:17:13,550 Pero si, gran idea - como escalar, pode ter sentido para proxectar a nosa 1637 01:17:13,550 --> 01:17:15,390 base de datos en algo dun xeito diferente. 1638 01:17:15,390 --> 01:17:18,520 >> Unha cousa de deseño de bases de datos final que quero mencionar tamén, porque vai 1639 01:17:18,520 --> 01:17:22,660 ser graduadas, ou marcados no seu lugar, en o deseño do seu banco de datos. 1640 01:17:22,660 --> 01:17:24,160 Nós falamos sobre isto. 1641 01:17:24,160 --> 01:17:27,490 O diñeiro é único para cada usuario. 1642 01:17:27,490 --> 01:17:30,820 Entón tes unha táboa chamada de caixa que ten o seu ID de usuario e súa cantidade de 1643 01:17:30,820 --> 01:17:33,370 diñeiro e, a continuación, unha táboa chamada usuarios que ten o seu usuario 1644 01:17:33,370 --> 01:17:34,810 ID e o seu nome de usuario. 1645 01:17:34,810 --> 01:17:37,390 >> Estas táboas mapear en cada outro de un-para-un. 1646 01:17:37,390 --> 01:17:39,520 El probabelmente ten sentido para eles ser unha mesa. 1647 01:17:39,520 --> 01:17:42,750 1648 01:17:42,750 --> 01:17:44,830 Entón, imos supor que ten un usuario táboa que mantén o control de 1649 01:17:44,830 --> 01:17:46,220 nomes de usuarios e diñeiro. 1650 01:17:46,220 --> 01:17:49,960 Agora tes unha táboa que ten a accións que un individuo posúe. 1651 01:17:49,960 --> 01:17:52,130 >> E unha persoa pode posuír máis dun stock. 1652 01:17:52,130 --> 01:17:54,900 Entón, eses non son mapeadas para cada un de un a outro. 1653 01:17:54,900 --> 01:18:00,140 Non ten sentido ter un xigante táboa con 30 rexistros que 1654 01:18:00,140 --> 01:18:02,960 todo repetir un nome de usuario, para que todos repetir un contrasinal, que todos 1655 01:18:02,960 --> 01:18:04,680 repetir un número de caixa. 1656 01:18:04,680 --> 01:18:08,360 Pero cada un ten quizais un material diferente nome ou un prezo de acción diferente. 1657 01:18:08,360 --> 01:18:11,310 >> Non ten sentido ter que moitas grandes rexistros. 1658 01:18:11,310 --> 01:18:14,880 Sexa intelixente sobre cando crear estes bases de datos, de xeito que non está facendo 1659 01:18:14,880 --> 01:18:20,050 algo parvo como este, repetindo unha morea de información innecesarias. 1660 01:18:20,050 --> 01:18:20,570 >> Aceptar. 1661 01:18:20,570 --> 01:18:22,570 Temos dous minutos do final. 1662 01:18:22,570 --> 01:18:26,580 A xente do lado de fóra está animado para unirse nós ou, probablemente, presuntamente, 1663 01:18:26,580 --> 01:18:27,650 comezar a súa propia clase. 1664 01:18:27,650 --> 01:18:30,110 Alguén ten algunha dúbida antes de rematar? 1665 01:18:30,110 --> 01:18:35,520 1666 01:18:35,520 --> 01:18:38,620 >> OK, este foi realmente un turbillón a través de todo. 1667 01:18:38,620 --> 01:18:43,510 Pido desculpas que tiña que ser tan rápido e que non podería ser tan hands-on 1668 01:18:43,510 --> 01:18:46,640 esta semana, eu tería gustáballe ser. 1669 01:18:46,640 --> 01:18:50,610 Pero se tes algunha dúbida sobre calquera cousa que pasou por riba ou algo 1670 01:18:50,610 --> 01:18:52,090 este conxunto de problemas - 1671 01:18:52,090 --> 01:18:54,900 presumindo que le-lo e colocar- nun esforzo de boa fe - 1672 01:18:54,900 --> 01:18:57,920 sexa a vontade para me enviar correo-e ou póñase en contacto me. 1673 01:18:57,920 --> 01:19:00,960 Estou máis que feliz en traballar con seu código con vostede ou responder a calquera 1674 01:19:00,960 --> 01:19:02,330 preguntas que ten. 1675 01:19:02,330 --> 01:19:06,160 >> Teña presente que, esta semana, unha serie de seu tempo será gasto na aprendizaxe do 1676 01:19:06,160 --> 01:19:10,730 nova sintaxe e intentando entender como escribir consultas SQL ou PHP 1677 01:19:10,730 --> 01:19:14,280 funcións ou xestionar un framework MVC. 1678 01:19:14,280 --> 01:19:17,290 Unha morea do seu tempo esta semana, probablemente, non será tentando descubrir o 1679 01:19:17,290 --> 01:19:19,380 lóxica tolo que estamos pedindo que faga. 1680 01:19:19,380 --> 01:19:23,820 Un lote de que nós só fomos máis é relativamente simple. 1681 01:19:23,820 --> 01:19:25,790 >> Entón, iso non significa que esperar ata o último minuto. 1682 01:19:25,790 --> 01:19:29,710 Pero iso non significa axustar o xeito no que facer a súa traballar nese sentido, para asegurarse de 1683 01:19:29,710 --> 01:19:30,970 está entendendo e aprender a sintaxe. 1684 01:19:30,970 --> 01:19:33,640 Entón non é de súpeto, sabendo exactamente o que quere facer, 1685 01:19:33,640 --> 01:19:37,200 pero con ningunha idea de como exactamente escribilo. 1686 01:19:37,200 --> 01:19:38,450 OK, eu vou velo na próxima semana. 1687 01:19:38,450 --> 01:19:40,438