Dezvoltarea paginilor web în afara Khan Academy

Avem un editor de cod ce poate fi folosit din browser chiar aici pe Khan Academy, astfel încât să îți fie mai ușor să lucrezi cu HTML, primești feedback imediat și poți să distribui ce ai lucrat.

Totuși, editorul nostru nu te lasă să încerci orice—atât din motive de securitate și cât pentru că este greu să găzduieșți un editor complet într-un spațiu așa de mic!

După ce vei învăța HTML/CSS aici, probabil vei dori să dezvolți pagini web într-un editor din afara Khan Academy, unul care să aibă posibilitatea editării mai multor fișiere, căutare de fișiere și plugin-uri personalizate. În orice editor vei ucra, este bine să te asiguri că numele fișierelor se termină cu ".html"— aceasta este extensia folosită pentru toate fișierele care conțin pagini HTML și ea asigură vizibilitatea acestora atât de către editoare cât și de către browsere.

O variantă ar fi să foloseșți un editor online, asemănător cu cel de la noi, dar cu mai multe funcționalități. O asemenea variantă este utilă atunci când ai un calculator pe care nu poți să instalezi aplicații sau pentru atunci când vrei să folosești același editor pe mai multe calculatoare. Editoare online populare sunt SBin, Repl.it, Glitch și CodePen. Dacă ești pe un ChromeBook, poți instala o aplicație web pentru Chrome cum ar fi Caret sau Zed. Iată o înregistrare cu mine lucrând la o pagină web în Cloud9:

O altă variantă ar fi să folosești un editor instalat pe calculator. Descarci pe calculatorul tău o aplicație și salvezi fișierele pe hard disc. Există o mulțime de editoare din care să alegi, depinde de sistemul tău de operare și de cum vrei tu să arate. Unele editoare populare sunt Visual Studio Code, Atom, Sublime Text, Adobe Brackets și Notepad++ (pentru Windows). Iată o înregistrare în care eu folosesc Sublime Text:

O a treia variantă ar fi să folosești un editor din linia de comandă. Dacă nu ești încă familiar cu linia de comandă, probabil nu vei dori să urmezi această cale pentru că ar trebui să înveți mai întâi foarte mult despre linia de comandă. Pe de altă parte, dacă îți place să tastezi și să navighezi folosind tastatura în loc de mouse, s-ar putea să te atragă instrumentele din linia de comandă. Două editoare de acest tip populare sunt Emacs și Vim, care vin deja instalate pe sisteme Unix-based precum Macs și Linux. Iată o înregistrare cu mine editând o pagină web în Vim:

Pe care ar trebui să îl alegi? Ei bine, deocamdată poți să continui să lucrezi cu editorul nostru pentru HTML/CSS de pe Khan Academy. Deși, probabil, te vei simți mai confortabil să mai ai încă un editor. Ai putea să încerci câteva versiuni gratuite și să vezi care îți place cel mai mult. De asemenea, ai putea să întrebi prietenii sau colegii ce folosesc ei. Cel mai adesea, este util să folosești acel instrument care este mai popular printre apropiații tăi, cărora le și poți cere ajutor.

De exemplu, uite un grafic cu cele folosite de colegii mei de la Khan Academy. Unii dintre ei nu scriu HTML/CS, deci preferințele lor nu te pot ajuta pe tine să alegi.

Dacă la momentul la care citești asta tu deja folosești un alt editor pentru dezvoltarea paginilor web , atunci poți să ne împărtășești și mai ales de ce îți place, în secțiunea Indicii de mai jos. Dacă ai orice pulgin-uri favorite pentru editare sau instrumente de dezvoltare în browser, spune-le și pe acelea. A împărtăși înseamnă că îți pasă. 😊