Kernvaardigheden voor meester voor front-end ontwikkelaars

De postberichten variëren in wat ze zoeken in een front-end ontwikkelaar. Sommige bedrijven willen dat zoekers dingen weten zoals Ruby, Git, design tools, videobewerking - en de lijst gaat door.

Er zijn echter een paar vaardigheden die elke front-end ontwikkelingsbaan nodig heeft - de kernvaardigheden - en een paar andere die je serieus zou moeten overwegen om je repertoire toe te voegen.

Wat je moet weten

Zoek online zoekertjes op zoek naar wat de sleutel is voor front-end ontwikkelaars om te weten en te begrijpen; er zijn drie belangrijke dingen.

Niet-onderhandelbaar.

En ze zijn:

HTML
CSS
JavaScript (jQuery)

Dit zijn de fundamenten. Gelukkig zijn er veel gratis of betaalbare online leerplatforms waar u deze vaardigheden kunt leren als u ze niet al kent.

HTML

HyperText Markup Language, of HTML, is de belangrijkste structurele component van alle websites op het internet. Zoals Jennifer Kyrnin zegt,

"Het is de taal van webpagina's - de opmaaktaal die browsers lezen om webpagina's te maken. "

Webpagina's kunnen niet bestaan zonder HTML.

CSS

CSS en HTML werken samen: CSS voegt stijl toe aan HTML. Ik vind het leuk om de analogie te gebruiken dat HTML als een gezicht is, en CSS is als de make-up.

Hoewel CSS niet nodig is om een website online te krijgen, gebruikt elke site online een soort van styling.

Anders zou het vrij saai zijn. Met de meest recente versies van CSS kunt u dingen zoals animaties en geavanceerde styling doen die alleen mogelijk was met JavaScript of Flash in het verleden.

JavaScript

JavaScript, of JS, is in de loop der jaren snel vooruit. Het heeft veel doeleinden tegenwoordig en kan worden gebruikt op de voor- of achterkant.

In relatie tot front-end ontwikkeling is JS belangrijk omdat het helpt om webpagina's interactief te maken. U kunt fantastische dingen doen zoals het maken van polls, quizzen of formulier inzendingen.

Tegenwoordig zijn er tal van JS-bibliotheken online om u te helpen uw webpagina's naar het volgende niveau te brengen.

Om een front-end ontwikkelaar te worden, moet je maar simpel JavaScript begrijpen, evenals de meest populaire JS-bibliotheek - jQuery.

Nice-to-Haves

Na de basisprincipes zijn dit andere vaardigheden die leuk zijn om te hebben. (En veel front-end ontwikkelingswerkzaamheden zoeken naar hen.)

MV * JavaScript Frameworks

JavaScript-raamwerken helpen u uw code te organiseren en te condenseer.

Voor zover MV * (of MVC) opties gaan, zijn er dertig daar: twee van de meest populaire ruggengraat. js en hoekig. js.

Het leren van een JS-framework is zonder twijfel het moeilijkst om een echte ontwikkelaar te worden, maar het is de beste manier om je vaardigheden naar het volgende niveau te brengen.

CSS Tools

In vergelijking met de JavaScript-kaders hierboven, zijn CSS-tools hieronder relatief makkelijk te leren.Er zijn drie soorten om te zoeken:

Precompilers: Het gebruik van een precompiler (of preprocessor) heeft veel voordelen, van het maken van code cleaner om de organisatie te behouden. Het is een makkelijke manier om CSS te schrijven en bevordert DRY (Do not Repeat Yourself) principes. Populaire CSS precompilators zijn Sass, Less en Stylus. Als je gewoon begint, houd je eraan bij het leren van een.

CSS-raamwerken: CSS-raamwerken helpen uw workflow te optimaliseren met ingebouwde roosters en andere CSS-componenten. Twee populaire voorbeelden zijn Bootstrap en Foundation.

Responsief ontwerp: Tegenwoordig zijn er zo veel verschillende soorten apparaten dat uw site in staat moet zijn om zich aan te passen aan hen. Responsief ontwerp helpt u om sites op te bouwen die werken op alle schermformaten - desktop, tablet en smartphone. Kaders zoals Bootstrap en Foundation hebben een responsief ontwerp ingebouwd, dus als u er een van leert, bent u ingesteld.

Bouwgereedschap voor het einde

Als ontwikkelaar moet u de bestandsgrootte optimalisatie en werkstroom efficiëntie kunnen beheren. Deze hulpmiddelen kunnen helpen.

Pakketbeheer: Het kan moeilijk zijn om alle bibliotheken, activa en dergelijke te organiseren, vooral voor grote projecten of die waar je met een team werkt.

Gebruik een pakketmanager, zoals Bower, om alles uit te sorteren en een logboek te houden van uw updates.

Yeoman. io: Als u moeite heeft om projecten uit de grond te krijgen, gebruik Yeoman om snel met projecten te beginnen en productief te blijven. Het is uitgevoerd op de opdrachtregel.

Taaklopers: Gebruik Grunt of Gulp, die ook op de opdrachtregel draaien, om bestanden te comprimeren en de workflow te optimaliseren. Ze kunnen fungeren als compilers voor de Sass of Less preprocessors, en hebben ook een breed scala aan plugins met andere functies.

Conclusie

Terwijl het leuk is om te lijken, lijkt het veel op hen als vaardigheden die je over de tijd moet toevoegen. De belangrijkste dingen die u moet weten zijn HTML, CSS en JavaScript.

Als u andere webvaardigheden heeft, zelfs als ze niet front-end gerelateerd zijn, breng ze naar de tafel - zoals ontwerp, videobewerking, SEO, enz. U weet nooit wat een bedrijf kan zoeken.

En raad eens wat? Je mag de perfecte pasvorm zijn.