DAVID J. Malan: All right, sic hoc, quod hic est brachium myo cohors, quo nos a iugo nam finalis projects habere CS50. Fuitque amet demonstratio vos cognorunt, quo se hoc satis pressis in cohortes huc arm qui libenter audit verba vestra motus muscu- et divisi sunt in software laptop quod ad me huc ad Coltonis quod habebant et iTunes iam carminis amet sursum. Quam me hoc demoing, Suus fuit in in Lab Colton omnes scilicet questus a week demonstratio parata ille fortis volunteer. Si qui vellent venire on up-- vidi manum tuam prior. Ascendite. [00:01:09] All right. Et quid est tibi nomen? [00:01:13] AUDITORES: Uh, Maria. [00:01:14] DAVID J. Malan Maria, nice videre. Age huc. Enses te ad me. Colton, hoc est Maria. [00:01:21] Enses: Hi, noscere gaudeo. [00:01:23] DAVID J. Malan: All Recte gradum unum sumus iens habeo dimittere te hoc est, in manu tua, ita ut suus 'pulchellus stricta usque ad cubito manus vestras. Interim, lets posuit in nobis Google Vitro et conturbabimus vitae nunc. [00:01:33] Enses primum ad nos hamo hoc in illa. [00:01:36] DAVID J. Malan: OK. Actu, faciamus periculum, sicut brachium tuum fieri potest ut ad hanc cable primum illud sync ut possimus. [00:01:41] Enses: Hoc agamus. [00:01:42] DAVID J. Malan: ac interea, tam quod quisque propius aspectu nos iactare Andreae camera sursum in screen est. Est itaque id rhoncus USB SUPERGESTUS in Maria est scriptor GALBEUM. Et mittet super me screen Coltonis usque in altera projector. [00:02:00] Et non est cogitatus Colton est adnotacione nunc quasi coniuncta myo rhoncus. Et nunc quæ est Maria ut facturus esset momentaneum Omnino perambula quoque gradus, calibration et inmisit in software quomodo musculos respondere ei definitur quaedam cum pre- innuit ergo intelligit software. Si libet in ante illud oppanditur. OK, volens servare. [00:02:30] Colton: Vade, sicut est hodie. Et sicut qui. Et usque ad dextrum. Vade, et revertere. [00:02:35] DAVID J. Malan: OK. Aliam. Suus 'non vos. Suus 'us. [00:02:40] MARIA: OK. DAVID J. Malan: No. Sit ut superius est movere propius ad cubiti, vel etiam arctius. All right. [00:02:52] Hic imus. CS52X tempus fore. Ibi imus. [00:02:57] Very nice. OK. Thumb pinky est. [00:03:02] Very nice. Solve digitos. Bonum. Elevaverit ius. Suus 'ostendens curiose versaque est in te ad sinistram [00:03:17] Colton: Yeah, ut 'wierd. DAVID J. Malan: ut Undo et movere deinceps in ius. Fast deinceps aut skip to next. Ut 'OK Wave ius. [00:03:25] : XIII I don't-- expectare. [00:03:26] DAVID J. Malan: postulo nonnullus auxilium? [00:03:28] Enses: Sic dicetis mihi hanc similitudinem. REGINA: Sed avertens aliud si. Colton: Est. DAVID J. Malan: Yeah nescio quare suus 'ostendo vos a leftie. Colton: Cur praeter ceteros non try-- sicut hic iustus iens experior. [00:03:38] DAVID J. Malan: No? Maybe ad brachium tuum paulo rectius magis et abrupta est. Yeah, OK, uenerunt. [00:03:48] MARIA, me paenitet. DAVID J. Malan: Non pecces. Colton: Suus 'bysso. DAVID J. Malan: Bene dicis. Well-- [00:03:56] Maria, ut non transiliunt hanc nunc? DAVID J. Malan: Yes, lets ' te ab hamo. Unde si quis velit facere finalis project utentes aciei hardware, animadverto ut iustus paululum questus adsuesco assuesco. Et hoc est esse in Teraho quod actu ipso sanguinis cursu in ore gladii. [00:04:10] Hoc est quod suus 'vocatur, in elit ornamentum, quae liberatio per se praeclarum est ut gentes, fac, Teraho, nec pugnare adversus eum, figure quam corpora hominum operari cum technology. Sic si vos volunt deinde post concionum, possumus et habitare vos Rursus, stab at it. Aliter rotundum adsensu, si non potuit, hoc enim est Maria, quia, cum venerit. [00:04:26] MARIA: Gratias tibi ago. [00:04:28] DAVID J. Malan: Gratias tibi ago. Puteus pendent, sed dabo absque mora detis, quam de a accentus pila, here? Oh yeah if-- ad istos attinet, gratias agere. All right. Itaque curiosi, si ignotas cum sanus choice quod factum est superius, et mirum in TV quod vos should absolute, et in ipso vigilantes in Netflix binge- hic eorum est hoc. [00:04:51] ORATOR I: dominarum et iudices, cui nomen erat a Jos. [00:05:04] DAVID J. Malan Et videtur quod suus ' a text enim ad me iam in auditoria. Im 'et cum dicitur quod Maria Habebat heri. Adeoque laetis inde natalis CS50 tum in Maria. [00:05:18] Et legerunt in recens menses ut iudices, ut hic, Steve Ut firmum implicat Fenestra, qui erat, MCMLXXVII genere collegii, nuper secessit ad Microsoft. Itaque factus est hic, tunc a iugo annos at post se, Lorem schola Stanford Accipiens enim a phone qui autem ab amico suo voca Vixit autem descendit in prætorium ab eo, hic ad Harvard. Quod amicus, nomine Bill Gates, et tempore, ipse conatus est ad conscribere Steve negotio primo vere, in paucis nomen Microsoft. [00:05:45] Recenseri potest longa brevi, Steve censoriis esset, creari denuo est, coniuncta cum Microsoft habuit iustus XXX elit. Et in tempore illo nuper recepit, de turba autem 100,000 operariis super praeteritum paucis annis. Itaque a website ut est Verge Sane video tributarias et nos putavimus wed 'esse quæ dabuntur tibi, partito a iustus quantus of industria sensu Steve adfert alicui dat presentation. [Video PLAYBACK] Sicut puer -Microsoft quarto. Non egredieris in medio filiorum. In hoc casu, EGO coniecto Ego hinc abeo domum. Hey Bill, whazzap? [00:06:23] -Wazzap? [00:06:24] -Hey, Wazzap? Et datum est magna copia. Bill et occasionem dedit. Bill quod volo ago. Nolo autem vos quoque. Quo plus addideris de innovatione est non iens retardo. [00:06:42] Suus 'iens ut velocius et velocius. De quo potest esse a paucis competitores qui sunt infeliciter conteras eam [00:06:54] Amo hanc multitudinem. Yes! Ego PC hic amo! [00:07:08] Developers, developers, developers, Maecenas tincidunt, tincidunt, Maecenas tincidunt. Yes! Web developers! [00:07:19] Web developers! Web developers! Audi quid aliud adtuleris at non adepto extra crimen! [00:07:28] The MS DOS-exsecutiva, constitutum calendario constitutum a card moles, note a PULVINUS, horologium in Imperium Panel. Et non credis? Reversie! [00:07:35] Pones eos ut CD! Post eos ad MSN! Tu, ad eas vel amicorum! [00:07:40] Omnes click! Microsoft Unum, uno consilio, una team-- focused, disciplinae et, diam, sciente omnia, et a nobis. Me sene uti linea elit. [00:07:52] Relationships sicut sharks. Proficiant vel moriantur. Ego actu cogitare tech congregati sunt ad finem. [00:08:01] [Video PLAYBACK END] DAVID J. Malan: itaque hoc tam laeta nuntiamus nos coniungit et Steve at hic in CS50 postero Wednesday et hic in loco. Spatium erit verisimile esse finitum. Ut proficiscaris nobiscum, et quis commodo et mox data est hodie ut cs50.harvard.edu/register. [00:08:22] Et volumus sequi ascendit per Tuesday confirmans macula. Ecce hoc ipsum, quod post Wednesday in auditoria in CS50. Sed in aliis novi accidit sicut in coccino in hunc altera die. [00:08:34] Evenit quod CS50 baculum Discipuli CS50 saltem unus Nam sit amet currit UC Praeses et Vice Praeses, qui adduxit me illuc back to my own diebus an congratulari mihi cupiunt, cum electio UC misere. Sed et argentum lining quod semper est in me narrare, quod est Im 'certus unus of the an congratulari mihi cupiunt plures causae eadem tamen a nimia intemperantia ingenium ad forensem. Et sic minus honeste, eam expulit me, ut experimento Puto junior anno, ut ipse subscribere Computer in Harvard Press, quae coetus in campo, qui est tenet varias technicas loquitur et de pluribus ibi. Et tuli super doctrinam eorum seminars, et ideo Fuit occasio, a Mira facultas, ad faciendum opus in hoc. Sed et licuit per hanc experientiam, docere me magis HTML. Itaque nocte per cunctantur aspectus eorum per HTML website fundatur Quam feci: ut in MCMXCVII, '98, propter me similis hic bellum. Nescio. [00:09:29] Because-- et quidem latuit hoc mirabile consilium decisionem in MCMXCVIII aut whatnot. Prothoplastus res vos volo users visitans vestri website facere click to another link to have iustus est hic cum vestri website monachus intrare Nubibus velum, ubi a tergo videtur suggestus erat bellorum. Et haec eris hodie est a screenshot. Legebam et per similia, posters bellorum in nocte et diam. [00:09:50] Et tempore et iratus. My was-- suggestus erat interesting. Proin quia tunc incipit. Sed aliquando rursus curram Melius hopefully hoc tempus off. [00:10:03] Sic HTML illam, quae fecerat te multa iam faciam ut in-- more-- est aliquid quod weve 'been de Nuper et illud pro concesso nunc plerumqe Ad quod diximus movetur in aliis linguis. Sed ne subito tantum mora in context de his aliqua. Sic in oratione, quae est HTML? [00:10:18] Aut quis sit amet Quis? Yes. [00:10:20] AUDITORES: Markup pro websites. DAVID J. Malan: Markup website for. Sic suus lingua ch Paginam formare sinit. Header goes here up, title goes here, hic corpus. Hoc est boldface, hoc est, italics-- ut sort of detail. [00:10:33] OK, bene. So CSS lets vos: et ego Extremos quoque ibi libertas et cum audace non eae-italics eo hoc ut 'melior amet. CSS quod repromittit? Ne dicas in sententiam. Quilibet. Yeah. [00:10:46] AUDITORES: vt exornationes et effercio sicut illud, quomodo ad excogitandum. DAVID J. Malan: OK, bene. Telam texatis, quod patiuntur in vobis ad excogitandum, et ne eam stylize sicut et in his quae boldface et bysso, et quoque colores italics positioning of far adoreum elementa. Sed quaedam sunt quae lets vos accipere postremo passus ut si, gratia exempli, in Pset7, vos have animadverto ut vestri hic, si tu portfolio page a defectu est quod id, quod mensae ut ostenderet cunctis stirpe user scriptor tenuras et cash forsit vultus pulchellus horrendum, album spatium sine defectu. Omne genus of conpulsa et simul in ordines columns. [00:11:18] Well, cum aliquantulus of CSS, ut sciant, quod potest esse et non vellicare id longe melius et magis prettier respicere. Sic est de CSS stylization of websites. Sed nos introducta sunt, tunc adhuc alia lingua, PHP, quae nos facere? [00:11:36] Lets iustus facere quod? Anyone. Got est ausus, in duobus primis ordinibus. Yeah. [00:11:40] AUDITORES: Generate dynamic content. DAVID J. Malan: Perfect. Generare dynamic content. Et vos potest hoc facere in Multiplici linguarum genere aliquo. Et quia contingit uti PHP suus ' similem parte C syntax. [00:11:50] Et PHP hoc facit exigo ut. Permittit ut es dynamically Generantia output. Et quidam output quod posset esse HTML, ut saepe diximus, ut faceret. Id quoque, quod suus ' in programming lingua est in mechanism, per quam non possumus loqui ad databases. [00:12:03] Et hoc potest facere, queries ut alia sicut servo Yahoos programmatically, et facere aliter vero, qui non sunt, fortitudinem ut a computer facere cogat. Sic nos satus sinit PHP content outputting dynamically. Et hac ratione, non autem quodam rursus MCMXCVIII website. [00:12:16] Erat stabilis web page. Quod mutari mea contentus gedit vel aequipollentem, cum manually. Verum est, quod dicitur, aut PHP in usum vertere possem, sed, nam quasi Frosh IMS website, quae et accipiam registrations ponebatur a album of curo quae users-- actualiter etiam transmutatio tunc, quamvis contingat ut egestas vitae, a diversus linguam autem tempus. [00:12:35] Et tunc demum, introducti sumus SQL-- Structured Query Language. Et tamen alia lingua, quod suus usus, judex est? Usus, judex est? Can audeamus slight-- Bene, nos erant 'non iens ut multo longius quam in orchestra hic. AUDITORES: Suus 'a protocollo databases ad fabulabatur. DAVID J. Malan: a legebantur databases ad fabulabatur. Dimitte me tweak. Suus 'an naturalis, quod illo exprimitur sacramento ut sermo ut databases-- depromit et adiungit et deletes et updates et actualiter et quod magis deo we have compertoque Plautum et non sed in vos may volo ut habere explore-- explorare, puta finalis project. Et inde est quod huiusmodi partes. [00:13:09] Et hopefully Pset7, etiam si ad suam speciem, est satis longa, de industria suus 'longa, ut ambularent in vobis potestis enim omnes per haec dicunt, typed esse simul. Nunc on Monday, nos Ultima verborum nostros quod puteus 'formaliter in introducere quod est in course--, JavaScript. Ea res, sicut PHP est interpretatum lingua. [00:13:25] Sed a key distinctio Proposui on Monday PHP est quod, cum aut exequens interpretatum lobortis quam in hoc casu est CS50 INSTRUMENTUM, vel potuit esse aliquod Mauris eu server in Penitus, Plerumque JavaScript pars huius est quia omnis lingua non ita in server side-- pasco. Hoc est, quum ego sicut et invenerunt texti Facebook de his files .js, complexa erat maxime, cum velis, vel Facebook Isti sunt dies, websites, tibi non modo HTML, CSS, non modo, sed totum Fasciculumque of JavaScript saepe in forma .js codice lima. Et tunc suus 'in vestri own browser-- Mac quod voluntatis seu PC-- code. [00:14:03] Sed vestri pasco illud perfecerit. Modi nolit cogitare potes. Ut non JavaScript code delete lima in vestri computer potest. Non poteris mitte emails pro vobis. Your browser genus restringitur cum possis. [00:14:17] Et in hoc sensu, parum est tenuioribus fortasse quam C. Sed JavaScript potest, ut relinquatur, lobortis sit amet, quod puteus 'loqui licet non tendat de eo, quod in his quae subsequuntur. Ergo nunc ligabis simul. A week ago plus, quaedam HTML nos in eximius amet left-- web page. [00:14:34] Just dicit salve mundi. Quin et ego in proposito right of furtum genere ideas possumus ab huius pertractata notitia structurae in C et hoc cogito, quam hierarchica markup lingua, on the left trahi possit: sive implemented in memoria structura actu nodos arboris et talia indicibusque. Et declinabit ad dexteram, we call quod a DOM-- Document Object Model-- quod iustum est credo, sic dicens ligno. [00:14:56] Quid autem est utilis ita cogitare? Quia iam cum JavaScript, quod nobis hoc ludo habet codicem elit, in actu HTML ut ' missus ad pasco iam et iam onustos, in memoriam sunt a browser in nemore quod est in vestri computer est scriptor RAM, sicut hic, nos can utor JavaScript aut ambulare, aut in quo pertransit actu quaerere vel mutet, sed domni arbor, quæ nobis necessaria sunt. Ita tamen, si tibi videbitur de facebook.com, Curabitur pluma si uti, si use and the Gmail gchat pluma, quid, qua tu, nuntius venit iterum et iterum, and again, probabiliter sunt illos nuntiis, ut, LI tag, tags List Item, maybe. [00:15:35] Vel maybe haerent iustus serva apparent ut divs subito nuntio tibi omni tempore. Et justis modis, ut quid Facebook aut Google fecit est aliquid vos adepto a nuntius ex moderatro, they es forsit usura JavaScript ut iustus addit aliam node alia node in hic ad hoc tree-- ergo arbor, quae coram visu sicut sonitus vultus ut in textu novis elit. Sed erant 'inserentes in hunc notitia structura. [00:15:57] Et sicut in classes Et alii, CS124, youll ' scribere magis in actu codice data opera, sicut hic. Nunc autem in JavaScript, puteus 'iustus vindicatum nos adepto omnes huius functionality lingua enim a ipsum. Intueamur itaque exemplum. [00:16:09] Dimitte me patefacio sursum a file vocavit form.html. It 's superessentialem simplex. Is iustus spectat sicut est hodie. [00:16:15] No CSS, nihil cogitent de AESTHETICA. Sed plane functionali ego sum ut videtur, email petere, quodam signo signum, et tunc reprehendo quibusdam condicionibus convenire. Quid source code for this est forsit aliquid simile vos vires coniecto, cum a modicum nunc cogitatis. Ive 'got a forma tag hic. [00:16:32] Actio, quae apparent, ut ad a lima vocavit register.php. Im 'iens ut utor is ratio. Et tunc illud habeo agro, cui nomen est email. [00:16:40] Ive 'got a password agri cui nomen est password. Ive 'got alius password agri cui nomen est quodammodo confirmatio, ut libet. Suus 'iustus alius parameter http. [00:16:49] Et sic non inest, nisi quia in demo Frosh IMS class-- a buxum quae est check type reprehendo iustum aequet. Et hoc pacto dicam. Sic Ive 'libitu de genus, sed nomen commode his agris. Ut cum forma recipit obnoxiis, videamus quid accidit. Si autem facio malan@harvard.edu, Purpura tesseram faciam. Nihil faciam tesseram. Et manus nostrae non cooperetur. [00:17:10] Quisque et prohibere non ausis. Dimitte me click Register. Et dicit, hm es referuntur. Præcellimus eos? Nequaquam. [00:17:16] Sed URL mutatur. Unde haec forma est clare register.php subire. Sed nimirum, ut fiam et aliis erroribus. Nunc, et in quibusdam Pset7 auditoria exempla patrum nostrorum, nos procer ex generaliter hic magnus rufus erroris nuntius dicens: nomen missing, or missing password. Donec et ante fecisset datur factum server latus error deprehendatur. [00:17:37] Multi websites illa his diebus fac client latus error deprehendatur URL ubi non mutatur. Totam non reficeret. Vos adepto feedback instant a pasco. Maybe aliquis rubet. [00:17:48] Maybe vos acerbum. Mittens autem non tempus tereret server data est ut suus 'inchoata. Quod si ita esset, qualiter propter quod etiam pluma. [00:17:56] Ibo igitur ad form1.html, quod spectat idem. Si id non faciunt malan@harvard.edu typus I et coccino et non procedes amplius, cooperantes sed click Register adverte iam. Etiam non sexiest leo. Ego quidem huius erroris, deprehensi. Et vidi ego usus est in oculis meis munus in JavaScript-- quod nos erant 'usura tantum in genere. In genere, quod non debes exi quia cicius imperium. Sed passwords aequas, non est error. [00:18:19] Dimitte me et praemittat click OK. Clavem takeaway hic autem quid URL quod non mutare. Proin non pascebant tabe ministri autem rursum postularet question quod a te haberem respondetur mihi rhoncus. [00:18:30] Et user etiam esse loqui de re, Longior user scriptor futurum, de quo, ut videre est statim. Non est enim apud latency retiacula connectivity. Intueamur ergo inde code. [00:18:40] Et vultus Form1.html simile structuram up here. Forma enim est idem. Sed videamus quid fecerim hic. Et est hoc diversimode. Maxime recta et feci but not yet sectator atque elegantissime absolvit. I have a script tag. I vocat document.getElementByID (dolor). Et nihilominus ille valor I repono in forma variabili. [00:19:04] Quid feci? Potest cogitare, quod sit document.getElementByID quod peculiari munere JavaScript dabit tibi Tibi ad litteram, quod a ut in unum e nodis monstratorem rectangula aut in arbore. Nunc illud est quod forma nostra variabilis JavaScript est in actu demonstrato. [00:19:21] Nunc syntax est aliud Pauca autem hic facimus. Et hic est paulo alienis aspicientes, certe versus C. Ecce, linea XXXV. Et ad sinistram form.onsubmit. Recole quod est onsubmit sicut ager in instrúite. Si tibi videtur quod formae variae C iustus a instrúite, et ipsa poterat habere aliquam regionem. [00:19:42] Et in die alumni nos nomina IDs, domos, agros genus. Iustus cogitare de alia prouincia opera uti onsubmit. Sed id quod maxime agris preprogrammed pasco est, exspectare ut non sit a value .onsubmit sicut numerus, vel linea, sed etiam erit functio sive ex officio sive oratio in computer est scriptor memoria. [00:20:02] Et quidem, quod id quod hoc keyword hic facit. Hoc, inquit, a me muneris. Et quod illi aliud nomen futurum esse, ut videtur? [00:20:09] Recogitans ad Monday. What is the nomen of this munus fundatur in hoc syntax? Non, inquam, non esse certe nullum nomen associated-- non in claram lucem quae mihi here. [00:20:21] Tamen ut 'actu OK. This is an anonymi functio, aut a ut ita dixerim, quasi quaedam functio lambda. Et quod iustum est suus 'etiam a munere. Sic est, non suo nomine appellare. Sed quod est OK. Quia vero est pasco preprogrammed per turmas sicut Google vel aliorum vel Microsoft vel Mozilla si scitis quoniam iustus est ager .onsubmit intus habet formam elementi pretium, quod agere function-- functio monstratorem, si voles. Forma exhibenda est et dicere. [00:20:46] Quid codice conficiunt, poena capitis , quod forma exhibenda est? Videtur quod non omnia, in inside of crispus, ue. Hoc enim iustum est eloquendi. [00:20:53] Vos could operor eo quasi tendimus in CS50. Sed in JavaScript, plerique tendunt ad eandem in quia fortius est cum keyword quod muneris. Nunc quid faciam? [00:21:03] Si duobus aequalibus aequalia form.email.value aut nihil aut inane chorda hic, acris ubi sum ego dicam, providendum vestri email oratio, et revertetur falsum. Quod suus 'revertentes falsum ne sit submissum de forma. Interim si valor est signum subdit ego clamo ad user et dicet vobis signum praebet. [00:21:21] Inter haec sunt questus paulo daynte here. Si non form.password.value form.confirmation.value aequalis, in alieno agro, tipi in user quod passwords dum non concordant non a momento abhinc. Et tunc ille qui est a quia paulo sexier scio, novi, quod ratione, compressi a reprehendo is box nomine. [00:21:40] Auditaque possum iustus utor adeo ut, si non sequatur suus 'a Boolean checked-- pretiositate vel verum false-- Ideo ego clamo ad user. Alioquin, si transeamus ex his rebus omnibus, lets tantum facto ipsum. Ne forma submittatur. Et hoc tunc futurum sit. [00:21:56] Sit scriptor typus in purpura. Quisque scriptor reprehendo, click insertum. Nunc vadam ad destinatum. Nunc, ut nihil quod database. Nihil est interesting in register.php. EGO iustus opus est, aliquid ut ipse loqui. Itaque habebo modum hic. Quis quaestiones, quae nuper facta aut nova aliqua syntax est? OK, Yeah? [00:22:17] AUDITORES: Et quis reprehendo eo ipso a Boolean. Ut non tibi indicare. [00:22:21] DAVID J. Malan: Bene. Quod ut 'ad te missus a reprehendo ad formam an HTML JavaScript code dicetur, inquam, ut Boolean value-- vera vel falsa est. Suus 'a bonum quaestio. Quod autem ab alia bona, de utique fuisset illud alias nervis. [00:22:36] Omni jure, sic magnificetur me rewind paulo post. Totum hoc quid est? Iustus futurus patet. Ut iam nouimus, etiam Pset7 et ab ultima septimana lectione exempla, nos can reprehendo obviously Morbi quam $ _POST videret si user dedit nobis valor est inani. Recordamini in PHP functio vacuum. [00:22:54] Ita iustus manifestum erit, quid Quamvis posset dici unum ratione, Et hanc error tenendo pasco intus est? Quid est in causa, here? Yeah. [00:23:06] AUDITORES: Ocius et non to send inutilis data servo. DAVID J. Malan: bene. Praesent tincidunt. Tu autem nolueris inutilis data est ad server. [00:23:12] Sic vos adepto a magis praesens. Et tamen tantum interest, ut user experientia est melius. Cogitemus licet de alternative. [00:23:17] Si enim esset et Gmail-- cum his se ita multis ante annis. Quid, si te ceperunt ut novum email Gmail , sed solum per viam ut videre est, ut, Reload totum page. Aut si te click on link to read an email. [00:23:29] Laude vero ut ita reload cernis ut email. Aut Facebook-- vos adepto a chat nuntius. Et non viderunt: donec reload , vel titulum paginae click aliquis nexus. [00:23:36] Quasi hoc esset vehementer molestus user experientia. Et hoc est quod esset, patet, nam dum te rursus UC multo minus strenuus et licio et non quasi JavaScript popularized ut nunc est. Et sunt questus multum et multo magis dynamic inde est quod in sensu client. [00:23:49] Hic autem est in capturam, et hoc est, benigna est of molestiae gotcha. Quia iustus client latus addas non sic est intelligendum quasi deprehendatur vos can vel relinquendi server latus deprehendatur. Vos volo ut loco vestri se in utroque error tenendo. Erat causa quia leccionem didici quaedam excerpta ex articulo legi cum ab hac stultitia system-- CMS Content Management System-- quod erat eius auctoritas system exsequendam, via quod mechanism login eius? JavaScript. [00:24:20] AUDITORES: JavaScript. DAVID J. Malan: JavaScript et species secundum aspectum, vox? Erat usura JavaScript. Et ad litteram, vos guys habent lusit a forsit aliquantulus frenum Inspector cum Chrome est. Et si inveneris, elementum inspicere. [00:24:30] Obsecro ut me transire facere Chrome est scriptor of options omnium. Et per hunc modum facile est disable JavaScript in a pasco. Reprehendo, non JavaScript. [00:24:38] Et in aequitate, non multum of the web illa his diebus quod iustus iens ad frangendum eo Gmail et aliis sites-- Facebook-- pones, JavaScript enabled is. Si vales stultitiam nisi certis users sicut input et coercendis eam Huius error ex parte, hoc facile hostis. Deinde vero etiam qui smarter Hostis tu guys similis vel nunc etiam per Telnet Curl or just order versus mandata et mittes eas ad actu ornare Qui error errorem ita ut non demolientur. [00:25:05] Sic hoc est magis of a user interface consilium quam secundum quod est in actu technica improvement-- foveant client quid hoc similiter judicabitur. Nunc a velox intuens, sed Ambulant differam ad online per haec enim. In specie autem duo, qui per actum et parum iuris purgandum. Sed hi ad unum et certe probabile videos embed in Pset8 ut iustus ostendit vobis similis syntax vocatur usura a library jQuery, quae est eximius, super popularis in JavaScript library plerique ut ingenue iustus utor his diebus et quod etiam confundant quod JavaScript est. [00:25:37] Idque facit ad involvant quidam pupa signa et keywords quasi document here in parentheses. Iterum ad me ne moreris aliquid quod tardius tutorials online inplicat quam iusta syntax. Lets 'transigendum aliquid paulo frigidiorem secundum hoc usus. [00:25:50] In particulari, ut dimittas me hic ante et aperire. Come on. Ibi imus. [00:25:59] Dimitte me patefacio sursum hic hoc picture. Complicated Unnecessarily considerantes, sed ea describitur a ars dicitur AJAX-- Asynchronous XML et JavaScript, ubi in X, actualiter pro XML non amplius vere usurpari. Intellectus autem inclinatur ad aliquid uti, aliud dici JSON. [00:26:13] Sed hic est aliquid ut Vel tellus Google Maps operatur. Lets experiri hoc musca quidem. Dimitte me et praemittat patefacio Chrome est, in meum lectorem. [00:26:21] Et vade in me, dicunt, maps.google.com. Et revera, si veteres sufficit illud, quod, sicut, quasi in die MapQuest, et fortasse etiam opus est. Cum usus something-- quaerere XXXIII Oxford Street, Londini, faciamus Teraho vobis quod etiam, si in et voluit ad Pan deorsum, sinistrorsum et dextrorsum, tu a me quaerunt audire magna sagitta supra, et ut ostenderet tibi aliud hic artus ornare. Aut si et reliquit click huc illuc, aut alium click huc atque illuc. Sed pro his days, fecimus Iuste supponunt possumus Cambridge circa pulchellus cito per clicking, et trahunt just. Aliquid Vide glitches. [00:26:59] Si enim hoc satis est, quae videtur accidunt tempusque traho, ut paulo etiam ieiunare nam retineri eu? Quid tu vides? Yeah. [00:27:07] AUDITORES: Et pixels non reficeret. DAVID J. Malan: The pixels non reficeret. Non est vobis et actually-- et hoc videre potuerit, quod simpliciter habeatur, et pause si vestri 'online vigilantes vel hoc ipso rerum usque tardat Sunt enim, ut tu once-- tegulis, quadrata, quae oblonga vel quae si a map donec Secundo dividit postmodum data, et simulacra actualiter apparuerunt in screen. Ac per hoc, si quaeritis usque Chrome's-- lets 'dicere, Chrome-- Sinite, videamus. Non possumus facere quod. [00:27:31] Oh, et ululatus. Lets patefacio sursum maps.google.com. Faciamus fenestram maior est. [00:27:36] Revertere ad XXXIII Oxford Street. Quae nuper eram website? Haec habui, ut privata Fleta instant ergo verbum hoc quod ego youd ' quis amicus cum esset online qui vellent audire, praedicaretur. Illic 'aliquid website. EGO reputo suus 'ita Comcast-- et ipse est American ISP. Nulla rhoncus ut signans novum modem cable TV servitium, vel servitium, habent formam racionabiliter valde pro quibus invocaverit te alienigena, ubi oratio. Et hoc est mirabile pluma accersitus auto complete, similis Google implere iste, In responsione ad quaestionem. [00:28:04] Quaestio est, quod auto perfectum facere quae prima VIII. XXXIII Si vos satus typing in eam ostendam tibi litteram omnis domus, ut satus in America numero XXXIII prius quam ad ut typus magis putatis ultricies. Sic si vos typus Oxford XXXIII, tunc ostendit vobis omnem vicum XXXIII, quod in America est in Oxford nomen utcumque oppidum quod vestri 'in. [00:28:25] Et tunc continue typing. Et tandem, quod non cognoscit, domi Cantabrigiae servitium offerunt aut aliquid tale. Sed hoc est, quod maxime Asinus rogabat Equum exsequendam of auto perficere in aeternum. [00:28:34] Et Im 'iustus iens off Hoc iterum tangit. Sed bona opera inventa sunt in viis usus JavaScript et malos. Et quod non necessario optima est. [00:28:40] Nunc autem hic ante ELOGIUM erat hic tools aperire et aperire elit tools, ut diximus, cohortatus est, et vigilate in Network tab ut EGO vere click elit. Et notandum totum Fasciculumque et factum est ut preces. Hæc autem cum tractu. [00:28:57] Et maxime quidem multus of ordinibus illis nunc imaginem VULNUS JPEG Content MIME genera vel species. Id quod facit quod chrome click tempor trahat, click et sagena sua, id est, scientes, oh, Google quaero, eundum est tile ita hic in charta, HTTP est download via cito, adde, quod dicitur, et sapientiam to the web navigatores memoriam in ligno repraesentatur ita ut user, me, videt, quod tile updated. Et hoc ideo, quia a ars dicitur AJAX. Back in die, vere Quod si esset ita factum quid mutare voluerit in screen, click vos haberet, sursum, deorsum, sinistrorsum, ius. Tunc aperientur pagina. Sed his diebus, omnia est elit. Modo contingit esse hominem utinam tam remota et quod bonum est in actu. Et hanc consequitur, viam a ars dicitur AJAX, quod est fortasse optimus explicatur etiam potest per exemplum. Primum patere me grassor et patefacio sursum a file dicitur in quote.php hodie distributio code. [00:29:53] Et tunc me fac symbol-- ululatus. Signum = agam GOOG iustus pro aliqua stirpe. Aut actu, et faciamus Unum quidem in Pset FREE. Ingreditur. [00:30:05] Et notandum, quod recipis. Et hoc est realiter Denique PHP file et ego scripsit quod codice nisi mutuatur de Pset7 lookup functio est scriptor et per hunc respuit crispus, ue et quotes et colon notatio, ut videtur, in current stirpe pretium Vexillum ut vos adepto in via. Quare sunt alius generis a parte quae weve Ego feci in ea re denuntiatum ad litteram expuens out et densa quasi JavaScript code. [00:30:27] In facto, hoc est, quod JavaScript. Ita profecto, quod magis constat, JavaScript Object Notation-- JSON-- modus dicendi est, quod credo data multa repraesentare potest in JavaScript ut possis in PHP usura key valorem paria. Si quid ergo audebant in a JavaScript variabilis Zamyla ut repraesentet, nam instance-- instrúite in Zamyla-- et feres student, hoc variabilis. Id eius est unum, est in domum Winthrop, et nomen est Zamyla. [00:30:53] Sed potest etiam variae res. Si igitur esse voluit an array quo in JavaScript talis multiple obiecta, hoc tum virgam repraesentans, Haec tria ut veniat chunks of code back ut tergum ut tergum ad hec tres illi baculum membra. Et syntax, satis similar to to both-- PHP. Sed hoc maxime JavaScript. Sed obiectum notation. Utilis ergo est? [00:31:17] Si salivam huiuscemodi homo iecerit exacte quod de JSON-- Quod effercio JavaScript Object Notation-- videtur quod hoc aut vas similis est structure Zamyla, I, cernere uti progressio in scribo. Ibo igitur ad ajax0.html. Et hoc non multum too-- reflectitur AESTHETICA. Sed vide quid accidit. [00:31:34] Dimitte me et praemittat typus hic liber. Click quote adepto. Et adverte URL non mutatur. Sed acerbum fecisti uelut hodie denarium stirpe pretium $ 0.15. Sic non omnes qui malus. Sed differentia est, quod quodammodo, statim reversus est ad me elit. Sed scriptor gradus aliquid magis nota. In version unum hoc me type liberum iterum, click Get Quote, et now-- oh, hoc est jQuery actu version. Sic luceat me meae Ego autem non feci ieiunium-deinceps satis satis. Dimitte me ut duobus versionem, quae quo volebam. Animadverto quod egi hic. Web pasco paginae mihi eximius simplex poema poematis of ullus textus page uti hodie, ut in campo text videtur hic liber, sicut text. [00:32:14] Hic non est forma, ut videtur. Si ego click impetro quote, attendendum meum web page mutare tamquam de just got a new instant nuntius moveri, aut locupletior mihi sit et data vobis ut nequaquam amplius opus map addidit dynamically to the web page et tessera data extra URL user experientia questus interrupta. Quia ecce ego adhuc iisdem place-- ajax2.html. [00:32:35] Intueamur ergo tantum ad exemplum et vide, quomodo agatur. Dimitte me ut vadam in ajax2.html. Et tertia pars tui in prima forma. [00:32:44] Hic ponitur, conversus sum off auto complete. Fit tamen quandoque, si pasco molestus ne temptata quidem ut ostendam in te totum history. Tu potes per HTML auto perficiendum off 'iustus dicens. [00:32:53] Dixi hoc agro symbol-- magis, an ID of symbolum. Nunc sit amet pluma. Non fabulas aevi sed non potes id cogitare sicut a paragraph tag vel div tag. Suus 'quid suus' vocatur, in-line elementum, quam a non sequitur quod sit a irritum superius et inferius. Suus 'iustus iens ut non stare in acie hitting equivalent of intrare. Idcirco et ego commodavi hoc FRUSTUM of HTML ad hoc quod determinetur a unique Identifier ut dicitur I ad arbitrium price. Subditi habeo felis. [00:33:21] Propter hoc nunc et usque here-- mirum quam nihil codice actu superessentialem poteris scribere ad clarum faciat secundum quid neat things-- si hic notandum quod egi Hanc librum usque ad caput. Ive 'includitur in primum caput a script tag ut etiam references Alibi JavaScript lima. Hoc est a gentibus conuocatis ut scribit jQuery, Aliquam et hoc dederit tibi eorum poema poematis of jQuery library. [00:33:42] Et hoc est genus quasi acuta aut includunt in C requirere in PHP. Vos utor script tag a quo cum convenire. Nunc mihi dolor sit hic recte futurum. [00:33:52] Animadverto habeo functio vocavit Quotes. Et is vultus paulo crypticus primo aspectu. Sed lets lusum hoc seorsum. Da mihi variabilis vocavit URL. Tribuo is litteram hoc nervo. Sic uno quotes, in duplici quotes Sicut est mihi filo JavaScript. What does the plus facere? Concatenation. [00:34:08] Et hoc modo est jQuery syntax quae paulo questus adsuesco assuesco. Sed hoc non est nisi in me vade DOM unique Identifier est node cuius signum est. : Quod significet quod non hashtag unique Identifier symbolum. [00:34:21] In pupa signum est, Parentheses iustum medium, id involvunt, quasi in occulto jQuery ut condimentum vos adepto additional functionality. Et tunc nihil aliud esse videtur .val munus, quod dicimus nunc, hoc node inside of a ratio dat pretium justo. Ita in brevis, turpis, et confundit, quia prima fronte inspicit, Hoc non est ad adepto user typed in fine posuit chorda concatenating per eam. Quod suus omnes. [00:34:43] Itaque iam, tres lineae. Te potest exprimendum a multus of functionality ex tribus lineis rectis. Hoc pupa signum, ut seorsum, est iustus a cognomen impressit nam a global variabilis special proprie dicitur jQuery. [00:34:55] Dollar signum iustus spectat frigus. So the community jQuery iustus genus of usus in suo proprie imago. Non autem quantum ad id quod est in PHP. In JavaScript, pupa signum est, sicut littera aut numerus variabilis. [00:35:07] Sicut hoc nomen habere potest. Just Videtur frigus. So the community ut eam adoptavit cognomen nam dicitur jQuery library sua. [00:35:13] Et suus eximius popularis. Eia igitur, quae est exigo JSON. Suus 'functio quod folks ad jQuery scripsit quod fit ex a JSON server-- JavaScript Object notatio. Ex iis, quae agis URL impetro ut notitia? Videtur ex hoc URL ibi. [00:35:27] Quid faciemus ut pasco hunc simul ac redierit, eorum responsum? Et hoc est magicam Ajax ita speak-- Asynchronous XML in JavaScript. Tam difficile est videre ut puta hic simplex. [00:35:41] Sed hoc non fuit in asynchronous ita scilicet quod, cum codice meo misit quoque Ezechias ad supplicium server ire adepto nonnullus me JSON. Et factum est superessentialem ieiunium I got ut a responsio. Sed quid hoc sit amet non pendet aciem euismod mi. [00:35:55] Telarum icon non video. I, non amisit motabilem muris meis. Actu mea pasco prorsus elit. [00:36:01] Quia via JavaScript tractantem servo responsum est. Tu adnotet quod Curabitur appellant a muneris callback, quod iustus, heus, JavaScript. Atque ubi primum ex server respondet JSON, anonymous placere vocant hoc munus. [00:36:18] Autem, per hoc munus penetravit quidquid server stringere exspuent pro argumento vocavit notitia. In aliis verbis, si Im 'quod frequentes testantur, hoc URL in a quote.php transeuntes vel similis symboli FREE GOOG aut whatnot, Ego autem dico Tolle quod URL JavaScript. Ut recogites in corde browser est iens ad aliquid ut vultus amo is earlier-- vidimus. [00:36:42] Et quod in secundo argumentoconsiderandum Discipulus, dixit JSON vocare hoc munus est cum server recipiat utrum suus 'X milliseconds X seconds vel ex hoc ex praesenti tempore. Quod ubi feceris, page pretium add. Hic syntax hic significat tolle node de ligno, unique Identifier ut supra vidimus price-- est span. [00:37:01] Hoc modus vocavit HTML sicut Augustinus dicit, locum ire, data.price in HTML ut 'ibi. Quid data.price? Etiam pasco, revocare, haec ostendit mihi et redii. Et data est. [00:37:14] Atque ita literae modico here to order video. At vero, quicquid est. Dimitte me iustus hoc crustulum realis ieiunium in gedit et istud pande, ut ostensum est Zamyla structura est scriptor superius. [00:37:27] Quod server mittit retro a quod minimum, quod spectat sicut est hodie. Et sic est data.price iustus dare me 0,1515. Sic multus of movens hic omnes partes simul. [00:37:39] Sed key est takeaways quod hoc illis est ut HTTP additional petitiones usura JavaScript quin reload pariatur. Et sic non potest esse web page mutare no. Et eveniat quod JavaScript et aliis linguis adhiberi potest, non solum nunc, ad mutate web pages, sed scribere ad actu software in actu computer, aut aliquid huiusmodi, non est alligata Aluminium. [00:38:00] In facto, if-- Colton, si eos Ascendite ad nos, sicut ad cum lab code, necnon et Chang? Ante eamus, qui, cum de et officia anonymous callbacks et hic quidem casus cum vivunt in corpore sanguinis profluit demo ore technology una Elite Motus his adinventionum suarum. Hoc consilio revocare numquid non modica est USB fabrica, ut bene ut 'that-- beautiful-- quod plugs in vestri USB portus est. [00:38:25] Et tunc input providet in forma humana, in gestibus detecta uti ultrarubrum trabes, ratione, motus ex brachium. Et cum probatur quod Maria in conspectu eius muscularis, et quidem cum sensu, quod suus 'mutans et brachium tuum, hoc est substructio ultrarubrum. Unde motus intra quaerit aut genus pede sphaera operis sui. [00:38:46] Cur igitur non accipio hoc primum a stab at? Et proicies te et abeamus hic vos in medium. Sic lets posuit eam hic Coltonis laptop. Andreas invenimus in TV. Quid vultis ut faciam primum [00:39:00] Colton: perge quo cupis, et justum, inpone manus super hoc guy quaedam etiam fabulosa et videbis praefulgeant. [00:39:04] DAVID J. Malan: Very nice. Haec omnia fieri in realibus tempus. OK. All right, et vidi,. Ita delicatus. Bene, quid faciemus? [00:39:15] Enses: Ite, et videte tunc screen. [00:39:17] DAVID J. Malan: All right. [00:39:19] Colton: A fun parum venatus ut ubi tibi robots. [00:39:21] DAVID J. Malan: Omni jure, sic hoc, Monstras mihi ad manus est fictus. Enses: Sic Age et apprehende unum de caudices et pones illud super quod corpus robot. DAVID J. Malan: O, manum. Oh. OK, adorandus Dei. Exspecta paulisper, OK. Ibi imus. [00:39:41] Colton: ego unum eorum accidit. [00:39:43] DAVID J. Malan: Bene, ego reddam huic. Damnant eam! Quod si nos hoc ultimum practicing nocte in sue Quid hoc? [00:39:51] Sicut est hodie. OK. Postea? [00:39:55] Colton: Certus. [00:39:56] DAVID J. Malan: All right, et illic 'a tertia. All right. Enses, et in hoc uno, vos adepto constituite DAVID J. Malan: O, huius pulchritudinem. Colton: --yeah, carperent flore. DAVID J. Malan: OK. Arundinem vento agitatam? DESIDERABILIS. [00:40:14] Enses: O Grat. [00:40:15] DAVID J. Malan: Ah, vide. Very nice. Cur dont 'nos hic est de volunteer usque venire volumus. How about adiacet in viridi est? [00:40:27] Bene, lets have-- sed illud, vos hoc ludum scirent here-- interficiam funem, forte? Lets videre. Habemus on specula super hic? [00:40:37] OK. Gratias tibi ago. Quid est tibi nomen? [00:40:39] AUDITORES: Laura. [00:40:40] DAVID J. Malan: Laura? Nice videre. Si vos dont mentem ponens Google Vitri, quod supra te est, visi sunt. Hoc est Colton. [00:40:46] Colton: Hi. Nice vobis occurrere. [00:40:48] DAVID J. Malan: OK, qui omnia in circuitu. Bene, ita quod erant 'iens ut hic, qui numquam antea, sit manus tua super hic salta motionis est. Moveatur autem sagitta. Oh, neque illud. [00:40:57] AUDITORES: No. [00:40:58] DAVID J. Malan: We et non vis dimittere. OK, expectare. Super hic. Vide igitur, ut te Domine manum meam super aliqua re, Hoc tibi incipiat mus, quod est quam vos click. [00:41:06] Unde, super Play. Digitum unum et multa. Et nunc click in aliquantulus viridis a sinistris. Et usque nunc viridi implet. Bonum. Sed hujusmodi re usque summitatem. [00:41:16] AUDITORES: Yeah, re sumus hic. [00:41:20] DAVID J. Malan: bene. OK, sic totus vos have nonne melius est incidere funem. Alba cursorem est ibi. [00:41:28] Very nice. Bene, suus 'magis ut. Conquiescite igitur, nunc postero digitum. Bonum. Hoc unum suus 'ferreus. [00:41:39] AUDITORES: O crap. OK. Vult intrant per eam. O lutum, that-- [00:41:44] DAVID J. Malan: Yeah. Finis est ut secundaria omnibus astris. All right, postero. [00:41:53] Videamus an possit hoc tertium. Bonum. OK, transibis ad illam. [00:42:06] Certus. Oh, valde nice. All right. [00:42:11] Cur igitur non dimitti nobis hodie? Si quis vult venire ad ludere. Gratiae ut noster voluntariorum ad Laura. Videbo vos et feria. [00:42:18] AUDITORES: Vos forsit volo rettulit. [00:42:21] ORATOR II: Ad proximum CS50--