- Un computer . Poate că sună evident pentru unii oameni, dar unii dintre voi citiți acest articol pe telefonul dvs. sau pe computerul unei biblioteci. Pentru dezvoltarea web serioasă, este mai bine să investiți într-un computer desktop sau laptop care rulează Windows, macOS sau Linux.
- Un editor de text , pentru a scrie codul. Acesta ar putea fi un editor de text (de ex. Visual Studio Code , Notepad ++ , Sublime Text , Atom , GNU Emacs sau VIM ), sau un editor hibrid (de exemplu Dreamweaver sau WebStorm ). Editorii de documente Office nu sunt potriviți pentru această utilizare, deoarece se bazează pe elemente ascunse care 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ă testați cum funcționează site-ul dvs. pe dispozitivele mobile și pe orice browsere vechi pe care publicul țintă le poate folosi în continuare (cum ar fi IE 8-10). Lynx , un browser web de terminal bazat pe text, este minunat pentru a vedea modul în care site-ul dvs. este experimentat de utilizatorii cu deficiențe de vedere.
- Un editor grafic , precum GIMP , Figma , Paint.NET , Photoshop , Sketch sau XD , pentru a crea imagini sau grafică pentru paginile dvs. web.
- Un sistem de control al versiunilor , pentru a gestiona fișiere pe servere, pentru a colabora la un proiect cu o echipă, pentru a partaja cod și active și pentru a evita conflictele de editare. În acest moment, Git este cel mai popular sistem de control al versiunilor împreună cu serviciul de găzduire GitHub sau GitLab .
- Un program FTP , utilizat pe conturi de găzduire web mai vechi pentru a gestiona fișiere pe servere ( Git înlocuiește din ce în ce mai mult FTP în acest scop). Există o mulțime de programe FTP (S) disponibile, inclusiv Cyberduck , Fetch și FileZilla .
- Un sistem de automatizare, cum ar fi Webpack , Grunt sau Gulp, pentru a efectua automat sarcini repetitive, cum ar fi reducerea codului și efectuarea testelor.
- Biblioteci, cadre etc. pentru a accelera scrierea funcționalității comune. O bibliotecă tinde să fie un fișier JavaScript sau CSS existent care oferă funcționalități gata-rulate pe care să le puteți folosi în cod. Un cadru tinde să ducă această idee mai departe, oferind un sistem complet cu câteva sintaxe personalizate pentru a scrie o aplicație web deasupra.
- Mai multe instrumente în plus!
De ce instrumente am de fapt nevoie, chiar acum?
Asta arată ca o listă înfricoșătoare, dar, din fericire, puteți începe dezvoltarea web fără să știți nimic despre cele mai multe dintre acestea. În acest articol, vă vom configura doar cu un minim - un editor de text și câteva browsere web moderne.
Instalarea unui editor de text
Probabil aveți deja un editor de text de bază pe computer. În mod implicit, Windows include Notepad și macOS vine cu TextEdit . Distribuțiile Linux variază; Ubuntu vine cu gedit în mod implicit.
Pentru dezvoltarea web, probabil că te poți descurca mai bine decât Notepad sau TextEdit. Vă recomandăm să începeți cu Visual Studio Code , care este un editor gratuit, care oferă previzualizări live și sugestii de cod.
Instalarea browserelor web moderne
Pentru moment, vom instala câteva browsere web desktop pentru a testa codul nostru. Alegeți sistemul de operare de mai jos și faceți clic pe linkurile relevante pentru a descărca instalatorii pentru browserele dvs. preferate:
- Linux: Firefox , Chrome , Opera , Brave .
- Windows: Firefox , Chrome , Opera , Internet Explorer , Microsoft Edge , Brave (Windows 10 vine cu Edge în mod implicit; dacă aveți Windows 7 sau o versiune ulterioară, puteți instala Internet Explorer 11; în caz contrar, ar trebui să instalați un browser alternativ).
- macOS: Firefox , Chrome , Opera , Safari , Brave (macOS și iOS vin în mod implicit cu Safari).
Înainte de a continua, ar trebui să instalați cel puțin două dintre aceste browsere și să le aveți pregătite pentru testare.
Notă : Internet Explorer nu este compatibil cu unele funcții web moderne și este posibil să nu vă poată rula proiectul. De obicei nu trebuie să vă faceți griji cu privire la compatibilitatea proiectelor dvs. web cu acesta, deoarece foarte puțini oameni încă îl folosesc - cu siguranță nu vă faceți griji prea mult în timp ce învățați. S-ar putea să întâlniți uneori un proiect care necesită sprijin pentru acesta.
Instalarea unui server web local
Unele exemple vor trebui rulate de un server web pentru a funcționa cu succes. Puteți afla cum să faceți acest lucru în Cum configurați un server de testare local?
0 comentarii:
Trimiteți un comentariu