instrumentele de dezvoltare Web au parcurs un drum lung în doar câțiva ani scurți. Datorită acestui progres, putem valorifica puterea bibliotecilor extrem de testate pentru a ne îmbunătăți fluxul de lucru și pentru a beneficia de posibilități mai mari atunci când vine vorba de design receptiv. Nu numai că, putem construi lucrurile împreună datorită sistemelor de control al versiunii în continuă îmbunătățire. De la programe de completare și pluginuri pentru browser, până la procesoare care vă eficientizează codul, nu au existat niciodată mai multe posibilități de a crea aplicații web minunate.dar, odată cu creșterea numărului de instrumente de dezvoltare web aproape zilnic, găsirea celui mai bun software pentru a face treaba poate uneori să se simtă descurajantă. Pentru a vă ajuta, am creat o listă de instrumente esențiale pentru dezvoltarea frontendului pentru a vă începe. Dacă sunteți interesat să aflați despre unul în special, pur și simplu selectați-l din lista de mai jos.

1. text sublim
2. instrumente pentru dezvoltatori Chrome
3. jQuery
4. GitHub
5. Twitter Bootstrap
6. unghiular.js
7. Sass

nu dornici de lectură? Apoi urmăriți videoclipul de mai jos în care unul dintre specialiștii noștri de curs vorbește prin instrumente.

1. Sublime Text

să începem cu elementele de bază: un editor de cod de primă clasă-unul care are o interfață de utilizator bine concepută, super eficientă și ultra rapidă. Există mai multe care fac acest lucru bine, dar, fără îndoială, cel mai bun (și cel mai popular) este textul sublim.

condus artistic de o echipă de dezvoltare unică, secretul succesului Sublime constă în gama vastă de comenzi rapide de la tastatură ale programului-cum ar fi capacitatea de a efectua editare simultană (făcând aceleași modificări interactive în mai multe zone selectate), precum și navigarea rapidă către fișiere, simboluri și linii. Și când petreceți 8 + ore cu editorul dvs. în fiecare zi, acele prețioase câteva secunde salvate pentru fiecare proces se adaugă într-adevăr…

puteți începe să codificați cu Sublime în acest tutorial gratuit de dezvoltare web (nu este necesar să vă înscrieți).

2. Chrome Developer Tools

nu ar fi minunat dacă ați putea edita HTML și CSS în timp real sau să depanați JavaScript, toate în timp ce vizualizați o analiză aprofundată a performanței site-ului dvs. web?

instrumentele Google pentru dezvoltatori Chrome încorporate vă permit să faceți exact acest lucru. Incluse și disponibile atât în Chrome, cât și în Safari, acestea permit dezvoltatorilor să acceseze internele aplicației lor web. În plus, o paletă de instrumente de rețea vă poate ajuta să vă optimizați fluxurile de încărcare, în timp ce o cronologie vă oferă o înțelegere mai profundă a ceea ce face browserul în orice moment.

Google lansează o actualizare la fiecare șase săptămâni – așa că verificați site-ul lor web, precum și canalul YouTube Google Developers pentru a vă menține abilitățile actualizate.

3. Jquery

JavaScript a fost mult timp considerat un limbaj esențial de front-end de către dezvoltatori, deși nu este lipsit de probleme: plin de inconsecvențe ale browserului, sintaxa sa oarecum complicată și inabordabilă a însemnat că funcționalitatea a suferit adesea.

asta a fost până în 2006, când jQuery – o bibliotecă JavaScript rapidă, mică, cross-platform, menită să simplifice procesul front-end – a apărut pe scenă. Prin abstractizarea multor funcționalități lăsate de obicei dezvoltatorilor să le rezolve singuri, jQuery a permis o mai mare posibilitate de a crea animații, de a adăuga plug-in-uri sau chiar de a naviga doar în documente.și este în mod clar de succes – jQuery a fost de departe cea mai populară bibliotecă JavaScript existentă în 2015, cu instalare pe 65% Din primele 10 milioane de site-uri cu cel mai mare trafic de pe Web.

4. GitHub

este cel mai rău coșmar al fiecărui dezvoltator – lucrați la o nouă caracteristică a proiectului și vă înșelați. Introduceți sisteme de control al versiunilor (VCS) – și mai precis, GitHub.

prin lansarea proiectului dvs. cu serviciul, puteți vizualiza orice modificări pe care le-ați făcut sau chiar să vă întoarceți la starea anterioară (făcând greșeli plictisitoare un lucru din trecut). Serviciul de găzduire a depozitelor se mândrește, de asemenea, cu o bogată comunitate de dezvoltare open-source (făcând colaborarea între echipe la fel de ușoară ca plăcinta), precum și oferind alte câteva componente, cum ar fi urmărirea erorilor, cererile de caracteristici, gestionarea sarcinilor și wiki-urile pentru fiecare proiect.

mulți angajatori vor căuta abilități git perfecționate, așa că acum este momentul perfect pentru a vă înscrie – plus că este o modalitate excelentă de a vă implica și de a învăța de la cei mai buni cu o gamă largă de proiecte open-source la care să lucrați.

5. Twitter Bootstrap

Te-ai săturat să tastezi în același stil pentru un container? Ce zici de acel buton care continuă să apară? Odată ce începeți să construiți aplicații front-end în mod regulat, veți începe să observați aceleași modele care apar.

cadrele UI sunt o încercare de a rezolva aceste probleme prin abstractizarea elementelor comune în module reutilizabile – ceea ce înseamnă că dezvoltatorii pot schela elementele noilor aplicații cu viteză și ușurință.

cel mai utilizat dintre aceste cadre este Bootstrap, un pachet UI cuprinzător dezvoltat de echipa de la Twitter. Complet cu instrumente pentru a normaliza foile de stil, a construi obiecte modale, a adăuga pluginuri JavaScript și o mulțime de alte caracteristici, Bootstrap poate reduce dramatic cantitatea de cod (și timp) necesară pentru a vă construi proiectul.

6. Unghiular.js

HTML este de obicei piatra de temelie a setului de instrumente al oricărui dezvoltator frontend, dar are ceea ce mulți percep a fi un defect grav: nu a fost conceput pentru a gestiona vizualizările dinamice.

aici intervine AngularJS, un cadru de aplicații web open-source. Dezvoltat de Google, AngularJS vă permite să extindeți sintaxa HTML a aplicației dvs., rezultând un mediu mai expresiv, mai lizibil și mai rapid de dezvoltat, care altfel nu ar fi putut fi construit doar cu HTML.

proiectul nu este lipsit de critici: unii consideră că acest tip de legare a datelor creează un cod dezordonat, ne-separat, dar credem în continuare că este o abilitate neprețuită de a avea în kitul dvs. front-end.

7. Sass

instrumentele de dezvoltare web care economisesc timp sunt cel mai bun prieten al tău și unul dintre primele lucruri pe care le vei învăța despre cod este că trebuie să fie uscat („nu te repeta”). Al doilea lucru pe care probabil îl veți învăța este că CSS nu este de obicei foarte uscat.

intrați în lumea preprocesorului CSS, un instrument care vă va ajuta să scrieți cod de întreținere, rezistent la viitor, reducând în același timp cantitatea de CSS pe care trebuie să o scrieți (menținându-l uscat).

probabil cel mai popular dintre ei este Sass, un proiect open-source vechi de opt ani care a definit destul de mult genul PREPROCESOARELOR CSS moderne. Deși un pic dificil pentru a ajunge la trântă cu inițial, combinație Sass de variabile, cuiburi, și mixins va face CSS simplu atunci când compilate, ceea ce înseamnă foile de stil va fi mai ușor de citit și (cel mai important) uscat.

concluzie

dacă ideea de a învăța aceste instrumente frontend și de a porni într-o călătorie de 7 luni pentru a deveni dezvoltator web vă atrage, vă recomand cu adevărat să vă uitați la noul curs de Dezvoltare Web Full-Stack de la CareerFoundry. Este conceput pentru a vă învăța tehnologiile frontend de bază de la zero înainte de a continua să vă înzestrați cu abilități mult mai căutate în dezvoltarea JavaScript. Veți fi asociat cu doi dezvoltatori cu experiență pentru mentorat și tutorat online și există o garanție a locului de muncă: dacă nu obțineți un loc de muncă ca dezvoltator web în termen de 6 luni de la absolvire, veți primi banii înapoi. Contactați un consilier de carieră astăzi pentru a afla mai multe și pentru a vă alătura primei noastre cohorte complete.