Week 9, continued CS50 English Basque

Week 9, continuedYouTube↗ IA↗(long shot)
Education 27.8K views 0 likes 0 dislikes 07 Nov 2013

CS50 2.4M subscribers United States YouTube↗

Click to Play Video

>> DAVID MALAN: All right.

>> DAVID MALAN: Ondo da.

This is CS50, and this is the end of week nine.

Hau CS50 da, eta hau da, astean bederatzi amaieran.

It's been a whirlwind over the past few days.

Honez baino gehiago izan dira zurrunbilo bat Azken egunetan.

And problem set seven, if you're knee deep into it, realize there's quite a

Eta arazo ezarri zazpi, Oraindik belauna bada sakonak sartu, konturatzen ez da nahiko

bit new that's in there.

bit berria hor da.

But let's see if we can't piece everything together here briefly

Baina ikus dezagun ezin dugu pieza bada dena batera, hemen, labur-labur

before then veering off in yet another direction and seeing

aurretik ondoren off veering oraindik beste norabide eta ikusten

where else we can go.

non bestela joan gaitezke.

>> So thus far, we've talked about HTML.

>> Beraz, beraz, orain arte, HTML hitz egin dugu.

We've talked about CSS.

CSS hitz egin dugu.

We've talked about PHP.

PHP hitz egin dugu.

You've started to experience SQL.

SQL esperientzia hasi duzun.

Today, we'll talk a bit about JavaScript.

Gaur egun, hitz egingo dugu apur bat JavaScript buruz.

But how do all of these disparate languages fit together?

Baina nola jakin desberdinak horiek guztiak hizkuntzak batera jarrita?

>> So we talked last week about the notion of having a server.

>> Beraz buruzko azken astean hitz egin dugu zerbitzari bat izatea nozioa.

So let's just draw this rectangle as a web server here.

Hargatik laukizuzen hau marraztu besterik en web zerbitzari bat hemen bezala.

And a web server serves surely files.

Eta web zerbitzari bat balio du ziur aski fitxategiak.

And some of those files can be HTML files.

Eta fitxategi horietako batzuk HTML fitxategiak izan daiteke.

So one of the things that a web server can spit out might be a file that

Beraz, gauza bat duten web zerbitzari bat txu fitxategi bat izan liteke

we'll just draw like this containing some HTML.

besterik ez dugu hau bezalako marraztu HTML batzuk duten.

So in layman's terms, what does HTML let you do?

Beraz layman dagokionez, zer du HTML utzi egin nahi duzu?

>> AUDIENCE: Page look nice.

>> AUDIENCE: Page itxura polita.

>> DAVID MALAN: OK, make a page look nice, although I think I've proven

>> DAVID MALAN: Ados, egin orri baten itxura polita, uste dut frogatu dut, nahiz

that otherwise.

So HTML does let you lay out pages structurally, and it allows you to

Beraz HTML du finkatzeko duzu orriak utzi egituraz, eta aukera ematen da

sort of aesthetically mark up a page, mark up static content, so that you

Sort estetikoki markatzeko gora orri bat, markatzeko gora eduki estatikoa, beraz,

can then view it with a web browser.

orduan ikusi ahal izango da, web nabigatzaile baten bidez.

>> But that's the key.

>> Baina hori gakoa.

It's static content.

Edukia estatikoa da.

You write it, you save it, and then you ship it.

Idazten duzunean, gorde egin duzu, eta, ondoren, ontziratu duzu.

And the web server then serves it up to your visitors.

Eta web zerbitzariak, ondoren balio zure bisitariek aukeratu.

>> But we stylize things using a different language altogether.

>> Baina gauza desberdinak erabiliz estilizatzeko dugu hizkuntza erabat.

We started to use a style attribute on certain tags.

Estilo atributu bat erabiltzen hasi gara zenbait etiketa da.

And the style attribute let us set things like font size and color.

Eta estilo atributua gaitezen ezarri letra tamaina eta kolorea bezala gauzak.

And you've probably started to discover, or you soon will for final

Eta seguruenik hasi duzu gorderik, edo zuk laster finalean izango

projects potentially, yet other properties that you can use in CSS.

proiektuetan potentzialki, oraindik beste propietate CSS erabili ahal izango dituzu.

And so in layman's terms, what really then does CSS do?

Eta beraz layman dagokionez, zer benetan gero egin du CSS?

Those are just examples thereof.

Horiek hemen adibide besterik kontratuan.

What does it let you do that HTML doesn't seem to from what

Zer egiten duzu utzi duten HTML ez du zer tik diruditen

we've seen thus far?

ikusi dugu, beraz, orain arte?

>> AUDIENCE: Define styles by yourself.

>> AUDIENCE: estilo Zehaztu bakarrik.

>> DAVID MALAN: Define styles by yourself.

>> DAVID MALAN: Zehaztu estiloak bakarrik.

So define things like classes as you may have encountered, or uniquely

Beraz duzun bezala klaseak bezala gauzak definitzeko aurkitu daiteke, edo bakarrean

identify nodes in a document so that you can stylize them.

nodoak identifikatu dokumentu batean hain horiek estilizatzeko dezakezu.

But more specifically, I'd say that CSS really lets you take things the

Baina zehatzago, CSS dela esango nuke Benetan aukera ematen dizu gauzak hartu dituzun

last mile and allows you to specify much more precisely the aesthetics,

azken milia eta, horri esker, askoz ere zehaztu behar duzu gehiago, hain zuzen, estetika,

whereas HTML for the most part lets you structure your pages.

berriz HTML zati handiena ematen dizu zure orriak egituratzeko duzu.

>> And even though there are some defaults, like we saw the tag for

>> Eta lehenetsiak batzuk daude, nahiz eta, bezalako etiketa ikusi genuen

a heading tag, which roughly speaking made things big and bold.

epigrafe etiketa bat, eta horrek gutxi gorabehera hitz egin gauza handia eta lodia.

That's a pretty generic definition of the tag-- big and bold.

Duten definizioa nahiko generiko bat da Etiketa du - handia eta lodia.

What font size is that?

Zein tamaina letra-da hori?

What color is that?

Zer koloretakoa da hori?

How bold is that?

Nola lodia da hori?

And CSS lets you more finely tune things like that.

Eta CSS aukera ematen dizu gehiago fin-fin sintonizatu gauzak horrela.

As well as layout, as some of you have seen.

Baita diseinua, batzuek bezala la ikusi duzu.

>> And frankly, CSS is a bit of a messy language.

>> Eta Egia, CSS pixka bat da narratsa hizkuntza baten.

It's very powerful in that you can make literally any website that you've

Oso indartsua da hori egin ahal izango dituzu bertan literalki edozein duzun dudan dituzten web

seen on the web today with it, but it's kind of a pain in the neck.

gaur web-ean ikus berarekin, baina lepoan mina bat mota da.

And some of you have banged your head against the walls already just to do

Eta zuetako batzuk zure burua banged dute hormak dagoeneko besterik egin aurka

something stupid like center a menu on problem set seven if you've gotten to

zerbait zentro menu batean bezala ergelak Arazo multzo zazpi duzun ahaztuak bada

that point already.

dagoeneko puntu horretan.

>> But realize, those things get easier over time.

>> Baina konturatzen, gauza horiek lortzeko denboran zehar errazago.

You start to notice patterns.

Ereduak nabarituko hasten zara.

And again, Google will be your friend for the various ways in which you can

Eta, berriz ere, Google zure laguna izango da bertan, ahal duzun hainbat modutan egiteko

solve these kinds of problems.

arazo mota horiek konpontzeko.

>> And I dare say with CSS, and HTML more generally, you can solve problems in

>> Eta CSS batera esango nuke, eta HTML gehiago oro har, arazoak konpontzeko dezakezu

many more ways, all of which might very well be correct, than you could

Modu asko gehiago, denak ere agian oso ondo izan zuzena, ezin izan duzu baino

in something like C, even now PHP, or JavaScript.

C antzeko zerbait, nahiz orain PHP, edo JavaScript.

There are just many different ways to lay things out.

Badira besterik hainbat gauzak finkatzeko dituzten moduak.

>> But this started to get messy, we said.

>> Baina hau hasi iristeko narratsa, esan dugu.

Just kind of commingling your HTML and your CSS with the style attribute was

Mota besterik ez zure HTML commingling eta Zure CSS estilo atributua zen

a little sloppy.

Pixka bat sloppy.

And so we instead said, sort of abstractly speaking, that you should

Eta, beraz, horren ordez, esan dugu, ordenatzeko abstraktuan hitz eginez, behar duzun

at least start to factor out your CSS probably.

gutxienez faktorea hasteko Zure CSS daudelarik seguruenik.

Not your style attributes, but at least use the style tag inside what

Ez zure estiloa egozten, baina, gutxienez, zer barruan style etiketa erabiltzeko

part of the web page?

web orriaren zati?

>> AUDIENCE: Head.

>> AUDIENCE: Head.

>> DAVID MALAN: In the head.

>> DAVID MALAN: burua ere.

Up until now, we only had the title up there, but you can also add a style

Orain arte bakarra izan genuen izenburua sortu han, baina baita estilo bat gehitu dezakezu

tag, and you can put your CSS roughly speaking toward the top of the page.

etiketatu, eta zure CSS gutxi gorabehera jarri dezakezu orriaren goiko aldera mintzo.

But then we took things one step further and we factored that out more

Baina gauzak beste urrats bat eman ondoren, hartu genuen eta gehiago duten faktorizazioa dugu

into a separate file.

aparteko fitxategi batean.

>> And so these two files were somehow now linked.

>> Eta beraz, bi fitxategi hauek izan ziren nolabait, gaur egun lotuta.

And indeed it was the tag that did that.

Eta halaxe izan zen Etiketa hori egin.

And what was one of the overarching motivations for factoring out our CSS

Eta zer zen Globalak bat daudelarik factoring gure CSS motibazio

>> AUDIENCE: Reusability.

>> AUDIENCE: Berrerabilerea.

>> DAVID MALAN: Reusability.

>> DAVID MALAN: Berrerabilerea.

You may have seen in p-set seven already that a lot of the pages, the

In ahal izango duzu ikusi p-set zazpi dagoeneko duten orriak asko, the

buying page, the selling page, the portfolio page, are probably

erosketa-orria, salmenta-orria berriz ere, zorroa orria, ziur aski

structured somewhat similarly.

zertxobait antzera egituratua.

There's a CS50 finance logo at the top unless you've decided to change it.

Ez dago CS50 finantzak goialdean logo bat hura aldatzeko erabaki duzun ezean.

There's a footer at the bottom of pages.

Han bertan Oina bat orrialdeen behealdean.

And CSS allows you then to factor it out it into a separate file so that if

Eta CSS ahalbidetzen orduan faktore duzu aparteko fitxategi batean Hori hala bada

you want to change something globally across your whole site, you can really

zerbait globalki aldatu nahi zure gune osoan, ahal duzun benetan

just change it in one place.

besterik aldatuko da leku batean.

>> But there is a price you pay potentially by having factored out the

>> Baina ez dago prezio bat potentzialki ordaindu behar da haber factored kanpo egindako

CSS from my HTML file into a separate file referencing it with the

Nire HTML fitxategitik CSS bereizi bat sartu fitxategia da erreferentzia duen

tag, which we saw on Monday.

Etiketa, ikusi astelehena dugu.

What might the downside be of this?

Zer dezake arazotxo hori izango ote da?

Thinking back a week ago to when we're talking about HTTP and TCP/IP and how

Atzera pentsatzen duela astebete Oraindik dugu HTTP eta TCP / IP eta buruz nola hitz egiten

the internet works.

Interneten lan egiten du.

Something over here?

Hemen baino gehiago zerbait?

>> AUDIENCE: It takes more time.

>> IKUSLEEN: denbora gehiago behar izaten ditu.

>> DAVID MALAN: It takes more time.

>> DAVID MALAN: denbora gehiago behar izaten ditu.

>> AUDIENCE: [INAUDIBLE].

>> IKUSLEEN: [INAUDIBLE].

>> DAVID MALAN: Yeah.

>> DAVID MALAN: Bai.

So it arguably takes a bit more time.

Beraz, dudarik gabe, pixka bat gehiago denbora hartzen du.

Because one, the CSS is obviously not in the same file.

Bata, CSS da jakina delako Ez dago fitxategi berean.

So now you have to make not one, but two requests.

Beraz, gaur egun ez da egin behar duzu bat, baina bi eskaerak.

And each of those requests as we saw in Chrome in the so-called Inspector,

Eta eskaerak horietako bakoitzean ikusi dugun Deiturikoak Inspector in Chrome,

and we looked at the network tab, each of those files requires one HTTP

eta begiratu sare fitxa, bakoitza fitxategi horiek HTTP bat eskatzen

request, which we saw takes some amount of time.

eskaera, eta bertan ikusi genuen hartzen Denbora kopuru batzuk.

Now, maybe it's not a lot.

Orain, agian, ez da asko.

Maybe it's only 20 milliseconds.

Agian milisegundotan 20 bakarrik da.

Maybe it's 200 milliseconds.

Agian 200 milisegundotan da.

>> But think about a page like Facebook, or CNN, or Google, which are much

>> Baina Facebook bezalako orri bat pentsatzen, edo CNN edo Google, horrek askoz

larger than the examples we've looked at thus far.

adibideek dugu baino handiagoa beraz, oso urrun begiratu.

Those pages might have dozens of files, each of which might require a

Orri horiekin fitxategiak dozenaka izan dezake, horietako bakoitzak bat behar izatea

download of a file.

fitxategi baten deskarga.

So things can potentially start to slow down.

Beraz gauzak ezin potentzialki hasteko motelduko.

>> And especially these days when we all have mobile phones in our pockets and

>> Eta, batez ere, egun hauetan denean denok telefono mugikorrak izan gure poltsikoetan eta

slower internet connections, having to wait a few more milliseconds, a few

internet konexio motelagoa, beharrik itxaron bat milisegundotan gehiago batzuk, gutxi batzuk

more milliseconds for additional files can actually be slow.

osagarriak milisegundotan gehiago fitxategiak benetan daiteke motela.

Latency is the word that describes the kind of waiting that you have that you

Latentzia duten deskribatzen duen hitza da motatako duzula zain duzula

experience when waiting for some piece of information.

esperientzia denean zain Informazio zati batzuk.

>> But there is an upside.

>> Baina han goitik da.

So it's not all sort of a--

Beraz, ez da bat-mota guztiak -

it actually is a bit of a seesaw here.

benetan seesaw bat hemen pixka bat da.

Downside now, but what browsers can do if they're smart in order to avoid

Arazotxo orain, baina zer nabigatzaile egin ahal smart ari dira saihesteko bada

having to request the same styles.css file again can be to do what?

the styles.css bera eskatu beharrik fitxategia berriro zer egin daiteke?

Beraz cachean -

generally means here just to save the file you requested the first time, and

oro har, hemen esan nahi du, besterik gabe, gorde du fitxategia lehen aldiz eskatu duzu, eta

then check your cache for it.

ondoren egiaztatu zure cache da.

Check you're sort of storage container, and if you already have a

Check Oraindik biltegiratze edukiontzi moduko, eta dagoeneko badaukazu bat

copy of styles.css, even if some other page in the p-set, or any website,

styles.css kopia, nahiz eta beste batzuk p-set, edo edozein web orrialdean,

requests it again, just to give the user that same cached copy.

berriro eskatzen, besterik gabe emateko erabiltzaile berari duela katxeko kopia.

Don't bother requesting it.

Ez saiatu hura eskatzeko.

>> Downside there, though, as some of you have tripped over in the p-set.

>> Arazotxo han, nahiz eta, batzuk bezala dute estropezu gehiagoko p-multzoan.

If you make a change on the server and you go back to the browser and you

Zerbitzarian aldaketaren bat egin baduzu eta atzera nabigatzailean eta joan zaren

reload, sometimes the browser does you a favor and doesn't bother

freskatuz, batzuetan nabigatzailea ez duzun alde bat eta ez da traba

re-downloading your styles.css file because, come on, what are the odds

Zure styles.css fitxategia berriro deskargatzen , izan ere, goazen, zer dira odds

that these styles that Facebook uses are going to change hour to hour or

duten estilo horiek Facebook erabiltzen duen daude orduko aldatzeko ordu edo joan

It's pretty low.

Nahiko txikia da.

They might change over time, but not by the minute or by the hour.

Denboran zehar aldatu dute agian, baina ez minutuko edo orduko.

>> So a trick, just FYI when doing web development, is often hold down the

>> Beraz, trikimailu bat, besterik FYI web egiten denean garapena, maiz, ez askatu da

shift key for instance and then click reload in your browser, and that will

filmea gako Adibidez eta egin klik Zure nabigatzailean freskatuz, eta borondate horren

typically tell the browser reload everything, even if you already have

normalean esango nabigatzailean berritu du guztia, dagoeneko baduzu ere

it in the cache.

So again, upsides and downsides, but all of them

Beraz, berriro ere, upsides eta downsides, baina ez denak

ultimately design decisions.

azken finean, erabakiak diseinatzeko.

>> So now, we didn't just end the story here.

>> Beraz, gaur egun, ez dugu besterik Istorioa amaitzeko hemen.

If I now go back and back and back and back, we started to introduce not just

Orain dut atzera eta atzera eta atzera jo bada eta atzera, eta ez bakarrik aurkeztu hasi ginen

HTML, baina PHP.

So in layman's terms, what does PHP let us do?

Beraz layman dagokionez, zer duela PHP gaitezen egin?

>> AUDIENCE: [INAUDIBLE].

>> IKUSLEEN: [INAUDIBLE].

>> DAVID MALAN: What's that?

>> DAVID MALAN: Zer da hori?

>> AUDIENCE: Introduce logic into the code.

>> AUDIENCE: Sar logika kodea sartu.

>> DAVID MALAN: Yeah, introduce logic into your code.

>> DAVID MALAN: Bai, aurkeztu logika zure kodea sartu.

So it's a true programming language with loops, and variables, and

Beraz, programazio hizkuntza egia da begiztak, eta aldagaiak, eta honekin

functions, and conditions, and all of the things we've been using way back

funtzioak, eta baldintzak, eta guztien izan dugu modu back erabiliz gauzak

when since scratch.

denean scratch geroztik.

And PHP, we've seen, can be used either at the command line-- it

Eta PHP, ikusi dugu, erabili ahal izango da bai komando-lerroan - da

doesn't have to have anything to do with the web, even though that's

ez dute ezer egin behar den web batera, nahiz eta hori da

really its origins and what it tends to be good at and conducive to--

benetan bere jatorria eta zer joera ona eta aproposa izan -

but you can use PHP merely by nature of the fact that it has a print()

baina PHP erabil dezakezu naturak hutsa Izan ere, kopia bat duela (of)

function, and a printf() function, or an echo() function.

funtzioa, eta printf baten () funtzioa, edo oihartzuna () funtzioa.

There's bunches of ways you can print text with PHP.

Ez dago modu sortak duzu testu inprimatu ahal PHP.

>> Therefore, you can use this programming language to output exactly

>> Hori dela eta, programazio hau erabil dezakezu hizkuntza irteera zehazki

what we were talking about before.

zer aurretik buruz hitz egin genuen.

You can dynamically generate your HTML.

Dinamikoki sortzeko dezakezu Zure HTML.

Maybe not all of it.

Agian ez da guztia.

Maybe you hard code things, like the header, and the footer, and the logo,

Agian kode gauza gogorra, bezalako goiburua, eta behean, eta logotipoaren,

and your style sheets, and all of that.

eta zure estilo-orriak, eta hori guztia.

But for something like p-set seven, where you're manipulating stocks and

Baina p-set zazpi antzeko zerbait, non izakinen manipulatzeko eta zu

showing the user's portfolio, which is going to dynamically change, you could

erabiltzaile-zorroa erakutsiz, hau da, dinamikoki aldatu egingo da, ezin duzu

surely use PHP and the logic it gives you as a programming language to

ziur asko PHP eta logika horri ematen erabili programazio hizkuntza gisa duzu

output dynamically subsets of the page.

irteera dinamikoki azpimultzoak orrialdearen.

>> So when you talk about dynamic websites, or web programming, that's

>> Beraz, webgune dinamikoagoa buruz hitz egin duzu, edo web programazioa, hori da

what you're really talking about.

zer zaren benetan buruz hitz egiten.

Using a language like PHP, or things called Python, or Ruby, or Java, or

PHP bezalako hizkuntza bat, edo gauza erabiliz Python, Ruby edo, edo Java, edo deitu

yet other languages, to query a database often, or another server, and

oraindik beste hizkuntzetan, datu-base bat kontsultatzeko askotan, edo beste zerbitzari batera, eta

then dynamically spit out HTML.

Orduz dinamikoki txu HTML.

>> Now the end result, as an aside, is that the HTML of most websites,

>> Orain azken emaitza, bat alde batera utzita, ez da duten webgune gehienak HTML,

including your p-set seven, is probably going to be a huge mess if

barne zure p-set zazpi, da seguruenik nahaspila handi bat bada izango da

you look at the source code in a browser.

begiratu iturburua n zaude arakatzaile batean kodea.

That's not a big deal.

Hori ez da big aurre.

At this point, when we care about style, we care about the

Honekin, denean arduratzen gara style, buruzko zaintzen dugu

stuff that you write.

Idazten dituzun gauzak.

We won't care about the stuff that what your code outputs.

Ez dugu stuff buruzko zaintzeko hori da zure kodea irteerak.

So don't worry about indentation here if it's PHP that's

Beraz, ez koska kezkatu hemen PHP bada hori da

actually outputting stuff.

benetan stuff outputting.

After all, the browser won't care, and a human won't be looking

Azken finean, nabigatzailea ez du axola, eta giza bat ez dugu bilatzen

at the source anyway.

iturburua hala ere.

We the staff, for instance, would be looking at your PHP.

Dugu langileek, adibidez, ez litzateke egon zure PHP begira.

>> So let me give a quick example now of why else this might be useful.

>> Hargatik adibide azkar bat ematen dit orain zergatik bestela Hori erabilgarri izan daiteke.

So frankly, I can't remember the last time I used C to solve a problem in

Beraz, Egia, ezin dut gogoratzen azkena denbora C erabiltzen dut arazo bat konpontzeko

the real world.

mundu errealean.

It was probably in graduate school when I needed to use a language that

Ziurrenik zen eskola graduondoko denean Hizkuntza bat erabili behar nuen duela

was fairly low level and gave me the opportunity to do something very high

maila nahiko altua zen eta eman zidan aukera oso altua zerbait egin

performing to really save as many CPU cycles as I could, in large part

PUZ asko bezala benetan gorde eszenikoen zikloak nuen bezala, neurri handi batean

because I was using huge data sets, and every CPU cycle counted.

dut datu-multzo handi erabiltzen delako, eta PUZaren ziklo guztietan zenbatuko.

And frankly, even in things like phones these days and other devices

Eta Egia da, nahiz eta telefonoak bezalako gauzak egun hauetan eta beste gailu

where you don't quite have as much memory and you don't quite have as

non ez nahiko duzu askoz memoria eta ez duzu nahiko izan gisa

much CPU, using faster languages is still appealing.

askoz CPU, hizkuntzak azkarrago erabiliz da oraindik erakargarria.

>> But in the real world, when you just want to throw some program together to

>> Baina mundu errealean, noiz besterik ez duzu programa batzuk elkarrekin bota nahi

analyze some data, or you've collected a whole bunch of registrations for

datu batzuk aztertzeko, edo jasotzen dituzun matrikulazioak sorta oso bat

some student group and you want to very quickly automate sending emails

Ikasle talde batzuek eta oso nahi duzun azkar automatizatzeko emailak bidaliz

one by one to every one of those registrants, you're going to reach for

banan behin horietako bat one eman, ari den iritsi zoazen

a higher level language than C so to speak.

maila altuagoa hizkuntza bat baino C nolabait esateko.

Something like PHP or Python, or Ruby, or a half a dozen others that exist

PHP edo Python, Ruby edo antzeko zerbait, edo beste batzuk dozena erdi bat existitzen

But those three are probably the most trendy right now.

Baina hiru horiek dira ziurrenik gehien modan oraintxe.

>> And what this means is that you can open up a text editor like gedit or

>> Eta zer esan nahi duten ireki dezakezu gedit bezala testu-editore bat edo sortu

most anything else and then just start writing code without having to worry

gehienetan ezer beste eta gero besterik ez hasteko kodea idazten kezkatu beharrik gabe

about compiling, without having to really worry about memory management,

, konpilatzean beharrik gabe buruz benetan memoria kudeaketa kezkatu,

keeping in mind though that a little sloppiness will eventually come back

Kontuan nahiz mantenduz duten apur bat sloppiness joango itzuli

to bite you if the data set gets larger or the problem gets big.

duzu hozka datu multzoaren lortzen bada handiago edo arazoa lortzen big.

But what this means for us is the following.

Baina zer esan nahi du honek honako hau da gurekin.

>> Let me go ahead and run speller from problem set six.

>> Dezagun aurrera eta exekutatu speller arazoa ezarri sei.

So this is my trie-based implementation that I used on the big

Beraz, hau da nire trie oinarritutako inplementazioa da erabiltzen duten big dut

board where I performed not so well.

taula non ez egin nuen hain ongi.

We'll come back in a week's time and revisit those who did end up atop the

Itzuli dugu aste bat denbora eta berrirakurtzeko zuen azkenean atop horiek

big board at our last lecture.

Gure azken hitzaldia at board big.

But for now, let me go ahead and just run my solution in text, and we'll do

Baina orain, utzi aurretik eta bakarrik joan me exekutatu nire irtenbide testuan, eta zer egingo dugun

the King James Bible, and here we go.

King James Bible, eta hemen goaz.

>> So those are all of the supposedly misspelled words out of

>> Beraz, horiek ustez guztia Gaizki idatzitako hitzak daudelarik

the King James Bible.

King James Bible.

And my implementation took half a second in total.

Eta nire ezartzeko hartu guztira, bigarren erdia.

So not too bad on this particular computer.

Beraz, ez gehiegi hontan txarra ordenagailua bereziki.

But think of how much code I had to write.

Baina zenbat uste kodea idatzi nuen.

Think how much code you had to write.

Uste zenbat kodea idatzi izan duzu.

Think how many hours you spent in the D-hall or your dorm or wherever

Uste du zenbat ordu eman dituzu D-areto edo zure gela edo lekuan

actually coding up that solution.

benetan konponbidea duten kodeketa.

>> Well, if I actually have a higher level language like PHP, take note of

>> Beno, bada, egia esan behar dut goi mailako PHP bezalako hizkuntza, hartu ohar

what I can do here.

zer egin dezaket hemen.

First, suppose that this is instead your distribution code.

Lehen, eman dezagun hau dela ordez Zure banaketa kodea.

This is a file called speller.

Hau speller izeneko fitxategi bat da.

It's available as part of today's distribution code.

Da gaur egungo barruan eskuragarri Banaketa kodea.

And I'm going to wave my hand at most of the details, but this is actually

Eta ez dut nire eskua olatuen gehienez joan xehetasunak, baina hau da, benetan

an interesting example of how you might port a language

nola adibide interesgarria portu agian hizkuntza baten

like C over to PHP.

PHP gehiagoko C bezala.

I literally opened two text windows, one with my C version of speller.c,

Bi testu leihoak ireki nuen literalki, nire C estrategia bertsio bat,

and I just started translating it in my head to PHP and typing it out using

eta hasi besterik ez dut itzultzeko nire PHP joatea eta bertan idatzita daudelarik erabiliz

the closest equivalent functions.

funtzio baliokidea hurbilena.

>> So some of these things are different.

>> Beraz, gauza horietako batzuk ezberdinak dira.

We saw last time that PHP doesn't use include in quite the same way.

PHP erabiltzen ez duen azken aldiz ikusi genuen Era berean, nahiko, besteak beste.

It uses require typically, though include does exist.

Eskatzen normalean erabiltzen du, nahiz eta besteak beste, ez da existitzen.

Define is a little different from #define in C, but that's

Definitzen da, apur bat ezberdina # C definitzeko, baina hori da

how we make a constant.

konstante bat nola egin genuen.

$argc it turns out exists in PHP, so we've seen that before.

$ Argc bihurtzen da PHP existitzen, beraz, ikusi dugu horren aurretik.

These are just variables, all of which start with dollar signs.

Hauek dira aldagaiak besterik, guztien eta horrek dolarraren seinaleak hasteko.

Recall these are just a bunch of floating points.

Gogoratzen horiek dira mordo bat besterik ez puntu mugikorreko.

>> So long story short, you're welcome to flip through this if curious, this is

>> Beraz, ipuin luze, Oraindik ongi etorria honen bidez irauli, bitxia bada ere, hau da

almost a line-for-line conversion of the C version of speller.c into PHP.

ia lerro-for-line du bihurketa C estrategia bertsio PHP sartu.

And you could do this again for half a dozen other languages.

Eta hau berriro egin izan zuretzako beste dozena erdi bat hizkuntzak.

>> But what's interesting is this.

>> Baina zer da interesgarria da hau.

Or what's frankly disheartening is this.

Edo zer Egia negargarria da hau.

Let me go ahead and type about dictionary.php, and claim that I'm

Dezagun aurrera eta buruz idatzi dictionary.php, eta erreklamazioa naiz

going to go ahead and re-implement problem set six here.

aurrera joan eta berriro ezartzeko joan Arazo multzo sei hemen.

>> So let's propose first that in this file, which will be implemented in

>> Hargatik proposatzen duen lehendabiziko honetan fitxategia, eta bertan ezarriko dira

PHP, so let me open my tags like that.

PHP, beraz, utzi nire horrelako etiketa ireki zidan.

Let me give myself a global variable, $size gets zero.

Neure burua ematen dit globala aldakorra, $ tamaina lortzen zero.

And I'm going to give myself a hash table.

Eta ez dut eman joan neuk hash taula bat.

I'll use a hash table for this thing.

Hash taula bat erabili dut gauza honetan.

How do I declare a hash table in PHP?

Nola hash taula bat deklaratzen dut PHP?

>> So open bracket close bracket represents what in PHP, as we've seen?

>> Parentesi hain irekiak ixteko kortxetea adierazten PHP zer, Nik ikusi dugun bezala?

An array, but an array that could be an associative array.

Array bat, baina array bat duten Could elkartze-array bat izango da.

An associative array is a data structure that

Elkartze-array bat da datu-egitura bat

associates keys with values.

balioekin gakoak lotzen dizkie.

>> Now in the simplest numerically indexed array, those keys are what?

>> Orain errazena zenbakiaren indexatutako in array, tekla horiek zer dira?

Zero, one, two, three, right?

Zero, bat, bi, hiru, ezta?

Old school stuff back from C. But it can also be strings like foo, and bar,

Eskola zaharra stuff C. atzera Baina, ahal halaber foo eta bar bezalako kateak izan,

or maxwell, or any such string.

edo maxwell, edo halako katea.

So I can leverage that in just a moment.

Beraz, leverage dut une bat besterik ez.

>> Let me go ahead and declare a function like--

>> Dezagun aurrera eta deklaratzeko bezalako funtzio bat -

let's do load() first.

Egin karga () lehen utzi.

So function load().

Beraz funtzioa karga ().

And PHP is a little different in that you literally type function, but you

Eta PHP apur bat ezberdina da, literalki funtzioa idatzi duzu, baina zuk

don't type a return type.

ez idatzi bueltan mota bat.

I'm going to go ahead and say that the load() function should take in

Aurretik joan eta esan noa dela karga () funtzioa hartu behar du parte

argument $dictionary, just like C version did.

Argumentu $ hiztegia, besterik bezalako C bertsioa egin zuten.

I'm doing that from memory.

Dut hori egiten ari naiz memoriatik.

>> And I propose that I'm going to do this.

>> Eta ni naiz dela proposatzen dut Horretarako joan.

I'm simply going to do foreach.

Ez dut besterik foreach egin.

I'm going to call a function called file(), passing in the name of that

Izeneko funtzio bat deitu noa fitxategia (), horren izena igaroz

file, which is the variable $dictionary as $word.

fitxategian, hau aldakorra da $ Hiztegi $ hitza gisa.

And then inside of my for loop here, I'm going to go ahead and store in my

Eta gero nire begizta hemen, naiz barrutik Aurretik joan eta gorde nire

$table that $word gets true.

$ Taula duen $ hitza lortzen egia.

>> That is the load() function say in PHP.

>> Duten karga () funtzioa da PHP esatea.

Now, why does that work?

Orain, zergatik duen lan?

And I'm kind of cheating here.

Eta naiz motatako hemen iruzurra dut.

>> So, one, foreach we saw briefly last time.

>> Beraz, bat, foreach dugu ikusi laburki azken aldia.

It just means that you can iterate over an array without bothering with i

Esan nahi du, besterik ez da hori baino gehiago batetik bestera joateko dezakezu i ekin bothering gabe array

and n and plus plus, and all of that.

eta n eta plus plus, eta hori guztia.

Dictionary is of course the file name, something like large or small, the two

Hiztegi-fitxategi izena da noski, handi edo txiki antzeko zerbait, bien

dictionaries we used last time.

hiztegiak azken aldiz erabili dugu.

File is a function that opens up text file, reads it in line by line, and

Fitxategi hori testu irekitzen funtzioa da fitxategia, irakurtzen lerro lerro, eta

hands you back a huge array, each of whose elements is a

eskuak multzo handi bat itzuli duzu, horren elementu bakoitza da bat

line from that file.

fitxategi hori lerro.

So that's the combination of fopen, and fread, and while loop, and fclose,

Beraz, fopen konbinazioa da, eta fread, eta begizta, eta fclose bitartean,

and all of that.

eta hori guztia.

Finally, as word just means that's the variable I'm going to have access to

Azkenik, hitza besterik ez, esan nahi baita, hori da aldakorra naiz sarbidea izan da joan

on every iteration in this loop.

begizta hau iterazio bakoitzean.

>> So in short, this one liner here means open up the file whose name is in

>> Beraz, azken finean, bat liner honek hemen esan nahi ireki horren izena da fitxategiaren

dictionary, the variable, iterate over it line by line, and each time you get

hiztegi, aldakorra da, batetik bestera joateko baino gehiago da lerroz lerro, eta lortuko duzu aldi bakoitzean

a line, store in a variable called word, and then do something with word.

lerro bat, hitza aldakorra izeneko batean denda, eta ondoren zerbait egin hitzarekin.

What do I want to do?

Zer egin nahi dut?

I want to put word into my hash table.

Hitza jarri nire hash taula sartu nahi dut.

>> Well, I can put something in my hash table just like in C

>> Beno, zerbait jarri ahal izango dut nire hash taula besterik C bezala

using square brackets.

kortxete erabiliz.

This is the name for my hash table.

Hau nire hash taula izena da.

I'm going to index into that hash table at this location.

Indize noa hash horretan kokaleku honetan mahaia.

So not bracket zero, not bracket one.

Beraz, ez da parentesi zero, ez bat parentesia.

Bracket quote unquote something, whatever that word is.

Parentesi aurrekontua unquote zerbait, edozein dela ere, hitza dela.

And just like you might have in your hash table work trie, you just store

Eta besterik ez bezalako agian duzu zure Hash taula lan trie, denda besterik ez duzu

effectively a Boolean, implicitly or explicitly.

eraginkortasunez boolear bat, inplizituki edo esplizituki.

I'm storing the value true.

Balioa egia gordetzeko naiz.

>> Now there's a couple of things I'm cutting corners on here.

>> Orain ez dago gauza pare bat Ebaketa naiz txoko hemen.

Technically, there's going to be an annoying new line, /n, at the end of

Teknikoki, ez da bat izango da linea berri gogaikarriak, / n, amaieran

each of these words.

Hitz horietako bakoitzean.

So I should probably call a PHP function called chop(), which will

Beraz, ziurrenik PHP funtzio bat deitu behar dut txuleta izeneko (), egingo den

quite literally chop that off.

nahiko literalki txikitu off.

And I actually need to do one other thing.

Eta nik egia esan behar beste gauza bat egin.

I should probably increment size on each iteration, so I'm keeping track

Ziurrenik Kontatzailea behar dut tamaina bakoitzean iterazio, beraz, jarraipena naiz

globally of what it is.

orokorrean zer den neurtzen.

And frankly, and this is one of the stupider aspects of PHP, if you're

Eta Egia, eta hau da bat PHP alderdi stupider, Oraindik baduzu

using a global variable, you need to explicitly say that you are.

aldagai global bat erabiliz, behar duzun esplizituki esan zarela.

So I'm going to actually type in global $size, global $table, and now

Naiz, beraz globalean benetan idazten joan $ Tamaina, global $ taula, eta, orain,

my function is complete.

nire funtzio osoa.

>> So not quite as simple as before, but probably took less time than the C

>> Beraz, ez da nahiko aurretik bezain erraza, baina ziurrenik C baino denbora gutxiago hartu

version, maybe?

bertsioan, agian?

>> So now let's do the check() function.

>> Beraz, orain egin dezagun check () funtzioa utzi.

Let's see if this at least took the hours on end that it took us in C. So

Ikus dezagun, gutxienez, hartu hau bada utzi amaieran ordu horretan hartu zuen gurekin C. Beraz hemen

let me go ahead and declare check as a function.

utzi aurrera eta deklaratzeko check funtzio gisa.

Takes in argument word, which is going to come from speller.

Argumentu hitza hartzen du, hau da, Speller sistemak ere.

And I'm just going to check if the following variable isset, table

Eta besterik ez naiz, egiaztatu egingo bada isset aldakorreko jarraituz, mahai

bracket strtolower of word--

parentesi hitzaren strtolower -

let's balance all of my parentheses--

utzi orekatzeko en nire parentesi guztiak -

then return true.

ondoren, itzultzeko egia.

that was really the hard part of this program.

gogorra izan zen benetan Programa honetan parte.

Else, return false.

Bestela, itzultzeko faltsua.

That's check().

Hori da txeke ().

>> Now, why does this work?

>> Orain, zergatik funtzionatzen dute?

Well, one I passed in a word, which is a string.

Beno, inork hitz batean pasatu dut, horrek katea da.

Two, I'm checking inside of the hash table, who's called $table.

Bi, dut egiaztapena hash barrutik taulan, nor $ taula deritzo.

I'm forcing it to lowercase by calling a function quite similar tolower() in

Bertara deituz minuskula behartuz naiz nahiko antzekoak tolower () funtzio bat

C, but this does the whole word, not a single character.

C, baina hori hitz osoa egiten du, Ez karaktere bakar bat.

And if that is set, in other words there is a value set, in other words,

Eta hori zehaztu bazaio, hau da han dago balio bat ezarrita, hau da,

if it's true, then yes, this is a word.

egia bada, orduan bai, honek hitz bat da.

Because I put it there with load().

Jarri dut ez delako karga batekin ().

And if not, I'm going to return false.

Eta hala ez bada, faltsua itzuliko naiz noa.

>> Now the others are easy.

>> Orain besteak erraza.

Function size(), how do I do this?

Funtzio tamaina (), nola egin behar dut hau?

I essentially do return $size.

Funtsean egiten dut $ tamaina itzultzeko.

But I technically need to do this annoying thing.

Baina teknikoki behar dut gogaikarriak gauza hori egin.

And actually up hear, I was cutting one corner too many.

Eta benetan entzun gora, ebaketa nintzen txoko bat gehiegi.

I really need to do global $table.

Benetan behar dut global $ taula egin.

>> But that being said, unload).

>> Baina hori Ari esan, jaisteko).

Unload() is amazing.

Deskargatu () harrigarria da.

Function unload().

Funtzioa hustuketa ().

How do I want to implement unload()?

Nola ez hustuketa ezartzea nahi dut ()?

>> So unload(), memory management is completely taken care of for you in

>> Beraz deskargatu (), memoria kudeaketa da erabat tratua zuretzat de

something like PHP and a lot of higher-level languages.

PHP eta asko antzeko zerbait goi-mailako hizkuntzen.

So this is amazing.

Beraz, hau harrigarria da.

Like why the hell did we spent the past eight plus weeks on C writing

Zergatik arraio zuen iraganean gastatu dugun bezala C idatziz on plus zortzi aste

apparently really slow, really time consuming problems with tens of hours

itxuraz benetan motela, oso denbora ordu hamarnaka arazoak kontsumitzen

of work under our belts?

gure gerrikoak pean lan?

>> Well, for one thing, this may work fine for small programs.

>> Beno, gauza bat, hau funtziona dezakete programak xumean.

It certainly sped up my development time.

Zalantzarik sped da nire garatzeko denbora.

But let's see what happens in the real world.

Baina ikus dezagun zer gertatzen den mundu errealean.

>> Let me go into this directory in a terminal window.

>> Let me joan direktorio honetan sartu terminal-leiho batean.

There's speller.

Han speller da.

And notice as an aside, and you might have encountered this in problem set

Eta bat alde batera utzita nabarituko, eta zuk agian dute aurkitu da hau arazo girotuta

six or problem set seven.

sei edo zazpi arazo ezarri.

You don't strictly have to end PHP files with .php.

Nahi ez zorrozki behar Amaierara PHP. php fitxategiak.

If you put a line like that first one at the very top, that's a special line

Lerro bat jartzen baduzu etan lehena horrelako oso goian, lerro berezi bat

of syntax that essentially means find the program called PHP and use it to

sintaxia, funtsean esan nahi du aurki PHP izeneko eta erabili ahal izateko programa

interpret this file.

fitxategi hau interpretatzeko.

So now no one really knows that I'm running a PHP program.

Beraz, gaur egun inork ez daki benetan duten PHP programa bat exekutatzen ari naiz.

I can run it just as though it were something compiled in C.

Besterik ezin dut exekutatu, nahiz eta gisa ziren zerbait C. biltzen

>> But here's the thing.

>> Baina hemen gauza da.

Actually, let's do this again.

Egia esan, Berriro egin dezagun.

Dropbox/pset6/.

Dropbox/pset6 /.

There's speller.

Han speller da.

OK, 0.44 seconds.

Ados, 0,44 segundo.

It got faster this time.

Azkarragoa lortu du une honetan.

>> Now let's go into the PHP version.

>> Orain goazen PHP bertsioa sartu.

But just think how much time I saved at office hours.

Baina besterik uste denbora zenbat Gordetako bulego etan dut.

>> So 3.59 seconds, which actually doesn't sound accurate either.

>> Beraz, 3,59 segundo, benetan ez du soinu zehatzak bai.

But that's because long story short, when you're printing out a huge amount

Baina hori beste istorio luze-laburrak delako, noiz kopuru handi bat ari zaren inprimatzeko

of stuff to the screen, that itself slows things down.

stuff pantailara, hori Gauza bera motelduz behera.

What it really took the CPU in the appliance was 3.59 seconds, in

Zer hartu benetan PUZak en tresnaren 3,59 segundo izan zen, hasi

contrast to C, which took 0.44 seconds most recently.

C zituen 0,44 kontrastea segundo duela gutxi.

That's truly an order of magnitude different.

Hori da, zinez, ordena baten magnitude desberdinak.

>> So where is that price coming from?

>> Beraz, non prezio hori datozen?

Why is it so much slower?

Zergatik da askoz motelagoa da, beraz?

Why does PHP perform so poorly?

Zergatik ez PHP egiteko hain gaizki?

>> AUDIENCE: You didn't really use a hash table.

>> Ikusleak: Ez duzu benetan erabili hash taula bat.

>> DAVID MALAN: I didn't really use a hash table.

>> DAVID MALAN: ez nuen benetan erabili hash taula bat.

So I kind of did.

Beraz, mota egin nuen.

So it's an associative array.

Beraz, elkartze-array bat da.

Most likely if the people at PHP are really smart, they used underneath the

Seguruenik PHP pertsona badute benetan smart, erabiltzen zuten azpian

hood an actual hash table implemented in something like C or C++.

kanpaia benetako hash taula inplementatu zerbait bezala, C edo C + +.

>> AUDIENCE: [INAUDIBLE].

>> Ikusleak: [INAUDIBLE].

>> DAVID MALAN: Yeah.

>> DAVID MALAN: Bai.

So each of the functions I wrote now-- actually, can you say that once more a

Funtzio bakoitzean Beraz, orain idatzi nuen - Egia esan, ezin dela esan duzu behin gehiago

apur bat ozenago?

>> AUDIENCE: Each of the functions that you included has a lot more full

>> Ikusleak: funtzio bakoitza duzu barne ditu, askoz osoa

capacity than--

ahalmena baino -

>> DAVID MALAN: So that's very true.

>> DAVID MALAN: hori ere egia da, beraz.

There's a lot more overhead that we're not really seeing by focusing only on

Asko gehiago Buruak Oraindik dugu ez da benetan bakarrik bideratua by ikusten

dictionary.php, which I just wrote.

dictionary.php, eta horrek idatzi zuen dut.

By contrast, there's a whole interpreter going in the background.

Aitzitik, oro har, interprete bat da atzealdean doa.

Indeed, when I ran this program, it wasn't running compiled zeros and ones

Izan ere, programa hau exekutatu dut, baina ez zen konpilatu zero eta bai exekutatzen

designed for my Intel CPU.

nire Intel CPU diseinatuta.

Rather, it was running line by line PHP code that looks exactly

Baizik eta, lerro zen exekutatzen lerro PHP kodea duten itxura zehazki

like we typed it.

gustatzen idatzi dugu.

And so whenever you use an interpreted language, you

Eta, beraz, betiere, bat erabili duzu Lengoaia interpretatu, duzu

actually do pay this price.

benetan egiten ordaintzen prezio hori.

It's going to take some time to read your file top to bottom, left to

Denbora pixka bat hartu behar da irakurri joan Zure fitxategia, goitik behera, ezkerrera

right, and then execute each line again and again.

eskubidea, eta, ondoren, exekutatu bakoitzean line, behin eta berriro.

>> Now in reality, especially on the web, you can actually expedite this process

>> Orain errealitatea, bereziki, web orrian ere, ez duzu prozesu hau azkartzeko

by caching the results of the PHP code being interpreted.

emaitzak cachean arabera PHP kodea ari interpretatu.

And that makes sense on the web, because if you have not one user like

Eta hori, web orrian zentzurik, zeren duzu, ez da erabiltzaile bat bezala bada

me here, but 1,000 or 10,000 users, then maybe the first time the file is

Niri, baina, 1.000 edo 10.000 erabiltzaile, eta, ondoren agian lehen aldiz fitxategia

accessed it's slow, but thereafter it's much faster.

sar motela, baina hortik aurrera ez da askoz azkarragoa da.

>> But this too, again, is a trade off.

>> Baina honetan ere, berriro ere, merkataritza-off bat da.

And for something like a research data set, or even something large like

Eta ikerketa-datuak bat bezalako zerbait ezarri, edo are zerbait handi bezala

this, your users will eventually start to feel that slowdown.

hau da, zure erabiltzaile azkenean hasteko moteldu dela sentitu behar du.

>> So in short, interpreted languages are very much in vogue, very popular, and

>> Beraz, azken finean, interpretatu hizkuntza Oso modan, askoz ere, oso ezaguna da, eta

frankly are probably the languages you should reach for when solving problems

sinceramente Baliteke hizkuntzak duzu behar denean, arazoak konpontzeko iritsi

subsequent to CS50.

to CS50 ondorengo.

But realize how much you're really taking for granted underneath the hood

Baina konturatzen zenbat benetan zaren kanpaia azpian ematen ari da

really those past several weeks in hash tables, and trees, and tries,

Benetan hash horiek hainbat aste iragan mahaiak, eta zuhaitzak, eta saiatzen da,

which are used ultimately to actually implement things like open bracket,

erabiltzen dira, azken finean, benetan parentesi irekiak ezartzea bezalako gauzak,

square bracket, which we can now gratefully take for granted.

kortxetea, orain ezin dugu gratefully hartzeko emandako.

>> So let's take a look now in this web context.

>> Beraz, utz ditzagun orain web testuinguru honetan.

And I mentioned last time that there's a bunch of superglobals in PHP that

Eta azken denbora ez da aipatu dut bat superglobals mordo PHP duten

aren't really relevant at the command line.

ez dira benetan garrantzitsuak lerroan.

They're more relevant in the context of using PHP in a web context.

Gehiago garrantzitsuak dira testuinguruan PHP erabiliz web testuinguru batean.

So running PHP on a web server in order to generate stuff like HTML.

Beraz, PHP exekutatzen web zerbitzari bat izateko HTML horrelako gauzak sortzeko.

>> And we glanced at $_GET and $_POST, and that's where automatically users'

>> Eta begiratu $ _GET eta $ Bi_dali dugu, eta hor automatikoki erabiltzaile '

input ends up simply if you submit a form to a file ending in .php on a web

sarrera amaitzen du, besterik gabe, bidaltzen baduzu fitxategi batean bukatzen dira. php web batean

server like the appliance.

tresnaren bezalako zerbitzaria.

But let's look briefly at $_COOKIE and $_SESSION.

Baina utz ditzagun laburki at _COOKIE $ Eta $ _saioa.

>> In layman's terms, what is a cookie as you understand it in the context of

>> Layman en dagokionez, zer cookie bat da Ulertzen duzu testuinguruaren en

>> AUDIENCE: File on the computer.

>> Ikusleak: ordenagailuan fitxategia.

>> DAVID MALAN: Yeah.

>> DAVID MALAN: Bai.

It's a file on the user's computer planted by whatever website

Erabiltzailearen ordenagailuko fitxategi bat da landatu by edozein dela ere web

you happen to visit.

bisitatzeko gertatuko.

So when you go to Facebook, when you go to bankofamerica.com, when you go

Beraz, joan Facebook duzu, noiz joan bankofamerica.com behar denean, joan

to google.com, when you go to almost any website in the world these days,

Joan google.com, noiz joan behar duzu, eta ia edozein munduko web egun hauetan,

including cs50.net, a cookie is planted on your computer, which is

cs50.net barne, cookie bat landatu Zure ordenagailuan, hau da,

either a value stored in RAM in your computer in your browser's memory, or

bai RAM gordetzen dira zure balore Zure nabigatzaileak memorian ordenagailua, edo

sometimes indeed a file stored on your hard drive.

batzuetan, hain zuzen ere, fitxategi bat gordetzen zure disko gogorrean.

>> And what's typically stored in that file is not your user name, not your

>> Eta zer ari normalean, fitxategi horretan gordetzen dira ez da zure erabiltzaile-izena, ez zure

password, typically not something sensitive unless the website is not so

duzu, normalean, ez da zerbait web ezean sentikorrak ez da hain

good with their security, but rather it is a big unique identifier among

beren segurtasun ona, baizik handi bat identifikatzaile bakarra da, besteak beste,

beste gauza batzuk.

It's a big random number planted on your computer but you can think of as

Handi bat ausazko zenbaki landatu da ordenagailua, baina pentsa dezakezu

sort of a virtual hand stamp like from a club or some amusement park that

esku bat birtual zigilua moduko bezala klub batean edo batzuetan, jolas-parke hori

allows the staff, the owners of that service, to remember who you are.

langileek, horren jabeek aukera ematen du zerbitzua, nor zaren gogoratzeko.

So if the big random number is like 12345678, although that's obviously

Beraz, bada, big ausazko zenbaki bezala 12345678, hori da, jakina, nahiz eta

not too random, think of that as the hand stamp that when you visit

ez gehiegi ausazko, hori uste bezala eskuko zigilua denean duzula bisitatu

facebook.com for the first time, they stamp that number on your hand.

lehenengo aldiz facebook.com dute, zigilua zenbaki hori zure eskuan.

And then because you speak HTTP, you being a browser, and because Facebook

Eta gero, hitz egiten duzu HTTP, duzulako nabigatzaile bat izatea, eta Facebook delako

obviously speaks the same as a web server, the protocol HTTP says that

hitz egiten du, jakina, bera da web bat zerbitzaria, protokoloa HTTP dio

anytime you subsequently visit facebook.com, whether it's a second

edonoiz, ondoren, bisitatzen dituzun facebook.com, da ala ez da bigarren

later, an hour later, even the next day, so long as you haven't explicitly

geroago, ordubete geroago, nahiz eta hurrengo egunean, hain luze jo ez esplizituki behar duzu

logged out, which effectively is like washing your hands.

saioa, eta hori eraginkortasunez zure eskuak garbitzeko bezalakoa da.

HTTP says you should present your hand stamp every time you

HTTP dio aurkeztu beharko duzu zure entregatu zigilua zaren bakoitzean

return to that website.

Web gune hori itzultzeko.

>> What Facebook then does is they look at that hand stamp and

>> Zer Facebook ondoren, ez dute eskuko zigilua duten begiratu, eta

they say, oh, 123456789.

, esan oi dute, 123456789.

I don't know at first glance that this is David Malan in Cambridge,

Ez dut lehen begiratuan jakin hori David da Cambridge Malan,

Massachusetts, but they can check their database and say, oh, the person

Massachusetts, baina egiaztatu ahal izango dute, datu-base eta esan, oh, pertsona

on whose computer we planted 123456789 is David Malan from Cambridge,

zeinen ordenagailuan 123456789 landatu dugu David da Cambridgeko Malan,

Let's show that user then his profile page or his News Feed.

Dezagun erakutsi erabiltzaileak orduan bere profila orria edo bere Jarioak.

>> But there's a problem here if this is how the web indeed works.

>> Baina arazo bat dago hemen hau bada da, nola web horri, hain zuzen ere lan egiten du.

Let's take a look at a quick example.

Ikus dezagun adibide azkar bat begirada bat.

Let's actually go to say facebook.com.

Goazen en benetan esateko facebook.com.

But before we could go there, let me go ahead and open up Chrome's

Baina dugu han joan aurretik, utzi Aurretik joan eta ireki Chrome

Inspector down here.

Inspektore behera hemen.

Let me look at the network tab.

Ikus dezagun sarea fitxan at me.

And now let's go ahead and type in https://facebook.com.

Eta orain, goazen aurrera eta idatzi https://facebook.com in.

And I'm doing that so that we don't see all of those redirects and waste

Eta hori egiten ari naiz baina ez dugu horrela ikusten birzuzentzen eta hondakin horiek guztiak

time looking through those.

denbora haietan barrena begiratuta.

Let me hit enter.

Dezagun sartu hit me.

We see a whole bunch of requests.

Eskaerak sorta oso bat ikusiko dugu.

There comes Facebook.

Han dator Facebook.

There's a whole bunch of files.

Ez dago fitxategiak sorta oso bat da.

And here, per my mention of latency last time, that's

Eta hemen, nire aipamen per latentzia azken aldiz, hori da

a lot of HTTP requests.

HTTP eskaerak asko.

But the first one is probably the most interesting.

Baina lehenengoa da seguruenik interesgarrienetakoa.

>> So let's scroll down here, and I'll zoom in in a second.

>> Hargatik joan behera hemen, eta Handiagotzeko dut bigarren batean.

This is going to be kind of a mess, but let's see.

Hau da, mota horretako izango da gaizki, baina ikus dezagun.

Facebook is sending us a whole bunch of stuff.

Facebook da gurekin bat bidaliz stuff sorta osoa.

>> But whoa, interesting.

>> Baina Tira, interesgarria.

They're planting not one, but four hand stamps onto my hand here.

Oraindik ez, baina lau landatzen dute eskuko zigiluak nire eskua hemen kalera.

Set-cookie, Set-cookie, set-cookie, set-cookie.

Set-cookie, Set-Cookie, set-cookie, set-cookie.

And there are a few features here.

Han eta hemen dira ezaugarri batzuk.

All of them mention some kind of expiration.

Denak aipatzea batzuk iraungitze-mota.

And it looks like Facebook is hoping to remember me until 2015.

Eta Facebook mesederako antza du Niretzat gogoratzeko 2015 arte.

So that's presumably the time by which I must log out or they'll just

Beraz, zentzuzkoa denbora horren bidez Saioa behar dut edo, besterik gabe, egingo dute

automatically assume I'm not coming back.

automatikoki bere gain hartzen dut ez itzultzea.

So that's actually a decent amount of time.

Beraz, benetan duina denbora zenbatekoa.

>> And there are some other things going on here.

>> Eta badira beste batzuk Gauza da hemen.

This cookie appears to be forcibly deleted by saying it expired in 1970

Cookiean honetan agertzen indarrez izateko iraungi 1970ean esaten ezabatu

before cookies existed.

cookieak existitu aurretik.

So the browser is just going to assume OK, that's like

Beraz nabigatzailea besterik ez da joan OK bereganatzeko, eta gustatzen

washing the hands stamp.

eskuak zigilua garbitzeko.

>> But now when my browser makes a subsequent request--

>> Baina orain nire nabigatzailea egiten denean ondorengo eskaera bat -

let me go ahead and do this again and reload.

utzi aurrera eta hau egin behin eta berriz kargatu.

Now let me scroll back to the top request and go down

Orain utzi nau korrituko atzera top eskaera eta jaisten

here, request headers.

Hemen, eskatu goiburuak.

So now I'm under not response headers, but notice it says request headers.

Beraz, orain ez erantzun goiburu pean nago, baina konturatu eskaera goiburuak dio.

And notice that my browser as part of its request after hitting reload has

Eta konturatu nire nabigatzailea parte gisa bere eskaera reload kolpatzeko ondoren

sent at least the following information.

gutxienez igorri ondorengo informazio.

Not set-cookie, but cookie.

Ez set-cookie, baina cookiean.

So this is the line, the HTTP header so to speak, where my browser is sort

Beraz, hau lerroa da, HTTP goiburua beraz , hitz egiteko, non nire nabigatzailea moduko

of without my knowing it presenting my hand for Facebook's inspection.

of my jakitea da aurkeztu gabe Facebook en ikuskatzeko nire eskua.

>> So these cookies can be used then for what?

>> Beraz, cookie horiek izan daitezke orduan erabilitako zertarako?

To remember who you are, or remember how many times you've been there, or

Gogoratzeko nor zaren, edo gogoratzen nola han egon duzu hainbat aldiz, edo

really anything.

>> So here is counter.php.

>> Beraz, hemen counter.php da.

And let me zoom in on the font.

Eta utzi gerturatzeko me font da.

And each time I reload this page, notice it's remembering how many times

Eta honek orri, abisua freskatuz dut aldi bakoitzean Honez gogoratzeko da zenbat aldiz

I've been there.

Well, that's not all that impressive.

Beno, hori ez da guztia horretan ikusgarria.

Let's just close that tab, and now let's go back to

Utzi itxi besterik fitxa horretan, eta, orain, goazen atzera egiteko

http://localhost/counter.php.

http://localhost/counter.php.

>> Oh, that's interesting.

>> Oh, hori interesgarria da.

It still remembered, even though I closed the tab.

Oraindik ere gogoratzen du, nahiz fitxan itxi dut baina.

And frankly, if I close the browser, if implemented in the right way, I

Eta Egia, nabigatzailea itxi badut, modu egokian ezarri bada, I

could still remember that this user is who he or she was the first time, and

izan, oraindik gogoratzen erabiltzaile hori ez dela duten lehen aldia zuen zen, eta

only once I go into Chrome's menu, which over here is here, and go to

behin bakarrik joan Chrome menu, sartu nintzen eta horrek hona hemen, eta joan

History, and click Clear Browsing Data, as some of you may have in the

Historia, eta sakatu Garbitu arakatze-datuak, gisa zuetako batzuk, agian, parte izan

past, only then will your cookies actually be deleted during web

iragana, orduan bakarrik izango cookieak benetan zehar web ezabatu

>> So, if we go--

>> Beraz, goaz bada -

let's close up gedit here.

dezagun hurbiletik gedit hemen.

And if we go now to this file.

Eta orain joan behar izanez gero fitxategi honetarako dugu.

Let me go into our vhosts/localhost/public, and let me do

Let me joan sartu gure ostalari birtual / localhost / publikoetan, eta utzi niri egin

Notice that this is a pretty simple program.

Iragarki hori ez da nahiko a programa sinple.

It's a pretty simple website.

Webgune nahiko erraza da.

>> So the top of the file is just comments.

>> Beraz fitxategia goialdean iruzkinak besterik ez da.

But here's a new line that you may have seen already in p-set seven,

Baina hemen linea berri bat duzula may da ikusi dute jada p-set, zazpi urtean,

session_start().

session_start ().

This is a line of PHP code that essentially tells the web server, make

Hau PHP kode-lerro bat da, funtsean, web zerbitzari kontatzen du, egin

sure to stamp hands and make sure to check hand stamps.

ziur eskuak zigilua eta egin ziur eskuko zigiluak egiaztatzeko.

That's all that line does, and it does all of that process for us.

Hori da lerro hori guztia egiten du, eta hura du prozesu hori guztia guretzat.

Then notice I've just got two branches here.

Orduan konturatu besterik ez dut lortu bi adar hemen.

If the counter key inside of this special global variable called

Badago kontagailu gakoa honen barruan izeneko aldagai global berezia

$_SESSION is set-- in other words, if there's some value there--

$ _saioa Da ezarri - beste era batera esanda, han balioa batzuk bada ez -

let's get it and store it in a local variable called $counter.

dezagun lortu eta gordetzeko lokal bat aldakorra $ kontagailua izeneko.

Else, let's assign $counter the default value of 0.

Bestela, dezagun esleitu $ counter lehenetsi 0 balioa.

>> Now here's one aspect of PHP that's both a blessing and a curse.

>> Orain hemen PHP alderdi bat hori da bai bedeinkazioa eta madarikazio bat.

PHP is a little sloppy.

PHP apur bat sloppy da.

So whereas in C, what would the scope of counter have been

Beraz, berriz, C, zer egingo du counter esparrua izan dira

either here or here?

bai hemen edo hemen?

>> It would have been confined to those curly braces.

>> Ezinik izan litzateke giltza kizkur horiek.

In PHP, it exists even outside of those curly braces, here, and here,

PHP, nahiz eta horiek kanpo existitzen kizkur, hemen, eta hemen,

and here, and here, and even down below.

eta hemen, eta hemen, eta nahiz behera beheko.

So I say this is a blessing in the sense that you don't have to think as

Beraz, hau zentzu bedeinkazio bat da diot ez duzula izan bezala uste

hard as we did weeks ago.

Duela aste egin dugu gogor gisa.

But it's also a bit of a curse in that no matter where you use a variable in

Baina ere horretan madarikazio bat pixka bat no non aldagai bat erabiltzen duzunean materia

PHP, at least in a program like this, it's globally accessible for

PHP, honen antzeko programa batean, gutxienez, globalki irisgarria da

better or for worse.

onerako eta txarrerako.

So you have to keep in mind now that your variables may not be undefined.

Beraz, kontuan hartu orain aukera izango duzu Baliteke zure aldagaiak ez dira undefined.

You might have defined them elsewhere.

Duzu beste nonbait definitzen dute agian horiek.

>> But what am I going to do ultimately?

>> Baina zer ari naiz, azken finean egin da joan?

I'm going to store inside of that global variable as a value of the

Ra global horren barruan gordetzeko noa aldagaiaren balioa gisa

counter key the result of doing counter plus 1.

counter gako emaitza counter plus 1, egiten.

So this is just the arithmetic that does the

Beraz, hau, besterik gabe, aritmetika da eta horrela, ez du

incrementation of that counter.

counter horren incrementation.

And the fact that I'm storing that value back in here is means to

Eta hain zuzen, gordetzeko naiz horretan Balio hemen berriz hau da esan nahi

essentially update the database to remember that user 123456789 has been

funtsean, datu-basea eguneratzeko gogoratu erabiltzaileari 123456789 izan dela

here two times.

Hemen bi aldiz.

And when I do it again the next time I reload the page, it's going to check

Eta orduan berriro egiten dut hurrengo aldian I orria berriz kargatzea, berriro egiaztatu da joan

my hand stamp and say, oh, user 123456789 has now

nire eskua zigilua eta esan, oh, Erabiltzaileak 123456789 ditu orain

been here three times.

Hemen hiru aldiz izan da.

>> And so what PHP and similar languages are doing for us is they are figuring

>> Eta beraz, zer PHP eta antzeko hizkuntzak dira guretzat egiten da kalkulatzen ari dira

out how and where and for how long to store values in this special

nola eta non eta zenbat denboraz balioak gordetzeko berezi honetan

And this superglobal the next time I visit the page is sort of magically

Eta hau hurrengo aldian superglobal dut orria berriz bisitatzeko moduko magikoki

pre-populated, filled with values that were there the last time you visited,

aurrez populatuena, balio beteta duten han izan ziren bisitatutako zuk azkenez,

whether that was a second ago, a week ago, or in 2013 and we're now talking

ala duten aste bat Duela bigarren izan zen, duela, edo 2013an eta guk gaur egun hitz egiten ari

PHP and the web server take care of all of that for you.

PHP eta web zerbitzari take zainketa hori guztia zuretzat neurtzen.

>> AUDIENCE: [INAUDIBLE].

>> IKUSLEEN: [INAUDIBLE].

>> DAVID MALAN: Variables in PHP are essentially always global unless you

>> DAVID MALAN: PHP aldagaiak dira funtsean beti global baduzu behintzat

declare them inside of a function, and then they are local to

funtzio baten barruan horiek deklaratzen, eta ondoren, tokiko dira

the function only.

funtzio bakarra.

But because I've not written any functions, they are now effectively

Baina ez dut idatzizko edozein delako funtzio, gaur egun dira eraginkortasunez

global throughout my whole file here.

global nire fitxategia osoa hemen zehar.

>> AUDIENCE: Is there a way to make them local?

>> AUDIENCE: Ba al dago modu bat Horietako lokala egiteko?

>> DAVID MALAN: Is there any way to make them local?

>> DAVID MALAN: Ba al dago edozein Bide horiek tokiko egiteko?

Only by wrapping them into functions.

Horiek biltzeko funtzioen sartu bakarrik eginda.

Which in the latest version of PHP, you can do this with

Horietatik azken bertsioa hemen PHP, hau egin ahal izango du zurekin

an anonymous function.

funtzio anonimoa.

But more on that in the context of JavaScript.

Baina gehiago parte JavaScript testuinguruan.

But the short answer is no.

Baina erantzun laburra ez da.

A longer answer is yes.

Erantzun luzeagoa bai da.

Good quiz question.

Galdetegi galdera ona.

>> So lastly, the page itself is actually pretty simple.

>> Beraz, azkenik, orria bera da benetan nahiko erraza.

Notice that once I exit PHP mode, recall that all of this stuff down

Nabarituko behin irten nintzen PHP moduan, abisuaren duten stuff hau guztia behera

below is just going to get spit out raw to the browser.

azpitik dago besterik txu get joan nabigatzaileak gordinak daudelarik.

Which is fine, because I do want to send the user some HTML, but I do want

Zein gauza ederra, dut nahi ez duelako bidali erabiltzaileari HTML batzuk, baina nahi dut

to dynamically update that HTML.

HTML duen dinamikoki eguneratuko.

And one way I can do this is to sort of very quickly drop back into PHP

Eta hau egin dut modu batean ordenatzeko oso azkar erortzen back PHP sartu

mode, use open bracket question mark equal sign, and then output the value

moduan, erabilera parentesi irekiak galdera marka zeinu berdina, eta gero irteerako balioa

>> Or if this looks a little cryptic, this equal sign is actually just some

>> Edo hau itxura apur bat zailago, hau bada zeinua berdina da, benetan batzuk besterik

syntactic sugar for this printf($counter).

azukre sintaktiko honetan printf ($ kontra).

But frankly, that's just a little ugly and a little annoying to type.

Baina, Egia, hori besterik pixka bat itsusi eta apur bat gogaikarriak idatzi.

So PHP very nicely offers this feature where you can just say it more

Beraz PHP oso nicely ezaugarri hau eskaintzen non besterik ez dezakezu esan gehiago

succinctly in the same way.

succinctly modu berean.

>> So what's going on underneath the hood?

>> Beraz, zer da on going azpian kanpaia?

Let's quickly look at the network tab here for counter.php.

Dezagun sarea begiratu azkar fitxa hemen counter.php da.

And let me go ahead and first let's clear your cookies.

Eta, utzi aurretik, eta lehen me dezagun garbitu cookieak.

Let's clear browsing data since the beginning of time.

Dezagun argi nabigazio datuak geroztik denboraren hasieran.

Now let's go back over here.

Orain, goazen atzera hemen.

Now let's reload the page.

Orain dezagun berriro orria.

And I'm back at zero.

Eta zero itzuli naiz.

Because my hand stamp has been washed, I now get a new cookie.

Nire eskua zigilua izan garbitzen delako, Orain cookiea berri bat lortu dut.

>> Indeed if I look at the network tab and look at response headers, notice

>> Begiratzen dut sare fitxan etan hain zuzen ere, gero eta erantzun goiburu, abisua begiratu

that the appliance is sending me a cookie whose name is somewhat

aparatuaren me bidaltzen ari da cookie bat bere izena da zertxobait

arbitrarily, but kind of reasonably, PHPSESSID.

arbitrarioki, baina mota arrazoiz, PHPSESSID.

And it's sending me this really big random number.

Eta me bidaliz ezazu hau benetan ausazko zenbaki handi.

It's not quite a number.

Ez da zenbaki bat nahiko da.

It's not quite hexadecimal.

Ez da nahiko hamaseitarra.

It's some kind of alphanumeric string, but presumably it's random.

Da alfanumeriko katea mota batzuk, baina zentzuzkoa ausazko da.

And that is the hand stamp so to speak that I'm referring to.

Eta hori eskuan zigilua da, beraz hitz egiten duten naiz aipatuz.

>> Meanwhile if I click reload and then look at this second line for my second

>> Bitartean reload sakatu dut eta ondoren bada bigarren begiratu lerro nire bigarren

request, notice now that my request headers include PHPSESSID equals this,

eskatuta, oharra, orain nire eskaera goiburuak honakoak PHPSESSID berdin honetan,

not set-cookie, but just cookie.

Ez set-cookie, baina cookiea besterik.

And that's my browser's presentation of my hand stamp.

Eta hori da nire nabigatzailea aurkezpena da nire eskua zigilua.

>> So now as a teaser, and we'll talk more about this in a week or so, but

>> Beraz, orain teaser bat bezala, eta gehiago hitz egingo dugu hau aste bat edo, beraz, baina buruz

in what way does this make you vulnerable, your Facebook account

zer modu honetan egiten duzun, zaurgarria, zure Facebook kontua

vulnerable, and other such accounts vulnerable?

zaurgarria, eta beste hainbat kontuak ahulagoak?

>> AUDIENCE: If somebody has your cookie.

>> AUDIENCE: norbaiti zure cookiea badu.

>> DAVID MALAN: Yeah, if someone has your cookie.

>> DAVID MALAN: Bai, bada norbait Zure cookiea ditu.

I mean truly, much like some of you might have tried at like a club or an

Benetan esan nahi dut, askoz dituzu batzuk bezala baliteke klub batean edo bat bezalakoa at Ahalegindu

amusement park, if you try something like this to copy the stamp, albeit

jolas-parkea, zerbait saiatu baduzu bezalako zigilua hau kopiatzeko, nahiz

backwards onto another person's hand, and then he or she presents it as

beste pertsona bati eskua atzeraka kalera, eta, ondoren, zuen bezala aurkezten

their own, if it actually does look identical, 123456789, then the web

beren, bada benetan begiratu berdin-berdina, 123456789, ondoren weba

server is apparently just going to trust that that user is you.

zerbitzaria da itxuraz besterik ez da joan fidatzen erabiltzaile hori dela duzu.

>> And this is indeed a fundamental threat any time you use cookies

>> Eta hau da, hain zuzen ere, funtsezko bat mehatxu egiteko erabiltzen duzun edozein unetan

because if someone just spoofs so to speak your cookie, figures out what it

delako norbait besterik spoofs hala bada nahi Zure cookie hitz egiten, zifrak zer

is, either by truly copying it by looking at your computer

da, bai benetan kopiatuz Zure ordenagailuan begira

and being like, OK.

eta, OK bezalakoa izatea.

David's cookie is JJ3JIK and so forth, and then they're smart enough to know

Daviden cookiea JJ3JIK da eta abar, eta, ondoren, smart nahikoa ezagutzen ari dira

how to sort of manually send that cookie from a browser or from a

nola eskuz moduko bidali duten nabigatzaile batetik edo bat cookiea

program they write, they could totally log into a website as you.

dute idatzi programa, erabat izan dute webgune bat duzun bezala sartu.

It is not that hard to pretend to be someone else unless we revisit p-set

Ez da hain gogorra izan asmoa norbaitek p-set revisit dugu behintzat

two, which introduced what?

bi, eta horrek sartutako zer?

>> AUDIENCE: Cryptography.

>> AUDIENCE: Kriptografia.

>> DAVID MALAN: A little bit of cryptography.

>> DAVID MALAN: Apur bat kriptografia pixka.

Simple cryptography, at least in the standard edition, but crypto

Simple kriptografia, gutxienez dagoen edizioa estandarra, baina kripto

So it turns out if you encrypt all of these headers using something that you

Beraz, bihurtzen da guztia enkriptatzen baduzu goiburuak hauek zerbait duzula erabiliz

might now know more familiarly as SSL, secure socket layer, or https:// URLs,

agian gaur egun ezagutzen gehiago SSL gisa familiarly, socket geruza seguru, edo https:// URLak,

then all of these things we've been glancing at are actually encrypted,

ondoren, gauza horiek guztiak izan gara glancing benetan enkriptatuta,

which means that it's like you can't read the hand stamp.

horrek esan nahi dela zu bezalako ezin irakurri eskuko zigilua.

Only facebook.com can, or google.com, or in this case, the appliance can

Facebook.com bakarrik ezin, edo google.com, edo, kasu honetan, aparatuaren ahal

read that hand stamp.

irakurri eskuan zigilu hori.

>> Tragically though, and again, this is all too appropriate with the NSA stuff

>> Tragikoki ordea, eta berriz ere, hau da guztiak ere NSA gauza batera egoki

of late, even SSL is breakable.

zetorrena, SSL are breakable da.

And it's actually not that hard to even crack that encryption.

Eta, egia esan, ez da zaila enkriptatzea are crack.

Not so much by cracking the encryption, but by tricking the

Ez hain enkriptatze cracking by askoz, baina tricking arabera

browser into decrypting the data prematurely.

desenkriptatu sartu nabigatzailean Datuak behar baino lehenago.

But again, we'll tease you with that before long.

Baina, berriro ere, aurre egiten dizugu hori baino askoz lehenago.

For now, just be afraid.

Oraingoz, besterik ez izan beldurrik.

It's tragically kind of true.

Da tragikoki motatako egia da.

So, where does this now leave us?

Beraz, kode hau orain utzi digu?

Well, let's do this.

Beno, egin dezagun hau.

Let's go ahead and take a quick teaser before we take a break.

Dezagun aurrera eta azkar bat hartu atsedenaldi bat hartuko dugu teaser aurretik.

And I think we'll linger a bit longer today, but we're going to dive into

Eta uste dut linger egingo dugu pixka bat gehiago gaur egun, baina ari gara ahal murgiltzea joan

something brand new and sexy, which will whet your appetite for even more.

zerbait estreinatzeko eta sexy, egingo den whet zure gosea are gehiago.

So that's the teaser.

Beraz, Esan nahi dudana da.

>> So SQL, we started talking about ever so briefly last time.

>> Beraz, SQL, buruz hitz egiten hasi ginen inoiz beraz, labur-labur, azken aldiz.

You'll really get your hands dirty with some of it in p-set seven.

Benetan duzu zure eskuak zikin batzuk p-set zazpi urtean.

And in layman's terms, what does SQL--

Eta layman en terminoetan, zer SQL du -

>> AUDIENCE: Let's you access data.

>> AUDIENCE: Dezagun duzu sarbidea datuak.

>> DAVID MALAN: Yeah.

>> DAVID MALAN: Bai.

It let's you access data in a database.

Utzi en duzu sarbidea datuak datu base batean.

Structured Query Language.

Egituratu kontsulta-lengoaia.

And this is essentially a programming language.

Eta hau da funtsean bat programazio-lengoaia.

There are features of it that we won't even use in class.

Badira ezazu ezaugarri duten ezin izango dugu, nahiz eta klasean erabiltzeko.

But you can effectively define functions.

Baina eraginkortasunez ahal duzun funtzioak definitzeko.

They're called stored procedures in SQL.

Gordetako deitzen ari dira SQL prozedurak.

But we'll keep it fairly simple and just use it for some basic operations

Baina nahiko erraza da eta, besterik gabe, gorde egingo dugu erabiltzen da oinarrizko eragiketak batzuentzat

like selecting data, inserting data, updating data, and deleting data.

datuak aukeratuz, datuak sartu eta bezalako datuak eguneratzeko, eta datuak ezabatu.

>> And you can really think of a database, like a SQL database, as just

>> Eta benetan dezakezu datu-base bat pentsatzea, SQL datu base bat bezala, bezain

being Microsoft Excel.

Microsoft Excel izatea.

Because SQL refers to a relational database, where

SQL erlazional bat aipatzen delako datu-basea, non

relation just means tables.

erlazioa besterik taulak esan nahi du.

Rows and columns.

Errenkadak eta zutabeak.

So anything you can put in a spreadsheet like this or Google Docs,

Beraz, ezer duzu kalkulu-orri bat jarri ahal hau edo Google Docs bezalako,

you could put into a SQL database by declaring a table.

duzu SQL datu-base bat jarri ahal taula bat deklaratzen duena.

>> Now, how do you actually access that information?

>> Orain, nola ez, benetan sartzen zaren informazio hori?

Well, with commands or queries like this.

Beno, komando eta ekin honen antzeko kontsultak.

SELECT, INSERT, UPDATE, and DELETE.

SELECT, INSERT, UPDATE, eta EZABATU.

And for the most part, those are the four only ingredients you'll need to

Eta zati handiena, horiek dira egiteko beharko duzu lau osagai bakarrik

do something quite powerfully in problem set seven.

zerbait egin nahiko potentziaz arazo girotuta zazpi.

>> Now back in the day, you would actually interact with a database in a

>> Orain egun atzera, benetan egiten duzun batean datu-base bat elkarreragin

black and white terminal window at a blinking prompt like this.

terminal eta zuri-beltzean at leihoa keinuka hau atsegin gonbita.

And the database we're running on the appliance is called MySQL, which is

Eta on ari gara exekutatzen datu-basea tresnaren deritzo MySQL, hau da,

free and open source database engine.

libre eta open source datu-base motorrarekin.

If you Google and read the Wikipedia article, you'll know that the name is

Google baduzu eta irakurri Wikipedia artikuluan, jakin ahal izango duzu izena, hau da

a bit of transition for some versions of Linux.

trantsizio pixka bat batzuentzat Linux bertsioak.

Maria database is actually a fork so to speak of MySQL.

Maria datu-base bat da, benetan Iak beraz MySQL mintzatzea.

>> Long story short, Oracle bought MySQL.

>> Long Narrazio laburren, Oracle erosi MySQL.

Oracle's a big company.

Oracle enpresa handi bat da.

People have been worried that it would no longer remain quite as open source,

Pertsona izan dira kezkatuta litzateke duten ez da gehiago egongo iturri nahiko irekita bezala,

so this is just a copy of MySQL that's still free, still open source, and

beraz, hau, besterik gabe, hori da MySQL kopia da Oraindik ere libre, oraindik ere, kode irekiko eta

installed in Fedora Linux by default.

Fedora Linux instalatuta lehenetsita.

>> But this is kind of a pain in the neck to get acquainted with a

>> Baina hau da, mina bat mota lepoan bat ezagutu ahal izateko

database this way.

datu-basea modu honetan.

So we include in the CS50 appliance a free open source tool called

Beraz, besteak dugu CS50 aparatuaren free kode irekiko izeneko tresna bat

Just a coincidence that it's written in PHP.

Just kasualitatea nik PHP idatzita.

There's no fundamental need for PHP here.

Ez da funtsezko ez PHP behar hemen.

But this is just a web-based tool that we downloaded for free, installed in

Baina hori web bidezko tresna bat da, deskargatu doan dugu, instalatutako

the appliance, that allows us to have a graphical user interface with which

aparatuaren, aukera ematen duen behar digu bat erabiltzailearen interfaze grafikoa duten

to explore the p-set seven database with which to create new databases,

p-set zazpi-basean esploratzeko horrek datu-base berriak sortzeko,

say for your own final project if you'd like, and ultimately create

zure azken proiektu propioa esan duzu litzaidake bada bezala, eta, azken finean, sortu

dynamic websites like CS50 Finance that allow you to query data and

CS50 Ogasun bezalako webgune dinamikoa datuak kontsultatzeko aukera ematen duten eta

update data dynamically.

datuak dinamikoki eguneratuko.

>> You're not going to have to use just a simple text file or CSV.

>> Oraindik ez duzu erabili behar joan besterik Testu fitxategi edo CSV sinple bat.

You can actually use a smart database program so that you can execute more

Benetan datu-base bat smart erabili ahal izango duzu programa, beraz, gehiago exekutatu dezakezu

sophisticated queries than just reading through everything linearly.

kontsultak sofistikatua besterik irakurtzea baino guztia linealki bidez.

>> So for instance, this is what we give you out of the box for p-set seven.

>> Horrela, esate baterako, hau da, zer dugu eman duzu p-set zazpi koadroan.

This is a table with apparently at least three columns, one of which is

Hau itxuraz gutxienez taula da hiru zutabeak, eta horietako bat da

username, one of which is hash, and the other of which is ID.

erabiltzaile-izena, horietatik bat hash da, eta beste horietatik izena da.

>> But the interesting thing, and just to tease out one thought here, username

>> Baina gauza interesgarri, eta, besterik gabe, tease daudelarik pentsamendu bat hemen, username

is presumably already unique, right?

da, ustez jadanik berezia da, ezta?

I mean, most any website, if you have a username, there

Esan nahi dut, gehienetan edozein web, bada erabiltzaile izen bat duzu, ez dago

can't be two caesars.

ezin bi caesars izan.

There can't be two malans.

Han ezin bi malans izan.

There can't be two jharvards.

Han ezin bi jharvards izan.

Otherwise, they don't know which jharvard it actually is.

Bestela, ez dute ezagutzen zein jharvard benetan da.

So what might be the motivation for also having a third column on the left

Beraz, zer ere motibazioa izango da agian ezker aldean hirugarren zutabe bat izatea

there called ID, which looks like a number that's similarly unique?

identifikazio han deitzen, eta horrek bat itxura zenbaki hori, era berean berezia?

It feels a little redundant to me at first glance.

Erredundantea apur bat sentitzen da niri hasiera batean.

Why might it be compelling to have not only unique usernames,

Zergatik izan liteke sinesgarria behar izango da ez bakarrik erabiltzaile-izen berezia,

but also unique numbers?

baina, halaber, zenbakiak berezia?

>> AUDIENCE: They could have the same password.

>> AUDIENCE: izan dute pasahitz berdina.

>> DAVID MALAN: People might have the same password, sure.

>> DAVID MALAN: People agian izan pasahitz berdina, ziur.

That could absolutely happen.

Erabat gerta liteke.

But if they have this unique username, I would argue that that doesn't really

Baina erabiltzaile-izen berezia hori izanez gero, I hori ez benetan argudiatzeko litzateke

matter, because if they type in their username, I only need to check their

materia, izan ere idatzi dute, bada, beren username, bakarrik egiaztatu behar dut euren

password, their hash thereof.

pasahitza, bere hash kontratuan.

Zergatik bestela?

>> AUDIENCE: Faster searching.

>> AUDIENCE: Faster bilatuz.

>> DAVID MALAN: Faster searching.

>> DAVID MALAN: Faster bilatuz.

>> AUDIENCE: ID is just one.

>> AUDIENCE: izena besterik ez da.

>> DAVID MALAN: ID is just one character, or to be more precise, it's a number,

>> DAVID MALAN: NAN pertsonaia bat besterik ez da, edo zehazkiago, zenbaki bat da,

so it's probably 32 bits or something like that.

beraz, ziurrenik, ez da 32 bit edo horrelako zerbait.

Whereas the username, apparently Jason Hirschhorn's up there is sort of

Berriz, erabiltzailearen izena, itxuraz Jason Hirschhorn han sort

ridiculously long, and it's going to take me a lot more time to string

ridiculously luze, eta nik joan nahi hartu me denbora asko gehiago katea

compare H-I-R-S-C-H-H-O-R-N, and maybe a /0 or something like that, in order

alderatu H-I-R-S-C-H-H-O-R-N, eta, agian, / 0 edo horrelako zerbait bat, ordena

to look up Jason, as opposed to just saying give me user number two.

Jason aurkitu, aurka jokatu esanez eman dit Erabiltzaileak bi zenbaki.

That's 32 bits.

It's a single INT that you have to compare.

INT bakar bat da hori alderatu duzu.

And indeed, that's exactly why databases tend to assign unique IDs to

Eta hain zuzen ere, hori da zehazki zergatik databases joera identifikazioak berezia esleitzeko behar

haietan ilarak.

>> Now what other data types are there besides INT and apparently

>> Gaur egun zer beste datu motak dira INT eta itxuraz gain

strings like this?

honen antzeko kateak?

Well, to be more proper, SQL databases, like

Beno, gehiago egokia izan nahi du, Datubaseak, bezalako

MySQL, have CHAR fields.

MySQL, izan CHAR zelaietan.

And CHAR a little misleadingly is not a single CHAR.

Eta char apur bat misleadingly Ez da CHAR bakarrean.

A CHAR field in a MySQL database is one or more characters, but it's a

CHAR MySQL datu base batean eremu bat da karaktere bat edo gehiago, baina bat da

fixed number of characters.

karaktere kopurua finkoa.

>> So for instance, if I go over to phpMyAdmin as you may have already, or

>> Horrela, esate baterako, gehiago joan balitz dut Dagoeneko izan dezakezu phpMyAdmin gisa, edo

soon will a problem set seven, and I go to my database, and just for fun,

laster izango da arazo multzo bat, zazpi, eta biok joan nire datu-basea, eta soilik ondo pasatzeko,

let's create a new table called test with just two columns.

dezagun izeneko taula berri bat sortu zutabe bi besterik ez probatzeko.

I'll then click Go.

Egingo gero egin klik I Go.

And this will become fairly familiar, especially as you tinker

Eta hau izango da izango nahiko ezagunak, tinker duzu batez ere

around on your own.

inguruan zure kabuz.

Here I might type ID to create a new table of type INT.

Hemen izena idazten dut agian, sortu mota INT taula berria.

But here I might type username to recreate that earlier table.

Baina hemen erabiltzaile-izena idatzi liteke dut birsortzeko lehenago mahai horretan.

And notice I have a whole bunch of types to choose from.

Eta nabarituko sorta oso bat daukat moten artean hautatzeko.

>> And this too is why phpMyAdmin is kind of nice.

>> Eta hau ere horregatik phpMyAdmin mota da polita.

It's kind of self-teaching in that you can just kind of point, and click, and

Auto-irakaskuntza mota duzula da daiteke besterik ez mota puntua eta egin klik, eta

look at dropdown menus, and infer from that what powers SQL gives you.

Goitibeherako menuak begiratu, eta infer zer eskumen SQL ematen dizu.

>> And indeed, if I choose CHAR, I then have to specify the length, or how

>> Eta, hain zuzen, aukeratu dut CHAR bada, I gero luzera, edo nola zehaztu behar

many values, how many CHARs.

balore asko, zenbat karakteretan.

So very common values are things like 255, but that's a little long.

Balioak, beraz, oso ohikoa bezalako gauzak dira 255, baina hori apur bat luzea da.

Commonly is eight for a username.

Normalean zortzi izen bat da.

But that's a little small these days.

Baina hori txiki-txiki bat da egun hauetan.

So this is a design decision.

Beraz, hau diseinu erabaki bat da.

Is it 8 characters max, 32, 255, 1,000?

Da 8 karaktere gehienez, 32, 255, 1.000?

It's really up to you.

Benetan da, sortu nahi duzun.

But a CHAR field is a fixed number.

Baina CHAR eremu baten kopuru finko bat da.

So choose too few and you're kind of screwed if you want a longer username.

Beraz, too batzuk aukeratu eta Oraindik motatako izorratu username luzeagoa nahi baduzu.

Choose too many and what's the downside?

Aukeratu gehiegi eta zer arazotxo?

>> AUDIENCE: [INAUDIBLE].

>> IKUSLEEN: [INAUDIBLE].

>> DAVID MALAN: It's wasteful.

>> DAVID MALAN: hondakin-ekoizpena da.

Just like in C, if you have a bigger chunk of memory than you need, you're

Just C bezala, handiagoa izan beharko duzu memoria zatia behar baino, zu

just wasting time and wasting space.

besterik ez denborarik galdu eta espazioa alferrik galtzen.

So as an alternative, there exists VARCHAR, which solves this problem by

Beraz, alternatiba gisa, badira existitzen VARCHAR, eta horrek arazo hau konpontzen arabera

treating length not as a fixed length, but as a maximum length, and using a

luzera ez tratatzeko luzera finko gisa, baina gehienezko luzera bat, eta bat erabiliz

variable number of CHARs, which then tends to use only as many CHARs as you

Chars kopurua aldakorra, eta gero karaktereak bakarrik asko bezala duzun bezala erabili ohi

That sounds perfect.

Perfektua soinuak.

>> Why don't we get rid of the CHAR data type then?

>> Zergatik ez dugu ezagutu, kentzeko CHAR datuak idatzi ondoren?

What might be the downside of using VARCHARs, which sounds

Zer arazotxo izan liteke VARCHARs, zein soinuak erabiliz

like it's a nice win?

bezalako irabazi polit bat da?

>> AUDIENCE: [INAUDIBLE].

>> IKUSLEEN: [INAUDIBLE].

>> DAVID MALAN: OK, good.

>> DAVID MALAN: Ados, ona.

So if all of your data is the same length, what's the concern?

Beraz, zure datuen guztietan da berdina bada luzera, zer kezka?

>> AUDIENCE: Because you're wasting data by telling them all.

>> AUDIENCE: alferrik galtzen ari delako horiek guztiak kontatzeko datuak.

>> DAVID MALAN: So if all of your data is the same length, though, I would argue

>> DAVID MALAN: Beraz, zure datu guztiak da luzera bera, nahiz eta, argudiatzeko nuke

that specifying a maximum length on VARCHAR is no different from

duten gehieneko luzera zehaztuz VARCHAR da desberdinak ez

specifying a fixed length on CHAR if you know that number in advance.

CHAR on luzera finko bat zehazten bada aldez aurretik zenbaki hori badakizu.

But there is indeed, and I'll sort of extract from that answer the reality

Baina ez dago, hain zuzen, eta sort dut Erantzuna hartako errealitatea ateratzeko

that there's still a max, which could be annoying, especially if you

Ba hori da, oraindik ere, gehienezko bat, hau Could izan gogaikarriak, batez ere baduzu

encounter a person's name that's unusually long that you didn't

pertsona baten izena topo hori da ohiz luze egin ez duzula

And it's also a little less efficient to actually search on VARCHARs as

Eta, gainera, apur bat gutxiago eraginkorrak benetan VARCHARs bilaketak gisa

opposed to searching CHARs, especially for long tables that have lots and

bilatzen Chars aurka, batez ere, mahai luze horretan asko izan eta bost

So here too, thematic is again no obvious choice.

Beraz, hemen ere, gai da berriro bistako aukeratu ez.

>> So just to give you a sense of other data types that might be of interest

>> Beraz, besterik ez duzu beste zentzu bat emateko agian interesgarriak izan datu motak

either for p-set seven or in the future, there's INT.

bai p-set zazpi edo in Etorkizunean, ez da INT.

There's BIGINT, which is like long long.

Ez dago bigint, zein luze luze bat bezalakoa da.

It tends to be 64 bits.

64 bit izan ohi da.

There's DECIMAL, which you'll see in the problem set, which is a much

Ez dago hamartarra, ikusiko dituzu Arazoa multzoa, hau da, askoz bat

cleaner answer to the problems we encountered with float and floating

arazoei erantzun garbiagoa dugu karroza eta mugikorreko aurkitu

point imprecision.

imprecision seinalatu.

And then there's DATETIME.

Eta orduan, DATETIME.

There's literally a data type that has to look like a year, a month, a day,

, Hitzez datu mota bat dela urte bat bezala begiratu, hilabete bat, egun bat,

and an hour, minute, and second.

eta ordu bat, minutu eta segundo.

>> But SQL databases also have things we'll call indexes.

>> Baina datubaseak ere badituzte gauza dugu indizeak dei egingo.

And an index is something that you specify when creating the table to

Eta indize bat zerbait duzula da zehaztu noiz mahai sortzeaz

make searches and other operations more efficient.

bilaketak eta bestelako eragiketak egiteko eraginkorragoa.

Specifically, there's something called the PRIMARY index that you could

Hain zuzen ere, han zerbait deitzen da the PRIMARY indizea duzula Could

declare as follows.

honela deklaratzen.

>> We did this for you with the users table we give you.

>> Hau egin dugu zuretzat batera erabiltzaile taulan emango dizkizuegu.

But notice if I were manually recreating the users table here giving

Baina konturatu nintzen eskuz birsortzeko balira erabiltzaile mahai hemen emanez

it a name of users.

duen erabiltzaile izen bat.

I already specified ID.

Zehaztutako dagoeneko dut izena.

I specified INT.

INT zehaztu dut.

I specified username with maximum 32 characters.

Erabiltzaile-izena zehaztu dut 32 karaktere gehienez.

But if we keep scrolling in this fairly wide window, notice there's a

Baina jarraituko dugu bada hau nahiko korritu leiho zabal, abisua, ez da bat

bunch of other things I can specify.

Beste gauza batzuen dut zehaztu dezakezu sorta.

>> One, I can specify attributes like, you know what, this

>> Bata, atributuak zehaztu ahal dut bezala, badakizu zer, hau

INT should be UNSIGNED.

INT unsigned izan behar du.

I don't want negative numbers, so let's make it UNSIGNED.

Ez dut zenbakiak negatiboak nahi, beraz dezagun hura sinatu gabe.

Null is not relevant here because I do want every user to

Nulua ez da garrantzitsua delako hemen Egin nahi dut, erabiltzaile bakoitzak

have a unique number.

den zenbaki bat izan.

I don't want it to be null.

Ez dut nahi nulua izan da.

>> But this is interesting.

>> Baina hau interesgarria da.

I can specify that ID is either the primary key of this database, or it's

Izena bai da I zehaztu ahal izango du Datu-base honen funtsezko lehen, edo ari

unique, or it's indexed, or full text.

berezia, edo indexed da, edo testu osoa.

So for today's purposes, long story short, PRIMARY means that this shall

Beraz, gaur egungo helburuetarako, istorio luzeak labur, PRIMARY esan nahi izango hau

be both conceptually and technically the field that we use to uniquely

be bai kontzeptualki eta teknikoki eremuan erabiltzen duten bakarrean nahi dugu

identify users.

erabiltzaileak identifikatzeko.

>> So when we look up users, this is sort of a promise to look them up mostly by

>> Beraz, sortu erabiltzaile begiratzen dugu, hau da, nolako Horien bila dezan, batez ere, egindako promesa baten

that unique identifier.

identifikatzaile bakarra duten.

And the database will ensure that if you have a user number 3, you cannot

Eta datu-base bermatu egingo du badituzu erabiltzaileari zenbaki bat 3 izan, ezin duzu

physically insert another user with that same number 3.

fisikoki beste erabiltzaile txerta zenbaki hori bera 3.

The database will just refuse to save your changes.

Datu-basea besterik uko egingo aldaketak gordetzeko.

Which is a good thing, because you can protect yourself from yourself. self

Gauza ona da, ezin duzulako zeuk zeure burua babesteko. auto

>> Alternatively, for username.

>> Bestela, erabiltzaile izena.

So the second row, recall, is the username field.

Beraz, bigarren errenkadan, abisuaren, username eremua da.

So the second row here is username, as we did on the far left there.

Beraz, bigarren lerroan hemen erabiltzaile-izena da, genuen on urrun han utzi behar izan baitu.

>> So what else might I want to specify?

>> Beraz, zer gehiago agian zehaztu nahi dut?

I'm not allowed, according to SQL, to specify two primary keys.

Ez dut onartzen, SQL arabera, bi gako lehen zehazteko.

you can specify a joint key where you look at both fields, but they can't

joint gako bat non duzun zehaztu dezakezu Bi eremuak begiratu, baina ezin dute

individually be primary keys.

banaka lehen mailako gakoak izan.

So that's out of the question.

Beraz, galdera da.

So which might I want to choose?

Beraz, horrek agian aukeratu nahi dut?

>> Well, UNIQUE is similar in spirit to a primary key where you specify this

>> Beno, BAKARRA espirituz antzeko bat da lehen mailako gako kode hau zehaztu duzu

field shall be unique, but it's not going to be the one

Eremu berezia izango da, baina ez da ez bat izango da

I use all the time.

Denbora guztian erabiltzen dut.

And we're not going to use this one all the time for what reason again?

Eta ez ari gara hau guztia erabili joan zer arrazoigatik ordua berriro?

It's slower potentially if it's a long username.

Hura motelagoa da potentzialki bada Erabiltzaile izen luze bat da.

It's just a waste of time.

Besterik ez da denbora galtze bat da.

>> INDEX, meanwhile, specifies that it's not going to be unique, but I'd like

>> INDEX, bestalde, zehazten du dela Ez berezia izango da, baina gustatuko litzaidake dut

you to work your magic underneath the hood to make it faster for me to

zure magia lan duzu azpian kanpaia egin azkarrago dit

search on this field.

bilatu eremu honetan.

So this probably isn't relevant here.

Beraz, hau seguruenik ez da garrantzitsua hemen.

For username, I'd argue that UNIQUE is a good answer.

Erabiltzaile izena, litzaidake argudiatu dut BAKARRA erantzuna ona da.

But suppose that we made users more interesting than just usernames,

Baina demagun erabiltzaile egin dugula gehiago erabiltzaile-izenak baino zerbait interesgarria,

hashes, and ID numbers.

egiaztapenekin, eta NAN zenbakiak.

What if we gave people full names?

Zer izen osoa eman dugu bada jendeak?

What if we gave them addresses and other data about them?

Horietako helbideak eman dugu zer bada eta haiei buruzko beste datuak?

>> Well, if you specify that a column in a database is indexed, that means that

>> Beno, zuk zehaztutako bada batean zutabe bat datu-basean indexatutako da, horrek esan nahi du

MySQL, or Oracle, or whatever database you're using, should work its magic

MySQL edo Oracle, edo dena delakoa, datu-basea , erabiltzen ari zaren bere magia lan egin behar

and use some kind of fancy data structure like a tree, or a trie, or a

eta erabiltzeko datuak fancy nolabaiteko zuhaitz bat, edo trie bat, edo bat bezalako egitura

hash table, or something to guarantee that when you search for data using

Hash taula, edo zerbait bermatu bilatu duzunean datuak erabiliz

select on that particular field--

hautatu eremu jakin -

like show me everyone that lives on Oxford Street.

bezala erakutsi denek Oxford Street-bizi.

A query like that.

Horrelako kontsulta bat.

If you have specified in advance that you want an index on that field, the

Aldez aurretik zehaztu duzun bada Eremu horretan indize bat gorde nahi bada,

searches will be much, much faster.

bilaketak askoz ere izango da, askoz azkarrago.

>> If you don't specify an index, the best you can do is a linear search if

>> Ez duzu indize bat, hoberena zehaztu bada egin dezakezu bilaketa lineala bada

it's not sorted.

Ez da antolatuz.

But if you specify INDEX, the smart people who made the database--

Baina INDEX, elegante zehaztu baduzu datu-basea egin duten pertsonen -

people like you who now know trees and tries and hash tables--

zu bezalako pertsonak gaur egun ezagutzen duten zuhaitzak eta saiatzen eta hash taulak -

will automatically build such a data structure in RAM to make sure that

besteak beste, datuak automatikoki eraikitzeko izango RAM egitura ziurtatu egin

those searches are much faster.

bilaketak horiek askoz ere azkarrago.

>> FULLTEXT meanwhile is similar in spirit, but allows you to do wildcard

>> Fulltext bestalde espiritua antzekoa da, baina aukera ematen komodina egin duzu

searches, like show me everyone that lives at streets that begin with the

bilaketak, bezala erakutsi denek hasiko duten kaleetan bizi

letter O for whatever reason.

gutun edozein arrazoigatik O.

You can do wildcard searches like that.

Komodin bilaketak egin ahal izango duzu duten bezala.

Or, more compelling things like show me everyone who has the word--

Edo, ikuskizun atsegin gehiago sinesgarria gauzak niri nor hitza ditu guztiontzat -

show me everyone whose name starts with a particular letter.

Erakutsi Edonork bere izena hasten letra jakin batekin.

You can search for keywords in this way.

Bila ditzakezu gako-hitzak modu horretan.

>> So, design opportunities there potentially.

>> Beraz, diseinu-aukerak han potentzialki.

There are others that I'll wave my hands at.

Badira beste batzuk, I izango direla olatuen nire esku dago.

It turns out that you can have different storage engines.

Bihurtzen da izan dezakezu biltegiratze motore ezberdinak.

And this is more arcane than we need certainly for problem set seven.

Eta hau da, gehiago urrutira behar duguna baino zalantzarik gabe, arazo multzo zazpi.

By default, you guys are using something called InnoDB.

Berez, guys erabiltzen ari zerbait InnoDB deritzo.

You'll see mention of this somewhere in phpMyAdmin's interface most likely.

Ikusiko nonbait horren aipamena duzu phpMyAdmin interfazeak ziurrenik.

But know that there are other design decisions that are of potential

Baina ezagutzen ez diren beste diseinu duten potentziala dira erabakiak

interest come final projects if you do something web-based.

interes azken proiektu etortzen bada zerbait web bidezko egiten duzu.

>> But let's do this.

>> Baina egin dezagun hau.

Let's go ahead and put this on the screen as a teaser for a story

Dezagun aurrera, eta hau jarri da pantaila istorio bat teaser gisa

involving you, a roommate, and a glass of milk.

duzu inplikatuz, gelakide bat, eta esne edalontzi bat.

Let's take a two minute or so break here.

Ikus dezagun bi minutu bat hemen edo hala apurtzen.

And if you can stick around, let's come back, look a bit more at SQL, and

Eta inguruan duzun itsasten ahal bada, dezagun etorri atzera, itxura pixka bat gehiago SQL at, eta

then a bit of JavaScript with p-set eight in mind.

Orduz JavaScript pixka batekin p-set zortzi kontuan.

So, let's get you thinking about a corner case that can very easily arise

Beraz, gaitezen pentsatzen duzu bati buruz izkina kasu horretan oso erraz sor daitezke

in the context of using a database, or frankly, even using real world things

datu-base bat erabiliz, edo testuinguruan Egia, nahiz eta mundu errealeko gauzak erabiliz

like ATMs to get money.

kutxazainetan bezala dirua lortzeko.

So here's a refrigerator.

Beraz, hemen hozkailu bat.

Suppose you've got one too in your dorm or your house.

Demagun duzun got bat ere egina zure gela edo zure etxea.

And you've got one roommate, and both of you really like milk for instance.

Eta lortu duzun gelakide bat, eta bien Benetan nahi duzu adibidez esnea.

>> So you come home from class one day.

>> Beraz etxera, egun batean klasean from.

He or she's not yet back.

Berak ez da oraindik itzuli.

You open the fridge.

Hozkailua ireki duzu.

You really want a big glass of milk.

Esne edalontzi handi bat benetan nahi dituzun.

There's no milk.

Han esnea ez da.

So what do you do?

Beraz, zer egin nahi duzu?

You close the fridge.

Hozkailua ixtean.

You grab your keys.

Zure Hartu teklak.

You go out to the square.

Duzu joan plazara.

And you get in line at CVS at those self checkout things, which always

Eta lerro lortu duzu CVS at horietan auto checkout gauzak, beti

take longer than actually having cashiers.

egia esan baino gehiago iraun Kutxazainak beharrik.

>> So then, meanwhile, dot dot dot, your roommate comes home and he or she

>> Beraz, ondoren, bere aldetik, dot dot dot, zure gelakide etxera dator eta berak

similarly has a hankering for some milk.

era berean hankering bat du esne batengatik.

So he or she opens the fridge, looks inside, and oh, damn.

Beraz, hozkailuan zuen irekitzen, barrutik itxura, eta oh, madarikatua.

So he or she heads out, happens to go to the other CVS, which was only a

Beraz, zuen edo atera zuzentzen zuen, gertatzen joan Beste CVS, hain zuzen, bakarrik bat

block away for some reason, and he or she gets in line to buy some milk.

blokeatu kanpoan arrazoi batzuk, eta zuen edo lortzen line zuen esne pixka bat erostera.

>> Meanwhile, you come home, he or she comes home, and what do

>> Bitartean, etxera, zuen edo etxera dator zuen, eta zer egin

you ultimately have?

azken finean, izan al duzu?

Twice as much milk.

Bi aldiz ere esnea.

But you don't really like milk that much.

Baina ez benetan nahi duzun esnea askoz.

So now you have so much milk that now one of them is just going to go sour

Beraz, gaur egun hainbeste esne duzula orain horietako bat besterik ez da garratza joan

So this is a really bad problem.

Beraz, honek arazoa benetan txarra da.

>> So what has happened?

>> Beraz, zer gertatu da?

So fundamentally, this is kind of a ridiculous example.

Beraz, funtsean, hau da, mota Adibidez barregarria baten.

But underneath the hood, what we've had happen here is both of you checked

Baina kanpaia azpian, zer izan dugu gertatuko da hemen, bai gero egiaztatuko

the state of some piece of memory, the refrigerator.

pieza batzuen egoera memoria, hozkailuan.

Both of you checked the state of some variable.

Biak duzun egiaztatuko egoera aldagai batzuk.

You both drew a conclusion that you then acted on.

Zuk bai Ondorio bat marraztu ondoren, hori jokatu duzu.

But unfortunately, while your roommate was at the store, the state of that

Baina, zoritxarrez, berriz, zure gelakide dendan zegoen, hori estatuan

variable changed, he or she came back and now wants to change the state, but

aldagai aldatu, berak itzuli zen eta, orain, egoera aldatu nahi du, baina

it's already been changed on him or her.

nik aldatu egin da dagoeneko zion edo bere on.

And of course, he or she would not have gone to the store if they knew

Eta, jakina, berak ez luke dendan joan ziren bazekien

that you were already en route.

Dagoeneko zinela en ibilbidea.

>> So in the real world, how could you avoid this problem, assuming you have

>> Beraz, mundu errealean, nola ezin duzu Arazo hori saihesteko, daukazula suposatuz

a fridge, you have a roommate, and you actually like milk?

hozkailua, gelakide bat behar duzu, eta benetan gustatzen duzu esnea?

>> AUDIENCE: Communicating.

>> AUDIENCE: komunikatu.

>> DAVID MALAN: Communicating.

>> DAVID MALAN: komunikatzen.

But how might you communicate?

Baina, nola liteke komunikatuko zara?

>> AUDIENCE: Leave a note.

>> Ikusleak: Utzi ohar bat.

>> DAVID MALAN: Leave a note, right?

>> DAVID MALAN: Utzi ohar bat, ezta?

Always leave a note, for fans of the show.

Beti utzi ohar bat, for show the fans.

All right, so always leave a note, or put truly like a padlock or something

Guztiak eskubidea, beti utzi ohar bat, edo benetan jarri giltzarrapo bat edo antzeko zerbait

on the refrigerator that keeps your roommate from inspecting the state of

hozkailuan mantentzen zure egoera ikuskatzeko tik gelakide

>> Now, why might this be germane to problem set seven, or to ATMs.

>> Orain, zergatik ez litzateke izan behar germane arazo multzo zazpi, edo kutxazain automatikoak.

Well, imagine a world in an ATM where you might be able to go up to an ATM

Beno, pentsa mundu bat kutxazain bat non hasi ahal joateko kutxazain bat izan dezakezu

machine here, and another ATM here.

makina hemen, eta kutxazain beste hemen.

And this happens quite often.

Eta hau gertatzen da sarritan.

And suppose you had two ATM cards, which is possible to obtain.

Eta demagun bi kutxazain txartelak izan duzu, hau da, ahalik lortzeko.

And you log into both machines effectively simultaneously, hopefully

Eta bai makinak saioa hastean eraginkorrean aldi berean, espero

while no one's looking.

inor ez da bilatzen ari diren bitartean.

And then you type in your PIN roughly simultaneously.

Eta, ondoren, idatzi zure PIN duzun aldi berean, gutxi gorabehera.

And then you do a balance query to see how much cash you have.

Eta gero, oreka-kontsulta bat egin duzu zenbat cash duzu ikusteko.

And let's say you have $100 left in your account.

Eta esan dezagun 100 $ izango duzu zure kontuarekin utzi.

So essentially simultaneously, you say one, zero, zero, enter.

Beraz, funtsean, aldi berean, zuk esan bat, zero, zero, idatzi.

And you hopefully get back some money.

Eta espero dugu atzera dirua.

>> But how much money might you get back?

>> Baina zenbat diru itzultzen lortu duzu?

Now computers at the end of the day, especially if they're talking to

Orain egun bukaeran, ordenagailuak, batez ere galtzen ari diren hizketan

servers, don't necessarily do things in the order that's expected.

zerbitzariak, ez dute zertan gauzak ordena hori espero.

>> So suppose what happens, because of whatever network speed issues there

>> Beraz, eman dezagun zer gertatzen den, baita edozein dela ere sarearen abiadura gai ez

are, or CPU issues there are, or anything like that, suppose that the

dira, edo CPU-arazoak daude, edo horrelako ezer egin, suposatzen duten

first ATM checks your balance and sees, oh, this person has $100.

lehen kutxazain zure oreka eta egiaztatzen ikusten, ai, pertsona honek ez du $ 100.

But then gets distracted because maybe a backup is happening and so it's

Baina, ondoren, erabat arreta beharbada segurtasun kopia bat gertatzen ari da, eta beraz,

Or maybe while checking, the network connection got a little slower because

Edo agian egiaztapena, berriz, sarearen konexioa lortu apur bat motelagoa delako

this just happens.

hori gertatzen da.

They're physical devices.

Gailu fisikoak dira.

So meanwhile, the second ATM is asking the same question.

Beraz, bere aldetik, bigarren kutxazain da galdera bera eskatuz.

How much money does David have? $100 is the answer.

Zenbat diru izan du David? 100 $ erantzuna da.

But because the first ATM hasn't yet sent the message subtract $100, both

Baina lehen kutxazain du oraindik ez duelako Mezua kendu $ 100, bai

ATMs have inspected the bank's vault, seeing there's $100 there, and now

Kutxazain ikuskatu dute banku-en ganga, ez da 100 $ han ikusten, eta, orain,

both machines potentially are going to spit out an answer.

makinak bai potentzialki dira txu erantzun bat egingo da.

>> Now, this is great for you in some sense if what the bank does ultimately

>> Orain, hau zuretzako da handia, zentzu batzuetan banku zer egiten bada, azken finean,

is change the amount to minus 100 by setting the variable equal to your

zenbatekoa aldatu da ken 100 aldagai zure berdina ezartzeko

bank account equal to 0, as opposed to doing minus 100.

banku-kontu eta 0 berdin, aurrean 100 ken egiten.

Now in the worst case for the bank--

Orain banku kasu txarrenean -

or in the best for the bank, meanwhile, they give you $200, and

edo banku onena, berriz, bere aldetik, eman dute $ 200, eta

your bank account now shows negative $100, which really doesn't

banku kontuan orain negatiboa erakusten $ 100, eta horrek ez du benetan

benefit you at all.

mesede duzun guztietan.

But the point is that this race condition for two roommates getting

Baina puntua da lasterketa hori bi roommates lortzeko baldintza

milk, or for two ATMs trying to get cash and change the state of a vault

esnea, edo bi kutxazain eskudirutan saiatzen aldatu eta ganga baten egoera

at the same time exists any time you have a database.

aldi berean, existitzen den edozein denbora datu base bat egin behar duzu.

>> Now in problem set seven, this issue arises in the sense that if you buy a

>> Orain arazo girotuta zazpi, gai honen Zentzu sortzen erosi baduzu duten

share of Facebook stock, and then for instance you buy a second share of

Facebook stock-kuota, eta orduan instantzia bat bigarren parteka erosi

Facebook stock, you need to make a decision as the programmer.

Facebook-salda, egin behar duzun programatzaile erabakirik hartu.

In order to decide how to update the database, odds are you're going to

Nola eguneratzeko erabakitzeko datu-basea, odds ari zaren joan

have one row for that stock, and this is one way to implement it.

bat izan duten stock errenkadan, eta hau modu bat jartzera da.

And you're going to have one share of FB, which is their stock ticker symbol

Ko eta parteka izan behar duzu FB, hau da, beren stock ticker sinbolo

for this username, or this user ID, the unique identifier.

izen hau, edo erabiltzaile honentzat Identifikazio, identifikatzaile bakarra da.

>> But the same story can happen here.

>> Baina kontakizun berbera hemen gerta daiteke.

If you do a SELECT in SQL, as you'll see in problem set seven when you see,

Ez baduzu SQL hautatu dituzu ikusten arazo girotuta zazpi ikusita,

oh, David has one share of Facebook stock.

Oh, David ko kuota du Facebook stock.

Let me now change this to be two shares, because he wants to buy a

Refresh aldatu dit orain bi akzio izango da, nahi du bat erosi duelako

bigarren partekatzeko.

But suppose David actually had two browser windows open, or suppose that

Baina demagun David benetan bi leiho irekia, edo suposatzen duten

it's a joint account with two spouses, and both of them are trying to perform

bi ezkontideek elkarrekin kontu bat da, eta biak dira burutu saiatzen

the same operation, there, too, the potential exists for a decision to be

bera dute, han ere, potentzial erabaki bat egon badago

made based on the previous state of the world--

oinarritutako aurreko egindako munduko egoera -

the account has one share--

Kontu bat partekatzen ditu -

and both people, or both servers, now try to say increment it to two shares.

eta pertsona bi edo zerbitzariak bai, orain saiatu ahala ditu bi akzio esateko.

But in this case, you might have charged me money for both shares, but

Baina kasu honetan, izan kobratuko zenituzkeen dirua akzioen bi dit, baina

incremented just that one time.

handituaren bat besterik ez da denbora.

>> So in short, the fundamental problem here, as with the joke about leaving a

>> Beraz, azken batean, funtsezko arazoa Hemen, utzi buruz txantxa bezala

note, or putting a padlock on it, is if two people, or two threads--

Kontuan izan, edo giltzarrapoa jarri da, eta ez da bi pertsona edo bi hariak bada -

think back to scratch--

Uste itzuli urratu -

can inspect the state of some variable and then try to change that variable,

aldagai batzuen egoera aztertu ahal eta saiatu aldagai hori aldatzeko,

but those two things don't happen at the same time but can get interrupted

baina bi gauza horiek ez at gertatuko Aldi berean, baina, eten get dezakezu

by other things happening, data can get into a very weird state.

beste gauza gertatzen ari da, datuak ahal Oso egoera arraroa sartu.

And you can benefit or you can suffer in the sense of the money example.

Eta prestazio edo jasaten dezakezu dezakezu Adibidez dirua zentzu batean.

>> So in problem set seven, we give you this one line of code, which long

>> Beraz, arazo multzo zazpi, emango dugu kode-lerro bat, hau luzea

story short, solves this problem in MySQL.

Narrazio laburren, hau konpontzen MySQL arazoa.

This very long instruction that doesn't even fit onto one line on the

Hau oso luzea da agindu hori ez da nahiz eta lerro aldera egokitzen buruzko

screen here ensures that your operation is what's called atomic.

pantaila hemen zure funtzionamendua bermatzen duten da, zer deitzen atomikoa.

It all happens at once, or it doesn't happen at all.

Aldi berean gertatzen den, edo ez da gertatuko guztiak.

This very long phrase cannot get interrupted partially.

Oso luzea esaldi hau ezin get eten partzialki.

>> And what it does is literally what it says.

>> Eta zer egiten da, hitzez hitz esaten duena.

Insert into some table the following three fields those specific values,

Taula batzuk txertatzeko honako hiru eremu zehatz balio horiek,

but on duplicate key, don't do an insert.

baina gakoa bikoiztuak an, ez egin txertatu.

Eguneratze bat.

So this is like doing a SELECT and an INSERT so to speak at the same time.

Beraz, hau hautatu bat eta egiten bezalakoa da INSERT beraz, aldi berean hitz egiten.

And what is the key that's probably being referred to here?

Eta zer gakoa hori da ziurrenik da aipatzen ari den hemen?

>> It turns out, and you'll see this in problem set seven's spec, because

>> Bihurtzen da, eta hau ikusiko duzu hemen Arazoa zazpi zehaztapenak ezarri, zeren

we've declared there to be a unique key on this particular table such that

han deklaratu dugu giltza berezia izango da taulan zehatz honetan, besteak beste,

you can't have multiple rows for the same user with the

Ezin duzu gehiago errenkadak dute duen erabiltzaile berari eman

same penny stock symbol--

bera Penny stock sinboloa -

in this example here, DVN.V is a silly penny stock that we

hemen adibide honetan, DVN.V da silly Penny stock bat dugula

refer to in the spec.

aipatzeko zehaztapenak ere.

Because we've declared it to be unique, what this means is that if you

Deklaratu dugu berezia izan delako, zer esan nahi duzun bada

try to insert a duplicate row, you're instead going to update it without

saiatu bikoiztuak ilara batean txertatzeko, zaren ordez hura gabe egunera joan

anyone else having a chance to change the state of the world either.

inork aldatzeko aukera bat izatea munduaren egoera, bai.

So in short, this ensures things are atomic.

Beraz, azken finean, hori bermatzen Gauzak atomikoak dira.

>> More generally though, databases like MySQL--

>> Oro har, nahiz eta, datu-base MySQL bezala -

and you don't need this feature for p-set seven, but keep it in mind for

eta ez duzu behar ezaugarri hau p-set, zazpi, baina mantendu kontuan izateko

support what are called transactions, where you can say

zer dira transakzio deitu onartzen, non esan dezakezu

START TRANSACTION literally.

START transakzio literalki.

You can then execute two SQL statements.

Gero zuk exekutatu ahal SQL bi adierazpenak.

And a SQL statement, as you'll see in p-set seven, looks a little

Eta SQL adierazpen batean, ikusiko duzun bezala in p-set zazpi, itxura apur bat

something like this.

honen antzeko zerbait.

Update a table called account.

Eguneratu Kontu bat izeneko taula.

Set the balance column equal to whatever the balance column currently

Ezarri oreka edozein dela berdina zutabe oreka zutabean Une

is minus 1,000 where the number, the account number, like the user ID,

da ken 1.000 non kopurua, kontu zenbakia, erabiltzaile-izena bezala,

equals 2, and then update account dot dot dot.

berdinen 2, eta gero eguneratu Kontu dot dot dot.

>> So in layman's terms, what do these two queries seem to be doing in the

>> Beraz layman en terminoetan, zer bi horiek kontsultak badirudi beharreko egiten

real world sense of banking?

Mundu errealean banka zentzua?

>> AUDIENCE: Transferring to savings.

>> AUDIENCE: aurrezki transferitzea.

>> DAVID MALAN: Exactly.

>> DAVID MALAN: Zehazki.

Transferring funds from one account to the other.

Funtsak transferitzeko batetik bestea kontuan.

And this is another example where you really want these two things to happen

Eta hau beste adibide bat da, non duzu benetan bi gauza horiek gertatuko nahi

edo ez zen gertatu.

You don't want something to get in the middle of them and potentially mess up

Ez duzu nahi zerbait lortu Horien erdian eta nahaspila potentzialki sortu

the math, or mess up how much money you have, or how much

math, edo nahastea, zenbat dirua behar duzu, edo zenbat

money the bank has.

dirua bankuan ditu.

So what's really nice about transactions in MySQL is that, and

Beraz, zer da benetan transakzio inguru polita MySQL dela, eta

databases more generally, is that they and smart people who've implemented

datu-base gehiago, oro har, hauxe litzateke: eta pertsona smart nor naiz abian

these features figure out how to make sure that both of those things happen

Ezaugarri horiek irudikatu nola egin ziur gauza horiek biak gerta

>> And if you are truly aspiring to make a website that's used by people on

>> Eta benetan duzu egin aspirante badira duten jendeak darabilen web-a

campus, people in the real world, doing something in the startup sense,

campusean, mundu errealean pertsona, egiten startup zentzu zerbait,

these are the kinds of design decisions that

horiek mota dira diseinu erabakiak

become ever so important.

bihurtu da inoiz hain garrantzitsua.

Otherwise, you start to lose data, lose users, or in the worst case as

Bestela, datuak galtzen hasten zarenean, gal erabiltzaile, edo txarrena kasuan bezala

we've seen here, potentially lose money.

Hemen ikusi dugu, potentzialki dirua galtzen.

So again, more on that in problem set seven, as well as perhaps for some of

Beraz, berriro ere, gehiago duten arazo girotuta zazpi, baita agian batzuk

you in final projects.

azken proiektuetan duzu.

>> So let's change that picture we had a moment ago just in one more way.

>> Hargatik aldatzeko irudi hori izan genuen une bat besterik ez duela modu bat gehiago dira.

So let me actually see if I can--

Hargatik, benetan me ikusten dut, ahal bada -

nope, that's gone.

nope, hori da desagertu.

>> So this is where we left last time.

>> Beraz, hau da, non azken aldiz utzi dugu.

And it turns out we're going to toss one more thing into the mix here--

Eta bihurtzen da zozketa goaz nahasketa sartu gauza bat gehiago hemen -

a language called JavaScript.

JavaScript izeneko hizkuntza bat.

So JavaScript actually fits into this piece--

Beraz JavaScript benetan egokitzen Pieza hau sartu -

and I didn't quite leave enough room, so this is not now to scale.

eta ez da nahiko nahikoa toki uzten dut, beraz, hau ez da orain arte eskalatu.

OK, this is really pathetic.

Ados, hau da, benetan patetikoa.

OK, so that's JavaScript.

Ados, beraz, JavaScript da.

I'm really doing it a disservice.

Benetan ari naiz egiten disservice bat.

>> So JavaScript is another programming language, and our last, If that helps

>> Beraz, Javascript programazioarekin bat da hizkuntza, eta gure azkena, horrek laguntzen bada

reassure that there's not much more of the fire hydrants here.

lasaitzea ez dagoela ez da askoz ere gehiago sute ahoak hemen.

So JavaScript is also an interpreted language, which means you don't

Beraz Javascript da ere interpretatuak hizkuntza, eta horrek esan nahi du, ez duzu

compile it into zeros and ones.

konpilatu zeroen eta bai sartu.

You just run it.

Exekutatu besterik ez duzu.

But what's fundamentally different with JavaScript usually is that you

Baina zer da funtsean desberdinak Ikusteko Javascript-a izan ohi da duzun

don't run it on your web server.

ez exekutatu zure web zerbitzarian.

It doesn't get run in the appliance per se.

Ez du lortzen aldean abian tresnaren per se.

Rather, it gets downloaded by a user via HTTP into their browser--

Hobeto esanda, da erabat deskargatu erabiltzaile batek HTTP bidez bere nabigatzailea sartu -

Chrome, Safari, Internet Explorer, Firefox, whatever--

Chrome, Safari, Internet Explorer, Firefox, edozein izanda ere -

and it's the browser that executes this particular programming language.

eta hori exekutatzen honek nabigatzailea da programazio hizkuntza jakin.

>> So to be clear, PHP thus far has been executed either at the command line in

>> Beraz, argi izan, PHP beraz, orain arte izan exekutatu bai komando-lerroan

our black and white window, on a server like the appliance, a computer

gure zuri-beltza eta leiho, zerbitzari batean aparatuaren, ordenagailu baten antzera

like the appliance, or it's been executed by a web server

aparatuaren gustatzen, edo izan da Web zerbitzari batean exekutatu

running on a computer.

ordenagailu batean exekutatzen.

But the theme here is that PHP thus far has been executed server-side, so

Baina gaia hemen PHP dela beraz, orain arte ha exekutatu zerbitzariaren aldeko, beraz

the user and the user's browser never sees a line of PHP code.

erabiltzailearen eta erabiltzailearen nabigatzailean inoiz PHP kode lerro bat ikusten.

>> In fact, if you ever open a browser for your website or another and you

>> Izan ere, inoiz irekitzen duzu nabigatzaile bat izanez gero Zure webgune edo bestean eta zuk

actually see PHP code in your window, someone has screwed up.

benetan ikusi PHP kodea zure leihoan, norbait izorratu ditu.

Because it's not meant to be sent to a browser directly.

Delako ez da ekarri ahal izango nabigatzaile baten zuzenean bidaliko.

It's supposed to be executed and turned into something like HTML.

Honez ustezko exekutatu behar da, eta horrexegatik HTML antzeko zerbait sartu.

>> But JavaScript is essentially the opposite.

>> Baina JavaScript funtsean kontrakoa.

It's meant to be run typically inside of a user's browser window.

Honez normalean barruan exekutatuko diren jakin ezazu Erabiltzaile baten nabigatzailearen leihoa.

And what kinds of websites use JavaScript then these days?

Eta zer mota webgune erabili Ikusteko Javascript-a gero, egun hauetan?

>> Like literally every popular website.

>> Literalki popular webgune guztietan bezala.

Every website that you guys probably use daily use JavaScript for the

Webgune bakoitzak you guys ziurrenik erabili eguneroko JavaScript erabili du

simplest and even the sexiest features.

errazena eta baita sexiest ezaugarri.

>> So something like Facebook Chat if you use that.

>> Beraz, Facebook bezalako zerbait Chat duten erabiltzen bada.

How does that actually work?

Nola duten benetan lan?

Well thus far, all of the stuff we've done with HTML and PHP assumes that

Beno beraz, orain arte, stuff guztiak dugu HTML egin eta PHP bere gain hartzen duen

you pull up a URL, and you hit Enter, and you see some HTML content.

tira duzu URL bat, eta hit duzu Sartu, eta HTML edukiak batzuk ikusiko dituzu.

And you click the link, that changes the URL, changes the page, and reloads

Eta esteka, hori aldatzen klik eginez URL, orria aldatzen, eta kargatzen

some new content.

eduki berri batzuk.

Click another URL or submit a form, you get whisked to another page and

Klik URL edo beste inprimaki bat aurkeztu, get orri baterako whisked eta

you see some new content.

eduki berri batzuk ikusiko dituzu.

>> But using something like Facebook Chat, or Gchat, or Google Maps, rarely

>> Baina bezalako Facebook Chat zerbait erabiliz, edo Gchat edo Google Maps, oso gutxitan

does the whole page refresh such that you see a white screen momentarily and

hala nola freskatu du orri osoa pantaila zuri bat ikusten duzu une batez eta

then new content.

ondoren, eduki berriak.

Rather, web pages today are dynamically getting updated again and

Hobeto esanda, web orriak gaur dira dinamikoki ohitu berriro eguneratu eta

again and again all sort of behind the scenes.

behin eta berriro ordenatzeko guztiak atzean.

And it turns out that when you do go to something like Facebook, or Gchat,

Eta bihurtzen denean joan ez duzu nahi Facebook, edo Gchat antzeko zerbait,

or Gmail, and the page updates automatically without reloading the

edo Gmail, eta orria eguneratu egiten automatikoki berkargatu gabe du

whole screen, what's happened is that your browser has made sort of secretly

pantaila osoan, zer gertatu dela Zure nabigatzaileak moduko ezkutuka egin du

additional HTTP requests--

HTTP osagarriak eskaerak -

not for whole web pages, but just for little chunks of data, like the

Ez osoa web orriak, baina besterik datuak zatiak gutxi bezala,

instant message that your friend just sent you, or the status update that

berehalako mezu hori zure laguna besterik bidali dizu, edo egoera-eguneratzea dela

someone just sent you, or the tweet that someone just sent.

Norbaitek besterik bidali dizu, edo tweeta Norbaitek besterik bidaltzen duten.

It's just making little requests for data, and then using JavaScript, this

Besterik ez da eskaerak gutxi egiten ekarriko duen datuak, eta, ondoren, Javascript, hau erabiliz

programming language, to change what the web page looks like without the

programazio-lengoaia, zer aldatzeko web orriaren itxura duen gabe

server helping, without the server generating that HTML.

zerbitzaria, lagunduz zerbitzariari gabe HTML duten sortuz.

>> So in short, JavaScript can be used then to not only fetch new data from

>> Beraz, azken finean, Javascript, ondoren erabili ahal izango da datu berririk ez bakarrik eskuratu etik

the server without reloading a whole page or submitting a form.

osotasunean berkargatu gabe zerbitzariari orri edo inprimaki bat bidaltzen.

It can also be used to change the so-called DOM--

Ere erabil daiteke aldaketara DOM llamado -

document object model--

dokumentuaren objektu-eredua -

which is just the fancy way for saying the tree of HTML

besterik fancy bidea da HTML zuhaitza esaten

that we saw last time.

Azken aldiz ikusi dugu.

>> So to reassure, JavaScript is syntactically so similar to C as well.

>> Beraz, lasaitzea, Javascript da sintaktikoki beraz C antzekoa baita.

There's no main function.

Ez dago funtzio nagusia da.

You just start writing the code and it will get executed, or

Kodea idazten hasteko besterik ez duzu eta exekutatu egingo da, edo

interpreted more properly.

interpretatu behar bezala.

Conditions will look like this.

Baldintza itxura hau izango du.

No different from C or PHP for that matter.

No desberdinen C-tik edo Gai horren PHP.

Boolean expressions or-ed together will look like this.

Boolear adierazpen edo-ed elkarrekin itxura hau izango du.

Anded together look like this.

Elkarrekin Anded itxura hau.

>> Switches will look like this.

>> Etengailuak itxura hau izango du.

For loops will look like this.

For begiztak itxura hau izango du.

While loops will look like this.

Bitartean begiztak itxura hau izango du.

Do while loops will look like this.

Egin begiztak bitartean itxura hau izango du.

>> This is new.

>> Hau berria da.

So JavaScript has not a foreach construct per se, but this construct

Beraz, ez du JavaScript foreach bat eraikitzeko per se, baina eraikuntza hau

for variable i in array, and i in this case becomes an index value.

aldagai array i, eta i honetan Kasu indizearen balioa bat bihurtzen da.

So it's a little different from that foreach, though new versions of

Beraz, apur bat ezberdina da foreach, nahiz eta bertsio berriak

JavaScript are coming out all the time, so even these language features

Ikusteko Javascript-a denbora guztian irteten dira, beraz, nahiz eta hizkuntza ezaugarri hauek

garatzen ari dira.

>> And as an aside, JavaScript these days can also be used on a server just like

>> Eta alde batera utzita, egun hauetan JavaScript gisa ere egin daitezke, zerbitzari bat erabili besterik ez bezalako

PHP using a framework called Node.js.

PHP Node.js. izeneko esparru bat erabiliz

One of CS50's TFs, Kevin, has led a seminar on Node.js that's available at

CS50 TFS, Kevin bat, ekarri bat Mintegi Node.js on hori da eskuragarri

cs50.net/seminars.

cs50.net/seminars.

So if you're curious, know that you can use this on the server side as

Oraindik bitxia hala bada, badakizu hau erabili ahal zerbitzari aldean bezala on

well, but that's a fairly recent trend, but a powerful one at that.

ondo, baina hori nahiko azken joera bat da, baina hartan indartsua izango du.

>> This is a little different.

>> Hau da, apur bat desberdina.

This is an array in JavaScript.

Hau JavaScript array bat da.

And what strikes you as different versus C or PHP?

Eta zer jotzen duzu desberdin gisa versus C edo PHP?

There are a few quick stories we can tell here.

Badira istorioak azkar batzuk hemen esan ahal dugu.

What's missing versus PHP?

Zer falta versus PHP?

>> AUDIENCE: [INAUDIBLE].

>> IKUSLEEN: [INAUDIBLE].

>> DAVID MALAN: Yes?

>> DAVID MALAN: Bai?

Sorry, say again?

Barkatu, esan berriro?

>> AUDIENCE: Not declaring the type of variable.

>> AUDIENCE: Not deklaratzen aldagai mota.

>> DAVID MALAN: We're not declaring the type of variable.

>> DAVID MALAN: Ez gara geratuko aldagai mota.

So actually quite like PHP, we're not specifying the types of this variable.

Beraz, benetan oso PHP bezala, ez gara aldagai hau mota zehaztuz.

Rather, we're more generically saying var for variable.

Baizik eta, oro gaude esanez aldagaiaren var.

We don't have PHP's nuisance of the dollar sign, which while tedious to

Ez dugu PHP-en gogaikarriak dolarraren ikurra, zein lapurtera bitartean

type, does make more clear that something's a variable.

mota, egin du argiagoa duen zerbait aldagai bat da.

Whereas here, we're sort of back to C's approach by just calling a

Hemen berriz, gaude moduko itzuli C-ren hurbilketa besterik deituz bat

variable by the name we want to give it, like numbers.

nahi dugun izenarekin aldakorra emateko, zenbakiak bezala.

And also like PHP, we have square brackets for the

Eta, gainera PHP bezala, ez dugu egiteko kortxete

values inside that array.

array barruan balioak.

>> So variables in JavaScript also might look like this.

>> Beraz JavaScript aldagaiak ere baliteke itxura hau.

Notice here this is a string called s, but similarly have we not specified

Iragarki hemen hau s izeneko kate bat da, baina, era berean, ez dute zehaztu dugu

that it's a string.

Here though is a feature that doesn't exist in exactly the same way in PHP,

Hemen ordea, ez du hori ezaugarri bat da zehazki PHP modu berean existitzen,

but a bit similarly.

baina pixka bat era berean.

This is an object in JavaScript.

Hau JavaScript objektu bat da.

And objects are sort of the Swiss Army Knife of a data structure in that you

Eta objektuak daude moduko Suitzako Army Datu egitura bat labana duzula

can use them for any number of things.

horiek erabili ahal izango edozein gauza egiteko.

>> Here, for instance, we're declaring a variable called quote.

>> Hemen, esate baterako, deklaratzen ari gara aurrekontua izeneko aldagai bat.

The type of that variable is an object.

Aldagai hori motaren objektu bat da.

You can think of this as a C struct that has keys and values.

Pentsa daiteke C egitura gisa duten gakoak eta balioak ditu.

Symbol is a key.

Ikur garrantzitsua da.

FB is a value, apparently a stock symbol.

FB balio bat da, itxuraz stock sinboloa.

Price is another key, and its value is apparently a floating point, or a

Prezioa funtsezko beste kontu bat da, eta bere balioa da itxuraz puntu mugikorreko, edo bat

number more generally in JavaScript, of $49.26.

zenbakia orokorrago batean Ikusteko Javascript-a, $ 49,26 neurtzen.

>> So PHP doesn't have--

>> Beraz PHP ez dauka -

we haven't seen in PHP objects quite like this, but we did see an analog,

ez dugu PHP objektu ikusi nahiko Hau atsegin, baina ikusiko dugu analogiko bat,

which was what?

>> AUDIENCE: [INAUDIBLE].

>> IKUSLEEN: [INAUDIBLE].

>> DAVID MALAN: Associative arrays.

>> DAVID MALAN: Asoziatiboa arrayak.

So whereas PHP has associative arrays whose syntax is ever slightly so

Beraz PHP berriz elkartze-array ditu zeinen sintaxia da inoiz hain arinki

we saw the square brackets.

plaza parentesi ikusi genuen.

We saw the weird arrows symbols.

Bitxi geziak ikurrak ikusi genuen.

JavaScript has objects, but this is mostly a semantic difference and a

JavaScript objektuak ditu, baina hau da, batez ere, desberdintasuna eta bat semantikoa

different synonym for now.

gaur egun sinonimo desberdinak.

However, as an aside, PHP also has objects in a way that Java and other

Hala ere, bat alde batera utzita, PHP ere baditu modu batean objektuak duten Java eta beste

languages have objects in object-oriented programming.

hizkuntzak objektu izan in objektuetara bideratutako programazioa.

But we'll use these just for data types for now.

Baina besterik erabiliko dugu horiek datuak oraingoz motetarako.

Objects and associative arrays.

Objektu eta elkartze-array.

>> This one might make it a little more clear.

>> Honetan bat egin dezake apur bat argiagoa.

Here's why an object is useful.

Hona hemen zergatik objektu bat erabilgarria da.

When you want to declare a student, like Zamyla, we can actually

Ikasle batek aldarrikatu nahi baduzu, Zamyla bezala, ahal dugu benetan

encapsulate so to speak inside of that object using curly brackets just like

enkapsulatu beraz, horren barruan hitz egiten objektu bezala giltzak erabiliz

before a whole bunch of keys and values in here.

gakoak sorta osoa aurretik eta hemen balioak.

We have an ID, a house, and a name for Zamyla, followed by a semicolon as

ID bat, etxe bat, eta izen bat behar dugu Zamyla, puntu eta koma gisa, eta jarraian

usual at the end.

amaieran ohikoa.

>> Down here too, this is slightly different, but also very powerful

>> Behera hemen ere, hau da, pixka bat ezberdinak, baina aldi berean oso indartsua

Here's an array, and I know that because there's a square bracket up

Hemen array bat da, eta badakit hori delako ez da karratu parentesi bat sortu

top and a square bracket at the bottom.

goiko eta kortxetea bat behealdean.

And this is an array of what data type apparently in JavaScript?

Eta hau zer datu multzo bat da, Ikusteko Javascript-a idatzi, itxuraz en?

This is an array of it looks like three objects.

Honek itxura sorta bat da Hiru objektu bezala.

And I know it's an object only because of the curly braces.

Eta objektu bat da, ezagutzen dut bakarrik du kizkur giltza delako.

And notice there's open curly brace, some stuff, close curly brace, comma,

Eta konturatu ez dago irekita kizkur giltza da, zenbait gauza, kizkur itxi giltza, koma,

then some more, comma, and then some more.

ondoren, batzuk gehiago, koma, eta, ondoren, zenbait gehiago.

So that's three arguments separated by two commas.

Beraz, hiru argumentu da bi komaz bereizita.

>> So this is an array of three objects.

>> Beraz hau hiru objektuen array bat da.

And each of those objects appears to be a student or staff member of some

Eta objektu horietako bakoitzaren Dirudienez zenbait kide, ikasle edo langile bat

sort, each with an ID, house, and name.

ordenatu, bakoitzaren identifikazio batekin, etxea, eta izena.

But I've called this something called JSON--

Baina deitzen dut zerbait honetan izeneko JSON -

JavaScript Object Notation.

Ikusteko Javascript-a Objektu Idazkeraren.

And this is a data format that actually is so very popular and in

Eta hau datu formatu bat da, benetan hori da, beraz, oso ezaguna eta

vogue these days that if you write an application that uses the Facebook

modan egun horiek gero idatzi aplikazioak erabiltzen duen Facebook

API, the Twitter API, really almost any API out there these days,

API, Twitter API, benetan ia API edozein daude egun hauetan,

including some of CS50's own, the data you get back is not in

CS50 en, egin batzuk barne datuak berriro ez da hasi

old school CSV format.

eskola zaharra CSV formatuan.

>> Because recall that CSV is super simple.

>> Abisuaren delako CSV super erraza da.

It is just columns separated by commas.

Besterik zutabe bereizita da komekin.

JSON data gives you more metadata.

JSON datuak ematen dizu gehiago metadatuak.

It associates a key with every value so they don't have to just assume that

Gako bat elkartutako da, balio behin ez dute nahi, besterik gabe, bere gain hartzen duten

the zeroth column is one value, column one is another, column two is another.

zeroth zutabean balio bat, zutabe da beste bat, bi zutabe bat da.

Everything in a JSON object here is sort of self-describing, because every

JSON objektu batean dena da hemen ordenatu auto-deskribatzeko, behin delako

one of names in this file has literally name in front of it as a

fitxategi honetan izen bat du, hitzez hitz aurrean bezala izen

kotizatzen katea.

>> So let's take a look at a couple of examples here.

>> Beraz dezagun begirada bat hemen adibide pare.

Let me go into the appliance.

Utzi tresnaren sartu zidan.

And let me go into our vhost directory into public.

Eta utzi gure ostalari birtualaren sartu me publiko bihurtu direktorioa.

And let me go into the JavaScript directory.

Eta utzi sartzen me Ikusteko Javascript-a direktorioa.

And let's go ahead and open up dom-0.html, where DOM just means

Eta egin dezagun aurrera eta ireki dom-0.html, non DOM besterik esan nahi

document object model.

dokumentua objektu eredua.

It's the tree stuff to which I referred to earlier.

Zuhaitz gauza zein da Aipatu dut lehenago.

>> And let me propose the following.

>> Eta utzi ondorengo proposatu zidan.

Here's a web page whose body is pretty simple.

Hona hemen web orri bat da, zeinen gorputza nahiko erraza da.

So down here at the bottom, notice I have a form.

Beraz, hemen behera behealdean, nabarituko inprimaki bat daukat.

We've seen those before.

Ikusi dugu horiek baino lehen.

It has two inputs, one of which has an ID of name, one of which has a type of

Bi sarrera, eta horietako batek ez du bat dauka Izena NAN, horietako mota bat du

submit, and the first one's type is text.

aurkeztuko du, eta lehen bat testu-mota da.

So this actually sounds pretty simple.

Beraz, hau benetan soinuak nahiko erraza da.

>> Let's go here.

>> Goazen hemen.

Let's go back to this page here.

Goazen Itzuli orri hau hemen.

Let's go into localhost, and go into our JavaScript directory, and go to

Dezagun localhost sartu, eta joan sartu Ikusteko Javascript-a gure gida, eta joan

dom-0, and here we have this form.

dom-0, eta hemen, inprimaki hau dugu.

So that's apparently all this page does.

Beraz, hori da, antza, Orri hau guztia egiten du.

It has a name field with a Submit button.

Eremu izen bat du berarekin a Bidali botoia.

But I'm not going to use PHP here.

Baina ez naiz PHP erabili nahi hemen.

I'm going to do everything client side so to speak in JavaScript as follows.

Dena bezero alboko egin nahi dut Ikusteko Javascript-a beraz hitz honela.

>> Notice that I've indeed given the name field of this input a unique

>> Nabarituko dudan hain zuzen ere, eman izena sarrera berezi baten eremuan

identifier, which will actually save me some time in a moment.

identifikatzailea, hau da, benetan gorde me denbora pixka bat momentu batean.

And notice I've introduced another tag in the head of my web page, the

Eta nabarituko sartu ditut, beste etiketa nire web orrian burua da,

>> So it's in this sense that JavaScript is a client-side programming language.

>> Beraz, hau da, zentzu Javascript dela hura bezero-aldean, programazio hizkuntza.

In this case, just like CSS, I've put it straight inside of my HTML.

Kasu honetan, besterik CSS bezala, jarri dut zuzen nire HTML barruan.

But notice I've declared a function that looks a little like PHP

Baina konturatu deklaratu dut funtzio bat itxura apur bat PHP bezalako

syntactically, but this is actually JavaScript, because again, it's

sintaktikoki, baina hau da, benetan Ikusteko Javascript-a, berriz, delako, bere

client-side in the browser.

nabigatzailean Bezeroaren aldeko.

And take a guess what this is going to do, even though some of the syntax

Bat hartu eta zer hori joan egin, nahiz eta sintaxia batzuk

Hemen da berria.

>> AUDIENCE: Say hello to whoever.

>> Ikusleak: agurtu nahi duenarentzat.

>> DAVID MALAN: It's going to say hello to whoever visits this page.

>> DAVID MALAN: kaixo esan behar da joan nahi duenak Orri hau bisitatzen.

>> So notice, it turns out in JavaScript there's an alert() function.

>> Oharra, beraz, bihurtzen da Javascript-en Han alerta () funtzio bat da.

This is a very sort of sad function that really just tends to annoy users.

Hau funtzio triste moduko bat oso da Benetan, besterik ez ohi erabiltzaile annoy da.

It's not one you should really use typically, but it's a quick and dirty

Ez da bat benetan behar duzu erabili normalean, baina azkar eta zikina da

way of sort of printing something to a graphical user

Ordena modu zerbait inprimatzeko grafikoan erabiltzaile bat

interface, like a browser.

interfazea, nabigatzaile bat bezala.

Notice here that I've got a string in single quotes.

Iragarki hemen ditudan lortu komatxo bakar-katea.

It turns out that unlike C, JavaScript can actually have you use single

Bihurtzen da C, Javascript ez bezala benetan izan bakarrean erabiltzen duzun

quotes, and frankly it's just kind of the stylistic convention among

komatxo artean, eta sinceramente besterik mota da biltzarrean estiloari artean

JavaScript programmers to use single quotes.

Ikusteko Javascript-a programatzaileak Komatxo erabiltzeko.

PHP, they actually have slightly different meaning.

PHP dute, benetan, pixka bat ezberdinen esanahia.

But for now, just know that that's the only reason.

Baina oraingoz, besterik ezagutzen duten arrazoi bakarra da.

The convention in JavaScript is often to use single quotes, but we could use

Ikusteko Javascript-a hasi Konbentzioa ohi da erabili Komatxo, baina erabili izan dugu

double quotes in both places as well.

bikoitza, leku bietan komatxo baita.

>> So this is interesting.

>> Beraz, hau interesgarria da.

Recall last time that we had that picture on the screen that drew a tree

Gogoratzen azken aldiz izan dugu Pantaila marraztu zuen zuhaitz baten irudi

where you had the HTML node, and the head node, and the body node,

non HTML nodoa, eta izan duzu burua nodoa, eta gorputza nodoak,

and then some text.

eta, ondoren, testu batzuk.

But there was one special node at the very top that I called the document.

Baina ez zen bat-batean nodo bereziak Oso goian deitu dut dokumentua.

Well, it turns out in JavaScript, any time you write a program in JavaScript

Beno, bihurtzen da JavaScript batean, edozein Ikusteko Javascript-a denbora programa bat idatzi

in a browser, you have access to a special global variable.

arakatzaile batean, sarbidea izango duzu berezi global aldagai.

Similar in spirit to PHP's superglobals, this one is called in

PHP en superglobals espiritua antzekoa, hau da, izeneko

all lowercase document.

minuskulaz dokumentu guztiak.

>> It's like a struct, but this struct also has functions inside of it.

>> Da egitura bat bezalakoa da, baina hau egitura Era berean, barruko funtzioak.

So a C struct just has data typically.

Beraz, C-egitura bat besterik ez ditu datuak normalean.

But a JavaScript object as this technically is also has functions,

Baina hau objektu bat a aktibatu teknikoki ere ditu funtzioak,

otherwise known as methods, inside of it.

Besterik metodo gisa ere ezaguna, horren barruan.

And you can call a function inside of this object quite literally doing its

Eta funtzio bat deitu ahal izango duzu barruan Objektu hau nahiko literalki bere eginez

name, dot, and then the name of the function, or again method.

izena, dot, eta, ondoren, izenaren funtzioa, edo berriro metodoa.

It's just a synonym, really.

Besterik ez da sinonimo bat da, benetan.

>> And what does this function do?

>> Eta zer funtzio hau ez du egin?

You can kind of guess from its name.

Bere izena eta etxebizitza mota dezakezu.

Get element by ID.

Talde elementu ID arabera.

So this is going to search the web page, search that tree, looking for

Beraz, hau da, web orria bilatu going, bilatu zuhaitz hori, bila

whatever node, AKA element, has a unique ID of quote unquote name.

edozein dela ere nodoa, AKA elementu ditu bat Aurrekontu unquote izena NAN berezia.

And then what am I going to do?

Eta gero, zer naiz joan egin behar dut?

I'm going to get the value inside of that node in the tree, and I'm going

Balioa lortzeko barruan noa duten zuhaitz nodoa, eta joan naiz

to somehow say hello to that name.

nolabait esateko kaixo izen hori.

>> So take a guess, even though we've not seen this yet, what do the plus

>> Beraz, etxebizitza bat hartu, ez dugu, nahiz oraindik ikusi, zer egin gehi

symbols mean here and here probably?

ikurrak esan nahi hemen eta hemen seguruenik?

>> AUDIENCE: Concatenate.

>> AUDIENCE: kateatu.

>> DAVID MALAN: Concatenate.

>> DAVID MALAN: kateatu.

Right, and these are just sort of design decisions

Eskubidea, eta horiek dira, besteak Sort diseinatzeko erabakiak

people made years ago.

jendeak duela urte egin.

In PHP, you concatenate things with dots.

PHP, kateatu duzu puntuekin gauzak.

In C, you jump through several hoops and call functions like strcopy() or

C, salto hainbat uztai bidez eta deitu strcopy bezalako funtzioak () edo

strcat() or other such functions.

strcat () edo beste funtzioak.

But in JavaScript, you use pluses.

Baina JavaScript, pluses erabiltzen duzun.

So this is just concatenating three strings--

Beraz, besterik ez da hau kateatuz hiru kate -

hello, a name, and then an exclamation point.

kaixo, izen bat, eta, ondoren, harridura puntu bat.

>> So when and why is this function called though?

>> Beraz, noiz eta zergatik funtzioa hau da deitzen nahiz eta?

Well, take a guess from the HTML at the bottom.

Beno, hartu from asmatzeko Behealdean HTML.

Why is greet() called, or when?

Zergatik da agurtzeko () deitua, edo noiz?

>> Apparently, as best I can tell, on submit, when this form is submitted,

>> Itxuraz, onena gisa esan ahal dut, on Aurkeztu, noiz inprimaki hau aurkeztu,

I'm going to do whatever is inside of these quotes.

Edozein dela ere egin nahi dut komatxorik horien barruan.

And specifically, I'm going to call greet() and then return false.

Eta, zehazki, naiz deitzera joan agurtzeko () eta ondoren, itzultzeko faltsua.

>> Well, let's see what the net effect here is first.

>> Beno, ikus dezagun zer net efektua hemen lehen da.

So let me go ahead and type in, say, Loren, Submit.

Beraz, aurrera eta idatzi , esaten, Loren, Bidali.

Let's see if maybe this was just a lucky implementation.

Ikus dezagun, agian hau ez da txarra izan bada utzi zortea ezarpena bat.

So it's typing out whatever name I actually put there.

Beraz, idazten du, edozein dela ere izendatzeko benetan jarri nuen han.

>> But notice what's not changing.

>> Baina konturatu zer ez aldatuz.

The URL is still dom-0.html.

URL dom-0.html da oraindik.

There's no register.php.

Han erregistroa ez da.

There's no second file.

Ez dago bigarren fitxategia ez dago.

There's no action attribute.

Ez dago ekintza atributua da.

So what is this return false presumably doing?

Beraz, zer bueltan faltsua hau da zentzuzkoa egiten?

Why am I calling greet() and then returning false probably?

Zergatik naiz agurtzeko deituz () eta ondoren seguruenik faltsua itzultzen?

What normally happens when you click Submit on a form that even we have

Zer sakatzen duzunean gertatzen da normalean Are dugu formulario bat aurkeztu

seen in the past week?

iragan astean ikusi?

>> AUDIENCE: [INAUDIBLE].

>> IKUSLEEN: [INAUDIBLE].

>> DAVID MALAN: It goes somewhere, right?

>> DAVID MALAN: nonbait doa da, ezta?

It goes to some destination URL.

Doa helmuga URL batzuk etxean.

But I don't want that to happen here.

Baina ez dut nahi hemen gertatuko.

I want my web page to be completely dynamic like Gmail, where once you're

Nire web orrian erabat izan nahi dut Gmail, non behin zauden bezala dinamikoa

there, you stay there.

Han, egonaldia duzu han.

The URL doesn't change in a way that indicates the whole page is reloading.

URL ez du bide hori aldatu adierazten du orri osoa birkargatzen da.

Rather, I just want to change something like printing out something

Baizik eta, besterik gabe, zerbait aldatu nahi dut inprimatzeko zerbait bezala

here on the screen.

Hemen pantailan.

>> Well let me clean this up a little bit.

>> Beno hau garbitu nazazu utzi gora pixka bat.

Let me open up not dom-0, but let me open up dom-2.

Ireki me ez dom-0, baina utzi ireki me dom-2.

Just so you've seen some syntax here.

Besterik ez, beraz ikusi duzun sintaxia batzuk hemen.

>> It turns out that what we just did is using raw JavaScript.

>> Bihurtzen da, zer besterik ez dugu zuen JavaScript gordinak erabiltzen ari da.

So this is truly the language JavaScript.

Beraz, hau da, benetan hizkuntzaren Ikusteko Javascript-a.

Some of you might know of a library called jQuery.

Zuetako batzuk agian ezagutzen liburutegi bat jQuery izeneko.

>> So jQuery is not the same thing as JavaScript.

>> Beraz jQuery ez da bera Gauza JavaScript gisa.

It's just a library that a really smart guy wrote and popularized such

Besterik liburutegi bat benetan smart bat da Guy idatzi eta ezagun, hala nola

that almost everyone in the world now uses jQuery when using JavaScript.

munduko ia denek hori orain jQuery erabiltzen Javascript erabiltzean.

And at first glance, honestly, it looks a little more cryptic.

Eta hasiera batean, egia esanda, hura itxura apur bat gehiago críptica.

But you'll find, especially if you go there for your final project with web

Baina aurkituko dituzu, zuk joan batez ere Han zure web amaierako proiekturako

development, you'll find that this cleans things up and saves you quite a

garapena, aurkituko dituzu que esta Gauzak garbitzen hasi eta aurrezten duzu nahiko

few lines of code.

Kode lerro batzuk.

>> So let's just glance at how this form is working.

>> Hargatik begiratu besterik at nola Formulario honetan lan egiten ari da.

Notice what did I remove apparently from my HTML?

Nabarituko zer itxuraz kendu nuen nire HTML from?

There's no on submit handler so to speak.

Ez dago on aurkeztu kudeatzailea nolabait esateko.

There's no attribute.

Han atributua ez da.

Because you know, what I didn't really like?

Badakizu delako, zer Ez benetan gustatzen zait?

I felt like we were falling into old habits there.

Erortzen garen bezala sentitu nuen ohitura zaharra han sartu.

Just like it was starting to feel sloppy to intermingle both CSS with

Da bakarrik bezalako sloppy sentitzen hasi zen bai CSS nahasten dituzten

HTML, because you're kind of throwing different languages all over the

HTML, you motatako botatzen ari delako guztietan zehar hainbat hizkuntzatan

place, similarly did this start to feel like a bad road to go down where

lekua, era berean honi sentitzen hasten errepide txarra behera joan bezala non

I'm putting JavaScript code inside of my HTML rather than factoring it out.

JavaScript kodea naiz jarriz barrutik nire Baino HTML ezazu factoring daudelarik.

>> So that's the lesson here.

>> Beraz, ikasgaia hemen.

In dom-2.html, I'm factoring it out.

Dom-2.html, hara factoring naiz daudelarik.

And I'm doing things slightly differently.

Eta gauzak apur bat egiten ari naiz ezberdinean.

For now, I'm going to wave my hands at what this really does

Oraingoz, nire eskuak olatuen joan nintzen zer hau benetan at

underneath the hood.

kanpaia azpian.

But just for now assume that that first line of code in this library

Baina besterik ez oraingoz bere gain hartzen duten lehen kode line liburutegi honetan

called jQuery just means when the document is ready, do the following.

izeneko jQuery besterik gabe esan nahi denean dokumentu prest dago, honako hauek egiteko.

>> Because web pages can take some time to load.

>> Web orriak hartu ahal izango duelako denbora pixka bat kargatu.

You might be on a slow internet connection, and it might be spinning

Internet motela Baliteke konexioa, eta spinning zitekeen

and spinning, and finally it's loaded.

eta, spinning eta azkenik Honez kargatu du.

That line of code just says wait until the whole page is ready, the document

Kode lerro bat besterik ez dio arte itxaron orri osoa prest dago, dokumentuan

is ready, before executing this code.

prest dago, kode hau exekutatu aurretik.

>> And now notice, this is probably the most useful first

>> Eta orain konturatu, hau da, ziurrenik gehien erabilgarria lehenengo

take away from jQuery.

hartu jQuery urrun.

This line here is very similar in spirit to this much longer line here.

Lerro hau hemen oso antzekoa da espirituz askoz luzeagoa lerro hau hemen.

Whereas in raw JavaScript code, there exists a document global object that

Gordinak JavaScript kodea, ez dago berriz dokumentuaren objektu global bat existitzen dela

has a function called getElementById(), the people who wrote

getElementById izeneko funtzio bat du (), idatzi duten pertsonek

jQuery simplified that to just say dollar sign, and then inside of

jQuery sinplifikatu dela besterik esateko dolarraren ikurra, eta orduan barrutik

parentheses put two quotes, and then put a hash symbol followed by the

parentesi bi komatxo jarri, eta, ondoren, hash sinbolo bat eta jarraian jarri

unique ID you want to grab.

identifikazio berezia hartu nahi duzun.

So this is equivalent to document.getElementById.

Beraz, hau da baliokidea document.getElementById.

>> Meanwhile, .submit just means on submission of whatever form you're

>> Bien bitartean,. Submit besterik gabe esan nahi on edozein dela ere inprimaki duzu Oraindik aurkezteko

referring to on the left, go ahead and execute this.

aipatuz ezkerrean joan Animatu eta exekutatu hau.

But this is now the curiosity too.

Baina hori da, gaur egun jakin-mina ere.

What's weird about what I've highlighted here?

Zeri buruz bitxi zer Azpimarratu dut hemen?

Not only is it kind of syntactically new, there's also something missing.

Ez da bakarrik mota horretako sintaktikoki berria, zerbait falta da, gainera.

>> AUDIENCE: It's just called function?

>> AUDIENCE: Besterik izeneko funtzioa?

It's not called alert?

Ez da alerta deitu?

>> DAVID MALAN: Yeah.

>> DAVID MALAN: Bai.

Well, so alert() is down here, to be fair.

Beno, beraz, Alerta () erorita Hemen, bidezko izan.

But there is no mention of a name, like you know, foo or

Baina ez dago bat ere aipatzen da izendatzeko, badakizu bezala, lelo edo

something up here.

zerbait sortu hemen.

And indeed, this is one of the features of JavaScript that's quite

Eta hain zuzen ere, hau da, ezaugarri bat Ikusteko Javascript-a hori da nahiko du

powerful, but also quite new.

indartsua, baina ere nahiko berria.

And PHP actually has this as well.

Eta PHP benetan ditu honek, baita.

>> Let me go ahead and do something real quick.

>> Utzi aurretik, joan eta egin me zerbait benetako azkar.

Let me go ahead and put this out here.

Dezagun aurrera eta hau jarri hemen.

Let me do this.

Let's call this handler().

Dezagun dei handler hau ().

A handler function so to speak.

Handler funtzio bat nolabait esateko.

Something that handles some operation.

Zerbait eragiketa batzuk maneiatzen duen.

Let me clean up my indentation.

Let me garbitu nire koska.

And put this here.

Eta jarri hau hemen.

And put that here.

Eta jarri hemen.

>> So now I have a function called handler() that I don't really know

>> Beraz, gaur egun izeneko funtzio bat daukat kudeatzailea () ez dutela benetan ezagutzen dut

what it does yet.

oraindik zer egiten du.

It just still has that stuff.

Besterik ez da oraindik gauza hori dauka.

Let me do this.

That looks nice and straight forward now.

Itxura polita eta zuzen birbidaltzeko orain.

Let me do this.

So now, let's put this over here.

Beraz, gaur egun, dezagun jarri hau hemen baino gehiago.

No more programming on the fly.

Hegan programazioa ez gehiago.

>> So now, let's go back to where the story began.

>> Beraz, orain, goazen atzera egiteko non istorioa hasi zen.

Previously, I said that this line here means when the document is ready, go

Aurretik, esan dut lerro hau hemen esan nahi du dokumentua prest dago, joan

ahead and do this.

aurrera, eta hau.

What do I want to do?

Zer egin nahi dut?

Well specifically, I want to go ahead and do the following.

Beno, zehazki, joan nahi dut aurrera eta, honako hau.

Execute this line of code, and then what I want you to do is call this

Exekutatu kode-lerro honetan, eta ondoren, zer egin nahi dut da dei hau

function when the form is submitted.

funtziona denean inprimakia aurkeztu.

>> Now this is what's interesting.

>> Orain, hau da, zer da interesgarria.

This is not itself a function.

Hau ez da berez funtzio bat.

Notice I am not putting parentheses here in the normal way.

Ohartu ez naiz jarriz parentesi Hemen ohiko eran.

I'm literally passing a function called handler() to another function

Naiz literalki izeneko funtzio bat pasatzen dut kudeatzailea () funtzioa bestera

called submit() as an argument as though it's like a variable.

izeneko submit () argumentu gisa gisa aldagai bat bezala, nahiz eta.

And this is one of the features of JavaScript, is functions themselves

Eta hau da, ezaugarri bat JavaScript, funtzio burua da

are really just objects.

benetan besterik objektuak.

In fact, they're really just variables of some sort.

Izan ere, benetan besterik ari dira Nolabaiteko aldagaiak.

And if the name of the function is handler(), there is no reason I can't

Eta funtzioaren izena da agertzen kudeatzailea (), bertan ezin dut arrazoia ez da

pass it in as an argument here.

pasa ezazu hemen argumentu gisa.

And this means when the form with the ID of demo is

Eta hau inprimakia denean esan nahi du rekin demo baten izena da

submitted, call this function.

aurkeztu, deitu funtzio hori.

>> But now if I undo all of this, why then did I perhaps do

>> Baina orain, hori guztia desegin badut, zergatik orduan zuen agian egiten dut

this a moment ago?

Duela hau une bat?

Well, this is an anonymous function.

Beno, hau funtzio anonimo bat da.

Because frankly, I realized why am I bothering to waste time declaring a

Egia delako, zergatik naiz konturatu nintzen denbora alferrik geratuko bothering bat

function called handler() only to call it in one and only one place?

handler izeneko funtzioa () bakarrik deitu bat eta leku bakarrean baino ez da?

If I don't need the name, and I don't need to call it more than one place,

Ez badut izena behar, eta ez dut leku bat baino gehiago deitu behar,

let's just implement the function right where I need it.

utzi funtzioa ezartzea besterik en eskubidea bertan behar dut.

And so JavaScript and PHP support what are called anonymous functions that

Eta beraz, JavaScript eta PHP onartzen zer funtzio anonimoa deitzen duten

allow me to do exactly that here.

baimendu zehazki hori hemen egin behar dit.

>> But we're just scratching the surface.

>> Baina zu besterik azalera scratching dugu.

Let's tease with just a couple final examples here.

Utzi tease pare bat besterik ez azken adibide hemen.

>> If I go into quote.php.

>> Joaten naiz quote.php sartu bada.

Notice that this is actually a PHP function, a PHP program, that I wrote

Iragarki hori da, benetan, PHP bat funtzioa, PHP programa bat idatzi dudala

that expects an HTTP parameter called symbol, and I can pass in

dela espero izeneko HTTP parametroa sinboloa, eta ezin dut pasatzen

a value like FB.

FB atsegin dute balio.

And if we actually look at the source code, this is querying a free website

Eta iturburua benetan dugu bada kodea, hau webgune librea da neurketako da

called Yahoo Finance, just like p-set seven, and it's returning to me

Yahoo Ogasun deitu, besterik p-multzo bezala zazpi, eta me itzuli da

something in apparently the format known is JSON--

itxuraz zerbait da formatu ezagun JSON da -

JavaScript Object Notation.

Object Notation Javascript.

It's just an object.

Objektu bat besterik ez da.

Notice the curly braces, the quotes, the colon, and the commas.

Formula giltzak nabarituko, komatxorik, puntuek, eta koma da.

>> Now meanwhile, this is pretty cool.

>> Orain berriz, hau da, oso politak.

Because I can probably use a programming language to generate URLs

Ziurrenik dut programazio bat erabili daitekeelako URLak sortzeko hizkuntza

that look like this dynamically, right?

hori dinamikoki itxurarik, ezta?

I can change this to Google and get back Google's

Aldatu ahal izango dut hau Google eta itzultzeko Google-en

stock price of $1,017.55.

stock $ 1,017.55 prezioan.

So let's see if we can't use this now.

Beraz, ikus dezagun ezin dugu erabili orain.

>> Let me go to ajax-0 here, which looks like the following.

>> Goazen ajax-0 nirekin hemen, eta horrek honako itxura.

It's just a website that has a form with a button.

Duen web orri bat da botoi bat formulario bat.

Let me here go ahead and type in YHOO for Yahoo's stock symbol, click Get

Dezagun hemen aurrera eta idatzi YHOO in Yahoo-ren stock sinboloa egiteko, sakatu Lortu

Quote, and now notice I've gotten an alert with 32.86.

Aurrekontua, eta orain konturatu Ahaztuak dut 32,86 rekin alerta bat.

>> Let me actually go to a fancier version of this page, version two, and

>> Let me benetan bertsio dotore bat joan orrialde honetan, bi bertsio, eta

type in let's say Microsoft, MSFT.

idatzi demagun Microsoft, MSFT.

Talde aurrekontua.

And now notice, no alert.

Eta orain konturatu, alerta gabe.

Notice where it says price to be determined?

Nabarituko prezioa non esaten zehazteke dago?

There is the simplest of examples that hints at what Gchat, and Facebook

Ez dago adibiderik errazena duten zer Gchat ukituak, eta Facebook

Chat, and Gmail, and other such websites are doing by actually

Berriketan, eta Gmail, eta beste hainbat webgune dira benetan egindako eginez

changing the web page.

Web orri aldatuz.

>> Notice this.

>> Iragarki hau.

Let me reload the page.

Utzi orria berriz kargatzea me.

Let me open up Chrome's Inspector.

Ireki me Chrome Inspector.

Let me go to the elements tab down here.

Goazen elementu me fitxa behera hemen.

Now notice if I zoom in down here and open this up, notice that this is my

Orain konturatu handiago badut behera hemen eta ireki honek gora, konturatu da nire

HTML DOM-- my document object model.

HTML DOM - dokumentuaren objektu-eredua.

This is my HTML.

Hau nire HTML da.

But now notice, even though it's going to be a little hard to see it in both

Baina orain konturatu, nik joan arren Pixka bat gogorra izan da ikusteko bai

places at once, if I type in FB up here, watch the bottom

aldi berean leku, idatzi dut FB bada Hemendik gora, kontuz beheraino

of the screen only.

pantailaren bakarrik.

>> It's actually changing my HTML on the fly.

>> Benetan aldatzen nire HTML hegan.

And it's doing this quite simply by doing something like this.

Eta hau nahiko besterik gabe egiten da honen antzeko zerbait eginez.

If I open up ajax-2, notice implementing something as sexy as

Ireki dut ajax-2 bada, abisua ezartzeko zerbait bezain sexy

that, even though it's pretty ugly, but as sophisticated as that

, hori nahiko itsusia baldin bada ere, baina hori bezain sofistikatua

functionally, it has some HTML at the bottom.

funtzionalki, batzuk ditu Behealdean HTML.

But notice I used to tag.

Baina nabarituko etiketatu erabiltzen dut.

We've not used this before, but this is like a , but it doesn't force

Ez dugu erabiltzen honen aurretik, baina hau da, bezalako bat, baina ez du behartuko

everything onto a new line.

linea berri baten gainean dena.

It just makes a rectangular region on the same line essentially.

Besterik eskualde laukizuzena Egiten lerro berean, funtsean.

>> Notice that I gave it an ID of price.

>> Nabarituko eman dut prezioa ID bat.

And it turns out by using the same JavaScript library, I have a function

Eta bihurtzen da bera erabiliz JavaScript liburutegia, funtzio bat daukat

called quote() that's called whenever the form is submitted.

aurrekontua izeneko () duten deitzen direnean Inprimakia aurkeztu da.

And what I'm doing is this.

Eta zer egiten ari naiz da hau.

I'm declaring a variable in JavaScript called url, saving the value

Aldagai bat deklaratzen dut JavaScript url izenekoa, balioa aurrezteko

quote.php?symbol=.

quote.php? ikur =.

In other words, I myself am beginning to prepare an HTTP request, and then

Beste era batera esanda, ni neu hasten naiz HTTP eskaera bat prestatzeko, eta, ondoren,

I'm concatenating onto that with a plus whatever the element with the ID

I kateatuz naiz duten kalera plus batekin dena delakoa izena duen elementua

of symbol is, which notice is that text field right down here.

sinboloa da, hau abisua da testu eremua hementxe behera.

So just like we had forms in the past.

Beraz, besterik gabe gustatuko formak izan dugu iraganean.

>> And then it turns out in jQuery, if you call .val(), that calls of a val

>> Eta gero bihurtzen da jQuery batean, zuk deitu. val (), que val baten deiak

function, a value function, that gets whatever the user has typed in.

funtzio, balio funtzio bat, hori lortzen edozein dela ere, erabiltzaileak idatzitako du sartu

And then all of the network traffic that happens is this.

Eta ondoren sareko trafiko guztia Hori gertatzen da hau.

>> And as an aside, dollar sign is just a shorthand notation.

>> Eta bat alde batera utzita, dolarraren ikurra da idazkera azkarra besterik.

It's really jQuery.getJSON.

Benetan jQuery.getJSON da.

Get me to JSON from this URL, and when the request comes back, call this

Get me JSON URL honetatik, eta noiz eskaera bueltatzen, dei hau

function and pass in as the argument whatever came back from the server.

funtzioa eta pasatu argumentu gisa Zerbitzaritik back, edozein dela ere iritsi zen.

>> So in other words, if I go back to the browser, and I go back to quote.php,

>> Beste era batera esanda, beraz, atzera jo nuen, nahi izanez nabigatzaileak, eta joan I itzuli quote.php,

what my browser is doing is getting this chunk of data.

zer nire nabigatzailea egiten ari da lortzean datuen zatia hau.

And when I go to this web page here, notice if we instead go to the network

Eta joan naizenean, web orri honetan hemen, nabarituko sarera beharrean gara bada

tab and clear it, and then type in something like GOOG for Google and Get

fitxa eta garbitu, eta, ondoren idatzi GOOG Google antzeko zerbait eta Talde

Quote, notice the page didn't change.

Aurrekontua, nabarituko orria ez da aldatu.

But an HTTP request was made, and what came back here if we look at the

Baina HTTP eskaera bat egin zen, eta zer itzuli zen, hemen aztertuko dugu at bada

response is a whole bunch of JSON that we accessed finally with

erantzuna JSON sorta oso bat da azkenik sar dugula ekin

this simple line here.

linea sinple hau hemen.

>> Data is what was gotten from the server.

>> Datu da, zer ahaztuak zen zerbitzariak.

Price is the name of the key I care about.

Prezioaren izena da Giltza buruz zaintzen dut.

So data.price gives me that.

Beraz data.price ematen dit horrek.

>> Now meanwhile, and this is the last example.

>> Orain berriz, eta honen azken adibidea da.

You can do yet more with the page.

Oraindik gehiago egin dezakezu orri batera.

One actually, well two.

Bat benetan, ondo bi.

We can bring back the tag, if you remember this.

Ekarri ahal izango dugu atzera etiketatu, hau gogoratzen baduzu.

That's JavaScript.

Hori da JavaScript.

We can do that.

Hori egin ahal izango dugu.

Oso zirraragarria.

We'll leave that as a cliffhanger.

Utziko dugun cliffhanger baten ondorioz.

>> But more excitingly, you can do things like this.

>> Baina gehiago excitingly, ahal duzun hau bezalako gauzak egin.

If I go to geolocation-1, it turns out that Chrome knows that we are at

Joaten naiz geolokalizazio-1 nahi izanez gero, bihurtzen da Chrome daki garela at

latitude longitude 42.37 .-71.10.

latitude longitude 42,37. -71,10.

So there's even more there at your disposal.

Beraz, ez da, nahiz eta han gehiago zure eskura.

But more on that next week.

Baina datorren astean horretan gehiago.

See you Monday.

Ikusiko duzu astelehenean.

Similar videos:

Week 1, continued
CS50
145.2K views 0 likes 0 dislikes 15 Dec 2014100% match

Week 11, continued
CS50
20.1K views 44 likes 6 dislikes 24 Nov 2015100% match

Week 0, continued
CS50
251.9K views 0 likes 0 dislikes 24 Sep 2014100% match

Week 9, continued
CS50
46.3K views 101 likes 24 dislikes 05 Nov 2015100% match

Week 10, continued
CS50
25.5K views 100 likes 13 dislikes 12 Nov 2015100% match

Week 0, continued
CS50
369.8K views 0 likes 0 dislikes 13 Sep 2015100% match

Week 1, continued
CS50
175.4K views 0 likes 0 dislikes 14 Sep 2015100% match

Section, Week 2
CS50
26.1K views 64 likes 17 dislikes 13 Oct 201578% match

Section, Week 4
CS50
7K views 27 likes 5 dislikes 14 Oct 201577% match

Section, Week 5
CS50
19.1K views 36 likes 18 dislikes 20 Oct 201576% match

Author, Journalist, Stand-Up Comedian: Paul Krassner Interview - Political Comedy

199.2K views 110 likes 94 dislikes 23 Jun 201276% match

Section, Week 3
CS50
20.1K views 55 likes 9 dislikes 13 Oct 201575% match

Calling All Cars: Artful Dodgers / Murder on the Left / The Embroidered Slip

180.3K views 129 likes 85 dislikes 23 Dec 201275% match

Nassim Haramein 2015 - The Connected Universe
FipaLive2
526.5K views 5.4K likes 206 dislikes 05 Dec 201575% match

You Bet Your Life: Secret Word - Tree / Milk / Spoon / Sky

291.6K views 289 likes 150 dislikes 08 Dec 201274% match

Lesson 2 - Deep Learning for Coders (2020)
Jeremy Howard
33.1K views 558 likes 7 dislikes 21 Aug 202074% match

Our Miss Brooks: Another Day, Dress / Induction Notice / School TV / Hats for Mother's Day

174.3K views 223 likes 97 dislikes 28 Oct 201274% match

Calling All Cars: Muerta en Buenaventura / The Greasy Trail / Turtle-Necked Murder

366.7K views 293 likes 192 dislikes 23 Dec 201274% match

Calling All Cars: The 25th Stamp / The Incorrigible Youth / The Big Shot

525.4K views 499 likes 326 dislikes 23 Dec 201274% match

Environmental Disaster: Natural Disasters That Affect Ecosystems

196.5K views 117 likes 76 dislikes 02 Jul 201274% match

'The Commonwealth of Cricket 'on Manthan w/ Ramachandra Guha & Naseeruddin Shah[Subs in Hindi & Tel]
Manthan India
4.7K views 105 likes 10 dislikes 23 Nov 202073% match

Section, Week 6
CS50
16.2K views 26 likes 10 dislikes 28 Oct 201573% match

Calling All Cars: History of Dallas Eagan / Homicidal Hobo / The Drunken Sailor

292.5K views 232 likes 115 dislikes 23 Dec 201273% match

Lesson 1 - Deep Learning for Coders (2020)
Jeremy Howard
234.1K views 3.5K likes 34 dislikes 21 Aug 202073% match

Savings and Loan Crisis: Explained, Summary, Timeline, Bailout, Finance, Cost, History

229.9K views 477 likes 103 dislikes 25 Jun 201273% match

Calling All Cars: A Child Shall Lead Them / Weather Clear Track Fast / Day Stakeout

283.2K views 255 likes 152 dislikes 21 Dec 201273% match

Wealth and Power in America: Social Class, Income Distribution, Finance and the American Dream

232.1K views 413 likes 96 dislikes 15 Jun 201272% match

Dr Viral Acharya at Manthan on Fiscal Dominance:A Theory of Everything in India[Subs in Hindi & Tel]
Manthan India
3K views 80 likes 7 dislikes 08 Aug 202072% match

Slacker, Dazed and Confused, Before Sunrise: Richard Linklater Interview, Filmmaking Education

192.8K views 666 likes 59 dislikes 25 Jun 201272% match

History Repeats Itself - Manthan w Usha Thorat [Subtitles in Hindi & Telugu]
Manthan India
3.2K views 73 likes 4 dislikes 26 Apr 202072% match

Settings Privacy About Contact Donate