[áá£á¡ááááá£á á á¡áááááá¨á] ALLISON BUCHHOLTZ-AU: á§áááá á£á¤áááá á§ááááá¡. ááááá¡ááááááá áááá¨á áááááááááá. áá¡á á áá, á©áááá áá¦áá¡ á¬áá¡á ááá áá¦áá¡ áááá ááá¡ ááá¢á áááªáááááá ááá dev ááá á¡ááááá. áá áá  áááªá, á áááááá áá¥ááá áá  á©ááá¡ áá¥áááá psets ááá¡ á¨ááááá, á ááª áááááááá ááá á ááááá. áá á áááááá á®ááá®á á¬áááááá®ááá¡, ââá¡áááª, áááá áá áá®ááááá, áá£ á áááá  ááá¥áááá á§áááá á¡áá¥áá áááááá¡, áá¡ááá á áááá áª á¨áááá á¡ááááá¡ ááááááááááá¨á á£ááá á¨ááá®áááá áá áá¡ áá á¨ááááá¡ áá áá¥ááá, ááááá, áááá¡á, áá ááááá áá ááááá áá£ááá, á áá á§áááááá ááá¢áá áá¥ááá áá . áá£ áá¥ááá ááá¥áá áááááá¢á kudos. áá¥ááá á«áá áááááá áá®ááá ááá ááááá®áá áªááááá¡ ááá á¢ááá ááá á¡áá ááá áá C, á ááááááª áá áá¡ áá®ááá pset, áá¡á á áá áá¥ááá ááá­ááá á£ááá áá§áá¡ Guinea á¦áá ááá. áá¡ áá¥áááá ááá áááá, áááá£á á áááá áá¡, áááá áá áá áá¤áá¥á áá, áá¡ áá¥áááá áááá á ááá áááá áá áá¡ áá¥áááá ááá ááááª ááá áá áááááªáááááá á áááá£á áá. áá¡á á áá ááááááááá á áá ááá¬ááá¨á áá¦áá¡, á©ááá ááááá ááá á¬áá¡ááá chmod, TCP / IP, áá ááá¨áá áªáá¢á HTML áá CSS. 

ááááá¡, á©ááá á áááá£á áá áááá up ááá á¢ááá ááá áááá ááá áá ááá ááááá®ááá áá ááá­ááá á¡áá®áá¡ ááá¡áá¦áááá á£á¤á áá¡ á áá. áá ááá¨áá áá£ áá  ááá§ááááá¡ áá¥áááá á¢áá¡á¢ááá, áá¡ááá á¬áá, áááá áá áá ááá á¬áá£áááá£áá ááá , á áá á§ááááá¡ áá¥ áááá ááá¥á¢áá ááá. áá á áá á¨áááá¨ááá, ááááá¬á§ááá¢ááááááá áá  áá áá¡ áá¦áááá, áááá áá, á áááá áª áá finish-- ááááá, áááá á áááááááá áááááááá á®áááá áááá quizzes-- áá¡ááá áá¥áááá. áá£ áá¥ááá ááá¥áá á áááá á¨ááááá®áááá áááááá áá£ááá, ááááá áááááá áá ááá áááá á©áááááá¡. áá ááááá¡á£á®ááá áá¥áááá áááááááá£ááá£á á áááá®áááá, á áááá áª á§áááááááá¡. 

áá¡á á áá á¨áááá¨ááá, chmod. áá¡á á áá, á«áá áááááá á§áááá áá¥ááá á£ááá áááªáááá, chmod áá¡ áá áá¡, á áá ááááá§ááááá£á áá¥ááá¡ á¨ááªááááá¡ á¤ááááá¡ á£á¤áááááá, á£á¤áááá? áá¡á á áá áá¡ áá®áááá ááá áááá£áá á¡áá¡á¢ááááá áá«áá®áá á¨ááªáááá¡ ááááá ááá, á áááá áª áááááá¡ áá¥. áá áá£ áááá¡áá áááááá, á áá á á ááááá ááá á¤áááá áá¥áá¡, áááªáááá áá®áááá ááááááá¡ ls, áá¥ááá á¨ááá«áááá ááááááááá ls-l. l áááá¡ á®áááá á«áááá. 

áá¡á á áá áá¥ááá áááá¡ áááááááá á®áááá á«áááá á¡áááá á§ááááá¤áá á, áá áá¡ ááááªááá á£á¤á á ááá¢ááá£á á ááá¤áá áááªáá áááááá£áá áá¥áááá á¤áááá. áá áááááá®ááá á áá¦ááª áá áááá ááá¡ ááááá¢áááá á¬áá áá áá second-- áááá áá áááááá®ááá á áá¦ááª áá¡áááá¡á á áá áááá á®ááá áá á¡ááááá¡ áááááá£áá á¤áááá. áá á©ááá ááááá á áá¡ ááá¨áááá¡. 

áá¡á á áá, á«áá áááááá, á¨ááªááááá¡ áá¥áááá á£á¤áááááá, áá¥ááá á£áá áááá á£ááá áááááá§áááá¡ chmod. á¨áááá«áááá á¬áá ááááááááá, á áá áá¡, á áááá áª á¡á®áá ááááá¡áááá á UNIX áááá£á¬ááááá ááá¡á¬ááá¡ ls áá CD áá whatnot. áá¡ áá®áááá á¡áá®áá¡ á¡á®áá, á áááá ááªáá ááá áá¡. 

áááá¢áá, á©ááá chmod áá ááá¨áá á©ááá áá¥áá¡ á¡ááá áªáá¤á áá¡ááá á¬áá¡á. áá á¡ááááá¡ á áááááááá ááá áááá¡ áááááááá áá¡, áá áá á ááª á©ááá á¬áááááá ááá¢á. áááá áá, á áááá áª á¬áá¡á, áá¥ááá ááá¥áá á¡ááá áªáá¤á ááá ááá¬á§ááá£áá 0-ááá 7 á§áááá á¯áá áá. 

áá¡á á áá áá áá á áá áá áá¡, á áá áá á¡ááááá¡ á¡ááá á¡á®ááááá¡á®áá á£á¤áááááá á áá á©ááá á¨ááááá«ááá áááááá£áá á¤áááá. áá áá¡ ááááá®ááá, á ááááááª á¬áá áááááááááá r, á ááááááª ááá á áªáá¢á; w, á ááááááª á©áá¬áá ááá; áá á¨ááá¡á á£áááááá, á ááááááª x. áá áááªá, á áá e áá áá á¨ááá¡á á£áááááá, áá¥ááá áá  á¡áá£ááááá¡á ááááááá, áááá áá á©ááá á¬áá áááááááá¡ ááá x. 

áá ááá¨áá, á á á®áááá áááááá£á áá áá¡ááá áá¥áá¡ á ááááááááá¡ á¬áá ááááááááááááá¡. áá¡á á áá, á©ááá áááá¥áá¡ 1, 2, áá 4. áá á«áá áááááá á á á®áááá, áááááá£áá áá á¡ááá áááá ááá áá¥ á¨ááá¡ááááááá á¡á®ááááá¡á®áá ááááááá¥á¢á áá¡ááá á áá áá á£á¤áááááá áá®ááá. 

áá¡á, á áá áá¥ááá á¨ááá«áááá ááá¤áá¥á áá, á áá ááá áááá ááááá á á¨ááá¡ááááááá á¤áá¥á¢ááá ááá á¨áá¡áá®áá áá áá¤áááááá á¤áááá, áááá á ááááá á á¨ááá¡ááááááá á¯áá£á¤á, áá áááá áá áá áá®ááá áá¡áá¤áááá¨á, OK? á á á®áááá, áá áá¡ áááá®á¡ááááá¡, áá áááá ááá r 4, w 2, x áá áá¡ 1, áá á? áááá¡ áá£ áááááááááá¨á áá¡ up, á áá ááá«áááá, á áá ááá áááá ááááá á á áá á©ááá á¨ááááá«ááá input á©áááá chmod. 

áá¡á á áá, áá á¨áááá®ááááá¨á, á á á áá áá¡ á ááªá®áá? áá¡ ááááá áá§áá¡ 4 + 2 plus 1, á ááááááª 7, áá á? áá áá á¨áááá®ááááá¨á, áá¡ áá  ááá¥áá¡ áá áá¤áá á, áá¡ á¡á¬áá áá áá¥ áá¥áááá ááá ááááá¡ chmod 700, OK? áá á á, á áá áá  áá áá¡ áá¡ áááá­ááá¡ á§áááá áá ááááá áááááá¡ áá¥áááá áááá®ááá ááááá¡. 

áá¡ ááá¨áááá¡, á áá á©áááá¡ á¨áá¡áá®áá á¨áá£á«ááá áááááááá¡, á áá¡ááª ááááá. ááá á¨áá£á«áááá á¬áááááá®áá áá¡ á¤áááá. áá¡ááá á¨ááá«áááá á¨ááá¡á á£ááá¡ áá¡ á¤áááá. áá¡ááá á¬áá áá, á áá áá¡ á¤áááá. áááá áá á¯áá£á¤áá¡ áá áá¡áá¤áááá¨á, á ááª áá  ááááá áááááá¡ ááá áá¨á, OK? 

áá¡á á áá á¡á®áá ááá á¬áá áá, á áá, á©ááá á¨ááááá«ááá áááá¡ áááááááá chmod á¡ááá áªáá¤á áá¡ááá, á ááááááááá áááááá£áá á¨ááá¡ááááááá á áá¡ááª áááá®á, áá ááááá áá¢á£áá á¯áá£á¤á, ááááá áá¢á£áá subset. áá á©ááá á¨ááááá«ááá á áááá£á áá á¡á®áá á áá. á©áá¢áá áááá¡ á¨áá¡áá®áá. á©ááá á¨ááááá«ááá ááááááááá á áá¦ááª áá áá¥. 

á áááááá áá¥ááá ááá®áá áááááááá á¡ááááª áá¡ áá§á, á áááá ááª á£ááá chmod ááá£á¡ x? ááá  áá®áááá, á áá ááá¥áªááá¡, áá áá¤áá¥á áá? áá¡á áááá¡ á§áááá. áá¡ áááá¡ ááá¨áááá¡, á áá ááá¡áªáá¡ ááá¡ á§áááá áááá®ááá ááááá, á ááááááª áá áááááá¬á§áá áá¥. 

áááá áá ááá£á¡ x, áá£ á©ááá á¨áááá©ááá áá¥, áá£ á©ááá to chmod-- á á á¯áá£á¤áá¡ á©ááá áá¡áá£áá ááá ááá£á¡ á£á¤áááááá á©ááá áááááá, á áá ááá. áá¡á á áá, áá¡ á¨ááá«áááá áá§áá¡, ááá£á¡ áááá£á¡. áá¡ááá ááá¡á«ááá¡ ááááá áááá. áááá£á¡ áááá¥áá¡ ááááá áááá. á¡áááááá ááá¢á£ááªáá£á á, áá¤áá¥á áá. 

áá¡á á áá, ááááá¢ááá£áá x ááá¨áááá¡ chmod. áá¡á á¨ááªááááá¡ á£á¤áááááá á§áááá áááááááá¡ áá£ áá¡ a-- add á£á¤áááááá. áá á áá X, á ááª áááá¡ ááá¨áááá¡, á á ááááá ááá á©ááá ááááá­áááá¡ á§ááááá¡. á¬áááááá®áá, ááá¬áá áá áá á¨ááá¡á á£ááá¡? 

áá£ááá¢áá áá: á¡ááááááá. 

ALLISON BUCHHOLTZ-AU: á¡ááááááá. áá¡á á áá, á©ááá ááá«áááá á§áááá áá¡ááá ááááá ááá á¨ááá¡á á£ááá¡ áá¡ á¤áááá, OK? ááá á á á, á áá áááááááá áááá¡ áááááááá á áá áªáá¤á á£áá á¤áá áá? áá¡á ááá®á¡ááá¡, áªáá¤á á£áá, á©ááá áááááá á¡ááá áááá ááá. 

áá£ááá¢áá áá: 4. ALLISON BUCHHOLTZ-AU: á á áá§á? áá£ááá¢áá áá: 4. ALLISON BUCHHOLTZ-AU: áá  4. áá£ááá¢áá áá: 0, 0, 4. ALLISON BUCHHOLTZ-AU: áá¡á, á©ááá áááááá ááá¡áªáá¡ ááá¡ á§áááá áááá®ááá ááááá¡, áá á? áá¡á á áá, á©ááá ááááá ááá áá¥áá¡ ááááá á áááááá£áá á­á ááá¨á. á áá áá¥áááá ááááá á áááááááá á§áááá á¡ááá¢á áááá¢áá, á áá á©ááá á£áá áááá ááááá á§ááááá¡ á¨áá¡á á£áááááá á£á¤áááááá. áá¡á á¨ááá¡á á£áááááá 1, áááá áá á¡á¬áá  ááááá. 

áá¡á á áá, áá£ á©ááá áá  chmod 111, á ááª, áááááááááá¢á¡ chmod + x. ááá¯áááá á áá ááá á á§ááááá¡? á©ááá ááááá ááá ááááá á áááááááá áááááááá. 

áá¡á á áá, áááá takeaway áá¥ áá áá¡ áá  áá¥, áááá áá áá®áááá áááá¡ ááá¨áááá¡, ááá¡áªáá¡ ááá¡ á§áááá áááá®ááá ááááá¡áááá¡. u áá áá¡, áá£ áá¥ááá áá¡á£á á ááá¡áªáá¡ áá áááá¦áá¡ ááá¨áá áááá ááááá áá¢á£áá ááááá ááá áááá®ááá ááááá áá áá¤áááááá. g áá áá¡ á¯áá£á¤á, áá¡á á áá, á¨á£á áªáá¤á á. áá á¨ááááá á¡á®áááá, áá¥ááá á¨ááá«áááá ááá¤áá¥á áá á áááá áª áá¡áá¤áááá¨á, á ááááááª áááá áªáá¤á á. 

áá¡á á áá, á©ááá á¬áá¡ááá ááááááááá, á ááááá ááá á«ááá, áááááááááá á§áááááááá¡ áá¡ááá á áá ááááááá áááááá. áá¡á rwx-- ááááááá áááá¡ áá¡ááá á¨ááá«áááá á¬áá áááááááá¡ 700. áá¡ áá áá¡ áá¡, áááááááá¡ á©ááá á¨ááá®áááá á£á¤á á á¡á£á áááá. áá¡á chmod 444 áááááá á á¤áááá ááá¡áªááá¡ á á á£á¤áááááá? áá¥ááá, ááá ááááª áá®ááá¡. áá£ááá¢áá áá: ááááá®ááá á§áááá. ALLISON BUCHHOLTZ-AU: ááááá®ááá. áá¡á ááááá®ááá á§ááááá¡, áá á? áá ááá á á á áá áá¡ ááááá áá áá ááá áááá¡ áááááááá? áá£ á©ááá áááááá, á áá chmod áá r áá w á¡, ááá£á¡ áá áááá£á¡ááá, á á áá¥áááááá, á áá ááá á á°áááá¡? áá¡ áá¥áááááá chmod á á? 

áá£ááá¢áá áá: ááá£á¡ r. 

ALLISON BUCHHOLTZ-AU: ááá£á¡ r on 5. OK, áá¡á á áá áá¡ áá áá¡ ááááá, á áááá áª áá¡, áá®áááá áá á á¡á®ááááá¡á®áá ááá ááááá ááááá. áá¡á á áá, á©ááá áááá¥áá¡ áá¡. áááá¢áá, áá ááááá, á áá áá¥ááá ááá­ááá áªááááááá áá ááá¬áá áá áá á¡áá®áá¡ áááá á¡áááá áá¡ááá á ááá. 

áá¡á chmod 555, á á á£ááá áá§áá¡? á£ááá áá§áá¡, ááá£á¡ áá u ááá£á¡ áá whatnot? áá§ááááá u + x, áááááªá á¡ááá á ááªá®áá. áá ááá¨áá áááá®áá á, á á á£á¤áááááá á©ááá á áááá£á áá ááááá­ááá áá ááá? 

áá¡á á áá, áá ááááªáá áá¥ááá ááá­ááá áá  á¬á£áá áá£á¨áááá á áá. ááááá¡á£á¤ááá áá ááááááá¡. áá áá¥ááá, á áááááááª áááááááá, áªáá¢á ááááá¡, áá á¡ááááá¡ candy áá áááá¡á£á ááá. á©ááá á¡ááá áááá¡á£á á ááá á©á, áá á©ááá Kit Kats áá Starbursts. áá¡á á áá, á¨áááá«áááá áááá á®ááá¨á á©áááááá áááááá áá áá ááá¢áá á Interlude. 

ááá áá áááá¡á, áááá áá áá á¡áá®áá¤ááá. áá¡ áá á chmods áááá áá áá. á¤áá¥á¢ááá áááá, áááá áááááªáá ááá®á£á áá¡, á áá ááá á á¡áááá ááá­ááá ááá£á¨áááá. Candy á§áááááááá¡ á¡áá­áá á áá á¨ááááá¡ áá¦áá¡ áááá á ááá®áááá á¨á. 

OK, áá¡á á áá chmod 555. á á áá áá¡ á¡á®áá ááá, á©ááá ááá  á¬áá áá, á áá? ááááá¡áááá á áááááá? áááá®. 

áá£ááá¢áá áá: ááá£á¡ rx. 

ALLISON BUCHHOLTZ-AU: r ááá£á¡ rx. áá£ áá¥ááá áá¡á£á á, áá£ á áá¢áá ááááá áá§áá¡ RX? 

áá£ááá¢áá áá: áááá¢áá, á áá áá¥ááá á£ááá 5, áá¡á á áá 4 + 1 áá¡á á áá á¬áááááá®á plus á¨ááá¡á á£áááááá, áá áá¡ á¡ááá£ááááá. ALLISON BUCHHOLTZ-AU: Right. áá¡á á áá áá®áááá áááááááá á, 5 áá¥ á©ááá áááªáá, á áááá áª áááá®á 4 áá 1, áááá¢áá, á áá áááááá£áá áááá áá¡ á©áááá á¢á áá áááá®á ááááá áááááá¡ á áá subset, áá á? áá á¨áá¡áá®áá, á¯áá£á¤á, áá áá¡áá¤áááá¨á. áá¡á á áá, áá á¨áááá®ááááá¨á, á©ááá áááªáá, á áá 5 á£ááá á©áááá§ááááááá¡ 4 áá 1. 

4 áá 1 á¨ááá¡ááááááá ááááá®ááá áá á¨áá¡áá«ááááááá ááá¡á ááá¨áááá. á©ááá ááá«áááá ááá¡ á§ááááá¡, áááá¢áá á©ááá á¨ááááá«ááá ááááááááá chmod ááá£á¡ rx. áá áªá®áááá, á©ááá á£áá áááá á¬ááááá ááá¨áááááá áááá®áááá áá á¡ááááá¡, áá¡á á áá áá¡ á¤áááá á¨áá¡á á£áááááá áá ááááá®ááá á§ááááá¡. 

áá¡á á áá á ááª á¨ááá®ááá áááá á? á á á¨ááá«áááá áááá áá¡, á áá áá áá áá§áá¡? ááááá¡áááá á áááááá? á¬áááááá á¬áá. 

áá£ááá¢áá áá: 100 [INAUDIBLE]. 

ALLISON BUCHHOLTZ-AU: 100. áá£á¡á¢áá. áá¡á á áá áá¡á£á á áá¡áá®á¡ááááá, áá£ á áá¢áá 100? áá£ááá¢áá áá: áááá¢áá, á áá áá¡ áá áá¡, á áá á¨áá¡áá®áá, áááá¢áá ááá áááá áááááªáá. áá á¨ááááá x á¨ááá¡á á£áááááá 1. ALLISON BUCHHOLTZ-AU: áá£á¡á¢áá. áá¡á á áá, á©ááá ááááá­áááá¡ á¨ááá¡á á£áááááá ááááá áááááá¡ áá®áááá á¨áá¡áá®áá. áá¡á á áá, áá á¨áááá®ááááá¨á, áá¡ áá¥áááá 100. áá ááá¥áá¡ á§áááá ááá¡á£á®á up áááááááá slide á¨áááá®ááááá¨á áá¥ááá á¬áá á áááá á á áá down. 

OK, áá¡á á áá, áá¡ áá áá áá áá¡ á áááá£á áá áááááááá¡ áá á chmods, áá¥ááá á¨ááá«áááá áááá¡ áááááááá. áá¡á á áá áááááá¡ áá¥áá¡ á áááá áááá, áá£ á áááá  á¨ááá«áááá áááá¦áá chmod 640 ááááá¬áá ááá á¡á®áá ááá? áá¥ááá á¨áááá«áááá á¨ááªááááá á¨áá¡áá®áá áá á¨ááááá áá¥ááá á¨áááá«áááá á¨ááªááááá á¯áá£á¤á á©ááá ááááá¨áááá. 

áá¡á á áá, áá£ á©ááá á£áá áááá á¨ááªáááá¡ á¨áá¡áá®áá, á ááááááª áá ááá áááá áá¥, á á á¨ááá«áááá áááá£á¬ááááá áá§áá¡? áá¡á áááá®ááá ááááá u, áá á? áá¡á chmod u ááá£á¡ á á? Mmhmm? 

áá£ááá¢áá áá: RW. ALLISON BUCHHOLTZ-AU: RW. ááá á¯áááá, áááá®áá áá á¬áá á, áááá¢áá, á áá á¬ááááá®á£áá 4, w 2, áá¡ áááá®á áá ááá, á áááá áª 6. áá¡á á áá, á©ááá chmod u ááá£á¡ RW, áá á©ááá ááááá á©áááá ááá áááá 6 áá á¡ááááá¡. 

áá¡á á áá, ááá¨áá áááá¦áá¡ 4, á©ááá áá®áá áááááá á¨ááªááááá¡ á©áááá á¯áá£á¤áá¡ ááá áááá¢á ááá. áááá¢áá, á©ááá ááááá ááá, á áá ááááááááá chmod á plus á á? á á 4? 

áá£ááá¢áá áá: r. ALLISON BUCHHOLTZ-AU: r. áá£á¡á¢áá. áá¡á á áá, á©ááá ááá«áááá áá¤áááááá á¬ááááá®ááá¡ áá á©áá¬áá áá¡ ááááá áááááá¡ áá á©ááá ááá«áááá á¯áá£á¤á á¬ááááá®á£áá á£á¤áááááá, á ááááááª á©ááá áááá¥áá¡ á§áááá áá¥. Mmhmm? 

áá£ááá¢áá áá: áá£ áá¥ááá á¨áááá«áááá ááá¬áá áá á ááá, áá£ááá¡á®áááá¡ á¨áááá«áááá á¨ááá¡á á£ááá¡ áá¡? 

ALLISON BUCHHOLTZ-AU áá¥ááá áá¬áá  á áá¦ááª áá áá  áá¯áá á, á áá áá¡ áá£ááá¡á®áááá¡ á¨áááá«áááá á¨ááá¡á á£ááá¡ áá¡. ááááá. áá¡á á áá, á§áááá, á áá á©ááá á£áá áááá ááááá á. áá¡á á áá, áá¡ áá áá, áá¡ á£áá áááá á¡áá®áá¡ áááá áªááááá£áá á¨áááá®áááááá á áá áá¡á£á á á¨áááá á©á£áááá ááááááá áá¥áááá áá áááááá ááááááá¥á¢á. áá¡, á áááá áª á¬áá¡á, á£á¤áááááá á áá á©ááá ááá¡á£á á¡, á áá áááááá§áááá. 

áá¡á á áá, 711, á ááááááª áá«áááá á©ááááááá¡, á á áá¥áá á£ááá, á¨áá¡áá®áá á§áááá á£á¤áááá, á ááááááª á¢ááááááªáá áá¥áá¡ ááá á. áá á¨ááááá áá¡ á¨áá¡á á£áááááá á¯áá£á¤á áá¡áá¤áááá¨á, á ááááá¡ ááá á áá£ áá¥ááá ááá¥áá ááá áááá£áá ááá áá¥á¢áá áá, áá¥ááá áá¡á£á á á¨áá«áááá¡ áááááá¡ á¨ááááá. á®ááá®á¡ á¡á­áá áááá á®ááááá¡áá¬áááááááá¡. 

ááááá¡áááá á áá áá¡áááááá ááá PHP á¤áááá, áá¥ááá áááá ááá¡ áááááá§áááá¡ 644, á ááááááª á á? á áá¡ ááá¨áááá¡ áá¡, áá á á ááááá áááááá¡ áá«áááá¡ áá¡? áá¡á áá¤áááááá á¨áááá«áááá á á? áá£ááá¢áá áá: á¬áá á-áááá®áá. ALLISON BUCHHOLTZ-AU: á¬áá á-áááá®áá. áá á¨ááááá á¯áá£á¤á áá á¡á®áááá á¨áááá«áááá á£áá áááá á¬áááááá®á, áá á? áá á¨ááááá chmod 600 ááááá¡áááá á PHP á¤áááá á áá áááááá§áááá, áá¥áááá áá¤áááááá, ááááá áá áá®áá, á¨áááá«áááá á¬ááááá®ááá¡ áá á©áá¬áá áá¡ áá¡ áááá áá á§ááááá¡ á£áá áááá á¡áá®áá¡ ááááá£ááá¢áá¡. 

áá¡á á áá, áá¡, á¤áá¥á¢ááá áááá, á£á¤á á á¡áá¡áá ááááá áá¥áááá, á áááá¡ááª áá¥ááá áá¥áááá áá áááááá ááááááá áááá áá¡, á¡ááááª áá¥ááá á áááá£á áá áá¨ááááá¡ ááá®áá. áá¡á á áá, áá£ áááá¡áá áááááá§áá áá ááááá¡áááá á á£áªááá£á á áá áááááá á¡ááááª áá¡ áá  áá¢ááá áááá á¡á¬áá áá, áá¥ááá á£ááá áááááá¢áá á¨ááá¡á á£áááááá ááááá áááá, áá á¨áá¡áá«ááá, áá¥ááá á£ááá á¬ááááá®á£áá áá á©áá¬áá áá¡ ááááá ááá. áªáá¢á á áá, á ááª, á áááá áª á¬áá¡á, á ááá áááááá£á áááá¡áá¡ áááááááá up, áááá áá áá¡ á¡áá®áá¡ ááá¡á¬ááá¡ go-to á áááá¡ááª áá¥ááá ááááá¬á§áá ááááááá áááá áá¡ pset. áá áá ááááªááá ááá¢á ááááá¨áááááá áá áááá áá¡ pset, áááá áá áá á¯áá  á¨ááá®áááá ááá¡ á¨ááááá, á ááª ááá áá¦áá¡ ááááá áááááááá¡á£á¤ááá¡. áááá áá áá¥ááá ááááá¬áááá, áá áá  á©áááá ááá¡ áá áá áá¡ áá á ááááá ááá á®ááá. 

áá®áá, á§ááááá¡ ááá áá chmod? ááááá¡áááá á lingering á¨ááááá®áááá? á¡áááááá ááá á¢áááá. á£áá áááá á¡áá®áá¡ á¨áááá®áá ááááá¡ á á á¬áááááá®áá, ááá¬áá áá áá á¨ááá¡á á£ááá¡ áááá ááá áá ááá ááááá á§áááááá á áá£ááá. 

áá¡á TCP / IP, á§áááá áá¡ áá¥áááá, á¡áá®áá¡, á áááá ááªáá áá¥áááá áááááªááááá á¡á¢á á£á¥á¢á£á ááá ááá¡á£á áááá áá¡, áá¡ áááá áá á£á¤á á áááá¨ááááááááá á¡áá®áá¡ ááá¡áá¦áááá ááá¦áá áááááá ááá¢á£ááªáá ááá. áá¡ áá  áá áá¡ CS143, á¡ááááª á©ááá ááááá ááá ááá®ááá, á áá áá¥ááá ááááá®áá áªááááá¡ á¥á¡áááá¡, áá¡á á áá áá¥ááá á£ááá áá§áá¡ á¯áá ááá, áá£ áá¥ááá áá  ááá¡ááá nitty gritty á§áááá áá¥áááá. á á áá áá¡ áááá¨ááááááááá, á áá ááááááá áá áá¡ á¡áá®áá¡, á áááá ááªáá á áá¡ á¬áá áááááááá¡ áá á áá¢áá áá¡ááá áááá¨áááááááááá. 

áá¡á TCP / IP, á á áá¥áá á£ááá, áá¡ áá áá¡ á¢á ááá¡ááá¡ááá¡ áááá¢á áááá¡ áá áá¢ááááá áá ááá¢áá ááá¢ áá¥áá, á ááááááª á«áá áááááá, áá®áááá ááááááá¥á¢á áááááááá á«áá áááááá áá á¡á¢ááááá á¢áááá¡, á áá áááá®á áá áááááªááááá á áááá  á£ááá á¡áá¤á áá®áááá, á áááá  á£ááá packetized, ááááááááá áá ááá¦ááá£áá. áá¡á á áá, á«áá áááááá, áá¡ááá, á áááá áª áá¡ áááááá¡ áá¥, áá ááá¡ á¨ááá¡ááá¡ á áá áááááªááááá áá¦ááá¡, á¡ááááª áá¡á£á á, á áá áááá¦áá. 

ááá á¬áá£áááá£áá ááá , á áá áá£ ááá­ááá á¬ááááááá ááá¥áªáá áá á£á§á£á ááá¡ á¨áááá¡á£áá, ááá has-- áá  áááªá áá£ ááá áá¡ á¬ááá¡, áááá áá áá áááªá, á áá ááá¡á£á á¬ááá¡, ááá¡ áááá á¡ááááª ááá¡ á¡á£á ááá¡ Rob ááá©áá®á ááá ááá§áá¤áááá ááá®á áá ááá¡á áááááá á¢ááá áá á¨áááªááá ááá ááááá Sanders. áá á¨áááá«áááá á¡áá®áá¡ áá¤áá¥á áá, á áá ááá. áá¡ áá®áááá ááááááá¥á¢á á¬áá¡ááá áá£áá®á á áááááªááááá, áá£ á áááá  á£ááá ááááááá¡ áá ááá«áááá áá£ áá¥ááá ááááá áá£áá áááááªááááá, áá áááá, á áá, áá£ áá¥ááá á®áá á áá¦áááá¡ á¡á®ááááá¡á®áá áááá ááááá áá¦ááá¨áááá¡ áá á¬áá á¬áá á ááá áááá áá 104 áááá áá 204, áá áááá á£áááá¡ á¨ááá¡á¬ááááá¡ á¨ááááá áá áá¥ááá ááááá áá£áá á áá¦ááª áá¥ááá ááá  ááá£ááááá áááá ááá 304-- áá¥ááá ááªáá, á áá¦ááª áá áá¡á¬áá á, áá¡á á áá áá¥ááá á¨áááá«áááá ááááªááá áá¥áááá á¨áááá¨ááááá ááááá áá áá®áá áá á¡áá®áááá á®áááá®áá áá¥ááá ááá¥áªáá áá¦ááá¨áááá¡, á áá áá¦áá¡. áááááááá£á áá áááááªááááá ááá¢áá ááá¢á¨á. áá£ áá ááá®ááá¡ á áá¦ááª á áááááááá á¡áá ááá áá áá áá¡ á£ááá ááááááááá¡ áá¡ áá ááááá¯áá ááá ááááá¢á, ááááá áááá ááá¡ ááááá á ááá¡ á áááááááá ááá, á áá áá¦áá áá¤áá á áá áááªá, á áááááá áá á£ááá áááá¦á, áá ááá£ááááááá, oh, áá¡ áá áá¡ áá á áá áá 10 áá áá¡ áá áá¡ áá á 10,000. á áá ááá, á áááá¡ááª áá reassemble á§áááá áªááá áá ááá, áá áááªá, áá£ á ááá ááááá áá á¨áááá«ááá ááá®ááá, á áá ááááá áá áá®áá. ááá¯áááá á áá ááá á? á£áá áááá á¬áá¡ááá. ááá¡ á¡áá¤á£á«ááááá, ááááááááá á¬áá¡ááá, OK? 

áááá¢áá, á©ááá áá¡ááá ááá¡áá£áá áá áªáá¢á á¨áá¡áá®áá ááá á¢ááá. áá¡ áá áá¡ ááááááááá á¡á¢ááááá á¢á, á ááááááª á¡áá¨á£áááááá¡ áá¥ááá ááªáá, áá£ á á á¡áá®áá¡ áááááªááááá áááááªááá áá ááááá¢á. áá£ á©ááá á©áááá¡ áááááá á¢á¨á, ááááááááá, á©ááá áá  áááªá, á áá áá¡ á¡á£á ááá á«áá áªáá áá¥ áá£ áá  ááá¬áá á ááá áá á©áááá áááááá á¢á¨á. áááá¢áá ááá á¢ááá á«áá áááááá ááááá. áá¡ áá®áááá ááá áááá ááááá, áá£ á á á¢áááá¡ áááááªáááá áááááªáááá¡ áá áá¡. 

áá¡á á áá, á©ááá áááá¥áá¡ á§áááá á§áááááá áááá áªááááá£áá ááá ááá áá¥. áá¡á 21-- áá¡ áá áá¡ áá ááááá á ááá¡á¬ááá¡ ááá áá á áá áááªá. áá¡ áá ááááá á áááááá Quiz á¡ááááá®á. áá§áá¡, á áá¡ ááá á¢á¨á 80 ááááááááá? áá, á áá¡ ááá á¢á 443 áááááááá? áá¡á ááá áá á áá áááªá. 

áá¡á á áá, á©ááá áá¥, 21 á¤áááá áááááªáááá¡ áá áá¢ááááá, áá¡á á£áá áááá á¬áá¡ááá, á áááááááª áá ááá£ááá ááá¡ á¤ááááá¡ áááááªáááá¡. 25 áá¡, á áá á©ááá á§áááá áááááá§áááá á«ááááá áááá á, áá. 53 áá áá¡ áááááá£á á á¡áá®ááá á¡áá¡á¢ááá, á ááááááª, á«áá áááááá, áá®áááá á¡áá®áá¡ á¡áá«áááááá IP ááá¡áááá áá áááááá. 

áá¡á á áá, áá ááá á¬áá£áááá£áá ááá , á áá áá¡ áá§á áá¦ááá¨áá£áá ááá¥áªáá, áá£ á¬áá¡ááá á áá¦ááª google.com, ááá¡ áá¥áá¡ IP ááá¡áááá áá á áá ááá¡ááá. áá¡ áá  áá áá¡ á áááá£á áá google.com. áá áá¡á 53 ááá á¢á á áá á áááá£á áá áá¦ááá¡ áá á£ááá á¡áá®áá¡ ááá áááááá ááá¡ á¨ááááá, á áá IP ááá¡áááá áá áá¥ááááááá¡. áá á¨ááááá 80 áá 443 á«ááááá á¡ááá áá. áá¥ááá áá á£ááá áá¥áááá¡ ááá áááá ááá áá áá¥ááá ááá¥áá áá¥áááá á£á¡áá¤á áá®á ááá áááá ááá, á ááááááª áááá á ááá áááá áááá áááááªáááá¡ ááá¢á áá®áá. 

áá¡á á áá, áá¡ááá ááá¦ááá ááááá¡ ááááá®áááá áááááªáááá¡ áá áá¢ááááá. áá ááá  áá®áááá áááá áá á£á¤á á á¡áá¦á ááá¡áá£áá. áá¡ áá ááááá á ááááá á á áááááá áá£ áá¥ááá ááááá¢áá áá¡ááá£áá. áá á¡ááááá¡ á£ááá ááá á áá¡á£á á¡á. Wikipedia á áááá£á áá áá áá¡ á¡áááááá ááá áá áááá ááá. áá¡á á áá, áá áá«ááá¡ áá¡ áªáá¢á á®ááá¡ á¬áá, áá¡á á áá áá ááá¦áá á áááááááááªááá¡ áá«ááá¡ ááá¡, áá£ áá¥ááá ááááá¢áá áá¡ááá£áá áá áááá¦áá¡ 143 áááá áá á á¬ááá áá áá¤áá¥á áá, á áá á§áááá áááá á á¬ááá¡. 

áá¡á á áá, ááááá¡, á©ááá ááá á áá¡áá£áá ááá ááá áááá áááá áá HTTP, á ááááááª á áááá£á áá á©áááá á¨áááááá áááá áá¦áá¡ á¡áááá á¬áá¡áááá¡ HTML áá CSS áá áá¥ááá á¨áááá«áááá á áááá£á áá ááááá¥á¡áá¡ ááá áááá áá. áá¡ áá¥áááá fun. á©ááá áááá¥áááá á¡á£á ááááá bunnies áá áá¡ áá¥áááá áááá. 

áá¡á HTTP, á áááá áª á®ááááá áá¥, áá á-áá áá áááááá ááá ááááááá áá áááá áá¨á, á ááááááª á°áááá á¢áá¥á¡á¢áá¡ áááááªáááá¡ áá áá¢ááááá. áá¡á á áá ááááá áá áá®áá, áá¡ áá®áááá ááááá áá áá ááááááá¥á¢á á¬áá¡ááá ááá áááá¡ á°áááá á¢áá¥á¡á¢áá¡ ááááá¡áªáá¡, áá á¨áááá®ááááá¨á. áá¡á á áá, á¡áá£ááááá¡á ááá á£ááá ááá¡á¬ááááá áá¡ áá áá¡ áá¡, á£áá áááá á¡áá®áá¡ á¨áá¡áááááá ááá¡ á¨ááááá áá áªááááá£áá á¡áá¢á§áááá áááá¢áá, á áá áá á¡ááááá¡ áááá á á¡áá¢á§áá á¡ááááá¨áá á ááá áááá áá á¡ááááá¡. 

áááá¢áá, á©ááá ááááá ááá, á áá áááá¬á§áá¡ á°áááá á¢áá¥á¡á¢áá¡. áá¡á á áá, "á°áááá ", áá¥ááá á¨ááá«áááá ááá¤áá¥á áá, "ááááá", á áááá áª á¡á£ááá  á¢áááá¡ á áá. áá¡á á áá, áá¡ ááá ááááª áá®áááá á¢áá¥á¡á¢á áááááá§ááááá¡ áááááááá áááááá, áá¡á á áá, áá¡ á áááá áª á¡á£ááá  á¢áá¥á¡á¢á á áááá ááªáá á¨áááááá á¢áá¥á¡á¢á. áá¡á á áá, áá¡, á«áá áááááá, áá®áááá á¢áá¥á¡á¢á, á ááááááª áááá«áááá¡ ááá¢á ááá¤áá áááªáá, áááá á á©ááá£áááá ááá á¢áá¥á¡á¢á ááááááá¡, OK? 

áá¡á á áá, áá á¨áááá®ááááá¨á áá¥, áá¡ áá áá¡ á°áááá á¢áá¥á¡á¢áá¡. áá¡ áááá£ááááá, á áá á©ááá á£ááá áááááá áá ááá£áá, á áá á©ááá ááááá ááá, á ááááááª cs50.net, á ááááááª áá áá¡ cs50.harvard.edu. áá¡ á¡ááááááá áªáá¢á á«áááá. áá áá¡ áááá ááá¡ áªáá ááááá á áááá áª áá¡, á áááá áª á°áááá ááá£áá, áá ááá¨áá ááá ááááª ááááá á á¡ááá¢á. 

áá¡á á áá, áá¡ á¢áá¥á¡á¢á, á ááááááª áá áá¡ ááá¢áá á áªáá¢á ááá ááááª ááááá á á áá áá á¡ááááá¡. áá¡á, á áá áá¥ááá á¨ááá«áááá ááá£áááá¨áá áá á§ááááá¤áá á áá áá¥ááá á¨áááá«áááá á©áááá á¡á£á ááááá áá áá¥ááá á¨áááá«áááá á¡á¢ááá á áá. áá á§áááááá áááªáááá á áá, á áá áá¥ááá ááá­ááá, ááááá á°áááá á¢áá¥á¡á¢ááá áá áá¡ á°áááá á¢áá¥á¡á¢áá¡ ááá ááá áááá¡ ááá, HTML, á ááááááª á á áá¥áá á£ááá, áá¡ á§ááááá¤áá á ááá¢áá ááá¢á¨á á©ááá áá®ááááá, á áá á©áááá¡ ááá á¨ááá, áááááá­á áááááá áá CSS style ááááááá¡. 

áááá áá áá£ ááááá áá§á ááá ááááª áááá áá MySpace, ááá á¬áá£áááá£áá ááá , áá¥ááá á§áááá ááááá§ááááá£áá HTML á§áááá áá ááá¡ á¨áá¥ááá áá á¡á á£áá§áá¤ááá áá áá¤ááááá, áá á? ááá á«ááá, á áááá ááªáá, á áá, á¨áá¡áá«ááá, ááá«áááááá£áá áááááááá áá  áá áá¡, áááá áá, á ááª áá  á£ááá. á£áá áááá little-- áá¥ááá ááá­ááá áá  áá áá¡, á áá áááá á áá®áááááá áá. áááááá áá á®ááááááá£áá á®áá á, áááá á áá. MySpace á¯áá  ááááá á áá, á áááá¡ááª áá ááá§ááá áá®áááááá áá. áá áá  ááá , á áá á«áááá. 

Anyways, HTML, á£áá áááá á¤áá áá á°áááá á¢áá¥á¡á¢áá¡. áá¡á á°áááá á¢áá¥á¡á¢áá¡ áá áá¡ áá®áááá á¢áá¥á¡á¢áá¡ ááááá¢ááá£áá áááá¡ááááá. áá¡á áááááªáááá¡ áá áá¢ááááá, ááááá, á£á¤á á iffy á áá áá¡áá®á¡ááááá. áªá®áááá, transfer-- áá®áááá ááááá¡áªááá¡ áááááªááááá¡. áá¡á á áá, áá áááááá¢á¡ á¨áá áá¡, áá¡ááá, á áááá áª áá¥áááá ááá á«áá, áá á¡áá ááá áá. áá¡á á áá, á«áá áááááá áá®áááá ááá ááá¢áá ááá¢ áá£á¨áááá¡. 

áá¡á á áá áá£á¡á¢á áááá®ááááá á ááááááá áá á¡ááá£á¨ááá¡, á©ááá á áááá£á áá áááá ááá¡ á¨ááá®áááá ááááááááá áááá®ááááá¡ á¡áááá¡á£á®áá. áááá áá á áááá  á£ááá ááááá®áááá¡ ááá¤áá áááªáá á¡áá ááá áá áá á áááá  á¡áá ááá á ááá¡á£á®ááá¡ á©ááááááá¡ áá¡, á ááª áá áááááªáááá¡ áá áá¢ááááá ááá áááá¡. áá¡á áááá®ááááá áá ááá¡á£á®á á£ááá ááááªááá¡ áá ááááá áá¢á£áá á¬áá¡ááá. áá¡ áá áá¡ á¡á¢ááááá á¢ááááá£áá, áá¡á á áá áá  áá¥áá¡ áááá¨ááááááá, á¡ááááª áá¥ááá ááááá§áááááá ááá¢áá ááá¢, áá¡ á§áááááááá¡ áá£á¨áááá¡ ááááá, OK? 

áá áá®áá, áá¥áá, ááááááááá á¬áá¡ááá. áá¡ áá®áááá ááá áááá£á á á£á áááá áá¥áááááá ááááá ááá á áá áá áá¤áá¡áá á Malan á¡áá£áá ááá¡ áá£ ááááá áá áªáááááá áááá áá®á áá, áá¥ááá ááªáá, á áá áá¡ á£áá áááá áá¥áááá ááá¦á¬ááá áá¥áááá áá shake á®ááá¨á. á áá áá¥áá, á£á¤áááá? 

áá¡á á áá áá ááá áááá£áá á¡á¢ááááá á¢ááááá£áá áááá®ááááá, á ááááááª ááááá shake áá¥áááá áá®á áá, áá ááá¡áªáá¡ á áááááááá á¡á¢ááááá á¢ááááá£áá á¡áááá¡á£á®áá, á ááááááª áá áá¡ áá áá á ááááááá áá áá¥ááá á¨ááá«áááá á¨ááááªáááá áá shake á©ááá áá®á áá áá áá¥ááá áá¥ááá áááá ááá¡ áªááááááá áá áá£á¨á¢á bump á©áááááá¡. áá á©ááá áá  áááá¥áá¡ áá¥áá, á áá. áááá®áááá. áááá áá áá£ á§ááááá¡ á¨ááááááááá áá ááááá áá¥ááá¡, á á áá¥áá á£ááá, áá¡ ááááá¡ áááá áá á£á¤á á á©ááá ááá¡. á®ááá®á áá ááááááá¡. á§ááááá¡ ááááááá á. 

áá¡á á áá, áá¡áá¤áááá¡ ááááááá áá, á§ááááá¡ á¨ááááááááá áá ááááá rules-- ááááá á£ááááá¡áá, áááá á á¡ááªáááá£á  á¡á¢ááááá á¢ááá¡. áááá áá, á©ááá á£ááá ááá«áááá at áááááááá áááá®ááááá áá¥. áá¡á á áá áá á¡ááááá¡ áá ááá¢áá á áá¥ áááááá áá ááááá¨á á áá ááá©áááááá á¡á®ááááá¡á®áá á¤áá áá¡, á á áá¡ááá á£ááá ááá¨áááááá¡. 

áá¡á áááá á, áá¡ááá, á áááá áª áá¥áááá áááááá áááá®áááá áá áá¥áá version-- áá¡á áááááá áááá®ááááá, ááá á¡áá. áá ááá¨áá áá¡ áá áá¡ ááá áááá£áá á¡á¤áá áá¨á á¡áá®ááá áá á¦áá ááá£áááá á áá á¡á¤áá áá¨á, á ááááááª á©ááá á¬áá¡áááá¡, á«ááááá áªáá¢á á®ááá. áá¡á á áá, áá¡ áá áá¡ áááááááá áááá®ááááá. áá¡ áá áá¡, á áááá áª áá áááá á«áááááá¡, á¡á£á á¡ ááááªááá¡ áááá¡. 

áá¡ áá áá¡ áá¡, á ááª áááááá¢á¡ áá á á áá áá£ááá á¨á áá¥áááá ááááááááá¡ áá¥áááá¡ á¡áá ááá áá. áá¡á á áá áá¡ áá áá¡ ááá¡áá¦áááá áááá®áááá, áááá¢áá ááá®áááá á áá¦ááª á¡áá ááá áá. áá áá¡, á á áá¥áá á£ááá, HTTP áá áá¡ ááá á¡áá 1.1. 

áá¡á á áá ááááá á©ááá áá¡ áá¥ áá áá¡ áá¡, á ááª á©ááá áááá£á¬ááááá á¡áááá£á áá¡, áá ááá¡á ááááá¢ááááá ááá¤áá áááªáá á áá áááá«áááá¡ á£ááááá¡á áááá á ááª á©ááá á áááá£á áá ááá®áááá, áá ááá¤áá áááªáá, á ááááááª á©ááá áááááá á¡áá ááá áá, á ááááááª á¨ááá«áááá áá¥á¢áá. áá¡á User-Agent áá«áááá¡ á£á¤á á áá¦á¬áá á on-- ááááááááá, áá¥, curl / 7.24.0 á áááá£á áá áááá ááá¡ áá£áá®á á á¡áá ááá áá á áá á©ááá ááááá§áááááá Google Chrome, á áááá áª á©áááá áá áá£ááá á¨á. áá¡á á áá, áá£ áááá¡áá ááááá¡ááááá áááááááááá, á áááááááª ááááá á¨áá¡áá®áá ááá¦áááá¡ app á¡áááá¡á£á®á á¡á®ááááá¡á®áá áá áá£ááá ááá, áá¡ áá áá¡ áá¡, á áá áá¡ááá á áá áááááá§áááá, á ááááá áá£ áá  áááªá, á á áá áá£ááá á áááá®ááááá ááááá¡, áá¥ááá áá  á¨áááá«áááá áááá ááá áááááªááááá, á áá. áá¡á á áá, áá á¨áááá®ááááá¨á, á¨áá¡áá®áá á£áá áááá ááá«áááá áá á¡áá®áá¡ á¡áááááá¢áá¤ááááªáá ááá¤áá áááªáá ááááá, áá£ á á áá áá£ááá á¨á áá¥áááá¡ á¨áá¡áá®áá ááááááá ááááá§áááááá, OK? 

áá¡á á áá ááá¨áá á©ááá áá¡ááá áááá¥áá¡ ááá¡áááá«ááá, á ááááááª á¡ááááª á©ááá á áááá£á áá á¡á£á á¡ á¬áá¡ááá. áá á¨áááá®ááááá¨á, á©ááá áááááá á¬áá¡ááá apple.com, á¨áá«ááá á áááááááá cool new iPads áá á áá¦ááª, áá¥ááá cute áááááááá á©áááá dorm áááá®á. áá á¡áá®ááá áá áª ááááá¡ á£áá áááá á¨ááááá¡ááááá, áá®áááá áááááá á áá á¨áá áá®áááá. áá¡ á¤áá¥á¢ááá áááá áá  á¨ááá¡ááááááá áá áá¤áá á áá¥. 

áá¡á á áá áá¥ááá ááá¥áá áááááá áá ááá¢áá á, á áááá áª áá¡á£á á á§áááá á¨áááá®ááááá¨á. á§áááááá ááá¢á áá á, áá¡ áá áá¡ áá£áªááááááá. á£áá áááá áááááááááá£ááá ááááá, áá£ á á áá¥ááá á£ááá áá®áá áá áá£ááá á¨á, áá¥áááá áááá®ááá ááááá¡, á ááá á¡á¬áá áá ááá¡áªáá¡ áááá®ááááá. áá áá¡ áááááááááá£ááá ááááá, áá£ áá¥áááá¡ á¨áá¡áá®áá á áááá£á áá á¡á£á á¡ á£áá á áá¥ááá¡ á¡áá ááá áá. áá¡á á áá áá¥ááá á£ááá áááá á, áááá á áá header á¡á¤áá áá¨á á¡áá®ááááá áá á¨ááá«áááá á£áá áááá á¬á§áááá. á áááá áª á«ááááá áááá á á áá, áá áááááªá®ááá, áá áááááááááá, áá¡ ááááááááá áááááááááá£ááá áááá¢áá¥á¡á¢á¨á á áááá  áá¥ááá áá§ááááá áá. 

áá¡á ááááááá¡, á áá ááá á, á áá á§ááááá¡áááá¡? áá¡ áá áá¡ áá®áááá áááááááá áááá®áááá, headers, whatnot. OK, áá¡á á áá, á©ááá áááá¥áá¡ ááá¡á£á®á. 

ááááá áá áá®áá, á©ááá áááá¥áá¡ á©áááá á¡á¢áá¢á£á¡áá¡ áááá, áá¥áá ááá á¡áá áá á¨ááááá á¡á¤áá áá¨á á¡áá®ááá áá áááá ááá¤áá¡ááá, á áááá áª á§áááááááá¡. áá¡á á áá, á©áááá áá¥ááá¡ ááá á¡áá áá á©áááá ááááááá áááá áááá 200. OK, á ááª áááá¡ ááá¨áááá¡, áááá®, á§ááááá¤áá á ááá ááá ááááááá. áá¥ áá áá¡ áá¡, á ááª áá¡á£á á. 

á¡áá ááá áá á¢áááá¡, á¨ááááá á¡á type-- áá¡ áááá£ááááá, OK, áá¥ááá ááááá áá ááááá á áááááááá á¢áá¥á¡á¢á HTML. áá¥ áá áá¡ á¡ááá á«ááá áá áá¥ áá áá¡ á á á£ááá ááááááááá áááááá¨áá áááá. OK, áá¡á á áá ááááá áá áá®áá, áááá¡ ááá®ááááá, á¬ááá¡ áááááªáááááá, áá¥ááá ááá®ááá¡, áááááááááá£ááá á á á¡áá ááá áá áááá á£áááá á¡á£á á¡, á áá áá¥ááá, áá¥ááá á¨ááá«áááá á£á¤á á áá á¡á¤áá áá¨á á¡áá®ááááá, ááááá, áááááááá. á¡á á£áááá áááá¢áá¥á¡á¢á¨á áááááááááá£áá. 

áá á áááááááááª áá¡ á¡á¢áá¢á£á¡á áááá áá¥, á á áá¥áá á£ááá, 200 áá  áá áá¡ áá®áááá áá áá, áá¥ááá á¨ááá«áááá, áá á? á©ááá áááá¥áá¡ á£ááá ááá á¡á¢áá¢á£á¡áá¡ áááááá. áááááá¡ ááá®á¡ááá á ááááááá á¡á®áááá, á áá á©ááá áá¦ááá¨áá£áá ááá¥áªáá? áááá á ááááááá áá¬á§ááá 4. 

áá£ááá¢áá áá: 404. 

ALLISON BUCHHOLTZ-AU: 404, á ááááááª? 

áá£ááá¢áá áá: á¤áááá ááá  ááááá? 

ALLISON BUCHHOLTZ-AU: File not found. áá£á¡á¢áá. áá¡á á áá á ááª á¨ááá®ááá 403? áá£ááá¢áá áá: ááá á«ááá£áá. ALLISON BUCHHOLTZ-AU: ááá á«ááá£áá. áá¡á á áá, á áá¡ á¤áá¥á ááá áá¡ ááá¨áááá¡, á áá áá ááá chmods? 

áá£ááá¢áá áá: áá¡ ááá¨áááá¡, á áá áá¥ááá áá  ááá¥áá á¬áááááá®ááá¡. 

ALLISON BUCHHOLTZ-AU: áá£á¡á¢áá. á áááááááá ááá, áá¥ááá áá  ááá¥áá á¬áááááá¡ á£á¤áááá, áá á? áá¡á 404, 403. áá¥ ááá ááááª á¡áá¡ááªááá áá áá, á áá á©ááá á§áááááááá¡ ááááá ááá á§áááá á¬ááá¡, á áá áá á£ááá áááá§áááá¡ áá¥, á áááá ááªáá 413, á ááááááª áá á©áááááá. áá¥ááá á¨áááá«áááá Google áá. áá¡ á¡áá¡ááªáááá ááááá, á áá áááá 413 áá áá¡ áá ááá  á©áááááá. á ááááááª áá áá  áááªá, áá£ á áá¢áá áááá¡áá á£ááá, á áá ááá¢áá ááá¢á¨á, áááá áá áá digress. áá£ááá¢áá áá: áá¥ááá áá¥ááá á©ááá¡ ááááá¨á. ALLISON BUCHHOLTZ-AU áá¥ááá á¡áá ááá áá á©ááá¡ ááááá¨á. ááá ááªáá¡? á§áááá á£á¤áááá, áá¡á á©ááá á¨áá¡áá®áá ááááá¡ááá á áááá£á á ááááá ááá. áá ááá á«ááá, á áá áá¥ááá ááá­ááá ááááá ááá áá¥áááá á¡áááááá á¡á¬á áá¤áá. 

áá£ááá¢áá áá: á áá¢áá ááááááá¡ áááá¡ ááááááá, á áá "á¡áá ááá áá: áá á¯áá ? 

ALLISON BUCHHOLTZ-AU: Hm? Server áá á¯áá ? áá¡ áá áá¡ ááá áá áááá®áá. áá áá  ááá  ááá á¬áá£áááá£áá. ááááá áááá áá áá áá áá¥ááá á§áááá. 

OK, ááááá¡áááá á á¡á®áá áááá®áááá ááá áá áááá¡á, á áá? ááá áá? ááááá. 

HTML áá CSS, áá áá®áá á©ááá ááá¡áá¦áááá á§áááá fun ááá¬ááááá. áá¡á á áá, á áááá áª á£ááá áá¦áááá¨áá, HTML ááááá áá á áá áá á áá, áá¥ááá ááá­ááá áá ááá á¡áá£ááááá¡á ááªáááá¡. áááá¢áá, á©ááá á£ááá á°áááá á¢áá¥á¡á¢áá¡ ááá ááá áááá¡ ááá. 

á¡áá£ááááá¡á ááá ááá¡á¬ááááá áááá¡ áá áá  áá¥áá¡ ááááááááá£áá á¡ááááááá áá áá áá¤áá á áá¥ááá ááá­ááá HTML. áá¡ ááá ááááª á¡á¬ááááá¡ á¡ááá¢áá¥á¡á. áá áá£ áá§á MySpace áá¦áá¡, áá¥ááá á£ááá á¥ááááá. 

áá¡á á áá, á áááá£á áá, á§áááááá áááá áá¡ áá áá¡, á£áá áááá áá áá¥á¢áááá¨á áá áá¥á¡ááá ááááá¢á. áá á-áá áá áááá á áá¡á£á á¡á áá ááá¦áá á áááááááááªááá¡ ááááá§áááááá áá áá¡ W3Schools. áá¡á á áá áá®áááá W, 3, áá á¨ááááá á¡áááááá¨á. ááá áá¥áá áááá á á áá¡á£á á¡ááá HTML, on CSS, áá áá¡ááá á áááá£á áá áá¥áá¡ ááá§áá¤ááá ááá áááá á áá, á¡ááááª ááá ááááªááá ááááááááá áááá. á¨áááá«áááá fiddle ááá¡ááá, á¨ááªááááá¡ ááá áá áááá­áá áá ááááá®áááá, áá áááá®ááá, áá£ á á á áááá£á áá ááááááá¡ ááá áááá ááá. 

áá¡á á áá, áá ááá¦áá á áááááááááªááá¡ ááááá§áááááá, á áá. áá¡ á¡áááááá cool. áá¥ááá áá  áááá¦áá¡ seg á®áá ááááááá áá¥, á áááá¡ááª á áá á¬áááááá áá áá¡á¬áá á. áá£ ááááá®áá á®ááá seg áá áááá HTML, áá£ áááá áááááªáá áááªá, á ááááá áá ááá  áá¥áááá á áááá£á á ááááááá¢áá áá¡á. áááá áá áá¡ ááá ááááª ááááá á áááá¢áá áá¥ááá á¨áááá«áááá á¨ááªááááá á§ááááá¤áá á, áá¥ááá á¨áááá«áááá ááá®áá áááá áá®á áááá áªááªá®ááá. áá áá áá¤áá¥á áá, áá¥ááá áááá¦ááá áááªáááááá á£á¤á á ááá¢á£ááªáá£á á á¨áááá¢áááá HTML áá£ áá¥ááá ááááááááá á£áá áááá áááá¢áá áá á áááááááá áá á áá¥á¡ááá ááááá¢ááá ááá. áááá¢ááááª ááá¥áá, áá áá¥á¢ááá áá áá¥á¡ááá ááááá¢á. 

Google, áá¥áááá ááá áá, ááááá áá¥áááá áá áá á¡áá£ááááá¡á á áá¡á£á á¡á áá áááááá ááá. áá Bing-- áá áá£á¨áááá¡ Microsoft, áá¥ááá áá á£ááá ááá¥áá, Bing. áááá áá á¡áááááá áááá á á ááá á£áá áááá áá¥áááá á¡ááá¢áá¥á¡á, áá¡á áááááá, áá£ á á á¢ááááá, understanding-- áááááª CSS-- á áááá  á£ááá á¨áááªááááá¡ ááá áááá£áá áá¢á ááá£á¢ááá. áá¡ áá¥áááá á¡á£ááá  á¡áá¡áá ááááá. 

áááá¢áá, ááá£á®áááááá áááá¡á, á áá á©ááá áá  áá¥áá¡ ááááááááá£áá á áá, áááá¥áá¡ á¡áá®áá¡, á¡áá£ááááá¡á áá áá¥á¢áááá¡ á áá á©ááá áááááá, á áá áá¥ááá ááá­ááá áªááááááá áá ááááªááá¡ by-- á£á¤á á á¡á¬áá áá, áá¥ááá á£ááá ááááªááá á¡áááá á¨ááááááá á¨áá¢á§áááááááá. áá¡á áá­ááá á á§áááá áá¥áááá tags. áááááá á§ááááá¡ has-- ááªáá, á á, áá£ áá¡ áá  áá¥áá¡ ááá á, áá®áá, áá áááá ááááá, á áá áá¡ ááá á á áááá¡ááª á©ááá ááááá áááá¡ up áááá ááá. áááá áá áá­ááá á á§áááá áá¥áááá tags. áá¡á á áá, áá£ áá¥ááá áááá¡áá áááááá áá header á áá áá¡ bracket, H1, bracket, ááá á¬áá£áááá, á áá á áááá¡ááª áá¥ááá áááááááá¡, á áá áá®ááá¡, á áá header. á¨ááááá¬ááá¡ áá¥áááá áááá áá W3 áááá¢áááªááá. áá£ áá  ááá®á£á áá áá¥áááá tags, áá¥ááá á¨áááá«áááá áááá¦áá ááá£ááááááá á¡áá¥áªáááá. áá¡ áá¥ááá áá¥ááá, á áá áá¥áááá áááá áá áá áá¡á¬áá áá áá£ áá¥ááá áá¬áá ááááá¡ ááá¨áááááá áááá¢áááªááá. áá¡á á áá, á áááá¡ááª doubt-- áá áááá¡ááá£áá áááá áá áááá áá¡ áá ááááááá áááá áá¡ pset-- áá áááá, á áá á©ááá ááá®ááá áá¥ááá áá§ááááá áááá¨áááá 50 áá á¡á¢áááá¡ 50, áá¥ááá á¨ááá«áááá ááá¤áá¥á áá, á áá áá¡ á áááá áª áá áá áá¥áááá áááá¬áááá¡, OK? 

áá¡á á áá, áá£ ááá áá  ááááááá¡ W3 áááá¢áááªááá. á áá áá áá¡ á áá¦ááª á©ááá ááááá¡ áá¥ááá. áá áá ááá£áááááá á£á¤áááá áá®áá, áá ááááá¡ áá¥ááá. áá¡á á áá ááá á¬áá£áááá, á áá áá¡ ááá£áááááá¡. áá¡ áá  áá áá¡ á«áááá. á£áá áááá á©áá¡ááá áá¥áááá áááá áá áá¥ááá á¨áááá«áááá ááªá®áááááá, á áá ááá áá á¡ááá£á¨áá áá áá¥ááá ááááá áá£áá á áá¦ááª áááááááá£á áá á áá á¡á¢ááá 50 ááá©áááááá á¡ááááª áá¥ááá á«ááá á¤áá¡á. 

áá ááá¨áá áá áá á áá áá¡á£á á ááááá§áá¤á áá¥áááá markup, á ááááááª á§áááá á áá HTML áá áá¥áááá á¢áá¥á¡á¢á, áá áá¥áááá á¡á¢áááá¡. áá¡á á áá, á©ááá á§ááááá¤áá á¡ áááááááááá áááááááá á áá ááá¡ á¨ááááá, á ááª áá¡. áá¡á á áá HTML áá CSS á£ááá áá§áá¡ áªáááá. áá á©ááá ááááá ááá á£ááá ááááá ááá MVC, á ááááááª Model View Controller, ááááááá áááá áá¡. áá¥ááá ááá­ááá ááááá ááááªáááááá, á áá ááá¥áªááá¡ á®ááá áá£ á°á¥áááá á£ááá áªáááááá ááá®áá áá¦áá¡. 

áá áá¡ áá®áááá á¡áá®áá¡ ááá áááááá, á áá á©ááá, á áááá áª á¬áá¡á, áááááá§áááá¡, á áááá¡ááª á¨áá¥ááá ááá áááá áááá ááááá§áá¤á áááááááá¡. áá¥ááá á¨áááá«áááá áá¤áá¥á áá, á áá ááááá ááá á áá á©ááá, á áááá áª á¬áá¡á, áªáááá á¤á£áá¥áªááááá¡ C á¡ááááª á©ááá hash áááááá¡ á áá. áá¡ áá®áááá ááá áá¥áááá áªá®ááá ááá á£á¤á á ááááááá. ááá á°á§áá¤á¡ out áá¢á ááá£á¢ááá áá áááá, á ááááááª áá¥ááá áá¥áááá ááááá§áááááá á£á¡áá¡á á£ááá, áááá áá áá áááá, áá¡ áá ááááá á of áááá®ááá¡ áááááá áá á¡á£á¤áá. áá áá£ áááááá, á áá á¨áááªááááá¡ áá áá á áá, áá¥ááá á¨áááá«áááá á¨ááªááááá ááá áá áá®áá áá áá¡ á¨áááªáááá á§áááááá. áá¡á á áá, áá¡ á£á¤á á áá¥áááá ááá á¢áááá áá ááá¥áááááá. 

áá¡á CSS, áá¡ á«ááááá á°áááá¡ HTML, áááá áá áááªáááá tags á áá ááá¥áá, áá®áá, á©ááá ááááá§ááááá, á áá¡ááª á¡áááá¥áªááááá ááá. áá áá¡ááá á«áá áááááá áá®áááá á¡áá®áá¡ áá¡ááªáá ááá£áá ááá áááá£áá tag in HTML á¡á®ááááá¡á®áá áá¢á ááá£á¢ááá. áá á áááá¡ááª áááááá, áá¢á ááá£á¢ááá, ááá£ááá¡á®ááá á áá, á áááá ááªáá á¨á áá¤á¢áá¡ á¤áá áá¡, á¨á áá¤á¢áá¡ á¡á¢ááá, á¤áá á á¤áááá, á¤áá á áá¥áááá á¢áá¥á¡á¢á. áá á¡áá®áá¡ ááááááá. áá¡á, áá£ áá¡ áá áááá¢áá ááá£áá, áá£ áá¡ off ááá á¯áááá, áá£ áá¡ inverted-- á§áááá áá ááááá á á áá. ááááá¡áááá á á¡á¢áááá¡á¢á£á á á áá , á áá áá¥ááá áá¥áááá á¢áá¥á¡á¢á, áá¡ áá áá¡ áá¡ á áá¡ááª áá ááá£ááá¡á®ááá áá¢á ááá£á¢ááá. 

áá á¨ááááá áá á áááááá á á áá á£ááá ááªáááá¡, á áá selectors-- áá á áááááá á factors-- áá áá¡ ID, á áááááááª á£áááááá£á áá. áá¥ááá á¨áááá«áááá áááááá§áááá, á áá áá áá á áá. á¬ááááá¦áááá á¨áááá®ááááá¨á, áá¡ áááá ááá¡ ááá¬áá áá áá¥ááá. áá á áááá¡ááª á©ááá ááááá¡ááá¦áá áá áá CSS á¤áááá, áá¡ áá§áá¡ hash ID áá á¨ááááá á á áá¢á ááá£á¢ááá áááááá. áá áááá ááááá, á áá á©ááá ááááá ááá ááááá áááááááá. áá¡ áá¥ááá áááªáááááá ááá¢á áá á«áááá. 

áááá¡á á¨ááá«áááá ááááá ááá¡ á¡á®ááááá¡á®áá ááááááá. áá¡á á áá áá¥ááá ááá¥áá áá¥áááá ááá áááá áá ááá¡ááá áá£áá¥á¢á áá¥áá¡ ááááá á¡áá®áá¡ áá¢á ááá£á¢ááá, áá£ áá¥ááá áááá áááááááá áááááá ááááá áááá¡á¨á. áá á áááá¡ááª á©ááá áááá¡ááá¦áá ááá¡ ááá CSS, á©ááá áááááááááá dot áááá¡á, áááá¡á áááá¡, á ááª áá¡á£á á, á áá áá á¥áááá. 

áá áááªá, á áá áá¡ áá áá¡ á¡á¬áá á áá®áá á«ááááá ááá¡á¢á áá¥á¢á£áá. á¡á¬áá áá áááá¢áá, á©ááá ááááá ááá áááá. áá áááªá, áá¥ááá ááá­ááá ááá§ááá á¡ á áá, áá áá¥ááá á§áááá áááá ááá ááááá®ááá áá, á ááááá áá¡ áá áá¡ áá¥áááá¡ ááá áááá ááá. áá¡ áá áá¡ á©áááá áááá§áá¤áááááá¡ ááá-áááá ááá, ááá­ááá. áá¡á á áá, áá á¡ááááá¡ á áááá áááá®áá á¡áááá áá ááááá ááá PowerPoint, áá áá áá¤áá á áá¡á£á á á©áááááá¡ ááááá®áááá á£ááá ááá á ááááá¬á§ááá ááááá áááá¡? 

áá£ááá¢áá áá: á ááªá ááááááá, á áá ááá¢á©á tags, á áá¡ ááá¨áááá¡ á¡áááá¥áªááááá ááá áá tags? ALLISON BUCHHOLTZ-AU: áá¥ááá á¨áááá«áááá áá¤áá¥á áá, á áá ááá ááááá. áá¡ áá®áááá á¡á®áá á¡áá¢á§áááá. ááá£ááá¡á®ááá, á áááá ááª á¡áááá¥áªááááá ááá. áááá áá á¡áááá¥áªááááá ááá áá¡ááá á á£áá tags. áá¡á á áá áá¥ááá á¨áááá«áááá áá¤áá¥á áá, á áá ááá áá¤áá¥á¢á£á áá ááááá. áá áááá ááááá, á áá áááá ááá¡ á£á¤á á áá á«áááá, á áááá¡ááª á©ááá áááá. áá áá¤áá á PowerPoint áá á áááá á¨ááááá®áááá áá®áá, á¡áááá á©ááá á áááá£á áá á¨ááá¥áááá á©áááá áááá§áá¤áááááá¡ áááá áá? á§ááááá¡ áááá? ááááá. 

áá¡á á áá, áá áá áá áááá¬á§á. áááááááá ááááá ááááá ááá á¨á áá¤á¢áá¡ áá¥ááá ááá­ááá. OK, áá¡á á áá, áá®áá á©ááá á£áá áááá á£ááá á¨áá¨áááá á«ááááá ááá áááá ááá á£á¤áááá áá¥. 

á©ááá áááá¥áá¡ ááá áááá£áá HTML. á©ááá áááá¥áá¡ á áááááááá ááááá, á ááááááª á©ááá áá¥ áá®ááááá, ááááááááá ááá-áááá ááá. áááááá áá á¡áááá£á á, áááááá áá á¨á áá¤á¢á. áá¡ áá áá¡ tags, OK? áá¡á á áá, á áááá¡ááª áá ááá£ááá¡á®ááá ááá®á£á áá áá¥áááá tags, á©ááá áá®ááááá, áá¥ áá bracket á®áááá«á¦áááááá áá¥áááá ááá®á¡áá tag, áá áá¡ bracket / á®áááá«á¦áááááá ááá®á£á ááá¡ áá¡, OK? 

áá¡á á áá áá¥ááá á¨ááá«áááá á¬áá ááááááááá, á áá áá¡ áá¥áááá braces áá¥áááá¡ ááá ááááá áá áááá¡áááá¡ ááá á§á£ááááá¡. áá£ áá¥ááá ááá¥áá áá áá ááá¡áá¬á§áá¡á¨á, áá¡á£á á áá áá ááááá¡. áá¡ áááááª áá£á¨áááá¡ á£ááá¢áá¡á áá á áá£ áá¥ááá áá  ááá¥áá ááá®á£á á£áá tag, áááá áá á¡áá£ááááá¡á áá áá¥á¢ááá ááá®á£á áá áá¥áááá tags. 

áá¡á á áá, áá á¨áááá®ááááá¨á, ááááá á¨ááªááááá¡ áá¡. á©ááá ááááá ááá, á áá á£ááá áááááááááá á¨áááá. "áá£á®áá á¡ááá¢á¡." áá¡á á áá, áá áá®áááá áááá ááá¡ á¨ááªááááá¡ áá¡. 

áá áá£ á©ááá á¬áá¡ááá áá¥ áá á©ááá reload-- gotta á¨áááá®áá áá reload-- á¨ááááá¨áááá, á áá áá¥ áá¡ á¨áááªáááá, áá á? ááááá. áá¡á á áá, áá¡ áªáááá¡ á¡áááá£á á. áá¡ áá áá¡, á áá¡ááª áá¡ áá¥áááá tab. 

áá¡á á áá, áá¡ áá áá¡ áá ááááá á áá«ááá¡ á¡áá®áá¡ ááá¡áá¬á§ááá. áá áá  áááªá áá¥áááá¡ á¨áá¡áá®áá ááá­ááá. áá áá¤áá¥á áá, á áá á©ááá áááááá á áá¦ááª áá¥. 

á á á¨ááááá«ááá ááááááááá áá áá¡ header áá®áááá áá¥. ááááá ááá áááá£áá áá áááá. áá¡á á áá, á©ááá áááá¥áá¡ ááá áááá£áá áá ááááá¡ áá¥. áá á§áááááááá¡ á¦ááá áá áááá®á£á­áá tags á£ááá áááá¬á§áá¡, áá áááá, á áá áá braces. Ah. ááááááááá, á á? 

áá£ááá¢áá áá: [INAUDIBLE]. ALLISON BUCHHOLTZ-AU: Ah. áá¥ááá ááá­ááá á©áááááá¡. ááá á á¡áá¥ááá¡. áá¥á áá¡ ááá á¡áááááá. 

OK, áá¡á á áá, á©ááá áááá¥áá¡ á¡á®áá£áá áá¥. áá áá®áá ááááá ááááá¬á§áá ááá¡á«ááá á¢áá¥á¡á¢á. áá¡á á áá áá¥ááá ááá¥áá á áááááááá á¡á®ááááá¡á®áá ááá áááá¢á ááá áá ááá¡á«ááá á¢áá¥á¡á¢á. á áá, á áááá ááªáá headers. á©ááá á£áá áááá á©ááá£áááá ááá á¢áá¥á¡á¢á. ááááá ááááá¬á§áá header. á¡áááááááááá¨á, áá£ áá¥ááá ááá­ááá á¡á£á á¡ áááá§ááááá¡ W3 á¡ááááá¡ áááá  HTML, á¨áááá«áááá á¡áá®áá¡ áááááá§á£á ááá ááá á¨ááá áá áá£ áá á¡ááááá¡ á ááá ááá á«áá, á áá áá¡á£á á áªááááááá out áá ááá áááá ááá, á©ááá á¨ááááá«ááá áááá¡ áááááááá. áá¡á á áá, áá á¨áááá®ááááá¨á, ááááá á£áá áááá á áá¦ááª h1. áá¡á h1 á°áááá¡ á£ááá¦ááá¡á header. áá¡ ááááªááá á áá¦ááª á áá áá áá¡ á«ááááá áááá áá áááááá. 

áá áá á¨áááá®ááááá¨á, á á áááááá ááá áááá á¢áá¥á¡á¢á, á áá á©áááá ááá áááá áá? áá áá¤áá á. áá¥ááá ááá­ááá ááááá ááá, á áá á¨ááá¥áááá áá¡. áá á£áá áááá áááá ááá¡ ááá áá¤áá. áá£ááá¢áá áá: ááááá¡ááááááá. 

ALLISON BUCHHOLTZ-AU áááááá. OK, áá¡á á áá, áá£ á©ááá ááááá á©ááá áá á©ááá ááááá®áááá, á©ááá áááá¥áá¡ áááá áááá ááá¡áá¡áááááááá. áá¡á á áá, á£áá áááá, áá¡á á áá áá¥ááá á¨áááá«áááá ááá®áá áááá¡á®áááááááá, ááááá á áá¦ááª H6. á á áááááá áá¥? áá á? 

OK, áá¡á á áá, á£áá áááá, áá¡á á áá áá¥ááá á¨áááá«áááá áá®áááá áááá¡á®ááááááá¡. á°á, áááá¦áááá£áá. áá¡á á áá, áá£ áá¥ááá á¨áááá©áááá, h1, á«ááááá, á«ááááá áááá. h6, á áááá ááªáá áá£á¥á, áááá áá áááªáááááá á£á¤á á ááá¢áá á, áá áá¥ááá á£ááá á§ááááá¤áá á¡ á¨áá áá¡. áá¡á á áá áá¥ááá á¨ááá«áááá h2, h3, h4. áá áá¡ áá áá¡ áá®áááá á¡áááá£á ááá¨á, áá¡á á áá, áá£ áá¥ááá áªáááááá á¨áá¥ááá ááá áááá ááá, á ááááááª áá¥áá¡ á¡á®ááááá¡á®áá áááá§áá¤áááááá¨á, áá¥ááá áá¡á£á á áááááá§áááá headers áá¥ á¡ááá¦ááª. 

ááááá. áá¡á á áá, á©ááá ááááááá¢ááá á áá á©áááá á¡á®áá£ááá¡. áá áá®áááá, á áá áá¡ áá¥áááá áá ááááá á ááááá á ááá¥áááá á¡á£á ááá. áá ááá á«ááá, á áá á§ááááá¡ á¨áá£á«ááá áááááá§áááá¡, á¨áá¡áá«ááá, cute bunny á¡á£á ááá á£á¤ááááá¡ á¨áá¡áá®áá áá áá¡, áá¡á á áá, á©ááá ááááá ááá, á ááá áááááá¡ bunny á¡á£á ááá ááá áááá. 

áá áá  áááªá, áá£ áá¥ááá ááá­ááá¡ áá¥áá ááá áááá¢á áááá¡ á ááááááª áá áá á©ááá áááááá. áá£ áá¥ááá ááá¥áá á áááá á¨áá¦áááááááá? áá¡ áá áá áá¥? á¥ááááá. OK. á áá áá á-áá áá áá¡ áá áá¡. ááá áá áá á©ááááá. 

OK, áá¡á á áá, á©ááá ááááá ááá, á áá á©áááá áááá¯á. á¨áá®áááá, á áá. á¨áá®áááá, á áá adorable á áá. á áááá  á¨ááá«áááá áá§áá¡ á¡ááá¬á£á®áá á áá á¨ááááá¡ áá¡? 

áá¡á á áá, á©ááá á£áá áááá áááá ááá¡ áááááááá áá á¡á£á áááá¡ URL. áá á ááª á©ááá ááá¡á£á á¡ á áá áá áá¡, ááááá á£áá áááá ááááááá, á áá á©ááá áááá¥áá¡ p áá£áá¥á¢á¨á. á©ááá ááááá ááá ááááááá "áá á¨ááá®áááá cute bunny. d'awwww ". áá ááá§ááá á¡ á©ááá bunnies. ááá¥áá¡ bunny á¡áá®áá¨á. ááááá¢á ááá bunny. áááá¢áá, á ááª á©ááá ááááá ááá ááááááááá áá áá  áááªá, áá£ áá¥ááá ááá­ááá á¡á£á á¡ to google áááááááá, áááá áá HTML, á áááá  á¨ááá«áááá á¨áááªááááá¡ á¡á£á ááá? á¤áá¥á¢áá£á áá, áá£ Google "ááááªááá¡ áááá¯á HTML" á áá¢áá áá  ááá­ááá¡ áááá®á áá áá¡, á ááª áá tag á£ááá áá§áá¡? 

áá£ááá¢áá áá: img source-- 

ALLISON BUCHHOLTZ-AU: img source-- áá£ááá¢áá áá: --equals-- ALLISON BUCHHOLTZ-AU: --equals-- áá£ááá¢áá áá: --quote-- yeah. ALLISON BUCHHOLTZ-AU: Perfect. áááááá. áá®áááá, MySpace ááááá, áá á? áá£ááá¢áá áá: Neopets. ALLISON BUCHHOLTZ-AU: Neopets. áá°, OK. Wow. áá¡ áá§á áááááá. OK. 

áá¡á á áá ááá á¬áá£áááá£áá ááá , á áá áá¡ á£á¤áááá. ááááá. áá¡á á áá, áá¡ á£ááá áá§áá¡ áá¥. áá ááá¨áá áá£ á©ááá ááááá®áááá, á©ááá áááá¥áá¡ á©áááá bunny áááá ááá áá  áá áá¡ áá¡ adorable? 

áá¡ áá¡á áá  áá áá¡ áááááááááá. áá¥ááá ááá á©áá áááá, á«ááááá áááá á¡á£á ááá. áá áá®á á áá¡. 

OK, áá¡á á áá, á©ááá áá adorable bunny áá®áá. á©ááá á¨ááá«áááá ááááá¢ááá ááááá¡áá®á£áááá, áá¡ááá, á áá. áá¡á á áá, á«áá áááááá, áá£ áá á¡ááááá¡ á áááá ááááá¡áá®á£áááá áá¡á£á á áááááá¢áá áá¥áááá¡ ááá áááá ááá, áá¥ááá á¨áááá«áááá áááááá¢áá áá¡, áá¡ááá, á áááá áª áá¡. ááááá áá áá á áá áá¥áááá, áá£ áá¥ááá áá  ááááá¡áá®á£áááá áááá®ááá ááááá á¡áá¥áá¦ááááá¨á, á áááá áª áá¡ á¤áááá, á¨áááá«áááá áá®áááá á¬áá áá áááá¡ á¡áá®ááá, á áá ááááá¡áá®á£áááá áááªáááá áááá¡á, á áá ááá£ááá. 

áá¡ áááááª áá§áá¡ á¨ááááááááááá. áá¡ áá¥áááááá áá®áááá á áááá áª áá£ á©ááá áááá¡áá®ááá áááá¡ áá£ áá¡ á¡á£á ááá áá§á á¨áááá®á£áá á¤ááááá áá¡ áá HTML á¤áááá á áá áá á áááá¥á¢áá áááá¡ áá áá¬ááá bunny.jpg. á©ááá á¨ááááá«ááá áá¡ááá ááááááááá, á áá áá áá¡ áá¥áááááá ááááá©ááááá. áá£ááªá, áá áá  ááá¥áá¡ áá¡ á¨áááá®á£áá á¤áááá áá ááááá á¨áááá á©á£áááá bunny, áá¡á á áá, á©ááá ááááá ááá, á áá ááá£áá. 

áá£ááá¢áá áá: á á áá áá¡ rabbit.org? 

ALLISON BUCHHOLTZ-AU: rabbit.org. áá¡ appropriate-- áááááá§á£á ááá, á¨áááá«áááá áááá¦áá¡ ááá. ááá¦ááá. bunny.jpg. ááááá áááá¦áá¡ áá¡ bunny. áá°, á¦ááá áá, áá¡á cute. 

OK, áá¡á á áá, á©ááá ááá¡á«ááá headers. á©ááá ááá¡á«ááá á¡á£á ááá. áªá®áááá, á©ááá ááááá¢ááá£áá á¢áá¥á¡á¢áá¡ áá¥, áá á? áá£ áááááááá áááááá¢áá á¡á®áá á¢áá¥á¡á¢ááá, á©ááá áááááá á¬áá¡ááá, á áááá áª áá¡. áá¡á á áá, áá¡ áá áá¡ á¡á®áá ááá ááá áá¤á. 

áá á©ááá ááá¥ááá "áá¡ áá áá¡ á¡á®áá ááá ááá áá¤á". ááá áá áááá¡á, áá ááá  á¡áá¨ááááá speller, áá¡á á áá á¨ááá«áááá á¨ááªááááá¡ áááá£á¨áááá á áá. Just FYI. 

á©ááá ááááá áá£á®ááá¡ áá áá¥, áá á? áá¥ááá ááááá, á áá á ááá á£á¤á á á¡áááá¢áá áá¡á, áááá á á£áá áááá á§áááá áá¥áááá á¢áá¥á¡á¢á, á áááá áª ááá á¯áááá ááá£áá ááá. áá¥ááá áá¡á£á á áªááá¢á á áá¥áááá á¢áá¥á¡á¢á, OK? 

áá¡á á áá, áá£ áááááá¡ á¡á£á á¡ áááááá§áááá¡ áá ááá¡áá®áá á®ááááá áááááá£á¢áá ááá á¬áááá¨á áá ááá£ááááááá, á áááá  áá¥ááá áááá ááá¡ áªááá¢á á á¢áá¥á¡á¢á, 

áá£ááá¢áá áá: p align. 

ALLISON BUCHHOLTZ-AU: So p align á¨ááááááá¡ "áªááá¢á á". áá¡ ááááá¡ ááá¡, ááá­ááá. Y'all á£ááá áááá«áááá áá¡. áá á©ááá áááá¥áá¡, "áá¡ áá áá¡ áá áááá¢áá ááá£áá." áá áá®áá á©ááá á áá¦ááª áá áááá¢áá ááá£áá. 

ááááá áááá, áá£ ááááá, á áá ááá áªá®ááá ááá£áá ááá, áá¥ááá á¨ááá«áááá áá  á£áá ááááááá á¨ááááááá¡ ááá áªá®ááá align á¢áááá á£á¤áááá. á¡á á£áááá ááá áá¥ááá. áá£ áá áá¥, ááá¨áá áá¡ should-- áá®áá áá¡ ááá á¯áááá ááá£áá ááá. 

áá£ááá¢áá áá: Allison? ááááá¡áá®á£ááááá¡ á¬á§áá á, á áá¢áá áá  áá áá¡ áá á¡ááááá¡ áá­ááá á img á¬á§áá á? ALLISON BUCHHOLTZ-AU: Sorry. áá¡ á£ááá áá§áá¡ áá á¡ááááá¡ áá®áá áá¥ááá ááá áá. áá®áá á©ááá ááá áá. áá£ááá¢áá áá: áá á áá§ááá ááá®á£á áá¡ ááá áá á¡ááááá¡, áá£ áá á? ALLISON BUCHHOLTZ-AU: áááááá, áá¡á img á¬á§áá áá¡ áªááááá, áá áá áá just-- áááá¯á, á£áá áááá, á áááá áª áá á ááááááá¢á¡, á®ááá áá£ áá¥ááá á¨áááá©áááá ááááá á©ááá áá, á©ááá áááá¥áá¡ ááá áááá£áá tag, ááá¨áá ááá¤áá áááªáá, á áá áá¡ áá®ááá áá á¨ááááá ááá®á£á ááá¡ á¢ááá. áááá áá áááá¯á, á§ááááá¤áá á áá®áááá áá ááááá á áááááááá áááááááá¡ á¨áááªááá¡. ááááá. áá¡á, á áá áá¥ááá ááá­ááá áááªá á áááá  á£ááá á¨áá¥ááá header, áá¥ááá ááªáá, áá£ á áááá  á¨áá§ááááá¡ á¢áá¥á¡á¢á áá¥ááá ááªáá, áá£ á áááá  á£ááá áááá§áááá¡ áááá¯á áá®áá, áá¥ááá á¨áááá«áááá ááá¡á¬áá ááá á áá. 

ááááá áá áá á áá, á áá áá¥ááá ááááá­áá áááá á¨áá«áááá¡ áááá¡ ááááááááá¡ á£ááá á¨ááá¥áááá¡ á¡áá CS-- á©ááá á¡áá®áá¡ á¨áá¡áááá¡ ááááááá áááá áá¡ pset. ááá á¡áááááá¡, á áá á©ááá á áááá áª á¬áá¡á, áá¡á¬ááááá¡ áá áááá áá¨á ááááá¡ ááááááááá ááá ááá ááááááá áááá áá¡ pset, áááá¢áá á©ááá á¡áá®áá¡ á¨áá áááá, ááááá®á£á ááá¡ á áá áá¥. áááá áá áá¡ áá¥áááá á¡áá¡áá ááááá ááááááá áááá áá¡. 

áá¡á á áá, áá£ áááááááá, á áá á¨ááá¥áááá á áá¦ááª á¡áá, á áááá  á¨ááá«áááá áááá¡ áááááááá? áá¥ááá áá  á¨áááá«áááá á£ááá¡á£á®áá áá áá áá¡. áááááá¡ áá¥áá¡. áá¡ áá  áá áá¡ á áá£áá, ááá­ááá, áááá ááááá. Google "á£á¬áá¡á ááá á¡áá HTML". á á áá§á áá¡? 

áá£ááá¢áá áá: [INAUDIBLE]. ALLISON BUCHHOLTZ-AU: Right. áá¡á á áá á©ááá áááááá, ááá¦ááá£áá áá á£á¬áá¡á ááá? ááááá á£á¬áá¡á ááá. áá¡á á áá, á©ááá áááá¥áá¡ ááá áááá£áá ul, á ááááááª áááá¡ á£á¬áá¡á ááá á¡áá. áá á á áááá¥áá¡ áááááá£áá ááááááá¢á? áá¥áá¡ áá£ áá á ááá¡ á¡á­áá áááá á¡ááá£ááá á tag? á¨ááááá«ááá ááááá¬á§á á¬áá á á áá? 

áá£ááá¢áá áá: li. 

ALLISON BUCHHOLTZ-AU: li. á á áá áá¡ á©áááá¡ á¡ááá¨á áá¥áááá? á á áááááá áá¥? á©ááá á£áá áááá á¡áá®ááááá. áá®áááá áááá¡ áááááá. 

áá£ááá¢áá áá: Rabbit á¡áááááá. 

ALLISON BUCHHOLTZ-AU: Rabbit á¡áááááá. OK áá ááá§ááá á¡ áá¡. áá£á áá¦ááá¡ á¡áááááá. 

OK, áá¡á á áá, á©ááá á¡á¢áá¤ááá. áá ááá§ááá á¡ áá¡ áá£á áá¦ááá áááá. áá áá®á á áááá á. áá£ááá¢áá áá: á¡áááááááááá¨á, áá áá¤áá¥á áááá á áá áááááá áá§áá¡ legit. ALLISON BUCHHOLTZ-AU: Jacob? ááááá áá£á áá¦ááá¡ á¡áááááá. áá£ áááááá®á, ááááááá¡ á¤áá¢á á¡áááááá¨á, ááááá á¤áá¥á áááá, á áá ááá¡ áááá¡ áááá¡á®ááá ááááááá áá£á áá¦ááá. 

áá£ááá¢áá áá: áá ááá¥áá¡ áá£á áá¦ááá¡ áá®áá. ááá¥áá¡ ááááááá áá£á áá¦ááá áá áá¡. 

ALLISON BUCHHOLTZ-AU: áá¥ááá kidding me? 

áá£ááá¢áá áá: áá ááá£á¢ááá¡ ááá¡ á¨áááááá áááá§áá¤ááááá. áá áá¡. 

ALLISON BUCHHOLTZ-AU: áá¡ á¡áá¡ááªáááá. áááááª. 

áá£ááá¢áá áá: [INAUDIBLE] 

áá£ááá¢áá áá: á°á, á©ááá proctor áá¥áá¡ áá£á áá¦ááá¡ áá¡ááá. 

ALLISON BUCHHOLTZ-AU: ááááá áá£á áá¦ááá. OK, ááááª áááá¥áá¡ áááááááá áá£á áá¦ááá¡ á¨áááááá áááá§áá¤ááááá, á¡ááá áá á¥á£áááá. áá£ááá¢áá áá: [INAUDIBLE] áá£ááá¢áá áá: áá°, áá¡ áá  áá áá¡ á áááá£á á. áá¡ á¤á£áá¥áªááááá ááá¡ áá áá£á áá¦ááá. 

ALLISON BUCHHOLTZ-AU: Oh á°á, á©ááá á¨ááááá«ááá áá®ááá¡ áá¡. áááááá§á£á ááá rad. áá£ááá¢áá áá: áá á áá¡ á áááá£á áá áá¥áá¡? ALLISON BUCHHOLTZ-AU: áá¡ áá  áá áá¡. á§áááááá áá á¡ááááá®áá, áá¥ááá áá  ááá®á£á áá¡ tag, 99% áá ááá¡ áªá£áá áá áá¤áá á á®áááá á£ááá ááá®ááá¡, áááá áá áá¡ áá áá¡ ááá áá á¡á¢ááá, á«ááááá. ááááááá. áá á©ááá áááá¥áá¡ á¡ááááá. áá£ááá¢áá áá: For áááá¨áá ááá, áá¡ ááá ááááª áááá¨áááááááááá. ALLISON BUCHHOLTZ-AU: Hm? áá£ááá¢áá áá: For ááá£áááá¡. ALLISON BUCHHOLTZ-AU: For ááá£áááá¡. áááá®, ááá£áááá¡ á¡á­áá áááá. OK, áá¡á á áá, áááá®áá áá¥. áá á©ááá áááá¥áá¡ áá­ááá á á©áááá¡ á¡ááá¨á. áá á©ááá á¨ááá®áááá, á áá. á©ááá all-- ááááá, á£á¤áááá áá á¡ááááá¡. áá£á áá¦ááá¡ á¡áááááá. áááááááá¡ Bunnicula. 

áá£ááá¢áá áá: [INAUDIBLE] ALLISON BUCHHOLTZ-AU: áá ááááá á£ááá á§áááá á«áááá á¡áááá áááááááá áá¦áá¡ á®áá? á£áá áááá á§áááá á«áááá á¡áááá áªááááá¡. á£ááá áááá¢ááá, á áááá ááªáá Gogurts áá á áá¦ááª á¡áá­áááá¡. 

áá£ááá¢áá áá: áá£ Gushers. ALLISON BUCHHOLTZ-AU: Oh. OK. áá áá£ á¨áááá«ááá ááááá§á£á á á¥ááááá Gushers ááááááá áááá áá¡. áá áá¤áá¥á áá, á áá áááá¡ áááááááá. áá áá¤áá¥á áá, á áá á©ááá á¨ááá«áááá áááááá áá áá¤áá¡á¨á. 

OK, áá¡á á áá, á©ááá ááá¤áá á£áá áááá á á¡á®ááááá¡á®áá á áá á áá¡á áááááááááª á¨áááá«áááá, HTML, áá á? áá á áááá áª áá¥ááá ááááá á®ááááá, á áá áá¡ nothing-- áááááá, áá  áá áá¡ á«ááááá intim-- áá£ áá¡, áá áá  ááá£ááá¡á®ááá á¡áá áááá£ááá áá  áááááááááá¡ áááááá¡. áá£ áá¥ááá áá¥ááá á£áááá£á ááá, ááá®ááá, áááááá ááááá á©áááááá¡. 

áááá áá á§áááááá ááá¢áá áá¡ áá áá¡ áá®áááá áá«ááá¡ á¡ááá¢áá¥á¡á, áá á? áá£ áá¡á£á á á£á¬áá¡á ááá á¡áá, áá£ áá¥ááá áá¡á£á á ááá áááá£áá á¡áá, áá£ áááááá á áá á£áá ááááááá á áá¦ááª áá á¤áá ááá¢á á áá¦ááª, á áá áá¡ á§ááááá¤áá á áá®áááá á¡áá®áá¡ áá«ááá¡ up á¡ááá¢áá¥á¡á HTML, áá á? áá áá áá á áá, á áá á¡áááááá áá ááá á áááá£á áá áá áá¡ áá£ á áááááá ááááááá, áááá®áá, á á áááááá ááá®áá, á ááááááª á©ááá ááá¡á£á á¡? áááááá¡ áá¥áá¡ á áááá á¡áá§ááá ááá á¡ááá¢ááá á áá áá áá¡ OK áá¦áá ááá¡ online? ááªáá á á, ááááá á£áá áááá CS50. áá¡ áá áá¡ áááááá áá á£á¡áá¤á áá®áá, áá á? 

OK, áá¡á CS50 áá¥. Oh á¡áá®áá¡, áááááááááá áá®áááá. áá£ áá¡á£á á ááá áááááá§á£á ááá. 

áá£ááá¢áá áá: [INAUDIBLE]. ALLISON BUCHHOLTZ-AU: á©ááá áá  ááá á ááááá ááá ááááááááá, ááá¢á áááá§áá¤áááááááá, ááá­ááá. áá¡ áá  á®áááá. ááá áá áá¥áááá, áááá áá á©ááá áá  ááááá ááá, á áá ááááááááá. 

áá¡á á áá, á áá¡ á¨ááá«áá áááááááá¡, áá£ ááááááá ááá áá á¡ááá£á¨áááááá¡ á¨áááá«áááá á§áááááááá¡ ááá ááááá áááá¬áááá£ááá ááááá¡áááá  ááá áááá ááá, á áá áá¡á£á á áá áá¥ááá á¨áááá«áááá áááá¡ áááá ááá¡ á¬á§áá áá¡ ááá®áá. ááá áááááá¢ááá¡ á§áááá HTML. áá áá¡ áá áá¡ á áááá£á áá á«ááááá ááá áá á¡á¢ááá áá¥áááá á¡ááá£ááá á ááá áááá áá. ááááá¡ááá ááá áááá ááá á áá áá¥ááá ááááááááá áááá¬ááá¡ áá á¨ááá®áááá HTML áá áááá ááááá, áá£ ááá áá¡ áááááááá¡. 

áá á¤áá¥á¢áá£á áá, á¡áááá á áááá áª áá¥ááá ááá°á§ááá á áá, á ááááá áá¥ááá áá á áá®áááá á¥á£á ááááá¨á áááááááá, áá¡ OK. áááá¡ááá£áá áááá CS50 [? ááá¡áá¤ááááá¡ááááá?], á áá á©ááá ááá á á¡áá®áá¡ ááááááá á®ááááá á¨ááááááááá¡ á¡á®áá ááá®áá. áá¡á ááá á«ááá á£á¤áá¡á. ááááªááá á¡ááá¢áááá, á áá á áááá  á¤áá¥á ááá, ááá ááááª á¡áááááá áá áááá ááááá, áá£ á áááá  áááááá§áááá HTML áá CSS ááá¥á. 

áá¡á á áá, á áááá áª á®ááááá, áá¥ áá¨ááá áá á áááá ááªáá ááá£áááá áá á©ááá áááá¥áá¡ áááá¡áá¡ áá¥. á©ááá áááá¥áá¡ ááá£áá áá¥. á©ááá áááá¥áá¡ á©áááááááááá. á©ááá, ááááá, á áááááááá á¡á£á ááááá áá¥ á¡ááá¦ááª. 

áááá¥áá¡ á áááááááá cool style áá¥. áá¡ áá áá¡ á¨áááááá á áá á©ááá ááááá ááá, á áá ááááááááá. áá¡á style, á áááá¡ááª áá¥ááá á®ááááá, á áá áá¡ á¡á¢áááá¡ áá ááá, áá¡ CSS á«áá áááááá. Ben, áá áª áá¥ááá ááá¥áá á¨ááááá®áá? 

áá£ááá¢áá áá: á á áá áá¡ div? 

ALLISON BUCHHOLTZ-AU: div áá áá¡ áá®áááá a-- á á áá áá¡ div? áá£ááá¢áá áá: á¡ááááá ááááá. ALLISON BUCHHOLTZ-AU: á¡ááááá ááááá. á°á, áá¡, áá¡ááá, á áááá áª ááá¯áááá¡ á¡á®ááááá¡á®áá ááááááá¢ááá¡. OK, áá¡á á áá áá¥ áá áá¡ áá¡, á ááª á©ááá ááááá áá á¬áá¡áááá¡ áááááááá. áá¡á á áá, áá¡ áá  á¨ááá«áááá áá§áá¡ á¡áá£ááááá¡á á¡á¢ááá, á ááááá, áá£ áá¥ááá á¨áááá©áááá á©ááá ááá§ááá¡ HTML áá á¡á¢áááá¡ ááááá áááá ááá, áá á©ááá á áááá£á áá áááááá áááááá§áá áá¡ááá, OK? áá á¤áá¥á¢ááá áááá, áááá áááááªáá ááá®á¡áááá á©ááá á£á¤áááá áá áá áááá¢áá, á áá áá¡ á£ááá áá§áá¡ PDF, áááá¢áá á©ááá á£ááá style.css. 

á á á¨ááááá«ááá ááááááááá áá¥ áá áá¡ áá ááááá á á áá, á áááá ááªáá áááááá áá fade áá á©ááá á¨ááááá«ááá á¨ááááªáááá áá ááááááááá, á áá, áááá áá ááá á«ááá, á áááá áª áá áá áá£áááá á áá up on the fly, áá¡á á áá, áá ááááá¬ááááá áá¥ááá ááá­ááá¡ á¬áááááá áªááááááá, á áá á¡ááá£ááá , áááá áá áá áá  ááááá áá áááá¡ áááááááá áá®áááá. áá¡á á áá, áá£ áá¥ááá ááá­ááá, ááá®á¡ááááá, áá£ áá¥ááá áááá¡áá ááá®ááá áá áááááá ááááááá¥á¢á, á áá¦ááª swoops in áá®á áááá. áá¡ á£ááá áááááááá¡ áá ááá á¥á ááááá áá ááá áááááááá áá whatnot. 

áá£ááá¢áá áá: áá áá¡ á§ááááá¤áá á CSS áá HTML? 

ALLISON BUCHHOLTZ-AU: á§áááá CSS áá HTML. á°á. áá¡á á áá áá¥ááá á¨áááá«áááá áááá á ááááááááá cool á áá CSS áá HTML. áá¡á, á©áááá¡ ááá¡áááªáá áá bunny ááá áááá ááá áá¥, á©ááá ááááá ááá, á áá ááááááááá ááá¢áá á áªáá¢á CSS á¡á¢áááá¡ ááá. 

áá¡á á áá, áá£ áá¥ááá áááá¡áá á¡á¢ááá á¤á£á áªááá, á ááááááª á©ááá áááá¥áá¡, áá¥ááá á¨áááá«áááá á£áá áááá ááá áááá style.css. á¨áááá«áááá áá«áá®áá á ááª ááááá®áá ááááá. áááá¨ááááááááá áá¡ áá áá¡, á áá á©ááá ááááá ááá ááááááááá¡, á áá á©áááá web.html áá¥. 

áááá¢áá, á ááª á©ááá ááááá ááá ááááááááá áá áá¡ we-- áá¡á á áá áá  á®ááá£á á áá¡ up-- á©ááá ááááá ááá, á áá ááá£áá áá¡ áá á á¤áááá áá ááá. áá¡á á áá, ááááá way-- áá ááááá áá ááááá§á áá¡ áááááááá C áá¥. áááááááá£á áá, á áá áá£ áá¥ááá ááá¥áá áááááá áá áááááááááá áá á©ááá cs50.h-- á©áááá á¨ááááááááá ááááá¨áá ááá¡. áá¡ áá áá¡ áá®áááá á¡ááªááªá®ááá¡á£ááá áááááá ááá£áá á©áááá áá®á áááá. áá¡á á áá, áá¡ááá, á áá ááááááááá, hash ááááªááá¡ á áááááááá á¤áááá, á á áá á£ááá ááá¬áá áá¡ áá®áááá HTML / CSS áá¥áááááááá¢á á áá. 

á©ááá áá®áááá ááááááá, áá ááá áááá ááá áááá ááá¡ áááááá§áááá¡ áá¡ á¡á¢áááááá¡, OK? áá¡á á áá, á©ááá ááá£áá rel á¢áááá stylesheet. áá ááá¨áá á©ááá áááá¥áá¡ á¢áááá¡, css. áá á¨ááááá href á¨ááááááá¡. 

OK. áá¡á á áá áá¡ á§ááááá¤áá á áááááááá áá¥ á¨áááá«áááá áá¤áá¥á áá, á áá áá¡ ááááá á áááá áª hash ááááªááá¡. áªá®áááá, á áá áá¡ áááááá§á£á ááá áªáá¢á ááá¢á á áá£áá, áááá áá á§áááá á¨áááá®ááááá¨á, áá¡ áá¤áá¥á¢á£á áá ááááá. áá¡á á áá, áá¡ áá®áááá á áááááááá ááááá¨áá ááá¡ á¡á¢áááá¡ á¤á£á áªááá, áá¡ á¢áááá¡ á¢áá¥á¡á¢á / css, áá á¡áá®ááá, á áá áá¡ style.css. 

á á áá áá¡ áááá¨ááááááááá ááªáááá¡, áá¡ áá áá¡, á áá ááá-áááá áá á áá áá áá£á¨ááááá¡ áá®áá web.html áá style.css-- áá ááá ááááá á¡áá¥áá¦ááááá¨á. áááá¡ áááá, á áá á¡á®ááááá¡á®áá á¤ááááá ááá¨á, áá¥ááá á£ááá ááá¡áªáá¡ á¤áá¥á¢ááá ááá root ááá¡ áá ááá ááá. áááá áá áá á¨áááá®ááááá¨á, á©ááá á¨áááá®áá áá¡ á¡á£ááá  ááá á¢ááá áá áá¥áááá áá¥. áá¡á á áá, áá£ á©ááá áááááááááá, ááá¥áá¡ á áááááááá á áá á£ááá á ááá¨áá áá¥. 

áááá¢áá, á©ááá á£ááá áá áááá, á ááááááª áááá ááá¡ áááá¥áá¡ á©áááá á¤áááá¡ á¤áá á, á ááááááª áá®áá áá áá¡ á¦áá áªáá¡á¤áá á. á©ááá á¨ááááá«ááá á¨áááªááááá áá¡, áá£ á©ááá áááááá, áááá áá áá£ ááá ááá ááá®á¡ááá¡ á¡á¬áá áá, áá¡ á£áá áááá á¨ááªáááá¡ ááá¡ á¦áá áªáá¡á¤áá á. áá áá®áá á©ááá áááá¥áá¡ áªáá¡á¤áá  áá ááááá áááá á¤áááá. áá á©ááá ááá¥áááá áá¥ á¨áááá«áááá áááááá¡ ááá®á¡ááá á ááááááª áá áá áá áá¡ hash ID áá áááá¡á¨á? 

áá£ááá¢áá áá: ID. 

ALLISON BUCHHOLTZ-AU: ID. ááááá. áá¡á á áá á©ááá áááááá, á áá ááááááááá áá áá¡, á ááááááª áá á¤ááá¢áááá¡ áá which-- áááááá "á¨áá®áááá cute bunny "á£ááá áá§áá¡ purple? áá áá¤áá¥á áá, á áá á©ááá áááááá, á áá áá§áá¡ ááá ááá¡á¤áá á. áá á¡áááááá á¥ááááá, á áá purple. 

áá¡á á áá, á áá¡ ááááááá áá¥ááá áááá¡ áááááááá ID á¨ááááááá¡ áá á¨áááá®ááááá¨á áá ááá¥áá, á á, á¡áááááá á¤áá á áá¥. á©ááá áááááá®ááá. á£ááªá áá, áá¡ purple. OK, áá¡á ID, ááá®á¡ááááá, áá¡ á£ááá áá§áá¡ á£áááááá£á á, áá¡á á áá áá  á£ááá áá§áá¡ ááááá§áááááá áá ID áá á¡áá. áááá áá áááá¡á, á áááá áª á©ááá áá¥ á¡áááááá á¨á áá¤á¢á, áá á£ááá á¨ááá«ááá¡ áááááá§áááá¡ á áá áá á¡áá ááááá. 

áá¡á á áá, ááááá áá¡ áá áá áá¥. ááá áááá, á¨ááá«áááá ááá¥ááá¡ áááá¡áá¡ á¨ááááááá¡ á¡áááááá á¨á áá¤á¢á. áá áá£ áááááá®ááááá áá®áá, á©ááá áááá¥áá¡ áá¡ ááááá á áááááá á¨á áá¤á¢á áá¥. áá¥ááá áá ááááá áá ááá. OK, áá áá  áááªá, áá£ áá¡ áááááááá áááá¡ áá£á¨áááá, áááá áá áá á¨ááááªáááá ááá. áá áá¡ áá áá¡, áá£ á áááá  ááá¡á¬ááááá CSS áá HTML. áá¥ááá, á áááá áª áá¥ááá ááªáá, á á, áá á¨ááááªáááá áá¡. áá áá  ááá  ááá á¬áá£áááá£áá, áá£ áá¡ ááá£á¨ááááá¡. ááááá áááá®áá, áá£ áá¡ áá£á¨áááá¡. 

áá á¨ááá®áááá, á áá. áá®áá áá¡ purple áá áá¡ á¡áááááá á¨á áá¤á¢á. OK, áá¡á á áá áá¥ááá ááá¥áá á§áááá áá á¡á®ááááá¡á®áá á áá á áá¡á áááááááááª á¨áááá«áááá. ááá¥áá á¨ááááá®áá? 

áá£ááá¢áá áá: Yeah. áá¡á, á£áá áááá, ááá§ááá á¡ á¤áá ááá áá¥ááá áá§ááááá áá áá¡ á¡áá¢á§áá. áá á¡ááááá¡ ááá á£ááá áááááááá¡ á¤áá ááá áá ááá ááá¥áá¡ááá¢ááááá RGB? ALLISON BUCHHOLTZ-AU: áá¥ááá áá¡ááá á¨áááá«áááá áááá¡ áááááááá, hexidecimal, áá áá¯áá á. á°á. áááá áá áá¡ áá ááááá á áááááá áá£ áá¥ááá áá  ááááá, á áá áááááá§á£á ááá ááá. á¨áááá«áááá á£áá áááá áá§áá¡, ááá¬ááá£áá áá áá£á á¯á. áá£ááá¢áá áá: ááááá ááá¥ááááá, á áá áá¡ááá ááªáá, áá¡ á áá¡ ááá¨áááá¡. ALLISON BUCHHOLTZ-AU: Right. ááááá áá¡ á¬ááááá®á£áá áá chartreuse. á áá¢áá áááá¡áá ááá á©ááá¡ chartreuse? áá¡ áá áá¡ á¡áááá¢áá áá¡á á¤áá á. 

OK, áá¡á á áá, áªá®áááá, á©ááá áá®ááááá á¨áááá«áááá á¨ááªááááá¡, áá£ááªá á©ááá áááááá. áá£ áá¥ááá á¡á£á áá create-- ááá¥ááá, áááááááá, á áá á¨ááá¥áááá áááá á áááá¡á. á á á¨ááá«áááá, ááá­ááá ááááá, á áá á¨áááªááááá¡? áá£ áá¥ááá ááá®áááá¡ up W3Schools ' CSS áááá£áááá¢ááªáá, áááá¢ááá á¡áá áá£áá ááá­ááá¡. á©ááá á¨ááááá«ááá áªááááááá áá á áá¦ááª ááááá á áá áááá á áááááááá á¬á£ááá¡ ááááááááááá¨á. áááá¢áá, á áá áá á¡áá®áá¡ áááªááá£áá áááá ááá¡ áá£á á¡á áááá á ááááá á á áá á áá áá¥ááá áá  á¨áá£á«ááá áááááááá¡. áááá áá á¡áááááá á¯ááá¨á, á áááá áª áá ááá¥áá, áá£ á£áá áááá áá¥á¡ááá ááááá¢á, áá¥ááá ááá¡á¬ááááá áááá á. 

áá£ááá¢áá áá: áá¥ááááá á¨ááá®áááá, á áá á¨á áá¤á¢á? 

ALLISON BUCHHOLTZ-AU: á°á, áá áá£á§á£á áá, á áá á¨á áá¤á¢á. áá¡á á áá, á áááá áª á¤áá¥á¢áá£á áá, I á¬ááááá, á áááááá ááááááá: á á áááááááá? áá CSS á¨á áá¤á¢á á¡áá, áá ááá¨áá áá á¨á áá¤á¢áá¡ ááá¡á¢áá¡, áá ááá á áá§á, áá, á§áááá cool fonts á¨áááá«áááá áááááááá. áá áá¥ áá§á áá áá, áá¡á áá ááááá¬áá ááá ááá¡ á©ááá áá£á¤áá á¨á. áá ááá á áá§á, OK, cool, áá¥ á©ááá á¬áááááá. á§ááááá¤áá á ááááááá. 

áá£ááá¢áá áá: áá¡á, á áá áá¥ááá á£ááá áááá á¬áá£áááá, á áá CSS ááªáá¡ á á, á áá á¨á áá¤á¢á. 

ALLISON BUCHHOLTZ-AU: áááá®. 

áá£ááá¢áá áá: á á áá áá¡ áá¡ ááªá®áááááá, á áá ááááá¡? Cursive? 

ALLISON BUCHHOLTZ-AU: Cursive. á°á. 

áá£ááá¢áá áá: Background image. 

ALLISON BUCHHOLTZ-AU: Background image. OK. áá¡á, á áá áá¥ááá áááááá áááá®á áá, á áááá  á£ááá ááááááááá áá¡. áááá¢ááá áá¡ áá¥ááá. áá á£áá áááá ááá áá¤áá áá¥ áá áá¡. á¬ááá§áááá áá¥áááá¡ á®ááá¨áá. 

áá£ááá¢áá áá: OK 

ALLISON BUCHHOLTZ-AU: OK. á á ááá  áá ááááááá¡? 

áá£ááá¢áá áá: ááááááá¡ áá áááªá á á ááá¡ á¨ááááá, á ááª Curly ááá£á¬ááá¡. ALLISON BUCHHOLTZ-AU: OK. áá¡á á áá, ááááá áá ááááááá¨á, I ááááá áá£ááá, áááá¢áá, á áá á©ááá ááááááá¡ á¤áááá¡ á¡á£á áááá¡. 

áá£ááá¢áá áá: á°á, ááááá ááááááááá, á áá. 

ALLISON BUCHHOLTZ-AU: OK. áá£ááá¢áá áá: OK, áá¡á á áá á¤áááá áá¡á®áááá ááá¬ááááá¡, áá ááá¨áá á©ááá á£ááá URL ááá¡áááá áá, á áá áááá¯á. áá¥ááá á¤á¡áááá áááá, á áá áá®áá, ááááá. 

ALLISON BUCHHOLTZ-AU: á á áá¡á£á á á©áááááá¡ ááááááá: áá£ááá¢áá áá: áá áá¤áá¥á áá, á áááá áª GIF. ALLISON BUCHHOLTZ-AU: GIF? á áá áá¥áááá á¡áááá¢áá áá¡á. OK, á á ááá  áá googling áá¥? 

áá£ááá¢áá áá: áá á, á áá áá¥áááá áá á©ááááá. 

ALLISON BUCHHOLTZ-AU: á áá¢áá áá  we-- áá£ áá¡ bunny, áá ááá á«ááá, á áá á©ááá á£ááá á°á¥ááááá¡ áááááá ááááá®áááá ááááááá¡ áá á ááá. 

áá£ááá¢áá áá: Meadow. áááááá¡. 

ALLISON BUCHHOLTZ-AU: áááááá¡? OK. áá£ááá¢áá áá: áá£ á ááá©áá Maddow. ALLISON BUCHHOLTZ-AU: áá¡ áá áá áááááá§á£á ááá á¡áááááá. áá°, áá¡ ááá¢áá á, áá£ááªá. á©ááá ááá­áá áááá ááá áá ááááá. áááá®áá. Oh, á¨áá®áááá. áá¡ á¡áááááá áááááá¡. ááªáá, á á, áá ááá§ááá á¡ áá¡. ááááá ááááá ááá áá áá áá. 

áá£ááá¢áá áá: OK, áá¡á á áá, áá áá¤áá¥á áá, á áá URL, á¦áá á¤á á©á®ááááá¨á. 

ALLISON BUCHHOLTZ-AU: OK, URL. 

áá£ááá¢áá áá: ááá¨áá ááá¡áááá ááá. 

ALLISON BUCHHOLTZ-AU: OK. áá áá¡, á áá á§áááá á©ááá ááá­áá áááá? 

áá£ááá¢áá áá: Close á¤á á©á®ááááá¨á áá«áááá, áá ááá¨áá á¡ááá áªá, background ááá¤áá¡á ááááá áá colon á¤áá¥á¡áá ááá£áá áá curly ááá£á¬ááá¡. 

ALLISON BUCHHOLTZ-AU: OK. ááááá áááá®áá, áá£, á ááááááª áá£á¨áááá¡. áá¡ áá¥áááá á¡áááááá cool, áá£ áá¡ áá¡áá. áá á áááá£á á áá¦á¤á áááááááá£áá á£á¤áááá áá¥. áá¡ áá  ááá£á¨ááááá¡. á¡áááá¢áá áá¡áá, á áá¢áá. áá£ááá¢áá áá: áá¥ááá URL á£ááá áá§áá¡ áªáá¢áá¢ááá. ALLISON BUCHHOLTZ-AU: áá¥ááá. áá áá¡ áá áá¡, áá£ á áááá  á¡á¬ááááááá, ááá­ááá. 

áá£ááá¢áá áá: á©ááá á¤áááá á¤áá á áá á¤áááá¡ ááááá¡áá®á£áááá? 

áá£ááá¢áá áá: No. áá áá áªáááá¡ áááá áá¡. 

ALLISON BUCHHOLTZ-AU: áá dunno. áááá®áá. ááááá á¨ááááá¬ááá ááá out áá áááá®áá. 

áá£ááá¢áá áá: Oh, á¨áá¡áá«ááá, yeah. [INTERPOSING á®áááá] 

ALLISON BUCHHOLTZ-AU: OK, áá¡ áá áá¡ áá¨ááá áá áá [INAUDIBLE] áá¥. áá¡á OK. áá£ááá¢áá áá: Background ááááá áá. ALLISON BUCHHOLTZ-AU: Ah. 

áá£ááá¢áá áá: áááá®, áá áá  áááªá. ALLISON BUCHHOLTZ-AU: áá¡ á°áááá¡ áá¡ á£ááá ááá£á¨ááá¡. ááá á¬áá£áááá£áá á®áá á, á áá áá¡ áá¡á®áááá ááá¬ááááá¡ á¨ááááá URL? 

áá£ááá¢áá áá: áá á, áá¡ áá«áááá. ALLISON BUCHHOLTZ-AU: áá¡ áá«áááá. áá£ááá¢áá áá: áá  áááááá, á áá ááá¬ááááá¡? ALLISON BUCHHOLTZ-AU: áá¥ááá áá¥ááá, áá¡á®áááá ááá¬ááááá¡. áá£ááá¢áá áá: Oh no. ALLISON BUCHHOLTZ-AU: á¬áááááá. áá£ááá¢áá áá: Oh, ááááááááá, áá®áá á©ááá ááá  á¬áááááá®á á¢áá¥á¡á¢á. ALLISON BUCHHOLTZ-AU: áá®áá ááá  á¬áááááá®á á¢áá¥á¡á¢á, áááá áá á©ááá áááá¥áá¡ á¤áááá¡ á¡á£á áááá¡. Mmhmm? 

áá£ááá¢áá áá: áá á HTML ááááááá£á á á¨ááááá á¡áá¡? á áááá ááªáá, áá¥ááá á¨ááªáááá¡, á áá á¡á£á ááá áááááááááá£ááá á¤ááá¯á áá¡ ááááá¡, áá áá áá¡, á áá CSS-- 

ALLISON BUCHHOLTZ-AU: áá¡á CSS á£ááá áááááááá¡, á áá. áá¡á á áá, áá£ ááá­ááá áá ááá ááááá¢áá áá¡ááá£ááá á¡á¬ááááá¡ áááááááá ááá CSS, áá ááááááá¤ááááá¡áááá¡ á¡á¬ááááááá¡ á¡áááááá á CSS áá -7. áá áá áááá ááááá, á áá áá¡ áá¥áááá áá¥áááá áááá áá á£á¤á á á¡áá¦á ááá¡áá£áá áá áááá áá á£á¤á á ááááá á á áá áá á¡áá¥áªááá¨á. áá á©ááá áá á-áá áá ááá¡á¬áááááááá, á áááá ááªáá á¡á£á á¬ááá ááááááá ááá dev áá¡á¢áá¢á. áá¡á á áá áá¡ áá¥áááá á¡áááááá cool, áá£ áá¡á£á á á¨áááá¡á¬áááá á§áááá ááááá á á áá á áá CSS á¨áá£á«ááá áááááááá¡. 

áááá áá á ááª áááá¥áá¡ áá¥ ááá¡ á¤áááá ááááá áá fixed-- áááá¢áá áááááá áá á¤áá¥á¡áá ááá£áá áááá áááá áá áá¥ááá á¨áááá«áááá á áááá£á áá dynamically-- áá£ áá¥ááá áááá¡áá áá®áááá ááá áááá ááááá, á§áááááá ááá áá ááá áááá áááá ááááááááá¡, á áááá¡ááª áá¥ááá á¨ááªááááá¡ áááá áá áá£ááá á¨á, ááá áá ááá£ááá ááá¡ á¤áááá áá á ááááááá áá©áááááá¡ áá reformats á áá, áá á? áá¡á á áá, áá¡, á ááª á©ááá áááá£á¬ááááá ááááá¡ááá áááááªááááá áááá¡. 

áá CSS á¨ááá«áááá á áááá£á áá ááááá á£ááá¡ á ááááááá áááá áá¥áááá áá áá£ááá áá¡ á¡ááááá áá á¡áááá¦áá, áá¡ áá áá¡, áá á áá áá¥ááá á¨áááá«áááá áááááªááááá ááá á áá á¨áá¡áááááá¡áá ááááá¡ááá ááááá¡ á¬ááááá¦áááá ááá¡ááá£á¢á£á á ááááá¡. áá áá¡ áá¨ááá áá ááá¬ááááá CSS, áááá áá áá¡ áá áá¡ á áá¦ááª á áá¡á áááááááááª á¨áááá«áááá. áá£ áá¡á£á á áá¡á¬ááááá¡ á£á¤á á ááá¢ááª, áááá á©ááá á¡áááááá á. 

áá¡á á áá á áá¦ááª á¨áááá«áááá áááááááá. áá CSS á¨ááá«áááá á áááá£á áá ááááááááá CSS áá JavaScript, ááááá¦ááá ááááááá áááá áá¡ á¨ááá«áááá á¡áá¨á£áááááá¡ ááá«áááá ááááááá£á áá á¨áááªááááá áááá áááá ááá áá¨á áááááá®ááá ááá á§áááá áá ááá¡. áá áá¥ááá á£ááá ááááááááá áááááá áá á¡áááááá ááááá á á áááááá. 

áá¡á á áá, áá á¡ááááá¡ ááááá áá áá á áá, á áá áá¥ááá ááá­ááá á¨ááá«áááá áá¡á£á á áá á ááá áá¡á£á á á¨ááá¡á¬ááááá? á©ááá 10-á á¬á£ááá ááá¢ááá. á©ááá á¨ááááá«ááá áá¡ááá ááá¢áááá ááá á, áááá áá áá£ áá¡á£á á ááááá á áááááááá ááá ááá á¡ááááá, á©ááá á¨ááááá«ááá, áááá áá áá áá  ááá  áááá ááá¡ ááá«á£ááá¡ áá¥ááá. áááá áá á©ááá á¨ááááá«ááá áá¡ááá áá®áááá á­ááá Candy. áá£ááá¢áá áá: ááááá¨ááá á¢áá¥á¡á¢á áááá á áá¡á á áá áá¥ááá á¨áááá«áááá á¬áááááá®áá. ALLISON BUCHHOLTZ-AU: OK. áá¡á á áá, áá á¨áááá®ááááá¨á, á©ááá áááááá á áá¦ááª áá. áá£ááá¢áá áá: á£ááá ááááááááá áá¡ á¡á®áá£ááá¡ áá¡á áá áªáááááá ááááá áááá áá? ALLISON BUCHHOLTZ-AU: áááá®, á©ááá á¨ááááá«ááá á áááá£á áá. áá¡ áá áá¡ ááá áá áááá. áá¡á á áá, á©ááá á°á¥ááááá¡ áá¥ááá áááªáá, á á á£ááá áá§áá¡? áá áá  áááªá, áá£ á©ááá á¨ááááá«ááá ááááááááá á¢áá¥á¡á¢áá¡ á¤áá á. áá ááááá áá áªááááááá áá á¨áá¥ááá ááááá áá áá áááá¡á áá¥. 

áá£ááá¢áá áá: á áááá  áá¥ááá áá¡á á áá ááá¡ áá¥áá¡ á¨ááááááááááá? ALLISON BUCHHOLTZ-AU: So áá£ ááá­ááá áá ááá ááááá¢áá áá¡ááá£áá, áá¡ áá áá¡ ááááá áá áá á¢áá¥á¡á¢á á áááá¥á¢áá á ááá£á¬ááá áááá¦áááá£áá. áá¥ááá á£ááá á¨ááá«ááá¡ áááááá¡á¢áááá áá ááá¬á§áááááááááá¡. áááá¯áá  ááá áá¦ááá¡ ááá¢áá á á¡áá®áá¤ááá. áá£ áá¡á£á á áááá®ááá ááá, á áá áá á¡á£ááá  ááááááá á ááááá®ááá áá ááá¡, á ááááá gedit áá áá¡ áááá áá áá¡ ááá¡áááªáá áá, á ááááá áá¥ááá á¨áááá«áááá áááááááá ááá á¥áááá, áááá áá áá ááááááááá á áááá ááªáá Sublime áááá¢áá, á áá áá¡ áá áá¡ á¡áááááá áá áá¡ áá  ááááááááá á áá, á áááá ááªáá ááá¢áááá¢á£á á á¡á á£áá. 

áá¡á á áá áá¥ááá á¨áááá«áááá áá£áªááááááá ááááá áááááá áááá áááááªáá áá£ áá¡á£á á áááá¡ áááááááá. áá£ áá¥ááá áá®áááá Google "Sublime á¢áá¥á¡á¢á, "á áááá áª á¬áá¡á, áá¥áá¡ ááá¡á¢á á£á¥áªáá áá£ á áááá  á£ááá áááá§áááá á¡á®ááááá¡á®áá áááá ááªáá£áá á¡áá¡á¢ááááá. áá¡ ááá ááááª ááááá á, áá áá¤áá¥á áá, á©ááá ááá áá. áá¡á áá. áá áá¤áá¥á áá, á áá áá á¨áááá«ááá á£áá áááá á¢áá¥á¡á¢á áá á©ááá á¨ááááá«ááá á£áá áááá á¤áá á "áááá á". áá á¡ááááá¡. 

áá¡á á áá, á á áááááááá áá¥, á áá áá áá  á¨ááªááááá á§áááá á¢áá¥á¡á¢á. áááá áá p áá¥ áá®áááá tag, á áá á©ááá áááá¥áá¡, áá á? áá¡ áá£áá¥á¢á áá¥áá¡. áá¡á á áá áá á£áá áááá á¨áá¥ááá CSS ááááááá¢á, á ááááááª áááááªá®ááá, OK, áá áá¤áá á áá tag p, á ááá á¤áá á áááá á. 

áá¡á á áá, áá£ áá¥ááá á¨áááá¨áá, á áá áá¡ ááááááá áá¡ áááá á áá áá¡ áááá á. áá¡ áá  ááááááá á©áááá¡ á¡ááá¨á áááá á, á ááááá áá¡ áá  áá áá¡ áááááá¨áá ááá£áá, á áá. áá¥ááá á¨ááá«áááá ááááá áá¡ áá ááá  ááááááá 

áá£ááá¢áá áá: á¤áááá¡ á¤áá á. 

ALLISON BUCHHOLTZ-AU: á¤áááá¡ á¤áá á? 

áá£ááá¢áá áá: áááááá áááá á¤áá á, á¡ááááª áá¥ááá áááá§ááá p á¢áááá. 

ALLISON BUCHHOLTZ-AU: OK. áá¡á£á á, á áá áááá á? áá£ááá¢áá áá: Mmhmm. ALLISON BUCHHOLTZ-AU: OK. áá¥ á¬áá¡ááá. áá£ááá¢áá áá: áá¡ á£áªááá£á áá. ALLISON BUCHHOLTZ-AU: á¡áááááá ááááá á, áá á? áá¡á á áá, áá£ á®ááá£á á ááá á¨ááá, áá¥ááá áá¡á¬ááááá áááá á. áá áá¡ á¨ááá«áááá áá§áá¡ á¡áááááá áá ááá. áá áá¤áá¥á áá, á áá ááááááááá á£á¤á á áá¦á¡áááá¨ááááá, áááá á áááá¯áá  áááá¢áá, á áá áá¥ááá áá  á£ááá ááááááá áá¥áááá áá ááá áááá¡ á¨áááááá. á¨áááá«áááá á£áá áááá ááá®ááá ááááá®áááá áá áá¥ááá, á áááá ááªáá, oh, á¨áá®áááá, ááá áá£á¨ááááá, áá oh, áá ááááá ááááá á áá¦ááª. áá á áá áá¡, á ááª ááá ááááª cool á¨áá¡áá®áá áááááááá ááá¬ááá áááá¡áá¡, áá¡ áá áá¡ ááááááááá, áá áá¤áá¥á áá, á áá á£á¤á á ááááááá, á ááá á¨ááááá¬ááá¡ á áááá áª áá¥ááá ááááá¡ááá ááááá á¬ááááá¦áááá á áááááááª ááá¬áá á áá¡ á®áááá á«áááá áá ááá ááááá áá ááá¡ááª áá áááªáá áá¡, á áá áá£á¨áááá¡ ááááá¡. 

áá¡á á áá, áá áá¤áá¥á áá, ááá­ááá á§áááá, á áááá áª á©ááá¡, ááá áá. áá£ áá¥ááá ááá¥áá á áááá á¨ááááá®áááá, á áááá áª á§áááááááá¡, áááááá ááááá á©áááááá¡, ááááá¡ áááá áááááªáá áááªá. áá ááá¥áááá á£á¤áááá ááá áá áááááááá 15 á¬á£ááá¡ ááááááááááá¨á áá£ áááááá, á áá á¡á¢áá¢áá¡á¢ááá á¨áá¡áá®áá áá áá¤áá á áá á§ááááá¤áá á. 

áááá¢áá áááááááááá, á áá ááá­ááá á¬áá ááá¢ááááá¡ ááá¡á£á áááá áá pset. áááá áááá ááá áá¡áááá¡ á¨á£ááá¦áá¡áá¡ áááá¡ áááá, á áá ááá áááááááá ááááá. áá¡á á áá áá ááááá á®ááááá¡ áááá á áá¥ááááááá á®á£áá¨ááááá, áááá áá áááááá, áá á. áá¥ááá áá¥ááá áá¡ ááááááá ááá¨áá. áá ááááá áá§áá¡ á¡á£ááá  áááá§á. 

áááá áá áá£ áá á, áá áá®áááá áá¥ááá á®á£áá¨ááááá. áá¡ááá, á¨áááá«áááá áááááá§áááá ááááá ááá áá¦á, á ááááááª áá áªáááááá ááá á¨ááááá¡ á¨á£ááá¦áá¡áá¡. áááá áá áá do not huh? 

áá£ááá¢áá áá: Halloween. 

ALLISON BUCHHOLTZ-AU: áá¡ áá áá¡ Halloween áá b, áá áá  áá¤áá¥á áá, á áá áá¥ áá§áá¡ á¡áááááá¨á ááá áá¡áááá. áá¡á ááááááááá áá  áªááááááá áá áááá¦áá¡ áá¡ ááááááá áááá  ááá áá¡áááá, áá¡á, á áá á©ááá á¨ááááá«ááá á§áááá áá¦ááá¨áááá¡ Hallow áááá áá¡ ááááá¡. á§áááá á£á¤áááá, áá áá®áááá, á áá áá¥ááá ááá­ááá ááááááá áááá áá¡.