Habilitats bàsiques per al màster per a desenvolupadors de front

Les ofertes de feina varien segons el que busquen en un desenvolupador de capçalera. Algunes empreses volen que els candidats sàpiguen coses com Ruby, Git, eines de disseny, edició de vídeo … i la llista continua.

No obstant això, hi ha unes poques habilitats que requeriran qualsevol treball de desenvolupament de capçalera: les habilitats "bàsiques" i algunes altres que haureu de considerar seriosament afegint-vos al vostre repertori.

El que necessiteu saber

Examineu els llistats de treballs en línia a la recerca del que és clau per al desenvolupament i la comprensió dels desenvolupadors; hi ha tres coses clau. No negociable.

I són:

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

Aquests són els fonaments. Afortunadament, hi ha moltes plataformes d’aprenentatge en línia gratuïtes o assequibles on podeu aprendre aquestes habilitats si ja no les coneixeu.

HTML

HyperText Markup Language, o HTML, és el component estructural clau de tots els llocs web d'Internet. Com diu Jennifer Kyrnin,

"És el llenguatge de les pàgines web: el llenguatge de marques que els navegadors llegeixen per representar pàgines web".

Les pàgines web no poden existir sense HTML.

CSS

CSS i HTML treballen junts: CSS afegeix estil al codi HTML. M'agrada utilitzar l’analogia que el HTML és com una cara i el CSS és com el maquillatge.

Tot i que el CSS no és necessari per obtenir un lloc web en línia, bàsicament tots els llocs en línia utilitzen algun tipus d’estilització.

En cas contrari, seria bastant avorrit. Amb les versions més recents de CSS, podeu fer coses com animacions i un estil més avançat que només era possible amb JavaScript o Flash en el passat.

JavaScript

JavaScript, o JS, ha anat avançant ràpidament al llarg dels anys. Actualment té moltes finalitats i es pot utilitzar a la part davantera o posterior.

En relació amb el desenvolupament del front-end, JS és important perquè fa que les pàgines web siguin interactives. Podeu fer coses increïbles com crear enquestes, preguntes o formularis. Avui en dia hi ha nombroses biblioteques JS en línia per ajudar-vos a portar les vostres pàgines web al següent nivell.

Tanmateix, per convertir-vos en un desenvolupador principal, només heu d'entendre JavaScript bàsic i la biblioteca JS més popular: jQuery.

Habilitats de bon pla

Després de descartar els conceptes bàsics, aquestes són altres habilitats que us agrada tenir. (I moltes feines de desenvolupament de capçalera les busquen.)

Marcs JavaScript MV *

Els marcs JavaScript us ajuden a organitzar i condensar el vostre codi.

Pel que fa a les opcions MV * (o MVC), hi ha una trentena: dues de les més populars són backbone.js i angular.js.

Sens dubte, aprendre un marc JS és la part més difícil de convertir-se en un veritable desenvolupador de front, però és la millor manera de portar les vostres habilitats al següent nivell.

Eines CSS

Comparat amb els marcs de JavaScript de dalt, les eines CSS següents són relativament fàcils d’aprendre. Hi ha tres tipus per cercar:

• Precompiladors: L’ús d’un precompilador (o preprocessor) té molts avantatges, des de la creació de netejador de codi fins al manteniment de l’organització. És una manera fàcil d’escriure CSS i promou els principis de DRY (Don´t Repeat Yourself yourself). Els precompiladors populars de CSS són Sass, Less i Stylus. Si acabeu de començar, apreneu-ne un.
• Marcs CSS: Els marcs CSS ajuden a optimitzar el vostre flux de treball amb xarxes integrades i altres components CSS. Dos exemples populars són Bootstrap and Foundation.
• Disseny sensible: Avui en dia, hi ha tants tipus de dispositius que el vostre lloc hauria de poder adaptar a tots ells. El disseny sensible us ajuda a crear llocs que funcionin a totes les mides de pantalla: escriptori, tauleta i telèfon intel·ligent. Els marcs com el Bootstrap i la Fundació tenen un disseny sensible integrat, de manera que si apreneu un d’aquests, sereu establerts.

Eines de construcció frontal

Com a desenvolupador, hauríeu de poder gestionar l’optimització de la mida del fitxer i l’eficiència del flux de treball. Aquestes eines us poden ajudar.

• Gestió de paquets: Pot ser difícil organitzar totes les biblioteques, els actius, etc., especialment per a grans projectes o en els quals esteu treballant amb un equip. Utilitzeu un gestor de paquets, com Bower, per obtenir tot allò que s’ordenin i manteniu un registre de les vostres actualitzacions.
• Yeoman.io: Si de vegades teniu problemes per aconseguir projectes, utilitzeu Yeoman per començar ràpidament amb els projectes i mantenir-vos productius. S'executa a la línia d'ordres.
• Corredors de tasques: Utilitzeu Grunt o Gulp, que també s'executen a la línia d'ordres, per comprimir fitxers i optimitzar el flux de treball. Poden actuar com a compiladors per als preprocessadors Sass o Less, i també tenen una àmplia gamma de complements que tenen altres funcions.

Conclusió

Mentre que els simpàtics que poden semblar molt, penseu en ells com a habilitats que haureu d’afegir al llarg del temps. Les coses principals que heu de saber són HTML, CSS i JavaScript.

Si teniu altres habilitats web, encara que no estiguin relacionades amb el front-end, traieu-les a la taula, com ara disseny, edició de vídeo, SEO, etc.