În Instalarea softului de bază, îți vom arăta ce instrumente ai nevoie pentru o dezvoltare web simplă și cum să le instalezi în mod corespunzător.

Ce instrumente utilizează profesioniștii?

  • Un calculator. Poate că sună evident pentru unii oameni, dar unii dintre voi citiți acest articol de pe telefonul mobil sau folosind un calculator dintr-o bibliotecă. Pentru a dezvolta pentru web este mai bine să investești într-un calculator desktop sau laptop (Windows, Mac, sau Linux).
  • Un editor de text, pentru scrierea codului. Acesta poate fi un editor de text (de exemplu Brackets, Atom sau Visual Studio Code), sau un editor hibrid (de exemplu Dreamweaver). Editoarele de documente de birou nu sunt potrivite pentru această utilizare, deoarece se bazează pe elemente ascunse care se interferează cu motoarele de redare utilizate de browserele web.
  • Browsere web, pentru a testa codul. În prezent cele mai utilizate browsere sunt Firefox, Chrome, Opera, Safari, Internet Explorer și Microsoft Edge. De asemenea, ar trebui să testezi modul în care siteul tău funcționează pe dispozitivele mobile și pe oricare dintre browserele mai vechi pe care publicul tău țintă ar putea să le utilizeze în continuare (precum IE 6–8).
  • Un editor grafic, cum ar fi GIMP, Paint.NET, sau Photoshop, pentru a crea imagini pentru paginile tale web.
  • Un sistem de control al versiunii, pentru a gestiona fișierele pe servere, pentru a colabora la un proiect cu o echipă, pentru a partaja codul și resursele și pentru a evita conflictele de editare. În prezent, Git este cel mai popular instrument de control al versiunii, iar serviciul GitHub de găzduire al codului, bazat pe Git, este de asemenea foarte popular.
  • Un program FTP, utilizat pentru conturile de web hosting mai vechi pentru a gestiona fișierele pe servere (în acest scop, Git înlocuiește tot mai mult FTP). Există o mulțime programe (S)FTP disponibile, inclusiv Cyberduck, Fetch, și FileZilla.
  • Un sistem automat, cum ar fi Grunt sau Gulp pentru a efectua automat sarcini repetitive, precum minificarea codului și teste de funcționare.
  • Templateuri, librării și framework, etc., pentru a accelera scrierea funcționalităților comune.
  • Mai multe instrumente în afară de acestea!

Ce intrumente am nevoie chiar acum?

Aceasta pare o listă înfricoșătoare, dar din fericire poți începe devoltarea web fără să știi nimic despre cele mai multe dintre acestea. În acest articol te voi ajuta cu un editor de text și câteva browsere web moderne.

Instalarea unui editor de text

Probabil că ai deja un editor de text instalat pe calculatorul tău. În mod implicit, Windows include Notepad și macOS vine cu TextEdit. Distribuțiile Linux variază; Ubuntu vine implicit cu gedit.

Pentru dezvoltare web, poți să te descurci mult mai bine fără Notepad sau TextEdit. Îți recomand să începi cu Brackets, un editor gratuit care oferă previzualizări live și sugestii de cod.

Instalarea browserelor web moderne

Pentru moment, vei instala câteva browsere web pentru desktop pentru a putea testa codul tău. Alege sistemul tău de operare de mai jos și apasă pe linkurile relevante pentru a descărca instalatorii pentru browserele tale preferate: 

Înainte de a continua, trebuie să instalezi cel puțin două dintre aceste browsere și să le ai pregătite pentru testare.

Instalarea unui server web local

Anumite exemple vor trebui să fie rulate prin intermediul unui server web pentru a funcționa cu succes. Poți afla cum poți face acest lucru în Cum configurezi un server local de testare?

Document Tags and Contributors

 Contributors to this page: alexandracaulea
 Last updated by: alexandracaulea,