Er zijn echter een paar vaardigheden die elke front-end ontwikkelingstaak vereist - de 'kern'-vaardigheden - en een paar 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:
- HTML
- CSS
- 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 kunt u dingen doen als animaties en meer geavanceerde 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.
Nice-to-haves
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-frameworks helpen je om je code te ordenen en te condenderen.
Wat MV * (of MVC) opties betreft, zijn er dertig: de populairste backbone.js en angular.js zijn de populairste.
Zonder twijfel is het leren van een JS-framework het moeilijkste onderdeel 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:
Precompilers: het gebruik van een precompiler (of preprocessor) heeft veel voordelen, van het schoner maken van code tot het onderhouden van de organisatie. Het is een gemakkelijke 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-frameworks: CSS-frameworks helpen je workflow te optimaliseren met ingebouwde grids en andere CSS-componenten. Twee populaire voorbeelden zijn Bootstrap en Foundation.
Responsief 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 niet aan de voorkant gerelateerd zijn, breng ze dan naar de tafel - zoals ontwerp, videobewerking, SEO, enz. Je weet nooit waar een bedrijf naar op zoek is .
En raad eens? Misschien heb je de perfecte pasvorm.