Com ser programador front-end en 2019?

Posted byMireia Tort Noguera

Moltes vegades abans d’iniciar-nos en una professió o disciplina, ens preguntem quines són les coses que ens calen saber per a poder-nos-hi dedicar. I, en un món tan canviant com és el món web, moltes vegades ens podem sentir sobrepassats en veure tants llenguatges, tantes eines, tant moviment i tants canvis. És difícil començar. Però també resulta difícil mantenir-se actualitzat en els coneixements.

És per aquest motiu que avui us volem recomanar alguns recursos que ens ajudaran a decidir què aprendre i quins coneixements actualitzar per a poder dedicar-nos al disseny web aquest 2019.

En primer lloc, us deixem amb aquest resum en 5 passos en què se’ns indiquen els coneixements base que hem de tenir per a dedicar-nos a la programació i disseny front-end.

Primer de tot, situa el 1r pas, en tenir una bona base de disseny. Encara que ens dediquem a la programació front-end, també hem de tenir coneixements bàsics d’allò essencial del disseny: color i contrast, domini de l’espai blanc, ús de tipografies, coneixement de la jerarquia visual i, sobretot, vetllar per una bona consistència.

Un cop coneixem els aspectes principals del disseny, en el 2n pas, ens centraríem en aprendre a crear interfícies d’usuari (UI) adequades per als nostres projectes. Prototipar i estructurar llocs webs o apps o qualsevol altre tipus d’aplicacions. Recomana que abans de crear codi HTML i CSS des de zero, primer creem prototips i maquetes per estructurar tots els elements que configuraran les diferents interfícies. Per a treballar en disseny UI hi ha programes específics que ens facilitaran la feina, com: Sketch (només per MAC), Adobe XD, Figma, InVision, etc.

El 3r pas ens situaria ja en l’aprenentatge del codi HTML i CSS. La xarxa és plena de tutorials per aprendre HTML i CSS, per tal d’estructurar i posar estils a tot el què creem en els nostres projectes web. Però, a més, també ens recomana l’ús de Sass, un preprocessador de CSS que ens facilitarà molt la feina a l’hora de treballar amb fulls d’estil. Amb la mateixa finalitat que Sass, també podries aprendre a utilitzar altres preprocessadors com Less, Stylus o Compass.

El 4t pas ja ens centra en una de les bases més importants del desenvolupament front-end: el JavaScript. És un llenguatge que et permet actualitzar continguts dinàmicament, animar elements, controlar elements multimèdia… Per a treballar amb front-end et serà absolutament necessari tenir uns coneixements sòlids d’aquest llenguatge i dels seus frameworks.

I, amb els frameworks i les llibreries JS, arribaríem al 5è i darrer pas. Aquests frameworks i llibreries de JavaScript ens seran molt útils per a crear aplicacions complexes d’una manera molt més ràpida i eficient. Se’ns recomana aprendre a utilitzar React, Angular o Vue.js, tot i que resulta difícil triar amb quin framework es vol treballar. Cadascú ha de trobar amb quin d’ells es troba més còmode i què li és més fàcil per als seus projectes.

Per a saber-ne més