Para el desarrollo de frontend básico, necesita saber cómo usar HTML, CSS, JavaScript. Estos son el pan y los huevos que necesita antes de hornear un pastel, que está comenzando el desarrollo de la interfaz.
Si está comenzando ahora, es bueno aprender la última versión de HTML y CSS, es decir, HTML5 y CSS3.
HTML5, CSS3 ya han creado sensación en los sitios web del mundo con impresionantes experiencias de usuario. Los gráficos, gráficos, transiciones fluídicas en páginas web, etc. son posibles utilizando todos los trucos de HTML5 y CSS3.
Pero no hay atajos para aprender JavaScript. Como hay muchos sitios y navegadores que todavía se están ejecutando en las versiones iniciales de JavaScript (es decir, las funcionalidades limitadas de la biblioteca de JavaScript), cuanto mejor sepa sobre qué código funciona, mejor será la creación de aplicaciones más saludables / marcos en JavaScript.
Dicho esto, no se recomienda en absoluto almacenar solo en ese lado de JavaScript. Hay EcmaScript 6, TypeScript, que son vívidamente preferidos a los estándares JS existentes. No son tan diferentes, ni difíciles una vez que tenga los principios básicos de JS, pero confíe en mí, solo ayudan a resolver sus problemas (principalmente en términos de líneas de código).
Por lo tanto, JS, HTML y CSS son los 3 pilares visibles del desarrollo frontend.
Pero hay muchas más tecnologías que ayudan a un desarrollador frontend con su desarrollo. La verdad sea dicha, la habilidad de cualquier desarrollador frontend depende de la cantidad de exposición que tenga a todas estas tecnologías.
- Nodo y NPM.
- Webpack, Gulp, Browserify, cualquiera de las CLI.
- XSS y técnicas de minificación.
- Servidor / Base de datos. (Aunque no es frontend, este componente es como el queso que viene con Macoroni. Si no es el lenguaje, un desarrollador de frontend siempre debe saber cómo funciona el back-end para mantener la interfaz sincronizada).
- Marco JS (AngularJS, ReactJS, Aurelia, Backbone, etc.).
- Incluso algunas bibliotecas de utilidades como jQuery, Lodash, Underscore.
- UX (tema y direcciones funcionales del sitio o aplicación.
- Marco CSS / HTML (Bootstrap, IU semántica, Sweet Alert, etc.).
- Incluso XML para el caso (SVG) y otras técnicas de procesamiento frontend relacionadas con imágenes. (Aunque esto es de alto nivel, es muy fascinante cómo se pueden lograr dos / más patrones de imagen con solo 2-3 cambios en los atributos).
- Diseños receptivos (HTML y CSS).
- Patrones de diseño (JS).
- Integración de servicios / bibliotecas como editor CK, DHTMLX, d3JS, servicios de ubicación de Google, etc.
En esencia, no todos estos son obligatorios para cualquier persona al principio. Pero si se adhiere al desarrollo frontend durante el tiempo suficiente, tarde o temprano se encontrará trabajando con todas / la mayoría de estas tecnologías.
Recomendaría comenzar con HTML, CSS y JavaScript con al menos 7–8 en una escala de 10, y luego tomar la decisión de elegir un marco adecuado y una UX moderna.
En cualquier nivel de experiencia, la elección del marco sigue teniendo la máxima prioridad, a fin de ajustar esa herramienta (es decir, el marco) en el entorno existente de la aplicación. No es que AngularJS (o React JS) sea siempre el mejor. Lea la API y el foro de cada marco y sopese los pros y los contras de su producto y su escalabilidad es importante, y ayuda a entender si eso se adapta o no.
Siempre se malinterpreta que el conocimiento en AngularJS coloca un asiento en el desarrollo frontend para todos los desarrolladores de back-end. Esta es la fea verdad: el conocimiento en AngularJS no significa nada si uno no sabe qué es el alcance / cierre / elevación / prototipo / captura de eventos en JavaScript.
Como ya mencioné, los conceptos en JavaScript no están menos numerados como la mayoría de los desarrolladores de backend piensan. Estoy seguro de que los marcos de hoy ayudan a un conjunto cada vez más versátil de desarrolladores a perseguir roles frontales y de fondo. Pero la falta de conocimiento profundo no permite que estas personas sean fluidas con las herramientas (marcos) que usan en el desarrollo frontend.
Finalmente, en cualquiera de las entrevistas que realicé, o en la mayoría de las personas a las que asistí, las preguntas tenían la intención repetitiva de evaluar el conocimiento en los componentes básicos de HTML, CSS y JavaScript. Y esto es lo que he sido competente (aunque todavía hay mucho que aprender …) en toda mi vida profesional de 4.5 años (más como 4.5 años de perro).
Hay muchos enlaces a HTML, CSS y JavaScript, pero una de las fuentes más confiables está aquí en JS Introducción
