Cu toate acestea, există câteva abilități pe care orice lucrare de dezvoltare de la front-end va necesita - abilitățile "de bază" - și câteva altele pe care ar trebui să le luați în serios în adăugarea la repertoriul dvs.
Ce trebuie sa stii
Căutați liste de locuri de muncă online în căutarea a ceea ce este esențial pentru dezvoltatorii de la front-end să știe și să înțeleagă; există trei lucruri cheie.
Nenegociabil.
Și ei sunt:
- HTML
- CSS
- JavaScript (jQuery)
Acestea sunt fundamentele. Din fericire, există o mulțime de platforme de învățare online gratuite sau accesibile, unde puteți învăța aceste abilități dacă nu le cunoașteți deja.
HTML
HyperText Markup Language, sau HTML, este componenta structurală esențială a tuturor site-urilor de pe Internet. După cum spune Jennifer Kyrnin,
"Este limba paginilor web - limba de marcare pe care browserii le citesc pentru a face pagini web".
Paginile web nu pot exista fără HTML.
CSS
CSS și HTML lucrează împreună: CSS adaugă stil HTML. Îmi place să folosesc analogia că HTML este ca o față, iar CSS este ca și machiajul.
Deși CSS nu este necesar pentru a obține un site online, practic fiecare site online folosește un anumit stil.
În caz contrar, ar fi destul de plictisitor. Cu cele mai recente versiuni de CSS, puteți face lucruri precum animații și stil mai avansat, care a fost posibil numai cu JavaScript sau Flash în trecut.
JavaScript
JavaScript, sau JS, a avansat rapid de-a lungul anilor. Are multe scopuri în zilele noastre și poate fi folosit pe partea din față sau din spate.
În ceea ce privește dezvoltarea front-end, JS este importantă deoarece contribuie la crearea unei pagini web interactive. Puteți face lucruri minunate cum ar fi crearea de sondaje, chestionare sau depuneri de formular.
În zilele noastre există numeroase biblioteci JS online pentru a vă ajuta să preluați paginile web la nivelul următor.
Cu toate acestea, pentru a deveni un dezvoltator de front-end, trebuie doar să înțelegeți JavaScript de bază, precum și cea mai populară bibliotecă JS - jQuery.
Nice-la-haves
După ce se coboară pe elementele de bază, acestea sunt și alte abilități care sunt plăcute pentru a avea. (Și o mulțime de locuri de muncă de dezvoltare front-end le caută.)
MV * JavaScript Frameworks
Cadrele de JavaScript vă ajută să vă organizați și să vă condensați codul.
În ceea ce privește opțiunile MV * (sau MVC), există treizeci de acolo: două dintre cele mai populare fiind backbone.js și angular.js.
Fără îndoială, învățarea unui cadru JS este cea mai dificilă parte a devenirii unui adevărat dezvoltator de front-end, dar este cel mai bun mod de a vă abilita la nivelul următor.
Instrumente CSS
Comparativ cu cadrele JavaScript de mai sus, instrumentele CSS de mai jos sunt relativ ușor de învățat. Există trei tipuri de căutări:
Precompilatoare: Folosirea unui precompilator (sau a unui preprocesor) are multe avantaje, de la a face codul mai curat la menținerea organizației. Este o modalitate ușoară de a scrie CSS și promovează principiile DRY (Do not Repeat Yourself). Preferințele precompilabile CSS sunt Sass, Less, and Stylus. Dacă tocmai începi, stai să învăț unul.
CSS-uri: Cadrele CSS vă ajută la optimizarea fluxului de lucru cu grilaje încorporate și alte componente CSS. Două exemple populare sunt Bootstrap și Fundația.
Design receptiv: în zilele noastre, există atât de multe tipuri diferite de dispozitive pe care site-ul dvs. ar trebui să le poată adapta la toate. Designul receptiv vă ajută să construiți site-uri care funcționează pe toate dimensiunile ecranului - desktop, tabletă și smartphone. Cadre precum Bootstrap și Foundation au construit un design receptiv, așa că dacă învățați unul dintre ele, sunteți pregătiți.
Front-end Build Tools
În calitate de dezvoltator, ar trebui să puteți gestiona optimizarea dimensiunii fișierelor și eficiența fluxului de lucru. Aceste instrumente vă pot ajuta.
Managementul pachetelor: poate fi dificil să se organizeze toate bibliotecile, activele și așa mai departe, în special pentru proiectele mari sau pentru cele în care lucrați cu o echipă.
Utilizați un manager de pachete, cum ar fi Bower, pentru a rezolva totul și a păstra un jurnal al actualizărilor.
Yeoman.io: Dacă întâmpinați uneori dificultăți în a obține proiecte de pe sol, utilizați Yeoman pentru a începe rapid cu proiecte și a rămâne productiv. Se execută pe linia de comandă.
Task Runners: Utilizați Grunt sau Gulp, care rulează și pe linia de comandă, pentru a comprima fișiere și a optimiza fluxul de lucru. Ele pot funcționa ca compilatoare pentru procesoarele Sass sau Mai puțin preprocesoare și au, de asemenea, o gamă largă de plugin-uri care oferă alte caracteristici.
Concluzie
În timp ce frumosul poate să pară mult, gândiți-vă la ele ca la abilități pe care ar trebui să le adăugați în timp. Principalele lucruri pe care trebuie să le cunoașteți sunt HTML, CSS și JavaScript.
Dacă aveți alte abilități web , chiar dacă nu sunt legate de front-end, aduceți-le la masă - cum ar fi design-ul, editarea video, SEO, etc. Nu știți niciodată ce o companie ar putea căuta .
Si ghici ce? S-ar putea să vă potriviți perfect.