1 00:00:00,000 --> 00:00:02,000 [Powered by Google Translate] [Seminário] [Preparando seu site para a Web] 2 00:00:02,000 --> 00:00:05,000 [Yuechen Zhao] [Harvard University] 3 00:00:05,000 --> 00:00:07,000 [Isto é CS50.] [CS50.TV] 4 00:00:07,000 --> 00:00:11,660 >> Okay. Aqui está mais uma hora de desenvolvimento web se vocês estão fazendo por ele. 5 00:00:11,660 --> 00:00:16,290 Hoje eu vou estar falando sobre a preparação de seu site para a web. 6 00:00:16,290 --> 00:00:20,260 Todo o dia - e, provavelmente, para as últimas 2 semanas - 7 00:00:20,260 --> 00:00:22,240 nós temos falado sobre como criar um site, 8 00:00:22,240 --> 00:00:24,880 como usar HTML, como usar o PHP, como usar frameworks, 9 00:00:24,880 --> 00:00:29,420 como ter certeza de que você pode interagir com o banco de dados - coisas assim. 10 00:00:29,420 --> 00:00:34,830 Mas hoje, vamos falar sobre onde o seu site vai viver após CS50. 11 00:00:34,830 --> 00:00:40,010 Porque afinal, CS50 não acontece passado dezembro. 12 00:00:40,010 --> 00:00:42,090 Nós vamos estar falando sobre nomes de domínio, hospedagem. 13 00:00:42,090 --> 00:00:44,790 Nós vamos estar falando sobre o que a compatibilidade cross-browser 14 00:00:44,790 --> 00:00:49,540 e compatibilidade multi-plataforma, e como você pode ter certeza que o seu site 15 00:00:49,540 --> 00:00:51,610 vai operar sob todas as condições. 16 00:00:51,610 --> 00:00:54,330 Vamos falar sobre o tratamento de erros e outro mágico servidor. 17 00:00:54,330 --> 00:00:57,890 Estamos falando de otimização de desempenho, search engine optimization, 18 00:00:57,890 --> 00:01:00,310 e como levar as pessoas a realmente visitar seus sites. 19 00:01:00,310 --> 00:01:05,960 E, finalmente, apenas alguns bons recursos para se certificar de que vocês têm o suficiente daqueles 20 00:01:05,960 --> 00:01:09,680 para sair com o seu projeto final, e espero que depois. 21 00:01:09,680 --> 00:01:13,120 >> A primeira coisa que vamos falar é sobre nomes de domínio. 22 00:01:13,120 --> 00:01:18,020 Agora você está programando em seu aparelho, você está indo para um host local 23 00:01:18,020 --> 00:01:20,360 o que não é realmente um nome de domínio. 24 00:01:20,360 --> 00:01:26,370 É uma espécie de apenas um apelido ou um alias para a sua instalação real Linux 25 00:01:26,370 --> 00:01:31,150 dentro de qualquer VMware em um jogador Mac ou VMware em um PC. 26 00:01:31,150 --> 00:01:36,510 Os nomes de domínio permitem que você colocar um site na Web e, em seguida, ir para algo como 27 00:01:36,510 --> 00:01:39,400 www.google.com e obter o website. 28 00:01:39,400 --> 00:01:41,500 Como eles funcionam? 29 00:01:41,500 --> 00:01:43,390 Vamos dizer que você é apenas um servidor web médio - 30 00:01:43,390 --> 00:01:50,080 média internauta e você tem um laptop, e você vai para www.howstuffworks.com. 31 00:01:50,080 --> 00:01:52,570 Provavelmente, você pode ver onde eu roubei isso. 32 00:01:52,570 --> 00:01:57,300 How Stuff Works - o computador irá então pedir um servidor DNS local, 33 00:01:57,300 --> 00:01:59,300 "Você sabe onde o site é?" 34 00:01:59,300 --> 00:02:02,200 "Você sabe o endereço de IP de www.howstuffworks.com?" 35 00:02:02,200 --> 00:02:05,580 O servidor de DNS pode dizer: "Sim, eu faço." 36 00:02:05,580 --> 00:02:09,139 Nesse caso, você obter o endereço IP, e seu computador acessa esse endereço IP. 37 00:02:09,139 --> 00:02:15,050 Se isso não acontecer, ele pede outro servidor DNS, "Hey! Você sabe o que www.howstuffworks.com é?" 38 00:02:15,050 --> 00:02:17,670 Esse servidor poderia dizer: "Sim, eu faço." 39 00:02:17,670 --> 00:02:22,500 Assim, diz o outro o que é, e, por fim, que a informação é passada para o computador, 40 00:02:22,500 --> 00:02:24,680 e você pode acessar howstuffworks.com. 41 00:02:24,680 --> 00:02:27,540 >> Como você pode obter uma dessas coisas mágicas? 42 00:02:27,540 --> 00:02:32,940 Como você pode obter talvez www.yourname.com ou www.ilovecats.com? 43 00:02:32,940 --> 00:02:35,350 Você pode se inscrever para um, 44 00:02:35,350 --> 00:02:38,280 e há um monte de sites por aí que lhe permitem fazê-lo. 45 00:02:38,280 --> 00:02:41,420 Você deve - na maioria dos casos você tem que pagar por eles. 46 00:02:41,420 --> 00:02:43,890 Há certos nomes de domínio que são gratuitas. 47 00:02:43,890 --> 00:02:50,900 Se você vai para tkdomainnames www.co.cc ou., Aqueles são gratuitos. 48 00:02:50,900 --> 00:02:56,500 Mas, eles vêm com certas restrições, e de fato alguns deles podem até não ser 49 00:02:56,500 --> 00:03:00,540 , verdadeiros nomes de domínio de primeiro nível, como. com ou. net. 50 00:03:00,540 --> 00:03:03,300 Normalmente eu sugeriria ir para um deles 51 00:03:03,300 --> 00:03:07,060 porque os usuários são apenas mais confortável com isso. 52 00:03:07,060 --> 00:03:10,070 Você já viu um monte de. Coms. Você já viu um monte de. Redes. 53 00:03:10,070 --> 00:03:13,790 Você provavelmente não viu um monte de. Co.cc 's, por isso eles são mais difíceis de lembrar. 54 00:03:13,790 --> 00:03:18,900 Diferentes sites como o GoDaddy ou NameCheap ou - Eu usei um que é 55 00:03:18,900 --> 00:03:21,550 tipo de esboçado - chamado activedomain.com. 56 00:03:21,550 --> 00:03:24,160 Parece muito superficial, mas tem funcionado muito bem para mim. 57 00:03:24,160 --> 00:03:27,810 >> E, finalmente, você tem outros que talvez fazer mais publicidade como a Network Solutions. 58 00:03:27,810 --> 00:03:31,140 Mas se você vai para NetworkSolutions.com e olhar para os seus preços 59 00:03:31,140 --> 00:03:34,070 é muito caro. Eu estava olhando para eles na noite passada. 60 00:03:34,070 --> 00:03:37,400 Durante um ano, de um nome de domínio, não é provavelmente vale muito dinheiro. 61 00:03:37,400 --> 00:03:40,210 Na verdade, se você está recebendo um. Com ou. Org ou. Net 62 00:03:40,210 --> 00:03:43,430 o preço normal é de cerca de US $ 10 por ano. 63 00:03:43,430 --> 00:03:48,710 Então, se você está pagando muito mais do que isso, não é provável que vale a pena 64 00:03:48,710 --> 00:03:52,440 porque, afinal, esses sites não fazem nada com esse nome de domínio. 65 00:03:52,440 --> 00:03:58,270 Eles só dar a você, e por isso, se você pode obtê-lo barato, por que não? 66 00:03:58,270 --> 00:04:02,540 >> A outra coisa é quando você tem o seu nome de domínio, então você provavelmente vai querer 67 00:04:02,540 --> 00:04:08,610 ir a qualquer Godaddy.com ou onde você comprou o seu nome de domínio 68 00:04:08,610 --> 00:04:11,220 e definir o nome dos servidores para que o nome de domínio. 69 00:04:11,220 --> 00:04:15,560 O que isto significa é assim que um usuário vai para www.howstuffworks.com, 70 00:04:15,560 --> 00:04:20,839 os endereços IP do servidor de nome são os endereços IP que eles seriam capazes de olhar para cima. 71 00:04:20,839 --> 00:04:24,680 Eles seriam capazes de acessar seu site através desses servidores de nome. 72 00:04:24,680 --> 00:04:26,830 Se você aplicar para hospedar em algum lugar 73 00:04:26,830 --> 00:04:31,210 em seguida, o anfitrião provavelmente irá dar-lhe o nome dos servidores a serem usados. 74 00:04:31,210 --> 00:04:34,210 >> E, finalmente, há essa coisa chamada WHOIS. 75 00:04:34,210 --> 00:04:38,890 Um banco de dados WHOIS é um banco de dados com o qual você pode inserir um nome de domínio 76 00:04:38,890 --> 00:04:44,170 e ele vai cuspir algumas informações sobre o proprietário do local e outras informações de contato. 77 00:04:44,170 --> 00:04:49,080 Agora, você pode dizer: "Eu realmente não quero o meu endereço de casa ou eu realmente não quero o meu endereço de e-mail 78 00:04:49,080 --> 00:04:54,010 no site para qualquer um ver ou na Internet para todo mundo ver ". 79 00:04:54,010 --> 00:04:57,740 Então você pode querer usar algo que um monte de serviços de hospedagem oferecem - 80 00:04:57,740 --> 00:04:59,740 como um gerente de WHOIS. 81 00:04:59,740 --> 00:05:03,550 Um gerente de WHOIS é simplesmente outro serviço que muitos deles prevêem que 82 00:05:03,550 --> 00:05:07,700 esconde essa informação e apenas põe em que é gerente para o nome - 83 00:05:07,700 --> 00:05:13,070 para o endereço normalmente é apenas que o nome da empresa que lhe deu este nome de domínio - 84 00:05:13,070 --> 00:05:17,350 e assim, em seguida, suas informações pessoais não está sendo divulgada na Internet, 85 00:05:17,350 --> 00:05:19,350 que normalmente é muito bom. 86 00:05:19,350 --> 00:05:21,350 Eu mesmo uso um desses serviços. 87 00:05:21,350 --> 00:05:25,630 Se você não se preocupam com sua própria privacidade, então ele realmente não importa. 88 00:05:25,630 --> 00:05:32,490 >> Um servidor DNS significa Domain Name System, e que ele é - 89 00:05:32,490 --> 00:05:36,560 É como uma espécie de tabela hash em algum lugar que diz: 90 00:05:36,560 --> 00:05:42,320  "Este endereço de site vai mapear para esse endereço IP." E isso é tudo que é. 91 00:05:42,320 --> 00:05:48,180 Então, depois de consultar este servidor DNS, então você pode obter os endereços IP 92 00:05:48,180 --> 00:05:51,930 para que o nome de domínio correspondente e, em seguida, visite o site. 93 00:05:51,930 --> 00:05:59,820 (Membro da platéia fazer uma pergunta - inaudível) 94 00:05:59,820 --> 00:06:07,910 O primeiro? O primeiro nível, na verdade, é geralmente apenas o seu próprio cache do computador. 95 00:06:07,910 --> 00:06:12,570 Seu computador tipo de lembra a última vez que você foi para www.google.com 96 00:06:12,570 --> 00:06:18,090 foi neste endereço IP, e depois de algum tempo, que o cache expira, 97 00:06:18,090 --> 00:06:23,560 e ele vai perguntar como a Comcast DNS, 98 00:06:23,560 --> 00:06:26,400 "Ei, o que é www.google.com?" 99 00:06:26,400 --> 00:06:31,040 Normalmente, quando você compra um nome de domínio e você se registrar, e você criar um site, 100 00:06:31,040 --> 00:06:35,670 você não pode ir para o site imediatamente com esse nome de domínio, pois os servidores de nome 101 00:06:35,670 --> 00:06:40,180 em todo o mundo não sabe sobre o seu nome de domínio ainda. Tem que preencher. 102 00:06:40,180 --> 00:06:43,220 Ele normalmente leva cerca de 24-48 horas. 103 00:06:43,220 --> 00:06:48,460 Tudo bem. Então, isso é um pouco sobre nomes de domínio. Eles são muito legal. 104 00:06:48,460 --> 00:06:51,540 Eu acho que você deve obter um se você é sério sobre o projeto 105 00:06:51,540 --> 00:06:55,300 e se você realmente quer fazer seu projeto conhecido em todo campus, 106 00:06:55,300 --> 00:06:58,050 ter um nome de domínio faz com que pareça muito profissional. 107 00:06:58,050 --> 00:07:01,510 >> Então, o próximo passo, claro, é ter algum tipo de hosting. 108 00:07:01,510 --> 00:07:05,540 Se você acabou de hospedá-lo em seu computador, ninguém nunca vai ser capaz de ir para ele. 109 00:07:05,540 --> 00:07:09,110 Você poderia configurar um servidor no seu computador e manter seu computador para sempre, 110 00:07:09,110 --> 00:07:11,160 mas isso não é recomendado. 111 00:07:11,160 --> 00:07:14,000 Existem diferentes tipos de hospedagem disponíveis online. 112 00:07:14,000 --> 00:07:21,870 Tem de hospedagem compartilhada. Há VPN (ininteligível), que são máquinas virtuais. 113 00:07:21,870 --> 00:07:23,870 Há semi-dedicado e dedicado. 114 00:07:23,870 --> 00:07:29,030 Dos últimos 3, VPN, semi-dedicado, e dedicado são geralmente mais caros. 115 00:07:29,030 --> 00:07:32,660 Eles são geralmente usados ​​para sites que exigem mais recursos. 116 00:07:32,660 --> 00:07:34,680 Se você está apenas começando com um site, 117 00:07:34,680 --> 00:07:40,670 ele só poderia ser mais econômico para ir com a hospedagem compartilhada. 118 00:07:40,670 --> 00:07:43,430 E o meio compartilhado é apenas um monte de sites estão todos juntos 119 00:07:43,430 --> 00:07:51,560 classificar de em um servidor no site neste servidor host, e você pode acessar o seu site 120 00:07:51,560 --> 00:07:53,660 através do nome de domínio. 121 00:07:53,660 --> 00:07:55,980 >> Há um grande número de hosts populares lá fora. 122 00:07:55,980 --> 00:08:01,160 HostGator e DreamHost - aqueles que são muito, muito grande e muito, muito popular 123 00:08:01,160 --> 00:08:03,160 e muito, muito bem sucedida. 124 00:08:03,160 --> 00:08:05,160 Eu pessoalmente uso um chamado MDDHosting. 125 00:08:05,160 --> 00:08:08,240 Se você vai para www.mddhosting.com, essa é a minha série de escolha. 126 00:08:08,240 --> 00:08:10,240 Eu acho que eles são muito bons. 127 00:08:10,240 --> 00:08:14,550 Eles foram sempre muito confiável, e eu nunca tive qualquer problema com eles. 128 00:08:14,550 --> 00:08:18,610 Eles também têm preços muito competitivos. 129 00:08:18,610 --> 00:08:24,400 Dois que eu realmente não gosto são GoDaddy - que também é uma série muito popular, 130 00:08:24,400 --> 00:08:26,400 mas eu tive experiências terríveis com eles, 131 00:08:26,400 --> 00:08:29,430 e um monte de pessoas que eu conheço tiveram experiências realmente terríveis com eles. 132 00:08:29,430 --> 00:08:32,150 Eles meio que ir atrás de pessoas que não sabem o que estão fazendo - 133 00:08:32,150 --> 00:08:34,150 talvez você esteja fazendo um site pela primeira vez, 134 00:08:34,150 --> 00:08:37,150 e assim que tipo de enganá-los na compra de seu pacote de hospedagem. 135 00:08:37,150 --> 00:08:42,570 Não faça isso. Não caia nessa. Vá procurar outros pacotes de hospedagem que realmente se encaixam às suas necessidades. 136 00:08:42,570 --> 00:08:44,880 E o outro é - há anfitriões livres lá fora. 137 00:08:44,880 --> 00:08:47,350 Existem sites que irá hospedar o seu site de graça - 138 00:08:47,350 --> 00:08:49,350 às vezes, colocando um anúncio em seu site, 139 00:08:49,350 --> 00:08:52,290 às vezes, fazendo-lhe participar de seus fóruns, 140 00:08:52,290 --> 00:08:54,340 mas também, por vezes, apenas de forma gratuita. 141 00:08:54,340 --> 00:09:00,000 Mas, cuidado com os anfitriões livres, porque muitos deles realmente apenas sair do negócio 142 00:09:00,000 --> 00:09:03,480 depois de alguns meses. Você simplesmente não pode manter-se com os custos. 143 00:09:03,480 --> 00:09:07,460 Outros são apenas muito pouco confiáveis, e seu site será sempre para baixo, 144 00:09:07,460 --> 00:09:09,700 e você não quer que isso aconteça. 145 00:09:09,700 --> 00:09:12,330 >> Cada host vai oferecer seu próprio painel de controle. 146 00:09:12,330 --> 00:09:16,520 Observe que para o seu aparelho, não há realmente um painel de controle em si. 147 00:09:16,520 --> 00:09:19,230 Você tem que utilizar o terminal para ir e editar os arquivos. 148 00:09:19,230 --> 00:09:21,230 Você tem que chmod coisas por si mesmo. 149 00:09:21,230 --> 00:09:24,770 Se você queria ir para o PHPMyAdmin, 150 00:09:24,770 --> 00:09:29,560 você tem que ir para @ localhost / phpmyadmin e coisas desse tipo. 151 00:09:29,560 --> 00:09:36,660 Mas, com um painel de controle que você pode entrar e editar os arquivos em seu servidor 152 00:09:36,660 --> 00:09:40,350 com o Windows Explorer ou um aplicativo do tipo localizador. 153 00:09:40,350 --> 00:09:44,810 Ou você pode passar e olhar para seus bancos de dados com a sua própria ferramenta 154 00:09:44,810 --> 00:09:47,280 em vez de phpMyAdmin. 155 00:09:47,280 --> 00:09:52,240 Assim, não há muita escolha aqui, e alguns dos painéis de controle mais populares estão lá em cima. 156 00:09:52,240 --> 00:09:54,240 Mas se você está procurando um host, 157 00:09:54,240 --> 00:09:57,090 então você pode querer olhar para o que os tipos de personalizações e opções 158 00:09:57,090 --> 00:10:02,810 eles oferecem-me a personalizar o meu servidor e fazer meu site funcionar melhor. 159 00:10:02,810 --> 00:10:07,110 Assim, você pode perguntar: "Bem, como faço para escolher hospedagem?" 160 00:10:07,110 --> 00:10:11,460 Se você entrar em qualquer site hospedeiro há um monte de jargões, e há um monte de opções. 161 00:10:11,460 --> 00:10:14,470 Há uma série de diferentes preços também. 162 00:10:14,470 --> 00:10:19,690 Normalmente eu ir para os mais baratos só porque sites que talvez você e eu fazemos - 163 00:10:19,690 --> 00:10:23,520 e, especialmente agora, especialmente como entradas - eles podem não precisar de muitos recursos 164 00:10:23,520 --> 00:10:26,770 como pode um site como o Microsoft.com. 165 00:10:26,770 --> 00:10:32,090 >> Primeiro, você quer olhar para o sistema operacional se você estiver realmente curioso se 166 00:10:32,090 --> 00:10:35,090 seu site vai ser hospedado em Linux, no Windows ou no Mac. 167 00:10:35,090 --> 00:10:39,790 Normalmente temos apenas ir com Linux porque é geralmente o mais barato, 168 00:10:39,790 --> 00:10:43,730 e também o que talvez vocês estão mais familiarizados com por causa do aparelho. 169 00:10:43,730 --> 00:10:48,040 E então, talvez eles vão colocar algumas restrições sobre a quantidade de largura de banda que você tem - 170 00:10:48,040 --> 00:10:53,030 como quantos megabytes ou gigabytes de dados de usuários podem baixar 171 00:10:53,030 --> 00:10:55,470 partir do seu site por mês? Ou espaço em disco. 172 00:10:55,470 --> 00:11:00,640 Quanto espaço você tem? É de 500 MB? É 2 GB? É ilimitado? 173 00:11:00,640 --> 00:11:05,920 Hoje em dia, um grande número de servidores web dar-lhe espaço em disco ilimitado como uma maneira para que eles 174 00:11:05,920 --> 00:11:08,560 seduzi-lo para obter o seu pacote de hospedagem. 175 00:11:08,560 --> 00:11:11,850 Mas se você realmente pensar nisso, quando é que você nunca vai precisar de espaço em disco ilimitado? 176 00:11:11,850 --> 00:11:18,060 Se você tem um par de arquivos HTML, um par de PHP, um par de imagens - 177 00:11:18,060 --> 00:11:20,060 isso é só um par de megabytes, e assim 178 00:11:20,060 --> 00:11:23,110 geralmente eu só ir para a pena de espaço talvez alguns 'gigabytes, 179 00:11:23,110 --> 00:11:27,990 e que pode ser o suficiente para começar a me até que eu preciso de mais. 180 00:11:27,990 --> 00:11:31,480 >> Finalmente, eles podem colocar restrições sobre o tipo de - quantos bancos de dados você pode ter. 181 00:11:31,480 --> 00:11:34,760 Talvez você só pode ter um banco de dados. Talvez você pode ter duas. Talvez você pode ter 10. 182 00:11:34,760 --> 00:11:38,330 Será que é realmente importante para você quanto você ganha? 183 00:11:38,330 --> 00:11:40,330 Coisas para fazer a si mesmo. 184 00:11:40,330 --> 00:11:42,330 E então, finalmente, apenas coisas como línguas. 185 00:11:42,330 --> 00:11:44,330 Apoia o PHP? Apoia o MySQL? 186 00:11:44,330 --> 00:11:49,010 A maioria dos sites de hospedagem oferecem suporte a estes porque eles são livres. Eles são open source. 187 00:11:49,010 --> 00:11:51,190 Não custa nada a eles para fornecer estes para você. 188 00:11:51,190 --> 00:11:55,680 Mas se você quiser usar, por exemplo, Ruby ou Python ou alguma dessas outras línguas - 189 00:11:55,680 --> 00:11:59,490 eles podem não apoiá-lo em seu servidor, por isso é importante olhar para esses tipos de coisas. 190 00:11:59,490 --> 00:12:05,620 >> E, finalmente, eles permitem que você faça algumas coisas mais avançadas, como os trabalhos de SSL ou cron? 191 00:12:05,620 --> 00:12:12,060 SSL é uma opção onde você pode tornar seu site mais seguro, tornando-HTTPS 192 00:12:12,060 --> 00:12:14,060 e criptografar suas conexões. 193 00:12:14,060 --> 00:12:17,230 E cron são apenas talvez scripts que você deseja executar 194 00:12:17,230 --> 00:12:19,510 cada 5 minutos, a cada 10 minutos, a cada 15. 195 00:12:19,510 --> 00:12:22,030 Um monte de sites de hospedagem compartilhada não colocar restrições 196 00:12:22,030 --> 00:12:26,310 sobre o número de postos de trabalho cron que você pode executar porque isso leva-se mais recursos. 197 00:12:26,310 --> 00:12:31,800 >> E finalmente, tudo o que você quer olhar - certifique-se exatamente o que está acontecendo 198 00:12:31,800 --> 00:12:35,180 antes de você comprar o seu pacote de hospedagem. 199 00:12:35,180 --> 00:12:37,720 E, finalmente, o desempenho. O desempenho é enorme. 200 00:12:37,720 --> 00:12:39,740 Quão rápido é o meu site vai correr? 201 00:12:39,740 --> 00:12:42,950 A maioria dos usuários não vão esperar até mesmo segundos para o seu site para ser executado 202 00:12:42,950 --> 00:12:47,640 antes que eles apenas se cansar, e eles passam a MeanBase e começar a olhar para as imagens 203 00:12:47,640 --> 00:12:52,240 de gatos - você sabe o que acontece, e você quer certificar-se de que você obtenha o usuário a bordo 204 00:12:52,240 --> 00:12:54,300 e que você tem bom uptime que apenas significa que 205 00:12:54,300 --> 00:12:56,300 seu site vai ser acessível em todos os momentos. 206 00:12:56,300 --> 00:13:01,880 Um grande número de hosts têm muito ruim o tempo de atividade e que apenas significa que seu site não vai ser 207 00:13:01,880 --> 00:13:06,500 acessível, e você não quer que isso aconteça, porque você pode ficar triste. 208 00:13:06,500 --> 00:13:10,360 E você também pode acompanhar o desempenho do seu anfitrião com sites como 209 00:13:10,360 --> 00:13:16,440 Pingdom.com ou Host-tracker.com, e eles apenas lhe dizer quantas vezes é o seu site do ar. 210 00:13:16,440 --> 00:13:18,490 >> E, finalmente, você quer ver sobre o seu apoio. 211 00:13:18,490 --> 00:13:21,890 Se você tem um problema que eles vão responder a você dentro de 24 horas? 212 00:13:21,890 --> 00:13:23,890 Eles vão responder a você dentro de 48 horas? 213 00:13:23,890 --> 00:13:26,500 O serviço de hospedagem que eu uso normalmente responde a mim em poucos minutos 214 00:13:26,500 --> 00:13:29,760 que é muito bom. 215 00:13:29,760 --> 00:13:33,990 Ufa! Tudo bem! É hora de uma pausa. Mas eu não vou dar a você. 216 00:13:33,990 --> 00:13:38,200 Nós vamos apenas olhar fotos de gatos bonitos de vez em quando. 217 00:13:38,200 --> 00:13:42,740 >> Outra coisa muito, muito grande é a compatibilidade cross-browser. 218 00:13:42,740 --> 00:13:45,890 O que quero dizer com compatibilidade cross-browser? 219 00:13:45,890 --> 00:13:50,970 Você sabe que, hoje em dia não é apenas o Microsoft Internet Explorer. 220 00:13:50,970 --> 00:13:53,970 Não é apenas o Mozilla Firefox ou Safari. 221 00:13:53,970 --> 00:13:58,190 Agora temos Chrome. Temos Opera. Temos Dolphin. Temos Camino. 222 00:13:58,190 --> 00:14:00,540 Temos Conquistador. Temos todos esses diferentes browsers. 223 00:14:00,540 --> 00:14:05,950 Coisas que estão saindo agora - RockMelt - embora aqueles são todos baseados no Chromium. 224 00:14:05,950 --> 00:14:10,990 Mas a verdade da questão é, não é apenas um navegador mais. 225 00:14:10,990 --> 00:14:13,860 Você não está apenas vendo estas páginas com um único aplicativo. 226 00:14:13,860 --> 00:14:17,660 E assim, diferentes navegadores irá responder a diferentes HTML, CSS diferente, e 227 00:14:17,660 --> 00:14:21,210 JavaScript diferente de forma diferente, e como você lida com isso? 228 00:14:21,210 --> 00:14:24,370 Bem, em certos casos, você realmente não pode. 229 00:14:24,370 --> 00:14:29,160 Seu site - se ele funciona em um navegador, o código que você escreveu não vai funcionar 230 00:14:29,290 --> 00:14:32,910 em outro navegador, e é o seu trabalho para se certificar de que o código que você escreve 231 00:14:32,910 --> 00:14:36,000 é universal, que funciona em todos os lugares. 232 00:14:36,000 --> 00:14:38,000 Então, isso é muito perigoso. 233 00:14:38,000 --> 00:14:42,450 Se você disser: "Bem, ele está trabalhando no meu computador. Great! Vamos seguir em frente." 234 00:14:42,450 --> 00:14:46,040 Bem, provavelmente não vai funcionar no meu, e quando eu ir para o site 235 00:14:46,040 --> 00:14:49,210 Eu vou ficar muito triste, e eu vou deixar imediatamente. 236 00:14:49,210 --> 00:14:51,570 Então, vamos ver como você pode evitar isso. 237 00:14:51,570 --> 00:14:55,520 >> A primeira coisa, é claro, é só usar padrão HTML, CSS e JavaScript. 238 00:14:55,520 --> 00:14:57,520 O que quero dizer com isso? 239 00:14:57,520 --> 00:15:00,180 Bem, há um monte de coisas que não padrão lá fora. 240 00:15:00,180 --> 00:15:03,490 Por exemplo, em CSS existem muitas versões. 241 00:15:03,490 --> 00:15:10,830 Se você ver todas as regras CSS com-moz-ou-webkit-, essas regras são específicas 242 00:15:10,830 --> 00:15:15,720 tanto para os navegadores Mozilla e os navegadores Webkit, 243 00:15:15,720 --> 00:15:20,590 e assim que você quer ter certeza de que talvez você queira evitar essas coisas 244 00:15:20,590 --> 00:15:25,150 porque se você usar-moz-essa regra só vai funcionar no Firefox. 245 00:15:25,150 --> 00:15:29,640 E se você realmente quer ter uma boa aparência no Internet Explorer também, 246 00:15:29,640 --> 00:15:31,640 você vai estar fora de sorte. 247 00:15:31,640 --> 00:15:37,910 Para HTML também, você pode fazer coisas em HTML que funcionam em um navegador 248 00:15:37,910 --> 00:15:41,830 mas que quebra em outro, e você quer evitar que, tanto quanto possível. 249 00:15:41,830 --> 00:15:44,830 E, finalmente, para JavaScript, mesmo - há muitas versões do JavaScript, 250 00:15:44,830 --> 00:15:50,570 e neste verão nós funcionamos em um problema onde document.getElementsByClassName-- 251 00:15:50,570 --> 00:15:54,500 que é geralmente uma função que é definido como uma parte do padrão JavaScript - 252 00:15:54,500 --> 00:15:58,120 não era encontrar no Internet Explorer 8. 253 00:15:58,120 --> 00:16:01,900 Assim, durante o verão, eu estava trabalhando em um laboratório e estávamos construindo experiências on-line. 254 00:16:01,900 --> 00:16:06,210 E nós pensamos que ele estava funcionando muito bem até que percebemos que os usuários estavam usando 255 00:16:06,210 --> 00:16:09,780 Internet Explorer 8 não poderia apresentar os seus resultados. 256 00:16:09,780 --> 00:16:13,200 Estávamos perdendo uma grande quantidade de dados. Isso nos deixou muito triste. 257 00:16:13,200 --> 00:16:17,790 Assim, você sempre quer ter certeza de que seus scripts estão indo para o trabalho em todos os lugares. 258 00:16:17,790 --> 00:16:20,500 >> E, finalmente, utilizar validator.w3.org 259 00:16:20,500 --> 00:16:22,770 que é o que lhe dizem para fazer em pset 7. 260 00:16:22,770 --> 00:16:24,530 Certifique-se de que suas páginas são validadas. 261 00:16:24,530 --> 00:16:28,310 Isso é importante porque pelo menos é um primeiro teste de sanidade passo. 262 00:16:28,310 --> 00:16:31,870 É o meu código realmente compatível com as normas? 263 00:16:34,930 --> 00:16:39,320 Outra maneira de classificar de ajudá-lo a certificar-se de que seu site está indo para o trabalho 264 00:16:39,320 --> 00:16:42,610 na maioria das circunstâncias é talvez usar algumas bibliotecas e frameworks 265 00:16:42,610 --> 00:16:46,210 porque esses desenvolvedores realmente inteligentes ter pensado sobre essas questões para você. 266 00:16:46,210 --> 00:16:49,850 Eles passaram e eles escreveram funções diferentes que funcionam em todos os navegadores. 267 00:16:49,850 --> 00:16:53,560 Por exemplo, podemos usar jQuery em Pset 7. 268 00:16:53,560 --> 00:16:58,030 Mesmo que você não pode tê-lo visto, jQuery fornece uma série de funções 269 00:16:58,030 --> 00:17:00,280 que de outra forma você teria que escrever-se. 270 00:17:00,280 --> 00:17:05,310 Mas estes desenvolvedores escreveu, e que fizeram certo de que ele funciona em todos os browsers. 271 00:17:05,310 --> 00:17:10,280 E Bootstrap - que é outro quadro CSS que nós lhe mostramos em Pset 7 - 272 00:17:10,280 --> 00:17:17,000 ele realmente tira um monte de dores de cabeça com a concepção de websites que parecem boas. 273 00:17:17,000 --> 00:17:19,000 em todos os navegadores. 274 00:17:19,000 --> 00:17:23,660 >> E, finalmente, se você pode evitá-lo, eu costumo evitar codificação a partir do zero. 275 00:17:23,660 --> 00:17:28,079 Se você está apenas criando um site para seu clube da escola, por exemplo, 276 00:17:28,079 --> 00:17:33,920 e tudo que você precisa fazer é exibir algumas páginas e, talvez, ter o seu presidente ir 277 00:17:33,920 --> 00:17:38,910 e mudar algumas coisas aqui e ali - não há realmente nenhuma necessidade de código que você mesmo. 278 00:17:38,910 --> 00:17:40,910 Que tem um monte de seu tempo. 279 00:17:40,910 --> 00:17:42,660 É preciso muito de sua energia, e você tem que passar e você tem que descobrir, 280 00:17:42,660 --> 00:17:45,930 bem, isso vai ficar bem neste browser, é que vai ficar bem neste browser. 281 00:17:45,930 --> 00:17:50,610 Talvez usar alguns desses patches que outros já escrito para você, como 282 00:17:50,610 --> 00:17:52,610 WordPress ou Joomla ou Drupal. 283 00:17:52,610 --> 00:17:59,400 Estes são chamados de conteúdo - estes são chamados CMSs que basicamente são apenas os pacotes que 284 00:17:59,400 --> 00:18:03,020 já veio feito para você, e você pode baixá-los, colocá-los em seu servidor, 285 00:18:03,020 --> 00:18:07,510 e personalizá-los como quiser, e você já tem um site funcionando. 286 00:18:07,510 --> 00:18:11,680 Esses pacotes de código são algo para olhar para. 287 00:18:11,680 --> 00:18:15,400 Essas coisas são de código aberto, a menos que você vá para algo como - 288 00:18:15,400 --> 00:18:19,390 se você estiver procurando por um pacote forma, há coisas que não são livres como 289 00:18:19,390 --> 00:18:21,570 VBulletin ou IP.Board. 290 00:18:21,570 --> 00:18:23,790 Se você não precisa de alguns desses recursos avançados, 291 00:18:23,790 --> 00:18:27,530 você pode sempre optar pela opção livre. 292 00:18:27,530 --> 00:18:31,300 >> E, finalmente, não há como evitar isso. 293 00:18:31,300 --> 00:18:33,300 Você deve testar, testar e testar. 294 00:18:33,300 --> 00:18:37,690 Você deve testar o seu código em todos os navegadores e em todas essas plataformas. 295 00:18:37,690 --> 00:18:44,110 E você sabe, IE6 - bondade pessoas agradecem começaram a afastar-se IE6 296 00:18:44,110 --> 00:18:49,190 porque para trás no dia, talvez há alguns anos atrás, os desenvolvedores web tiveram que sempre, sempre, 297 00:18:49,190 --> 00:18:55,280 sempre agradar às fraquezas do IE6 em seguir as normas. 298 00:18:55,280 --> 00:19:00,860 Sites apenas parecia um pouco da década de 1990 por falta de uma melhor maneira de lidar com isso. 299 00:19:00,860 --> 00:19:04,380 Você também pode usar imagens do navegador para verificar o seu CSS. 300 00:19:04,380 --> 00:19:08,100 Um site muito legal é browserlab.adobe.com. 301 00:19:08,100 --> 00:19:11,070 Este é um serviço gratuito de colocar para fora pela Adobe. 302 00:19:11,070 --> 00:19:15,160 E o que eles fazem é que eles podem tirar screenshots do seu site 303 00:19:15,160 --> 00:19:18,890 executar em condições diferentes - como correr em diferentes navegadores, 304 00:19:18,890 --> 00:19:22,660 sendo executado em diferentes plataformas - e mostrar o que eles se parecem. 305 00:19:22,660 --> 00:19:33,260 Só para mostrar o que eu quero dizer aqui, eu criei um site no ano passado chamado vida em Harvard, 306 00:19:33,260 --> 00:19:39,150 eo que eu tentei fazer - Eu tentei fazer my.harvard melhor. 307 00:19:39,150 --> 00:19:43,840 Porque se você estivesse aqui no ano passado, my.harvard não parecia como parece agora. 308 00:19:43,840 --> 00:19:46,640 Parece meio nojento. 309 00:19:46,640 --> 00:19:50,470 Mas agora parece muito melhor. 310 00:19:50,470 --> 00:19:57,070 Minha implementação não era mais útil, mas ao mesmo tempo, 311 00:19:57,070 --> 00:20:01,310 você sabe, eu tentei adicionar - (ininteligível) o que muitos - 312 00:20:01,310 --> 00:20:04,680 e parece - parece muito bom no meu computador. 313 00:20:04,680 --> 00:20:08,560 E então, talvez se eu tivesse mais tempo eu teria ido para o laboratório browser, 314 00:20:08,560 --> 00:20:13,020 e eu teria olhado, bem, como se olhar no Chrome 18 no Windows. 315 00:20:13,020 --> 00:20:17,060 Eu iria rolar e eu gostaria de ver - oh não! Olhe para a caixa de anúncios. 316 00:20:17,060 --> 00:20:20,200 Meu texto estava transbordando. Então, isso é ruim, certo? 317 00:20:20,200 --> 00:20:23,700 Se um usuário está usando o Chrome no Windows e vem para o meu site, 318 00:20:23,700 --> 00:20:26,730 que imediatamente parece muito pouco profissional. 319 00:20:26,730 --> 00:20:30,760 Então, eu deveria ir para o meu CSS e descobrir que parte do meu CSS está quebrando aqui. 320 00:20:30,760 --> 00:20:35,090 Por que não está exibindo corretamente e corrigi-lo para que todos os usuários podem ver o mesmo site 321 00:20:35,090 --> 00:20:37,770 e ser tão feliz. 322 00:20:37,770 --> 00:20:44,280 >> E, finalmente, também, imagens do navegador são bons para testar seu CSS, 323 00:20:44,280 --> 00:20:46,020 mas o que sobre o seu JavaScript? 324 00:20:46,020 --> 00:20:48,660 E se você tem algum script complicado que está sendo executado? 325 00:20:48,660 --> 00:20:50,460 Bem, você sempre pode fazer a virtualização. 326 00:20:50,460 --> 00:20:56,360 Se você tem um Mac, você pode usar Bootcamp ou VMWare para virtualizar talvez uma cópia do 327 00:20:56,360 --> 00:20:59,540 Windows e uso do Internet Explorer lá. 328 00:20:59,540 --> 00:21:03,400 Ou, você pode ir para algo como Spoon.net, que infelizmente só funciona em PCs. 329 00:21:03,400 --> 00:21:05,290 Mas o que eles fazem é muito legal. 330 00:21:05,290 --> 00:21:10,080 Eles virtualizar software para que você possa executar diferentes versões do IE, por exemplo. 331 00:21:10,080 --> 00:21:12,080 Você pode executar diferentes versões do Firefox. 332 00:21:12,080 --> 00:21:15,720 Você pode executar diferentes versões do Safari e testar todos os seus sites por aí. 333 00:21:15,720 --> 00:21:18,360 Infelizmente, eles não são livres. 334 00:21:18,360 --> 00:21:20,860 Esse é um serviço pago, por isso há sempre uma espécie de presente - 335 00:21:20,860 --> 00:21:26,070 há sempre este tipo de trade off entre, bem, eu vou fazer meu site com bom aspecto. 336 00:21:26,070 --> 00:21:31,970 Se sim, eu poderia ter de pagar por alguns serviços para me ajudar a fazer isso. 337 00:21:31,970 --> 00:21:35,890 Qualquer dúvida neste momento sobre qualquer coisa que falamos? 338 00:21:38,500 --> 00:21:41,210 Incrível. Okay. 339 00:21:41,210 --> 00:21:43,870 >> Agora, temos mais coisas para falar. 340 00:21:43,870 --> 00:21:45,820 Como sobre os erros? 341 00:21:45,820 --> 00:21:48,670 Como você se certificar de que o seu site vai funcionar mesmo quando 342 00:21:48,670 --> 00:21:50,150 algo de ruim acontece? 343 00:21:50,150 --> 00:21:53,940 Talvez você não tem uma página chamada food.php. 344 00:21:53,940 --> 00:21:57,000 Mas eu, eu vou para o seu site e tento acessar food.php. 345 00:21:57,000 --> 00:22:00,770 Você está indo só para me mostrar que a página em branco que diz: 404 - File not found? 346 00:22:00,770 --> 00:22:04,400 Ou você vai dizer: "Bem, eu sinto muito que eu não poderia encontrar isso por você, 347 00:22:04,400 --> 00:22:08,520 mas talvez aqui estão alguns outros recursos para ajudá-lo a procurar o que você precisa ". 348 00:22:08,520 --> 00:22:13,180 Outros erros - assim, isso é chamado de erros de HTTP que são apenas alguns códigos de erro 349 00:22:13,180 --> 00:22:17,130 que o servidor poderia ter enviado de volta para o navegador, no caso de algo ruim acontecer. 350 00:22:17,130 --> 00:22:20,160 400 - Bad Request. 401 - não autorizado. 351 00:22:20,160 --> 00:22:25,560 403 é uma espécie de comum quando você tem um diretório que não é suposto ser acessado 352 00:22:25,560 --> 00:22:27,310 pelo usuário, mas o usuário tenta de qualquer maneira. 353 00:22:27,310 --> 00:22:30,840 E 500 - Internal Server Error - que geralmente acontece quando você tem algo 354 00:22:30,840 --> 00:22:33,070 muito ruim acontecendo com o seu código PHP. 355 00:22:33,070 --> 00:22:36,140 Mas em qualquer caso, esses tipos de navegadores - esses tipos de erros acontecem. 356 00:22:36,140 --> 00:22:40,550 >> Então, como você se certificar de que você graciosamente lidar com esses erros 357 00:22:40,550 --> 00:22:43,230 e certifique-se que o usuário não é apenas uma espécie de pendurar lá? 358 00:22:46,850 --> 00:22:48,850 Aí vem. Htaccess. 359 00:22:48,850 --> 00:22:51,300 Agora,. Htaccess é algo que funciona em servidores Apache, 360 00:22:51,300 --> 00:22:55,550 algo que funciona e funciona em alguns outros servidores também. 361 00:22:55,550 --> 00:23:01,350 Esta é apenas uma maneira de você para configurar o servidor de tal forma que 362 00:23:01,350 --> 00:23:04,470 você pode fazê-lo fazer o que você quer que ele faça. 363 00:23:04,470 --> 00:23:06,790 Algumas coisas que você poderia fazer. Você pode controlar as configurações de cache. 364 00:23:06,790 --> 00:23:11,290 Talvez haja uma determinada página em seu site que você tenha certeza de que o usuário 365 00:23:11,290 --> 00:23:14,740 baixar novamente toda vez que o usuário vem e visita o seu site. 366 00:23:14,740 --> 00:23:26,980 Ou talvez você tenha algum URL que é como yoursite.com / teste / html / pages / hello.html 367 00:23:26,980 --> 00:23:31,270 e você só quer que seja yourname.com / Olá -. bem, você pode usar htaccess 368 00:23:31,270 --> 00:23:34,760 para redirecionar uma página para outra. 369 00:23:34,760 --> 00:23:36,600 Você também pode usá-lo para fazer a autenticação. 370 00:23:36,600 --> 00:23:39,890 Talvez existam algumas partes do seu site que você precisa para usar outra senha. 371 00:23:39,890 --> 00:23:42,620 Você pode bloquear determinados endereços IP, bloquear certos domínios. 372 00:23:42,620 --> 00:23:46,770 Talvez você só realmente não gosto de estudantes de Harvard que usam seu site. 373 00:23:46,770 --> 00:23:49,910 Bem, você tem a opção de bloquear todos os endereços IP de Harvard. 374 00:23:49,910 --> 00:23:56,370 >> Finalmente, você pode tratar as coisas - você pode escrever certo código para fazer o seu servidor 375 00:23:56,370 --> 00:24:03,100 tratar como. zhao ou. seu nome ou. páginas olá como código PHP. 376 00:24:03,100 --> 00:24:05,170 Talvez isso seja útil. Talvez isso não vai ser. 377 00:24:05,170 --> 00:24:07,980 E, finalmente, você pode usá-lo para lidar com respostas de erro. 378 00:24:07,980 --> 00:24:10,300 O que quero dizer com isso? 379 00:24:10,300 --> 00:24:16,030 Se você simplesmente adicionar um código como este - 404 ErrorDocument e, em seguida, encaminhá-los para alguns 380 00:24:16,030 --> 00:24:20,440 página de erro, você pode ter certeza de que o usuário não apenas vê a muito, muito feio 381 00:24:20,440 --> 00:24:23,550 404 e mostrar-lhes algo de bom. 382 00:24:23,550 --> 00:24:29,000 >> Vamos realmente dar uma olhada em como podemos fazer isso com o seu Pset 7. 383 00:24:29,000 --> 00:24:34,190 Aqui, eu estou no meu aparelho. 384 00:24:34,190 --> 00:24:38,440 Eu vou abrir o Chrome, e então eu vou tentar acessar uma página 385 00:24:38,440 --> 00:24:43,350 que não existe no CS50 Finance. 386 00:24:43,350 --> 00:24:52,710 Então, host local - cats.php--lo, perceber que eu criei um documento de erro 387 00:24:52,710 --> 00:24:54,770 que diz: "CANZ não encontrar a página z!" 388 00:24:54,770 --> 00:24:56,990 Tem um gato muito triste com isso. 389 00:24:56,990 --> 00:24:59,910 Se você entrar no Twitter, se você for em qualquer um desses outros sites, 390 00:24:59,910 --> 00:25:02,700 você não consegue encontrar uma página, eles normalmente tentam mostrar uma imagem bonito 391 00:25:02,700 --> 00:25:04,850 de modo que você não está muito desapontado. 392 00:25:04,850 --> 00:25:07,830 Você também pode ter algo que é mais profissional que diz: 393 00:25:07,830 --> 00:25:11,760 bem, me desculpe eu não consegui encontrar a página, mas talvez aqui é uma caixa de pesquisa. 394 00:25:11,760 --> 00:25:16,750 Ou talvez aqui estão alguns links que irão ajudá-lo a encontrar o link que você quer. 395 00:25:16,750 --> 00:25:21,410 Então, como eu faço isso? Como isso é possível? 396 00:25:21,410 --> 00:25:23,500 Se formos para o nosso terminal aqui - 397 00:25:23,500 --> 00:25:26,300 Eu só vou para aproximar um pouco - 398 00:25:26,300 --> 00:25:30,110 notar que eu tenho uma nova página. 399 00:25:30,110 --> 00:25:34,440 Dentro do meu diretório HTML é chamado - você não pode vê-lo - 400 00:25:34,440 --> 00:25:37,280 ele é chamado error.php. 401 00:25:37,280 --> 00:25:41,010 E error.php é apenas um arquivo que eu fiz 402 00:25:41,010 --> 00:25:43,030 que mostra que a própria página. 403 00:25:43,030 --> 00:25:46,710 Eu posso te mostrar o que é error.php. 404 00:25:46,710 --> 00:25:48,710 É exatamente nesta página. 405 00:25:48,710 --> 00:25:50,710 Ela diz: "Oh, não! CANZ não encontrar a página z!" 406 00:25:50,710 --> 00:25:58,630 E, se você quiser ver - assim, perceber que tipo de htaccess é um nome estranho.. 407 00:25:58,630 --> 00:26:01,040 Ela começa com um ponto, o que significa que é um arquivo de sistema. 408 00:26:01,040 --> 00:26:03,360 É um arquivo oculto que normalmente não é mostrado. 409 00:26:03,360 --> 00:26:09,060 Se você fizer ls-a, você pode ver todos os arquivos escondidos em um determinado diretório, 410 00:26:09,060 --> 00:26:12,030 e, na verdade, você vê. htaccess é um deles. 411 00:26:12,030 --> 00:26:15,490 Vamos em frente e abrir htaccess. - 412 00:26:15,490 --> 00:26:19,830 com gedit - 413 00:26:19,830 --> 00:26:26,870 Boom! Tudo que eu tenho é uma linha lá - documento de erro para erros 404 414 00:26:26,870 --> 00:26:28,760 que também são conhecidos como erros de arquivo não encontrado. 415 00:26:28,760 --> 00:26:32,720 Vamos redirecioná-los para algo chamado error.php. 416 00:26:36,100 --> 00:26:42,030 Você pode ter coisas divertidas como CANZ não encontrar a página z! 417 00:26:42,030 --> 00:26:46,770 E também há coisas muito legais que você pode fazer com ele. Htaccess. 418 00:26:46,770 --> 00:26:49,520 Se você quiser ver mais. Htaccess magia, 419 00:26:49,520 --> 00:26:56,470 este é um site muito legal para ir para - ele é chamado javascriptkit.com/howto/htaccess.shtml-- 420 00:26:56,470 --> 00:27:01,880 se você deseja executar mais magia do servidor. E isso pode ser muito divertido. 421 00:27:01,880 --> 00:27:05,490 >> Ufa! Tudo bem! Fotos mais bonitos. 422 00:27:05,490 --> 00:27:10,060 Esse é um cara que faz push-ups, e seu gato está tentando ajudar. Eu acho que é muito bonito. 423 00:27:10,060 --> 00:27:14,830 Infelizmente, eu não tenho um gato assim. 424 00:27:14,830 --> 00:27:17,640 Tudo bem. Então, nós já conversamos sobre. Htaccess. 425 00:27:17,640 --> 00:27:19,640 Nós conversamos sobre a manipulação de erros. 426 00:27:19,640 --> 00:27:20,940 Nós conversamos sobre hospedagem, nomes de domínio. 427 00:27:20,940 --> 00:27:23,230 Nós conversamos sobre a compatibilidade cross-browser. 428 00:27:23,230 --> 00:27:25,210 Agora, como podemos ter certeza de que seu site realmente executa? 429 00:27:25,210 --> 00:27:26,950 Como podemos ter certeza de que se eu for para o seu site 430 00:27:26,950 --> 00:27:29,830 Eu posso ver sua página dentro de poucos segundos? 431 00:27:29,830 --> 00:27:33,520 Uma das coisas que eu acho que as pessoas só tipo de esquecer 432 00:27:33,520 --> 00:27:36,160 é a otimização de imagem. 433 00:27:36,160 --> 00:27:37,560 Digamos que você queria colocar uma imagem em seu site 434 00:27:37,560 --> 00:27:40,330 e é 2 MG grande. 435 00:27:40,330 --> 00:27:42,670 Isso pode ser bom para nós, porque estamos em Harvard, 436 00:27:42,670 --> 00:27:45,000 e nós temos uma conexão muito rápida com a Internet. 437 00:27:45,000 --> 00:27:47,470 Mas imagine alguém na China. Imagine alguém na Índia. 438 00:27:47,470 --> 00:27:52,440 Imagine alguém talvez na zona rural de Kansas, que talvez não tenha o mesmo tipo de 439 00:27:52,440 --> 00:27:54,690 Internet banda larga que temos. 440 00:27:54,690 --> 00:27:57,710 Se você tiver uma imagem de 2 MB em seu site e que o usuário está tentando acessá-lo, 441 00:27:57,710 --> 00:28:00,890 que vai levá-los muito tempo para download. 442 00:28:00,890 --> 00:28:04,160 Então, se você não precisa de que tipo de resolução, 443 00:28:04,160 --> 00:28:09,220 então você pode redimensionar a sua imagem com algo como Adobe Photo Shop. 444 00:28:09,220 --> 00:28:13,400 Normalmente há uma opção chamada segura para web e dispositivos, 445 00:28:13,400 --> 00:28:15,850 eo que ele faz é ele remove todas as informações desnecessárias 446 00:28:15,850 --> 00:28:20,160 e tipo de compactos seu arquivo em um tamanho pequeno de imagem para que você possa 447 00:28:20,160 --> 00:28:22,960 colocá-lo em seu site, e qualquer usuário que tenta baixar essa página 448 00:28:22,960 --> 00:28:26,950 vai baixar uma versão menor de sua imagem. 449 00:28:26,950 --> 00:28:28,230 Se você não tiver o Adobe Photo Shop 450 00:28:28,230 --> 00:28:32,650 webresizer.com também é outro recurso onde você pode inserir sua imagem 451 00:28:32,650 --> 00:28:36,470 e ele vai cuspir a mesma imagem, 452 00:28:36,470 --> 00:28:39,970 mas será algo como três vezes menores. 453 00:28:39,970 --> 00:28:41,970 Então, isso é muito útil para os usuários. 454 00:28:41,970 --> 00:28:45,930 >> Outra coisa que você pode fazer é apoucar código. 455 00:28:45,930 --> 00:28:48,460 Se dermos uma olhada no Google.com, 456 00:28:48,460 --> 00:28:56,400 você vai ver que não é o mesmo tipo de HTML e CSS que estamos acostumados. 457 00:28:56,400 --> 00:29:02,250 Basta ir a olhar para o código fonte aqui. 458 00:29:02,250 --> 00:29:07,600 Se eu apenas rolar para baixo - uau, isso parece muito nojento. 459 00:29:07,600 --> 00:29:09,650 Isto iria ficar um zero em estilo. 460 00:29:09,650 --> 00:29:13,470 Se você codificou isso para o seu Pset, você receberá um zero no seu estilo. 461 00:29:13,470 --> 00:29:16,990 Isto não tem qualquer espaçamento. Os nomes parecem muito enigmática. 462 00:29:16,990 --> 00:29:19,800 É tudo muito nojento. 463 00:29:19,800 --> 00:29:24,060 E o script para fechar no corpo - o HTML fechar - 464 00:29:24,060 --> 00:29:26,280 eles estão todos juntos - tudo esmagado juntos. 465 00:29:26,280 --> 00:29:28,280 Por que eles fazem isso? 466 00:29:28,280 --> 00:29:30,650 Eles minificado seu código. 467 00:29:30,650 --> 00:29:33,310 Note-se que este documento vai ser muito menor 468 00:29:33,310 --> 00:29:36,660 para mim fazer o download de algo com espaço em branco, 469 00:29:36,660 --> 00:29:39,410 do que algo com nomes de variáveis ​​realmente longos. 470 00:29:39,410 --> 00:29:41,710 Se você apoucar o seu código você tira todo o espaço em branco. 471 00:29:41,710 --> 00:29:45,960 Claro, o seu browser não me importo se você tem qualquer espaço em branco em seu código. 472 00:29:45,960 --> 00:29:49,630 Você tira-lo para fora, agora eu posso fazer download de um arquivo menor - 473 00:29:49,630 --> 00:29:52,770 agora o arquivo - o documento que nós vamos fazer o download tem um tamanho de arquivo menor, 474 00:29:52,770 --> 00:29:56,180 vai ser mais rápido para me baixar, e isso é útil. 475 00:29:56,180 --> 00:30:01,550 Se você está trabalhando com sites e você está lançando um site, 476 00:30:01,550 --> 00:30:04,630 é quase sempre bom para apoucar o seu código. 477 00:30:04,630 --> 00:30:08,150 Outra razão pela qual pode ser bom é, talvez, você não quer que outras pessoas usem o seu código. 478 00:30:08,150 --> 00:30:11,050 Talvez você não quiser que outras pessoas usem o seu CSS. 479 00:30:11,050 --> 00:30:13,460 Você sabe que se você realmente queria ser mesquinho com isso, 480 00:30:13,460 --> 00:30:16,670 então você também pode apoucar o seu código, e seria mais difícil para mim para roubá-lo 481 00:30:16,670 --> 00:30:19,170 porque eu não tenho idéia do que está acontecendo. 482 00:30:19,170 --> 00:30:22,990 Você também pode ir para sites como minify.avivo.si. 483 00:30:22,990 --> 00:30:27,900 Serviços como este em linha ajudá-lo a apoucar o seu código para que você não tem que fazê-lo com a mão. 484 00:30:27,900 --> 00:30:30,080 Definitivamente não fazê-lo com a mão. 485 00:30:30,080 --> 00:30:32,210 >> Okay. Agora falando de scripts. 486 00:30:32,210 --> 00:30:35,040 Talvez no seu código PHP não é algo que você não precisa fazer. 487 00:30:35,040 --> 00:30:37,910 Talvez haja laços extras lá. 488 00:30:37,910 --> 00:30:40,850 Nós conversamos sobre o projeto do código CS50. 489 00:30:40,850 --> 00:30:44,550 Mesmo se você está programando em C, se você tem - se você estiver fazendo um trabalho extra 490 00:30:44,550 --> 00:30:49,440 que você não precisa fazer, bem, isso vai diminuir os seus scripts em seu site, 491 00:30:49,440 --> 00:30:53,280 e isso é especialmente importante para os sites, pois os usuários hoje em dia são muito impacientes. 492 00:30:53,280 --> 00:30:56,110 Se você estiver fazendo um trabalho desnecessário, que vai levá-los mais 493 00:30:56,110 --> 00:31:00,080 para obter a informação que eles querem, e eles vão ser muito infeliz. 494 00:31:00,080 --> 00:31:02,200 Finalmente, você pode querer otimizar suas tabelas de banco de dados. 495 00:31:02,200 --> 00:31:05,020 Lembre-se de que falamos índices. 496 00:31:05,020 --> 00:31:09,420 Eles não são bons apenas para se certificar de que você tem uma linha que é único. 497 00:31:09,420 --> 00:31:12,440 Eles também são bons para se certificar de que seu banco de dados funciona rapidamente. 498 00:31:12,440 --> 00:31:16,240 Se você quiser ler sobre que ir para a documentação MySQL, 499 00:31:16,240 --> 00:31:18,710 ou você pode olhar - bem, como faço para otimizar minha mesa banco de dados? 500 00:31:18,710 --> 00:31:23,350 Como posso ter certeza de que eu tenho os índices que me ajudam a obter as informações mais rápido? 501 00:31:23,350 --> 00:31:27,300 >> Há também pequenos truques que você pode usar como cache. 502 00:31:27,300 --> 00:31:28,980 Se você tiver PHP - se você tiver um blog, por exemplo, 503 00:31:28,980 --> 00:31:31,980 e que você tem - e ele é alimentado por PHP ou qualquer outra linguagem - 504 00:31:31,980 --> 00:31:37,690 você pode armazenar em cache em seu blog digamos intervalos de 50 minutos para que você possa servir páginas estáticas 505 00:31:37,690 --> 00:31:40,610 ou HTML estático para os visitantes do seu site. 506 00:31:40,610 --> 00:31:43,380 Dessa forma, os usuários não têm de executar o script PHP de cada vez, 507 00:31:43,380 --> 00:31:47,410 e talvez isso vai ser mais rápido para eles para acessar essa informação. 508 00:31:47,410 --> 00:31:49,410 >> E, finalmente, você pode usar algo como CDN. 509 00:31:49,410 --> 00:31:51,900 Observe que sempre que você baixar um Pset, 510 00:31:51,900 --> 00:31:54,890 você sempre vai para CDN.CS50.net. Por que isso? 511 00:31:54,890 --> 00:32:01,540 CS50 utiliza também como uma espécie de CDN - uma rede de distribuição de conteúdo - 512 00:32:01,540 --> 00:32:06,120 o que só significa que é um grupo de servidores, talvez em algum lugar ao redor do globo 513 00:32:06,120 --> 00:32:08,120 que ajudam a servir suas páginas para os visitantes. 514 00:32:08,120 --> 00:32:13,770 Se o visitante está recebendo uma página a partir de um servidor que está mais perto deles geograficamente, 515 00:32:13,770 --> 00:32:16,770 então provavelmente o visitante está indo para obter o arquivo muito mais rápido. 516 00:32:16,770 --> 00:32:20,490 Há também fontes on-line que ajudam você a fazer isso. 517 00:32:20,490 --> 00:32:24,070 Um deles é o CloudFlare. Eles oferecem um serviço CDN grátis. 518 00:32:24,070 --> 00:32:26,020 Se você tem arquivos grandes que seu servindo aos seus usuários, 519 00:32:26,020 --> 00:32:32,260 então talvez seja melhor colocá-los em um CDN, para que possam chegar a eles rapidamente. 520 00:32:32,260 --> 00:32:39,070 >> O tópico final para o dia é search engine optimization. 521 00:32:39,070 --> 00:32:41,070 O que é Search Engine Optimization? 522 00:32:41,070 --> 00:32:44,070 Isso é certificando-se de que os motores de busca como o Google ou Bing ou Yahoo 523 00:32:44,070 --> 00:32:50,740 pode ir para o seu site e indexar o seu site e indexar seu site e quando 524 00:32:50,740 --> 00:32:53,040 Eu, por exemplo, ir ao Google.com e tento procurar alguma coisa, 525 00:32:53,040 --> 00:32:55,040 em seguida, o seu site irá aparecer. 526 00:32:55,040 --> 00:32:57,000 Como você se certificar de que o site é um dos top 10? 527 00:32:57,000 --> 00:33:00,000 Porque, como todos sabemos, se você procura por algo no Google 528 00:33:00,000 --> 00:33:02,880 e não é no top 10 você provavelmente não vai se olhar no próximo dia 10. 529 00:33:02,880 --> 00:33:07,160 Este é um tipo de assunto que está envolta em mistério. 530 00:33:07,160 --> 00:33:09,850 Há um monte de hype lá fora, na Internet. 531 00:33:09,850 --> 00:33:14,680 Há uma série de superstições sobre se você x então o Google vai gostar mais de você. 532 00:33:14,680 --> 00:33:16,680 Se y então o Google vai gostar mais de você. 533 00:33:16,680 --> 00:33:19,680 Provavelmente é melhor olhar para os documentos da gigante das buscas em si. 534 00:33:19,680 --> 00:33:27,470 >> Este é um dos documentos no Google que dizer-lhe exatamente como otimizar seu site 535 00:33:27,470 --> 00:33:30,860 para que o Google pode acessar e indexá-lo muito bem. 536 00:33:30,860 --> 00:33:33,680 Você não tem que copiar para baixo esta URL porque esta apresentação vai 537 00:33:33,680 --> 00:33:36,680 estar on-line de qualquer maneira. 538 00:33:36,680 --> 00:33:38,770 Se você olhar para isso e você ler isto, existem algumas dicas muito úteis lá. 539 00:33:38,770 --> 00:33:42,240 O Google diz que você - se você realmente quer que seu site seja indexado bem 540 00:33:42,240 --> 00:33:44,610 então você deve fazer todas essas coisas. 541 00:33:44,610 --> 00:33:47,570 >> Outra coisa que os motores de busca realmente gosto é o conteúdo fresco. 542 00:33:47,570 --> 00:33:49,500 Se você tiver conteúdo que é actualizado com muita regularidade 543 00:33:49,500 --> 00:33:51,950 em seguida, os motores de busca dizer, ooh, eu gosto do seu site. 544 00:33:51,950 --> 00:33:53,950 Eu estou indo para ir para o seu site com muita freqüência. 545 00:33:53,950 --> 00:33:56,840 Vou índice muito de suas páginas. 546 00:33:56,840 --> 00:33:59,560 Se você tem conteúdo novo, então você tem mais chances de aparecer - 547 00:33:59,560 --> 00:34:02,540 você é mais provável que seja mais relevante. 548 00:34:02,540 --> 00:34:04,630 Você é mais provável que seja mais atualizado, 549 00:34:04,630 --> 00:34:08,860 e os motores de busca são mais propensos a colocar seu site acima dos outros. 550 00:34:08,860 --> 00:34:10,860 >> Profundos laços também são importantes. 551 00:34:10,860 --> 00:34:13,530 Se você realmente queria o seu site para olhar bem nos olhos de um motor de busca 552 00:34:13,530 --> 00:34:18,090 Tem um monte de outros sites ligados a ele e ligado profundamente em seu site. 553 00:34:18,090 --> 00:34:20,090 Não basta ligar para o seu homepage. 554 00:34:20,090 --> 00:34:26,719 Link para talvez yourname.com / algo / alguma coisa / something.php. 555 00:34:26,719 --> 00:34:29,840 Que - para um motor de busca - meio, uau, eles têm conteúdo muito interessante 556 00:34:29,840 --> 00:34:35,350 que alguém está ligando tão profundamente em seu site que eu deveria realmente 557 00:34:35,350 --> 00:34:38,260 colocar mais importância nas páginas desse site. 558 00:34:38,260 --> 00:34:41,940 >> Se você tiver títulos de página precisos, se você não tem erros que é bom, porque 559 00:34:41,940 --> 00:34:44,670 se um motor de busca está tentando visitar o seu site, e está recebendo um erro, 560 00:34:44,670 --> 00:34:46,780 provavelmente vai desistir, muito em breve. 561 00:34:46,780 --> 00:34:49,510 E, finalmente, você quer ter um tempo de carregamento rápido, porque os motores de busca - 562 00:34:49,510 --> 00:34:53,820 assim como os humanos - não têm muita paciência para sites lentos. 563 00:34:53,820 --> 00:34:57,070 Esta é uma maneira de você ter certeza de que você mostrar-se superior em 564 00:34:57,070 --> 00:35:01,390 consultas de pesquisa do motor e espero que, assim, obter mais tráfego. 565 00:35:01,390 --> 00:35:04,730 Porque afinal de contas, você passou todo esse tempo desenvolvendo seu website. 566 00:35:04,730 --> 00:35:06,280 Você passou todo esse tempo de lançar o site online. 567 00:35:06,280 --> 00:35:11,780 Você quer ter certeza de que você tem a abundância de usuários que realmente ver seu conteúdo. 568 00:35:13,330 --> 00:35:15,660 >> Outros bons recursos para usar. 569 00:35:15,660 --> 00:35:19,210 Google Webmaster Tools é algo para olhar para. 570 00:35:19,210 --> 00:35:21,780 Isso só ajuda a ver - Google não está indexando meu site. 571 00:35:21,780 --> 00:35:24,490 Que tipo de erros é que encontrar? 572 00:35:24,490 --> 00:35:27,490 Quantas páginas tem é indexado? 573 00:35:27,490 --> 00:35:29,490 O que ele acha que é o conteúdo mais importante na minha página? 574 00:35:29,490 --> 00:35:31,490 Talvez não seja o que eu quero que ele seja. 575 00:35:31,490 --> 00:35:36,880 Talvez eu precise mudar o meu site um pouco de tal forma que se reflete melhor 576 00:35:36,880 --> 00:35:38,880 o meu site é realmente sobre. 577 00:35:38,880 --> 00:35:41,000 Google Analytics é uma ferramenta muito legal. 578 00:35:41,000 --> 00:35:44,120 Você pode adicionar um pouco de JavaScript para suas páginas. 579 00:35:44,120 --> 00:35:47,020 E depois você pode ir ao Google Analytics, e ele vai rastrear 580 00:35:47,020 --> 00:35:49,020 sua demografia de visitantes e seu crescimento local. 581 00:35:49,020 --> 00:35:51,810 Ele vai lhe dizer exatamente quantas pessoas visitam seu site 582 00:35:51,810 --> 00:35:55,310 dentro de um determinado dia, dentro de uma determinada hora, dentro de uma determinada semana. 583 00:35:55,310 --> 00:35:57,310 Quantos visitantes da China? Quantos visitantes da Antártica - 584 00:35:57,310 --> 00:35:59,310 você está recebendo para o seu site. 585 00:35:59,310 --> 00:36:03,470 que poderia ser uma coisa legal para ver, ou pode até ser útil 586 00:36:03,470 --> 00:36:05,470 porque você está tentando atingir um determinado grupo. 587 00:36:05,470 --> 00:36:08,410 Talvez você esteja tentando atingir adolescentes com o seu site, e você vê que 588 00:36:08,410 --> 00:36:11,410 a maioria dos visitantes do seu website são talvez 30 - a idade de 40 anos, 589 00:36:11,410 --> 00:36:15,130 então talvez seja você tem um problema ou você pode simplesmente dizer: 590 00:36:15,130 --> 00:36:19,590 bem, então talvez eu deva mudar o foco do meu site para que 591 00:36:19,590 --> 00:36:22,240 Eu me concentro mais em que faixa etária. 592 00:36:22,240 --> 00:36:28,500 >> Google Apps - se você queria ter uma espécie de e-mails com seu nome de domínio - 593 00:36:28,500 --> 00:36:31,230 Talvez algo como yourname@yourname.com-- 594 00:36:31,230 --> 00:36:35,270 você pode usar endereços do Gmail - você pode usar o serviço gmail 595 00:36:35,270 --> 00:36:38,500 e Google Apps é uma maneira de fazer isso. 596 00:36:38,500 --> 00:36:44,050 Você pode configurar endereços de e-mail específicas que são específicos para o seu nome de domínio 597 00:36:44,050 --> 00:36:46,800 em vez of@gmail.com. 598 00:36:46,800 --> 00:36:51,840 >> E, finalmente, há extensões desenvolvedor web e add-ons para o Chrome -, 599 00:36:51,840 --> 00:36:56,380 para o Firefox, para outros navegadores - que lhe permitem entrar e inspecionar 600 00:36:56,380 --> 00:37:02,290 CSS, JavaScript inspecionar, ver exatamente o que há de errado com o seu script JavaScript, 601 00:37:02,290 --> 00:37:05,290 e talvez isso vai ser útil para os seus propósitos de-escutas, para você descobrir - 602 00:37:05,290 --> 00:37:08,630 bem, porque não é o meu site exibindo corretamente neste browser? 603 00:37:08,630 --> 00:37:11,800 >> E, finalmente, se você quiser saber mais sobre todos estes temas - 604 00:37:11,800 --> 00:37:14,410 se você quiser saber mais sobre HTML e CSS e JavaScript - 605 00:37:14,410 --> 00:37:16,790 porque afinal de contas, só lhe ensinou um pouco - 606 00:37:16,790 --> 00:37:21,240 você pode ir em sites como W3Schools.com para procurar mais recursos. 607 00:37:21,240 --> 00:37:26,340 Eles têm muito bons tutoriais sobre como eu faço x, y ou o que quer dizer? 608 00:37:26,340 --> 00:37:30,400 Se você quiser aprender mais sobre línguas, você pode simplesmente ir aqui. 609 00:37:30,400 --> 00:37:37,690 >> Tudo bem. Eu acho que eu queria deixar os últimos minutos deste para perguntas, 610 00:37:37,690 --> 00:37:39,810 também há dúvidas sobre tudo o que falamos? 611 00:37:39,810 --> 00:37:43,500 [Membro da audiência] Que tipo de coisas estão no W3Schools e como ele é coberto? 612 00:37:43,500 --> 00:37:45,500 [Yuechen Zhao] Que tipo de coisas? 613 00:37:45,500 --> 00:37:50,180 Então, um dos muito maiores coisas que eu uso muito é as suas referências. 614 00:37:50,180 --> 00:37:54,430 Seus detalhes de referências, por exemplo, para CSS - 615 00:37:54,430 --> 00:37:59,480 o que isso significa ou se você queria mudar o fundo de uma página - 616 00:37:59,480 --> 00:38:01,480 como você faz isso? 617 00:38:01,480 --> 00:38:04,550 Que navegadores suportam esse comando? Coisas assim. 618 00:38:04,550 --> 00:38:10,870 E então eles também só tem muito agradáveis ​​tutoriais sobre HTML, em PHP, em JavaScript, 619 00:38:10,870 --> 00:38:14,290 em MySQL, em todos os tipos de diferentes temas. 620 00:38:14,290 --> 00:38:18,800 Eles têm bons tutoriais. Eles ensinam como fazer as coisas. 621 00:38:18,800 --> 00:38:22,590 É bom ser capaz de ir e aprender mais sobre estes temas. 622 00:38:22,590 --> 00:38:27,180 >> [Membro da audiência] HTML 5 ainda não é compatível com todos os navegadores lá fora. 623 00:38:27,180 --> 00:38:30,700 Você recomendaria apenas ficar longe dela por causa de problemas de compatibilidade? 624 00:38:30,700 --> 00:38:32,700 Como você lida com isso? 625 00:38:32,700 --> 00:38:38,640 [Yuechen Zhao] Sim, por isso, a questão é HTML5 ainda é um padrão de bebê. 626 00:38:38,640 --> 00:38:42,030 Não é realmente apoiado por um grande número de navegadores, por isso devemos evitá-lo? 627 00:38:42,030 --> 00:38:48,040 Eu acho que no ano passado eu teria sido um grande defensor da, vamos evitar HTML5 628 00:38:48,040 --> 00:38:52,430 porque ainda é - ainda é muito novo e, de fato, o padrão HTML5 629 00:38:52,430 --> 00:38:55,610 ainda não foi finalizado. 630 00:38:55,610 --> 00:38:58,790 E assim, não há realmente nenhum padrão HTML5. 631 00:38:58,790 --> 00:39:03,840 Mas eu acho que, especialmente se você está projetando um site agora, 632 00:39:03,840 --> 00:39:07,450 talvez seja melhor se você ir apenas com HTML5, porque isso é uma espécie de vai ser o futuro, 633 00:39:07,450 --> 00:39:11,250 e se você quiser que seu site seja à prova de futuro e você quer que seu site para trabalhar 634 00:39:11,250 --> 00:39:14,320 em browsers futuros, pode ser melhor para começar a construir algo para o futuro 635 00:39:14,320 --> 00:39:19,830 do que para o passado, e também apenas devido ao fato de que o HTML5 realmente não é muito diferente 636 00:39:19,830 --> 00:39:23,080 de HTML4 ou XHTML. 637 00:39:23,080 --> 00:39:29,780 Se você estiver usando HTML5, que normalmente funciona na maioria dos navegadores. 638 00:39:29,780 --> 00:39:34,660 Você só tem a sorte de ir e certifique-se com estas imagens 639 00:39:34,660 --> 00:39:38,630 e certificando-se de ir para esses sites mesmo. 640 00:39:38,630 --> 00:39:44,280 Mas, muito provavelmente ele vai funcionar a menos que você estiver usando características muito específicas para HTML5. 641 00:39:44,280 --> 00:39:50,240 Repare também que para CS50 - por exemplo, para o reprodutor de vídeo que usamos - 642 00:39:50,240 --> 00:39:56,230 ele usa HTML5 e HTML5 vídeo para exibir as palestras. 643 00:39:56,230 --> 00:39:59,420 Mas se você tem um navegador muito antigo, então ele vai cair para trás em Flash. 644 00:39:59,420 --> 00:40:01,420 Então, isso também é outra coisa - 645 00:40:01,420 --> 00:40:05,190 ter um sistema de fall-back para quando você só sabe que o navegador não está indo para lidar com 646 00:40:05,190 --> 00:40:08,140 o que você quer para segurar. 647 00:40:08,140 --> 00:40:10,140 >> Outras perguntas? 648 00:40:10,140 --> 00:40:13,270 Tudo o que falamos. 649 00:40:16,910 --> 00:40:20,750 Tudo bem. Então eu acho que isso é tudo para mim. 650 00:40:20,750 --> 00:40:23,090 Eu acho que é isso. 651 00:40:23,090 --> 00:40:28,430 (Aplausos) 652 00:40:28,430 --> 00:40:30,000 Legal. 653 00:40:30,500 --> 00:40:32,700 [CS50.TV]