Kernvaardighede om te bemeester vir front-end-ontwikkelaars

Werkposte wissel in wat hulle soek in 'n front-end ontwikkelaar. Sommige maatskappye wil hê dat aansoekers dinge soos Ruby , Git, ontwerpgereedskap, videobewerking, ken en die lys gaan voort.

Daar is egter 'n paar vaardighede wat enige front-end-ontwikkelingswerk benodig - die kernvaardighede - en 'n paar ander wat jy ernstig moet oorweeg om by jou repertorium te voeg.

Wat jy moet weet

Blaai deur werklys aanlyn, op soek na wat sleutel vir ontwikkelaars is om te weet en te verstaan; daar is drie belangrike dinge.

Nie onderhandelbaar.

En hulle is:

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

Dit is die grondbeginsels. Gelukkig is daar baie gratis of bekostigbare aanlyn leerplatforms waar jy hierdie vaardighede kan leer as jy hulle nie reeds ken nie.

HTML

HyperText Markup Language, of HTML, is die belangrikste strukturele komponent van alle webwerwe op die internet. Soos Jennifer Kyrnin sê,

"Dit is die taal van webblaaie-die opmaak taal wat blaaiers lees om webbladsye te lewer."

Webbladsye kan nie sonder HTML bestaan ​​nie.

CSS

CSS en HTML werk saam: CSS voeg styl by HTML. Ek hou daarvan om die analogie te gebruik dat HTML soos 'n gesig is, en CSS is soos die make-up.

Alhoewel CSS nie nodig is om 'n webwerf aanlyn te kry nie, gebruik basies elke webwerf aanlyn 'n soort stilering.

Anders sou dit nogal saai wees. Met die nuutste weergawes van CSS, kan jy dinge soos animasies en meer gevorderde stilering doen wat net met JavaScript of Flash in die verlede moontlik was.

JavaScript

JavaScript, of JS, het vinnig oor die jare vorendag gekom. Dit het baie doeleindes deesdae en kan op die voor- of agterkant gebruik word.

In verband met front-end ontwikkeling, is JS belangrik omdat dit help om webbladsye interaktief te maak. Jy kan wonderlike dinge doen soos om stembusse, vasvrae of voorleggings te maak.

Tans is daar talle JS biblioteke aanlyn om jou te help om jou webblaaie na die volgende vlak te neem.

Om egter 'n front-end ontwikkelaar te word, moet jy basiese JavaScript sowel as die gewildste JS-biblioteek - jQuery verstaan.

Nice om te hebbedingetjes

Na afloop van die basiese beginsels, is dit ander vaardighede wat lekker is om te hê. (En baie van die front-end ontwikkeling werk soek vir hulle.)

MV * JavaScript raamwerke

JavaScript raamwerke help jou om jou kode te organiseer en te kondenseer.

Wat MV * (of MVC) opsies betref, is daar dertig daar buite: twee van die gewildste is backbone.js en angular.js.

Sekerlik, om 'n JS-raamwerk te leer, is die moeilikste deel om 'n ware front-end ontwikkelaar te word, maar dit is die beste manier om jou vaardighede na die volgende vlak te neem.

CSS Tools

In vergelyking met die JavaScript raamwerke hierbo, is CSS gereedskap hieronder relatief maklik om te leer. Daar is drie soorte om te soek:

Precompilers: Die gebruik van 'n precompiler (of preprocessor) het baie voordele, van die maak van kode skoonmaker om die organisasie te behou. Dit is 'n maklike manier om CSS te skryf en bevorder DRY (Do not Repeat Yourself) beginsels. Gewilde CSS-voorvertoners is Sass, Less en Stylus. As jy net begin het, hou aan om een ​​te leer.

CSS raamwerke: CSS raamwerke help om jou workflow te optimaliseer met ingeboude roosters en ander CSS komponente. Twee gewilde voorbeelde is Bootstrap and Foundation.

Responsiewe ontwerp: Tans is daar soveel verskillende soorte toestelle wat jou webwerf moet kan aanpas by almal. Responsief ontwerp help jou om webwerwe te bou wat op alle skermgroottes werk - lessenaar, tablet en slimfoon. Raamwerke soos Bootstrap en Foundation het 'n responsiewe ontwerp ingebou, dus as jy een van daardie leer, is jy vas.

Front-End Build Tools

As ontwikkelaar moet u die grootte van die bestandsgrootte en die doeltreffendheid van werkvloei kan bestuur. Hierdie gereedskap kan help.

Pakketbestuur: Dit kan moeilik wees om al die biblioteke, bates, ensovoorts te organiseer, veral vir groot projekte of dié waar u saam met 'n span werk.

Gebruik 'n pakketbestuurder, soos Bower, om alles uit te sorteer en 'n teken van jou opdaterings te hou.

Yeoman.io: As jy probleme het om projekte uit die grond te kry, gebruik Yeoman om vinnig met projekte te begin en produktief te bly. Dit word uitgevoer op die command line.

Taaklopers: Gebruik Grunt of Gulp, wat ook op die opdraglyn loop, om lêers te komprimeer en werkflow te optimaliseer. Hulle kan optree as samestellers vir die Sass of Less preprocessors, en het ook 'n wye verskeidenheid plugins met ander eienskappe.

Afsluiting

Alhoewel dit lekker is om te lyk, kan dit baie lyk, dink aan hulle as vaardighede wat jy oor tyd moet byvoeg. Die belangrikste dinge wat jy moet weet is HTML, CSS en JavaScript.

As jy enige ander webvaardighede het , selfs as dit nie voorkant is nie, bring dit na die tafel - soos ontwerp, video redigering, SEO, ens. Jy weet nooit wat 'n maatskappy mag soek nie .

En raai wat? Jy mag die perfekte pas wees.