Deci iată-ma aici la manualul Shayhowe, și
sunt la secțiunea numită cunoașterea HTML.
Daca sunteți ca mine, când citiți lucruri despre programare,
le citiți si dați din cap,
chiar si atunci când nu înțelegeți despre ce este vorba.
Și ți-ai dori să existe un fel de exemplu, sau
un profesor care sa iți arate in timp real ce se întâmpla.
Ei bine, Shayhowe folosește CodePen și
acesta este unul dintre motive pentru care mie îmi place foarte mult acest manual.
Deci, să vedem despre ce este vorba.
Pe măsura ce derulați in jos cu siguranță veți vedea
ca exista cod, uitați, funcții chiar aici.
Puteți vedea că se discută despre viziuni si
si le-au dat niște text si e HTML si
tu înțelegi codul dar nu știi exact cum arata.
Ei bine, daca derulam puțin mai mult
veți da peste cod care este de fapt in interiorul a ceva numit CodePen.
Ceea ce vreți sa găsiți este acest titlu, chiar aici.
De fapt chiar scrie pe el Edit on CodePen.
Să vedem ce se întâmplă când facem click pe acest link.
CodePen iți dă șansa să vezi codul HTML si
de asemenea codul CSS si Javascript.
Eu știu ca încă nu neapărat înțelegeți CSS sau Javascript.
Ați putea sau nu.
Dar va puteți juca cu toate parțile diferite.
Dați-mi voie sa fac asta puțin mai mare ca sa puteți vedea.
Puteți vedea ca au pus codul pentru
heading pentru nivelele 1,2 si 6.
Am să intru si îl voi schimba.
Și voi spune, ce se întâmplă dacă schimb acest H3 într-un H1 ?
Du-te aici.
Puteți vedea ca Heading-ul de nivel 3,
deși spune ca este Heading de nivel 3, este mai mare.
Îmi place CodePen si chiar va încurajez întotdeauna sa dați click, sa intrați si
sa vedeți ce se întâmpla când scrieți ceva.
Deși puteți avea un cont, nu este necesar.
Este o modalitate grozava prin care simți ca înțelegi cu adevărat si deții conținutul.