Conţinutul principal
Biblioteca de informatică
Curs: Biblioteca de informatică > Unitatea 2
Lecția 5: Instrumente pentru dezvoltatori webGăzduirea website-ului tău pe Github
Github este o companie care găzduiește "repozitorii de cod", colecții de cod pentru proiecte. Multe dintre repozitoriile de cod sunt "surse open", ceea ce înseamnă că sunt la dispoziția publicului din întreaga lume. Asta este minunat, pentru că programatorii învață unii de la alții și construiesc pornind de la ce au făcut ceilalți! Chiar și Khan Academy are câteva repozitorii open source. Repozitoriile pot conține cod de variate tipuri, nu doar HTML și CSS - orice este necesar pentru ca un proiect să funcționeze.
De îți povestesc despre acestea? Ei bine, Github are o funcționalitate numită Pagini Github, care îți permite să creezi site-uri cu mai multe pagini și să le găzduiești la
numeletau.github.io
.Observație: Khan Academy nu este afiliată la Github. Te rugăm să consulți Termenii de utilizare Github și alte politici înainte de a-ți crea un cont, mai ales dacă ai vârsta mai mică de 13 ani.
Creează un cont pe Github
Vizitează github.com și vei vedea un formular de înregistrare pe prima pagină. (Dacă nu, felicitări, deja ai un cont! Poți să sari direct la Pasul 2).
Când îți alegi numele de utilizator, ține minte că el va fi public pe internet și va fi inclus în URL-ul site-ului tău:
numeletau.github.io
. Unora le place să folosească porecle sau nume distractive în loc de numele lor reale, mai ales din motive de securitate, dar depinde de tine ce îți alegi.La Pasul 2, alege free plan. Nu ai nevoie de un plan contra cost pentru un repozitoriu public de site. (Poți oricând mai târziu să faci upgrade, în cazul în care vei deveni un utilizator împătimit al Github și vei avea nevoie de funcționalități pentru profesioniști.)
La Pasul 3, poți răspunde la întrebările dintr-un sondaj sau poți sări peste:
După ce completezi formularul pentru noul tău cont, asigură-te că verifici casuța de mail și apasă pe link pentru a confirma înscrierea cu acea adresă de email:
Creează un proiect Github pentru site-ul tău web
Imediat ce ai verificat adresa de email, vei vedea o pagină de pornire. Dă clic pe "Start a project".
În pagina de creare a proiectului, ți se va cere un nume pentru proiectul tău. Asigură-te că denumești proiectul exact “NUMELE_TAU_DE_UTILIZATOR.github.io”. Astfel, Github va ști că tu faci un proiect special pentru o pagină web, deci va ști să încarce fișierele tale la adresa URL a utilizatorului ori de câte ori le modifici. Deoarece numele meu de utilizator este "PamelaFoxBot", eu mi-am numit proiectul "PamelaFoxBot.github.io":
Felicitări, acum ai un nou proiect! Dar nu conține încă fișiere. O modalitate rapidă de a crea primul fișier este să dai clic pe link-ul "README":
Acum ești în editorul Github pentru crearea interfeței, pentru un fișier denumit
README.md
. Schimbă numele fișierului din README.md
în index.html
. Serverele vor ca numele fișierului de pornire pentru folderul unui site web să fie index.html
. Index-ul tău poate fi legat după aceea la alte pagini ale site-ului.Șterge conținutul curent al fișierului generat de editor și înlocuiește-l cu codul HTML al paginii tale. Poți copia codul HTML dintr-un proiect de pe Khan Academy sau dintr-un proiect pe care l-ai făcut pe calculator.
Derulează pagina web în jos până când gasești zona Commit și dă clic pe Commit new file”. De fiecare dată când creezi o nouă versiune a unui fișier, trebuie să dai “commit” pentru a o înregistra în istoric. Fiecare acțiune commit are un mesaj care descrie modificările. Github sugerează un mesaj implicit (în cazul acesta, “Create index.html”), dar tu poți să îl înlocuiești tastând în casetă.
Tastează NUMELE_TA_DE_UTILIZATOR.github.io în browser și reîncarcă până când apare pagina ta.
Github are nevoie de 1-10 minute pentru a încărca modificările la proiect în interfața cu utilizatorul a URL-ului, deci trebuie să ai puțină răbdare. De asemenea, e posibil să fie necesară o "reîncărcare brută" (ține apăsată tasta Shift în timp ce se reîncarcă), pentru a curăța cache-ul browser-ului.
Încarcă pe Github site-uri cu mai multe pagini
Poate deja lucrezi la un site web cu mai multe fișiere, în afara platformei Khan Academy, folosind un editor instalat pe calculator. Site-ul tău are mai multe fișiere HTML, CSS, JS și imagini.
Dacă vrei să încarci acel site pe Github, nu îți face griji, nu va trebui să copiezi fiecare fișier separat! Asta ar fi chiar supărător. Există o cale mai bună...
Deschide-ți proiectul pe Github și dă clic pe "Upload files".
Vei vedea interfața Github pentru încărcarea de fișiere. Pentru a selecta fișierele, trage-le în spațiul casetei sau folosește selectorul de fișiere.
Găsește folderul proiectului și selectează fișierele pe care vrei să le încarci.
În general, vei încărca toate fișierele pe care le-ai modificat. Dacă nu ești sigur, încarcă tot. Github va folosi un algoritm pentru a determina ce a fost schimbat și ce nu și va genera noi versiuni doar pentru fișierele modificate.
Modifică mesajul pentru commit după cum dorești și dă clic pe “Commit changes”.
Reîncarcă pagina pentru a vedea modificările!
Reamintește-ți că poate dura până la 10 minute. Aici răbdarea este prietena noastră. 😊
Acesta este un motiv pentru care e bine să faci munca de editare și testele local, pe calculator, și să încarci pe Github (sau pe orice alt spațiu de găzduire) abia când ești mulțumit de felul în care arată site-ul tău.
Vrei să te alături conversației?
Nici o postare încă.