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.