1
00:00:08,805 --> 00:00:11,936
Deci iată-ma aici la manualul Shayhowe, și

2
00:00:11,936 --> 00:00:15,613
sunt la secțiunea numită cunoașterea HTML.

3
00:00:15,613 --> 00:00:19,278
Daca sunteți ca mine, când citiți lucruri despre programare,

4
00:00:19,278 --> 00:00:20,953
le citiți si dați din cap,

5
00:00:20,953 --> 00:00:25,260
chiar si atunci când nu înțelegeți despre ce este vorba.

6
00:00:25,260 --> 00:00:27,765
Și ți-ai dori să existe un fel de exemplu, sau

7
00:00:27,765 --> 00:00:30,601
un profesor care sa iți arate in timp real ce se întâmpla.

8
00:00:30,601 --> 00:00:32,747
Ei bine, Shayhowe folosește CodePen și

9
00:00:32,747 --> 00:00:36,119
acesta este unul dintre motive pentru care mie îmi place foarte mult acest manual.

10
00:00:36,119 --> 00:00:38,746
Deci, să vedem despre ce este vorba.

11
00:00:38,746 --> 00:00:42,958
Pe măsura ce derulați in jos cu siguranță veți vedea

12
00:00:42,958 --> 00:00:47,175
ca exista cod, uitați, funcții chiar aici.

13
00:00:47,175 --> 00:00:50,379
Puteți vedea că se discută despre viziuni si

14
00:00:50,379 --> 00:00:53,093
si le-au dat niște text si e HTML si

15
00:00:53,093 --> 00:00:57,218
tu înțelegi codul dar nu știi exact cum arata.

16
00:00:57,218 --> 00:01:01,182
Ei bine, daca derulam puțin mai mult

17
00:01:01,182 --> 00:01:07,910
veți da peste cod care este de fapt in interiorul a ceva numit CodePen.

18
00:01:07,910 --> 00:01:12,349
Ceea ce vreți sa găsiți este acest titlu, chiar aici.

19
00:01:14,520 --> 00:01:17,527
De fapt chiar scrie pe el Edit on CodePen.

20
00:01:17,527 --> 00:01:20,577
Să vedem ce se întâmplă când facem click pe acest link.

21
00:01:26,293 --> 00:01:31,347
CodePen iți dă șansa să vezi codul HTML si

22
00:01:31,347 --> 00:01:34,662
de asemenea codul CSS si Javascript.

23
00:01:34,662 --> 00:01:37,930
Eu știu ca încă nu neapărat înțelegeți CSS sau Javascript.

24
00:01:37,930 --> 00:01:39,416
Ați putea sau nu.

25
00:01:39,416 --> 00:01:42,951
Dar va puteți juca cu toate parțile diferite.

26
00:01:42,951 --> 00:01:46,946
Dați-mi voie sa fac asta puțin mai mare ca sa puteți vedea.

27
00:01:46,946 --> 00:01:50,051
Puteți vedea ca au pus codul pentru

28
00:01:50,051 --> 00:01:52,767
heading pentru nivelele 1,2 si 6.

29
00:01:52,767 --> 00:01:55,316
Am să intru si îl voi schimba.

30
00:01:55,316 --> 00:02:01,205
Și voi spune, ce se întâmplă dacă schimb acest H3 într-un H1 ?

31
00:02:01,205 --> 00:02:02,222
Du-te aici.

32
00:02:04,219 --> 00:02:06,716
Puteți vedea ca Heading-ul de nivel 3,

33
00:02:06,716 --> 00:02:10,690
deși spune ca este Heading de nivel 3, este mai mare.

34
00:02:10,690 --> 00:02:15,566
Îmi place CodePen si chiar va încurajez întotdeauna sa dați click, sa intrați si

35
00:02:15,566 --> 00:02:18,203
sa vedeți ce se întâmpla când scrieți ceva.

36
00:02:18,203 --> 00:02:21,581
Deși puteți avea un cont, nu este necesar.

37
00:02:21,581 --> 00:02:25,668
Este o modalitate grozava prin care simți ca înțelegi cu adevărat si deții conținutul.