Competențe de bază pentru master pentru dezvoltatorii de tip front-end

Mesajele de locuri de muncă variază în ceea ce privesc cei pe care îi caută într-un dezvoltator frontal. Unele companii doresc ca solicitanții să știe lucruri precum Ruby, Git, instrumente de proiectare, editare video - iar lista continuă.

Cu toate acestea, există câteva abilități pe care le va necesita orice post de dezvoltare pentru front-end - abilitățile "de bază" - și câteva altele pe care ar trebui să le luați în considerare în mod serios în 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:

1. HTML
2. CSS
3. 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 care vă ajută să vă aduceț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.

Nimeni nu are abilități

După ce se coboară pe elementele de bază, acestea sunt alte abilități care sunt plăcute să aibă. (Și multe locuri de muncă de dezvoltare front-end le caută.)

MV * JavaScript Frameworks

Cadrele 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 partea cea mai dificilă de a deveni un adevărat dezvoltator de front-end, dar este cel mai bun mod de a-ți lua abilitățile 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:

• Precompilator: Folosirea unui precompilator (sau a unui preprocesor) are o mulțime de 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 la învățare.
• Cadrele CSS: CSS-urile vă ajută la optimizarea fluxului de lucru cu grilaje încorporate și alte componente CSS. Două exemple populare sunt Bootstrap și Fundația.
• Design receptiv: Aceste zile, 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, bunurile ș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 obține totul sortat și păstrați un jurnal al actualizărilor.
• Yeoman.io: Dacă întâmpinați uneori dificultăți în a obține proiecte de la 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șierele și a optimiza fluxul de lucru. Ele pot funcționa ca compilatoare pentru 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, editare video, SEO, etc.