Core Skills to Master for Front-End Developers

Vacatures variëren in wat ze zoeken in een front-end ontwikkelaar. Sommige bedrijven willen dat aanvragers dingen weten als Ruby, Git, ontwerphulpmiddelen, videobewerking en de lijst gaat maar door.

Er zijn echter een paar vaardigheden die voor elk front-end development-project vereist zijn, de 'core'-vaardigheden, en enkele andere die je serieus moet overwegen toe te voegen aan je repertoire.

Wat je moet weten

Blader door vacatures online op zoek naar wat key is voor front-end ontwikkelaars om te weten en te begrijpen; er zijn drie belangrijke dingen. Niet-onderhandelbaar.

En zij zijn:

1. HTML
2. CSS
3. JavaScript (jQuery)

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

HTML

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

"Het is de taal van webpagina's: de opmaaktaal die browsers lezen om webpagina's weer te geven."

Webpagina's kunnen niet bestaan ​​zonder HTML.

CSS

CSS en HTML werken samen: CSS voegt stijl toe aan HTML. Ik gebruik graag de analogie dat HTML een gezicht is, en CSS is als de make-up.

Hoewel CSS niet noodzakelijk is om een ​​website online te krijgen, gebruikt elke site online een of andere vorm van styling.

Anders zou het behoorlijk saai zijn. Met de meest recente versies van CSS kun je dingen doen als animaties en geavanceerdere vormgeving die in het verleden alleen mogelijk was met JavaScript of Flash.

JavaScript

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

Met betrekking tot front-end ontwikkeling is JS belangrijk omdat het helpt om webpagina's interactief te maken. Je kunt geweldige dingen doen, zoals polls, quizzen of formulierinzendingen maken. Tegenwoordig zijn er tal van JS-bibliotheken online om u te helpen uw webpagina's naar een hoger niveau te tillen.

Als u echter een front-end ontwikkelaar wilt worden, moet u alleen JavaScript en de populairste JS-bibliotheek begrijpen - jQuery.

Leuke vaardigheden

Na het volgen van de basis, zijn dit andere vaardigheden die leuk zijn om te hebben. (En veel front-end ontwikkelingstaken zoeken naar hen.)

MV * JavaScript-frameworks

JavaScript-kaders helpen u uw code te organiseren en te condenderen.

Wat de MV * (of MVC) opties betreft, zijn er dertig: de meest populaire zijn backbone.js en angular.js.

Het leren van een JS-framework is zonder twijfel het moeilijkste om een ​​echte front-end developer te worden, maar het is de beste manier om je vaardigheden naar een hoger niveau te tillen.

CSS-hulpmiddelen

In vergelijking met de JavaScript-frameworks hierboven zijn onderstaande CSS-tools relatief eenvoudig te leren. Er zijn drie soorten om te zoeken:

• Precompileerprogramma: Het gebruik van een precompiler (of preprocessor) heeft veel voordelen, van het opschonen van code tot het onderhouden van de organisatie. Het is een eenvoudige manier om CSS te schrijven en bevordert de DRY (Do not Repeat Yourself) -principes. Populaire CSS-precompilers zijn Sass, Less en Stylus. Als je net begint, blijf er dan maar eentje leren.
• CSS-kaders: CSS-frameworks helpen u uw workflow te optimaliseren met ingebouwde rasters en andere CSS-componenten. Twee populaire voorbeelden zijn Bootstrap en Foundation.
• Reagerend ontwerp: Tegenwoordig zijn er zoveel verschillende soorten apparaten die uw site aan al deze apparaten moet kunnen aanpassen. Responsief ontwerp helpt u bij het bouwen van sites die op alle schermformaten werken: op desktop, tablet en smartphone. Frameworks zoals Bootstrap en Foundation hebben responsief ontwerp ingebouwd, dus als je er een leert, ben je klaar.

Front-end bouwtools

Als ontwikkelaar zou u de bestandsgrootte-optimalisatie en workflow-efficiëntie moeten kunnen beheren. Deze hulpmiddelen kunnen helpen.

• Pakketbeheer: Het kan moeilijk zijn om alle bibliotheken, bedrijfsmiddelen, enzovoort te organiseren, vooral voor grote projecten of projecten waarbij u met een team samenwerkt. Gebruik een pakketbeheerder, zoals Bower, om alles op orde te krijgen en een logboek bij te houden van uw updates.
• Yeoman.io: Als je soms problemen hebt om projecten van de grond te krijgen, gebruik dan Yeoman om snel aan de slag te gaan met projecten en productief te blijven. Het wordt uitgevoerd op de opdrachtregel.
• Task Runners: Gebruik Grunt of Gulp, die ook op de opdrachtregel wordt uitgevoerd, 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 plug-ins met andere functies.

Conclusie

Hoewel de 'nice to haves' veel lijken, moet je ze beschouwen als vaardigheden die je na verloop van tijd zou moeten toevoegen. De kern dingen die je moet weten zijn HTML, CSS en JavaScript.

Als je andere webvaardigheden hebt, zelfs als ze geen front-end gerelateerd zijn, breng ze dan naar de tafel, zoals ontwerp, videobewerking, SEO, enz.