Conţinutul principal
Curs: Biblioteca de informatică > Unitatea 2
Lecția 9: Noțiuni avansateCe să înveți mai departe
Te felicităm pentru că ai învățat bazele HTML și CSS! Acum poți să înțelegi foarte mult din ceea ce reprezintă paginile de pe internet și ai putea începe să te uiți la sursele lor pentru a recunoaște tag-uri HTML și proprietăți CSS folosite.
Totuși, mai ai multe de învățat despre HTML și CSS. Continuă!
Mai multe tag-uri HTML
- Tag-uri pentru formulare: Există câteva tag-uri care se folosesc pentru a crea formulare în paginile web, ca de exemplu
<button>s și<input>. Ele sunt folosite mai ales pentru a transmite date către un server, comunicare pe care noi nu o activăm pe Khan Academy. De asemenea, ele pot fi folosite împreună cu JS pentru a crea programe, iar asta vom face în cursul de HTML/JS. Învață mai multe despre tag-urile pentru formulare cu aceste diapozitive. Învață despre limbaje pentru server, precum PHP, Python, Ruby pe Codecademy. - Iframes: Tag-ul
<iframe>este utilizat pentru a include într-o zonă a paginii tale o altă pagină, precum și pentru a incorpora obiecte precum secvențe video de pe YouTube, hărți Google, etc. Din motive de securitate și pentru moderare, la momentul actual, este dezactivat acest tag pe Khan Academy, dar poate fi experimentat în altă parte. Învață mai multe cu aceste diapozitive. - Tag-uri multimedia: Tag-urile
<audio>și<video>sunt suportate de către browser-ele moderne pentru a putea rula fișiere audio și video în pagini web. La fel ca tag-ul<iframe>, ele nu sunt momentan activate pe Khan Academy, dar pot fi folosite în altă parte. Învață mai multe cu aceste diapozitive. - Tag-uri în versiunea nouă: În ultimii câțiva ani, ca parte a specificațiilor "HTML5", browser-ele au adăugat tag-uri semantice noi pe care dezvoltatorii le pot folosi în loc de
<div>, când este cazul, tag-uri precum<article>,<aside>,<nav>, etc. Există mult articole despre ele aici, inclusiv acest grafic la îndemână care te ajută să decizi ce să folosești.
Mai mulți selectori și proprietăți CSS
Ar trebui să poți experimenta cu toți aceștia pe Khan Academy:
- CSS3: Am prezentat acea parte din CSS care a fost suportată de browser-e de ani de zile, dar sunt multe alte proprietăți CSS noi și selectori care aparțin specificațiilor "CSS3", iar browser-ele continuă să adauge altele noi, pe măsură ce se lansează noi versiune. Poți învăța mai mult în aceste diapozitive cu selectorii CSS3 și diapozitive cu proprietăți CSS3. Asigură-te că vezi caniuse.com pentru a afla ce este suportat de către fiecare browser.
- Interogări media: Aceasta este o tehnică prin care se permite precizarea de diferite coduri CSS, în diferite situații, ca de exemplu dacă o pagină este vizualizată pe un ecran mai mic sau când este printată. Învață mai multe de pe W3C.
- Framework-uri CSS: Un framework este o colecție de reguli și clase CSS pe care mulți dezvoltatori le folosesc a putea scrie mai repede codul CSS. Cel mai popular este Twitter Bootstrap, dar de asemenea există ZURB foundation, Pure CSS, Topcoat și multe altele.
Folosirea JS în pagini web
Dezvoltatorii web folosesc JavaScript pentru a crea interactivitate în pagini, pentru a răspunde la evenimente generate de utilizator și pentru a aduce dinamic informații de pe servere. Ei reușesc asta încorporând tag-uri
<script> în documentul HTML, iar în interiorul acestor tag-uri pun cod JavaScript. Codul lor JS folosește "DOM API", un set de funcții pe care browser-ele le pun la dispoziția oricărei pagini pentru a le permite dezvoltatorilor să interogheze și manipuleze acea pagină.Aceasta înseamnă că dacă tu vrei să înveți cum să faci pagini interactive, vei avea nevoie să cunoști bazele limbajului JavaScript (ceea ce poți face aici pe Khan Academy), dar și să studiezi DOM API (ceea ce poți să înveți în cursul nostru de aici).
Crearea paginilor în afara Khan Academy
Ne place foarte mult să te vedem făcând pagini minunate aici și să distribui comunității ce ai învățat, dar considerăm că este o experiență bună să experimentezi și cu alte medii de editare a codului, precum și să experimentezi cu acele funcționalități pe care noi nu le-am activat. Dacă vrei să continui programarea în browser (mai ales dacă ești pe un ChromeBook), poți să încerci JSBin.com, JSFiddle.net sau Cloud9 IDE.
Dacă vrei să programezi în afara browser-ului, poți să descarci un IDE și să îți salvezi paginile ca fișiere ".html". IDE-uri populare sunt Notepad++ (numai Windows), Visual Studio Code, SublimeText, Adobe Brackets, Coda și BBEdit.
Găzduirea paginilor pe un server
Noi găzduim pe serverele noastre paginile pe care tu le creezi pe Khan Academy, dar tu poate vrei să îți configurezi pe cont propriu prezența pe internet.
Mai întâi, ar trebui să găsești o companie care să îți găzduiască site-ul. Sunt mulți furnizori de servicii de găzduire, venind cu o varietate de prețuri și flexibilitate.
Apoi, ar trebui să ai nume de domeniu, precum "numelemeucool.com", astfel încât site-ul tău să se identifice cu tine. Uneori, poți stabili asta chiar cu furnizorul tău pentru serviciul de găzduire, dar adesea poți folosi un registrator de domenii. Învață mai multe din aceste diapozitive.
Imediat ce ai găzduire web, poți să îți transferi fișierele pe server folosind un client FTP precum FileZilla. Acesta este un program care te conectează direct la server și îți permite să navighezi, descarci sau încarci fișiere de pe și pe server. De asemenea, ai putea să folosești SSH pe server și să editezi fișierele direct pe acea mașină.
Continuă să înveți
HTML și CSS se schimbă constant, deoarece browser-ele se îmbunătățesc foarte des și comunitatea dezvoltatorilor web este una activă. O modalitate preferată de noi pentru a ține pasul cu noutățile este să ne abonăm la Frontend Focus, un canal de știri cu link-uri la articole și demonstrații. Desigur, de câte ori înveți ceva noi, ar trebui să încerci să înțelegi cu adevărat cum funcționează.
Antrenament, antrenament, antrenament!
Vrei să te alături conversației?
Nici o postare încă.