Tanmateix, hi ha algunes habilitats que requereixen qualsevol feina de desenvolupament frontal: les habilitats "bàsiques" i unes quantes més que hauríeu de considerar seriosament afegir al vostre repertori.
El que necessites saber
Navegueu per llistes de feina en línia a la recerca del que és clau per als desenvolupadors d'aplicacions per conèixer i comprendre; hi ha tres coses clau.
No negociable.
I són:
- HTML
- CSS
- 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
El llenguatge de marques d'hipertext o HTML és el component estructural clau de tots els llocs web d'Internet. Com diu Jennifer Kyrnin,
"És l'idioma 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 a HTML. M'agrada utilitzar l'analogia que l'HTML és com una cara, i CSS és com el maquillatge.
Tot i que CSS no és necessari per obtenir un lloc web en línia, bàsicament tots els llocs en línia utilitzen algun tipus d'estil.
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 estat avançant ràpidament al llarg dels anys. Actualment té molts objectius i es pot utilitzar a la part frontal o posterior.
Pel que fa al desenvolupament front-end, JS és important perquè ajuda a fer interactives les pàgines web. Podeu fer coses increïbles com crear enquestes, proves o enviaments de formularis.
Avui en dia hi ha nombroses biblioteques de JS en línia per ajudar-vos a portar les vostres pàgines web al següent nivell.
Tanmateix, per convertir-se en desenvolupador capdavanter, només heu d'entendre JavaScript bàsic i la biblioteca JS més popular: jQuery.
Nice-to-Haves
Després de baixar els conceptes bàsics, aquestes són altres habilitats que són bones per tenir. (I molta feina de desenvolupament de front endavant els busca).
MV * Marcs de JavaScript
Els marcs de JavaScript us ajudaran a organitzar i condensar el vostre codi.
Pel que fa a les opcions de MV * (o MVC), hi ha trenta: dos dels més populars són backbone.js i angular.js.
Sens dubte, aprendre un marc de JS és la part més difícil de convertir-se en un veritable front-end developer, però és la millor manera de portar les teves habilitats al següent nivell.
Eines CSS
En comparació amb els marcs de JavaScript anteriors, les eines de CSS a continuació són relativament fàcils d'aprendre. Hi ha tres tipus per cercar:
Precompiladors: l' ús d'un precompilador (o preprocessador) té molts avantatges, des del codi més net per mantenir l'organització. És una forma fàcil d'escriure CSS i promou els principis DRY (No es repeteix). Els precompiladors populars de CSS són Sass, Less i Stylus. Si acabes de començar, cal seguir aprenent un.
Marcs CSS: els marcs CSS ajuden a optimitzar el flux de treball amb les xarxes integrades i altres components CSS. Dos exemples populars són Bootstrap i Foundation.
Disseny sensible: en aquests dies, hi ha tants tipus diferents de dispositius que el vostre lloc hauria de poder adaptar-se a tots. El disseny de resposta us ajuda a crear llocs que funcionen en totes les mides de la pantalla: ordinador de sobretaula, tauleta i telèfon intel·ligent. Marcs com Bootstrap i Foundation tenen un disseny atractiu integrat, de manera que si aprèn una d'aquestes, està configurat.
Eines de compilació de versions predeterminades
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 poden ajudar.
Gestió de paquets: pot ser difícil organitzar totes les biblioteques, actius, etc., especialment per a projectes grans o aquells en els quals treballeu amb un equip.
Utilitzeu un gestor de paquets, com Bower, per obtenir-ne tot resolt i mantenir un registre de les vostres actualitzacions.
Yeoman.io: si de vegades teniu problemes per aconseguir projectes a terra, utilitzeu Yeoman per començar ràpidament amb projectes i mantenir-se productiu. S'executa a la línia d'ordres.
Corredors de tasques: utilitzeu Grunt o Gulp, que també s'executa a la línia d'ordres, per comprimir fitxers i optimitzar el flux de treball. Poden funcionar com a compiladors per als Sass o menys preprocessadors, i també disposen d'una àmplia gamma de plugins amb altres funcions.
Conclusió
Tot i que els agradables poden semblar molt, pensa en ells com a habilitats que hauria d'afegir amb el temps. Les coses bàsiques que necessiteu saber són HTML, CSS i JavaScript.
Si teniu cap altra habilitat web , encara que no estiguin relacionats amb la interfície, porteu-los a la taula, com ara disseny, edició de vídeo, SEO, etc. Mai no sabeu què pot ser una empresa .
I endevina què? Pot ser l'ajustament perfecte.