[Script Info] Title: [Events] Format: Layer, Start, End, Style, Name, MarginL, MarginR, MarginV, Effect, Text Dialogue: 0,0:00:00.00,0:00:05.93,Default,,0000,0000,0000,,Salut, numele meu e Nick Parlante, iar acesta este cursul care exploreaza Dialogue: 0,0:00:05.93,0:00:11.26,Default,,0000,0000,0000,,calitatile de baza ale computerelor. Cum functioneaza, ce pot si ce nu pot face. Si nu Dialogue: 0,0:00:11.26,0:00:17.10,Default,,0000,0000,0000,,necesita deloc cunostinte anterioare despre computere. E facut pentru toata lumea. Inainte de a Dialogue: 0,0:00:17.10,0:00:21.95,Default,,0000,0000,0000,,incepe, as vrea sa ma opresc un moment pentru a multumi celor de la Google pentru suportul oferit Dialogue: 0,0:00:21.95,0:00:26.28,Default,,0000,0000,0000,,cercetarilor mele initiale pe acest subiect, care in cele din urma m-au ajutat sa creez acest curs. De asemenea Dialogue: 0,0:00:26.28,0:00:31.02,Default,,0000,0000,0000,,o nota rapida despre format: Acest curs nu cuprinde doar inregistrari video. Pentru fiecare sectiune video Dialogue: 0,0:00:31.02,0:00:35.53,Default,,0000,0000,0000,,exista acest document scris in care sunt eu intrat si navighez, care Dialogue: 0,0:00:35.70,0:00:40.04,Default,,0000,0000,0000,,ofera explicatii paralele si are diagrame, exemple de cod si alte chestii. Dialogue: 0,0:00:40.04,0:00:44.72,Default,,0000,0000,0000,,Deci, practic in orice moment, puteti schimba intre video si document daca Dialogue: 0,0:00:44.72,0:00:49.90,Default,,0000,0000,0000,,vreti sa re-cititi o explicatie sau sa incercati unul din exemple sau altceva. Dialogue: 0,0:00:49.90,0:00:55.76,Default,,0000,0000,0000,,E o mare diferenta intre a ma vedea pe mine facand ceva si a incerca voi insiva sa faceti lucrul acela. Asa ca Dialogue: 0,0:00:55.76,0:00:59.65,Default,,0000,0000,0000,,sfatul meu e... de multe ori, la sfarsitul unei sectiuni, vom avea niste Dialogue: 0,0:00:59.65,0:01:02.95,Default,,0000,0000,0000,,exercitii. Si in acel moment, inainte sa incercati exercitiile, puteti decide. Dialogue: 0,0:01:02.95,0:01:06.56,Default,,0000,0000,0000,,Sunteti gata sa treceti la exercitii sau at vrea sa va intoarceti la Dialogue: 0,0:01:06.56,0:01:10.08,Default,,0000,0000,0000,,document si sa incercati unele, sa incercati unele din experimente voi insiva pentru a Dialogue: 0,0:01:10.08,0:01:13.68,Default,,0000,0000,0000,,solidifica acele cunostinte? Asa ca ar trebui sa stiti macar ca sunt disponibile pentru fiecare Dialogue: 0,0:01:13.68,0:01:20.66,Default,,0000,0000,0000,,din aceste sectiuni. Deci voi spune ca ecuatia fundamentala a computerelor e Dialogue: 0,0:01:20.66,0:01:27.16,Default,,0000,0000,0000,,"computer = puternic + stupid". Puternic deoarece computerele pot Dialogue: 0,0:01:27.16,0:01:32.20,Default,,0000,0000,0000,,face miliarde de operatiuni. Functioneaza inimaginabil de rapid. Dar Dialogue: 0,0:01:32.20,0:01:37.71,Default,,0000,0000,0000,,operatiunile sunt stupide in sensul ca operatiunile pe care le poate face computerul Dialogue: 0,0:01:37.71,0:01:43.10,Default,,0000,0000,0000,,sunt foarte simple, cu totul mecanice. Nu au nimic care Dialogue: 0,0:01:43.10,0:01:48.44,Default,,0000,0000,0000,,sa poti defini ca intuitie umana despre ceea ce fac. Deci aceasta ciudata Dialogue: 0,0:01:48.44,0:01:52.42,Default,,0000,0000,0000,,combinatie de, un fel, mare putere combinata cu un fel de stupiditate mecanica. Dialogue: 0,0:01:52.42,0:01:57.19,Default,,0000,0000,0000,,Acest model va avea mai mult sens odata ce vom lucra la aceste mici Dialogue: 0,0:01:57.36,0:02:01.96,Default,,0000,0000,0000,,exemple de cod pentru a ne cam juca in lumea computerelor. Acum sunt Dialogue: 0,0:02:01.96,0:02:06.61,Default,,0000,0000,0000,,un pic provocativ, cam fac misto de computere. Oh, sunt asa de stupide, Dialogue: 0,0:02:06.79,0:02:11.50,Default,,0000,0000,0000,,si, pe de alta parta, vedem cum computerele sunt foarte utile. Deci intr-un fel Dialogue: 0,0:02:11.50,0:02:16.21,Default,,0000,0000,0000,,cam despre asta e vorba in curs. Pe de-o parte vizitam aceasta Dialogue: 0,0:02:16.21,0:02:21.22,Default,,0000,0000,0000,,lume amuzanta a computerelor care e cam mecanica, iar apoi facem legatura la Dialogue: 0,0:02:21.22,0:02:26.06,Default,,0000,0000,0000,,stiti voi, lucruri ca email-ul si audio MP3. Lucruri care in lumea reala Dialogue: 0,0:02:26.06,0:02:30.72,Default,,0000,0000,0000,,sunt foarte utile. Incercam sa legam aceste doua lumi si sa va aratam Dialogue: 0,0:02:30.72,0:02:35.42,Default,,0000,0000,0000,,cum functioneaza computerele si care e locul lor in lumea asta. Scopul meu e ca dupa acest Dialogue: 0,0:02:35.42,0:02:39.95,Default,,0000,0000,0000,,curs sa intelegeti cum functioneaza computerele si care e locul lor. Si Dialogue: 0,0:02:39.95,0:02:44.37,Default,,0000,0000,0000,,intr-un fel nu esti intimidat de computer. Nu te gandesti la el ca la un fel Dialogue: 0,0:02:44.37,0:02:49.84,Default,,0000,0000,0000,,de cutie magica, de neinteles. De asemenea am o... agenda secreta. Sunt prea putini oameni ai Dialogue: 0,0:02:49.84,0:02:54.90,Default,,0000,0000,0000,,stiintei computerelor in lume. Sunt prea multe probleme pe care am vrea sa Dialogue: 0,0:02:54.90,0:02:59.89,Default,,0000,0000,0000,,le rezolvam, dar nu sunt destui oameni care sa le programeze pe toate. Deci Dialogue: 0,0:02:59.89,0:03:05.08,Default,,0000,0000,0000,,agenda mea secreta e ca, deschizandu-va ochii la lumea computerelor si cum Dialogue: 0,0:03:05.08,0:03:10.13,Default,,0000,0000,0000,,mergea ea, unii dintre voi poate veti afla ca sunteti interesati in a continua sa studiati aceasta stiinta Dialogue: 0,0:03:10.13,0:03:14.86,Default,,0000,0000,0000,,a computerelor in viitor. Deci, prima aproximare pe care o voi studia; Cum Dialogue: 0,0:03:14.86,0:03:19.48,Default,,0000,0000,0000,,merge un computer? Deci un computer e practic dirijat de cod. Si vom Dialogue: 0,0:03:19.48,0:03:24.00,Default,,0000,0000,0000,,intra in detaliu ceva mai tarziu. Acum doar vom arunca o privire. Deci aici Dialogue: 0,0:03:24.00,0:03:28.50,Default,,0000,0000,0000,,am facut o mica imagine a unui computer. Si codul dintr-un computer e Dialogue: 0,0:03:28.50,0:03:33.82,Default,,0000,0000,0000,,facut din aceste mici instructiuni simple. Si una din aceste instructiuni ar putea fi sa adune doua numere, Dialogue: 0,0:03:33.82,0:03:39.27,Default,,0000,0000,0000,,stiti voi, sa calculeze cat face 1 + 1 sau sa verifice daca 2 e mai mic ca 10. Si ce Dialogue: 0,0:03:39.27,0:03:44.08,Default,,0000,0000,0000,,face computerul e sa urmeze aceasta lista de Dialogue: 0,0:03:44.08,0:03:49.01,Default,,0000,0000,0000,,instructiuni. Fiecare instructiune e foarte simple si computerul doar merge Dialogue: 0,0:03:49.01,0:03:53.64,Default,,0000,0000,0000,,in jos pe lista si le urmeaza, cu toate ca ce-i drept o face foarte rapid. Dar fiecare Dialogue: 0,0:03:53.64,0:03:58.98,Default,,0000,0000,0000,,instructiune da senzatia de ceva mecanic. Deci o sa spun asta, Dialogue: 0,0:03:58.98,0:04:04.19,Default,,0000,0000,0000,,cred ca asta ne duce cu gandul la o intrebare naturala. Care este, pai... Daca un computer este Dialogue: 0,0:04:04.19,0:04:09.34,Default,,0000,0000,0000,,atat de mecanic ca doar urmeaza niste instructiuni, cum se face ca exista atat de Dialogue: 0,0:04:09.34,0:04:14.23,Default,,0000,0000,0000,,multe caracteristici utile? Si am aici o diagrama pentru cazul asta. Deci Dialogue: 0,0:04:14.23,0:04:18.99,Default,,0000,0000,0000,,pe partea dreapta o sa-mi imaginez niste caracteristici utile. Ca reducerea efectului Dialogue: 0,0:04:18.99,0:04:23.95,Default,,0000,0000,0000,,de ochii rosii, sau mesagerie instant. Si o sa spun pentru discutia asta ca, stiti voi, Dialogue: 0,0:04:23.95,0:04:28.94,Default,,0000,0000,0000,,telefonul vostru, aparatul foto digital, acestea sunt toate computere. Deci in dreapta Dialogue: 0,0:04:28.94,0:04:33.45,Default,,0000,0000,0000,,sunt caracteristicile utile, reducerea efectului de ochii rosii. Si pe partea stanga Dialogue: 0,0:04:33.45,0:04:37.84,Default,,0000,0000,0000,,avem computerul, care doar urmeaza, stiti voi, niste simple Dialogue: 0,0:04:37.84,0:04:42.47,Default,,0000,0000,0000,,instructiuni mecanice. Deci ce leaga aceste doua parti? Si raspunsul Dialogue: 0,0:04:42.47,0:04:46.54,Default,,0000,0000,0000,,e chiar asta. Asta reprezinta programarea computerelor. Exista o persoana, Dialogue: 0,0:04:46.54,0:04:51.01,Default,,0000,0000,0000,,un programator, care la inceput are o idee. Oh, ar trebui sa avem reducerea efectului Dialogue: 0,0:04:51.01,0:04:55.71,Default,,0000,0000,0000,,de ochii rosii, asta ar fi foarte util. Asa ca isi folosesc creativitatea si Dialogue: 0,0:04:55.71,0:05:00.12,Default,,0000,0000,0000,,imaginatia ca sa se gandeasca la ce ar fi util sa poata face Dialogue: 0,0:05:00.12,0:05:04.59,Default,,0000,0000,0000,,un computer. Si apoi ce face programatorul e sa structureze Dialogue: 0,0:05:04.59,0:05:09.23,Default,,0000,0000,0000,,si sa defineasca problema, pentru ca un computer s-o poata rezolva. Ei de fapt instruiesc Dialogue: 0,0:05:09.23,0:05:13.76,Default,,0000,0000,0000,,si, stiti voi, structureaza problemele pentru ca apoi computerele sa poata face aceste Dialogue: 0,0:05:13.76,0:05:19.29,Default,,0000,0000,0000,,lucruri folositoare. Asta e programarea. Si de fapt, orice Dialogue: 0,0:05:19.29,0:05:24.26,Default,,0000,0000,0000,,lucru util pe care l-ati facut cu aparatul foto, sau telefonul, sau Dialogue: 0,0:05:24.26,0:05:29.70,Default,,0000,0000,0000,,computerul vostru, in spatele scenelor a fost o persoana care a facut asta sa fie posibil. Dialogue: 0,0:05:29.70,0:05:34.87,Default,,0000,0000,0000,,Si-mi cam place aceasta combinatie. Intr-un fel, programatorul, persoana, Dialogue: 0,0:05:34.87,0:05:40.58,Default,,0000,0000,0000,,isi aduce creativitatea si intuitia despre lumea si se gandeste la lucruri care ar putea Dialogue: 0,0:05:40.58,0:05:45.57,Default,,0000,0000,0000,,fi utile. Si asta e jumatatea lor din problema. Si computerul Dialogue: 0,0:05:45.57,0:05:50.22,Default,,0000,0000,0000,,face ceea ce stie el sa faca. Si as putea spune ca, computerul e bun la a fi Dialogue: 0,0:05:50.22,0:05:54.79,Default,,0000,0000,0000,,in cele din urma convenabil. Si computerul poate urma aceste instructiuni Dialogue: 0,0:05:54.79,0:05:58.73,Default,,0000,0000,0000,,foarte, foarte rapid asa ca obtinem, stiti voi. In cele din urma obtinem aceasta Dialogue: 0,0:05:58.73,0:06:03.01,Default,,0000,0000,0000,,combinatie. Si intr-un fel de-asta sunt atat de multe computere Dialogue: 0,0:06:03.01,0:06:07.67,Default,,0000,0000,0000,,in lumea asta care fac atatea lucruri utile. Ne arata ca asta e un parteneriat bun Dialogue: 0,0:06:10.02,0:06:12.21,Default,,0000,0000,0000,,intre oameni si computere. Intr-un fel aceasta diagrama e si cam Dialogue: 0,0:06:12.21,0:06:16.76,Default,,0000,0000,0000,,sumarul acestui curs. Vom vizita partea stanga pentru a vedea Dialogue: 0,0:06:16.76,0:06:21.27,Default,,0000,0000,0000,,cum arata lumea computerelor. Si ne vom uita la legatura dintre ea Dialogue: 0,0:06:21.27,0:06:25.85,Default,,0000,0000,0000,,si caracteristicile pe care le folositi pentru a intelege ce loc are computerul Dialogue: 0,0:06:25.85,0:06:32.51,Default,,0000,0000,0000,,in lume si cum face ceea ce face. Deci, in a doua parte a acestei sectiuni, voi Dialogue: 0,0:06:32.51,0:06:37.41,Default,,0000,0000,0000,,incepe sa va arat niste exemple de cod. Si ar trebui sa mentionez ca Dialogue: 0,0:06:37.41,0:06:42.45,Default,,0000,0000,0000,,veti avea nevoie de putina rabdare. O sa incep sa scriu niste cod. Si Dialogue: 0,0:06:42.45,0:06:47.48,Default,,0000,0000,0000,,primele noastre exemple de cod nu vor face ceva Dialogue: 0,0:06:47.48,0:06:51.71,Default,,0000,0000,0000,,extravagant. As putea spune ca e un pic ca niste caramizi de LEGO. Fiecare bucata de cod pe care Dialogue: 0,0:06:51.71,0:06:56.12,Default,,0000,0000,0000,,o invatam e o noua caramida si in cele din urma vom putea sa punem aceste lucruri Dialogue: 0,0:06:56.12,0:07:00.27,Default,,0000,0000,0000,,impreuna si sa facem lucruri destul de faine. Dar in aceste prime doua sectiuni Dialogue: 0,0:07:00.43,0:07:04.85,Default,,0000,0000,0000,,lucrurile, trebuie sa incepem undeva, iar aceste prime exemple sunt foarte simple. Deci am Dialogue: 0,0:07:04.85,0:07:09.16,Default,,0000,0000,0000,,sa va rog sa aveti rabdare, va promita ca vom ajunge undeva super cu materialul asta. Oh, Dialogue: 0,0:07:09.16,0:07:13.31,Default,,0000,0000,0000,,si de fapt aici o sa prezic ca in Dialogue: 0,0:07:13.31,0:07:18.29,Default,,0000,0000,0000,,doua ore de lectura vom incepe sa facem niste efecte speciale vizuale. Si asa Dialogue: 0,0:07:18.29,0:07:23.43,Default,,0000,0000,0000,,ne vom juca cu faimoasa problema Maimuta Luna Banana. Si asta e Dialogue: 0,0:07:23.43,0:07:28.44,Default,,0000,0000,0000,,doar o mica prevestire in legatura cu unde vom ajunge. Dar pentru asta doar vom scrie Dialogue: 0,0:07:28.44,0:07:32.78,Default,,0000,0000,0000,,niste bucatele simple de cod. Deci pentru aceste exercitii de programare vom folosi un limbaj de Dialogue: 0,0:07:32.78,0:07:36.73,Default,,0000,0000,0000,,programare numit JavaScript. JavaScript e un limbaj foarte popular. Functioneaza in Dialogue: 0,0:07:36.73,0:07:40.88,Default,,0000,0000,0000,,browserele web noi si de-asta e asa popular. Si de-asta e Dialogue: 0,0:07:40.88,0:07:44.60,Default,,0000,0000,0000,,potrivit pentru curs. Pentru ca noi lucram in browserul web, Dialogue: 0,0:07:44.60,0:07:48.54,Default,,0000,0000,0000,,ceea ce inseamna ca va merge destul de bine codul nostru. Vom folosi JavaScript plus Dialogue: 0,0:07:48.54,0:07:52.82,Default,,0000,0000,0000,,niste extensii pe care le-am adaugat special pentru cursul asta. Deci asta nu va arata Dialogue: 0,0:07:52.82,0:07:57.23,Default,,0000,0000,0000,,exact ca un JavaScript profesionar. vom lucra la bucati de cod care Dialogue: 0,0:07:57.23,0:08:01.64,Default,,0000,0000,0000,,sunt in cele din urma scurte. Doar destul cat sa trecem peste lucrurile Dialogue: 0,0:08:01.64,0:08:05.94,Default,,0000,0000,0000,,pe care vreau sa le explic si sa exploram computerele. Dar fara a aduce prea multe din greutatile Dialogue: 0,0:08:05.94,0:08:10.15,Default,,0000,0000,0000,,care ar exista in programarea unor programe profesionale, complete. Dialogue: 0,0:08:10.15,0:08:14.50,Default,,0000,0000,0000,,Bun, deci asta e primul meu exemplu de cod.