Sin embargo, hay algunas habilidades que cualquier trabajo de desarrollo de front-end requerirá, las habilidades "centrales", y algunas otras que usted debería considerar seriamente agregar a su repertorio.
Lo que necesitas saber
Busque listados de trabajo en línea en busca de lo que es clave para que los desarrolladores de aplicaciones para el usuario conozcan y entiendan; hay tres cosas clave.
Innegociable.
Y estan:
- HTML
- CSS
- JavaScript (jQuery)
Estos son los fundamentos. Afortunadamente, hay muchas plataformas de aprendizaje en línea gratuitas o asequibles en las que puedes aprender estas habilidades si aún no las conoces.
HTML
HyperText Markup Language, o HTML, es el componente estructural clave de todos los sitios web en Internet. Como dice Jennifer Kyrnin,
"Es el lenguaje de las páginas web, el lenguaje de marcado que los navegadores leen para hacer páginas web".
Las páginas web no pueden existir sin HTML.
CSS
CSS y HTML funcionan juntos: CSS agrega estilo a HTML. Me gusta usar la analogía de que HTML es como una cara, y CSS es como el maquillaje.
Aunque CSS no es necesario para obtener un sitio web en línea, básicamente cada sitio en línea utiliza algún tipo de estilo.
De lo contrario, sería bastante aburrido. Con las versiones más recientes de CSS, puede hacer cosas como animaciones y un estilo más avanzado que solo era posible con JavaScript o Flash en el pasado.
JavaScript
JavaScript, o JS, ha estado avanzando rápidamente a lo largo de los años. Tiene muchos propósitos hoy en día y se puede utilizar en la parte delantera o trasera.
En relación con el desarrollo del front-end, JS es importante porque ayuda a que las páginas web sean interactivas. Puede hacer cosas increíbles, como crear encuestas, concursos o presentaciones de formularios.
Hoy en día existen numerosas bibliotecas JS en línea para ayudarlo a llevar sus páginas web al próximo nivel.
Sin embargo, para convertirse en un desarrollador front-end, solo tiene que entender JavaScript básico así como la biblioteca JS más popular: jQuery.
Nice-to-Haves
Después de aprender lo básico, estas son otras habilidades que es bueno tener. (Y muchos trabajos de desarrollo de aplicaciones para el usuario los buscan).
MV * Frameworks de JavaScript
Los marcos de JavaScript lo ayudan a organizar y condensar su código.
En cuanto a las opciones de MV * (o MVC), hay treinta por ahí: dos de los más populares son backbone.js y angular.js.
Sin lugar a dudas, aprender un marco JS es la parte más difícil de convertirse en un verdadero desarrollador front-end, pero es la mejor manera de llevar sus habilidades al siguiente nivel.
Herramientas CSS
En comparación con los marcos de JavaScript anteriores, las herramientas CSS a continuación son relativamente fáciles de aprender. Hay tres tipos para buscar:
Precompiladores: el uso de un precompilador (o preprocesador) tiene muchas ventajas, desde la limpieza del código hasta el mantenimiento de la organización. Es una forma fácil de escribir CSS y promueve principios DRY (No repetir). Los precompiladores de CSS populares son Sass, Less y Stylus. Si recién estás comenzando, apégate a aprender uno.
Marcos CSS: los marcos CSS ayudan a optimizar su flujo de trabajo con grillas incorporadas y otros componentes CSS. Dos ejemplos populares son Bootstrap y Foundation.
Diseño receptivo: en la actualidad, existen tantos tipos diferentes de dispositivos que su sitio debería poder adaptarse a todos ellos. El diseño receptivo lo ayuda a crear sitios que funcionan en todos los tamaños de pantalla: escritorio, tableta y teléfono inteligente. Frameworks como Bootstrap y Foundation tienen un diseño receptivo integrado, por lo que si aprendes uno de ellos, estás listo.
Herramientas de compilación de front-end
Como desarrollador, debe ser capaz de administrar la optimización del tamaño de archivo y la eficiencia del flujo de trabajo. Estas herramientas pueden ayudar.
Administración de paquetes: puede ser difícil organizar todas las bibliotecas, activos, etc., especialmente para proyectos grandes o en los que se trabaja con un equipo.
Use un administrador de paquetes, como Bower, para ordenar todo y mantener un registro de sus actualizaciones.
Yeoman.io: si a veces tienes problemas para poner en marcha proyectos, utiliza Yeoman para comenzar rápidamente con los proyectos y mantenerte productivo. Se ejecuta en la línea de comando.
Corredores de tareas: utilice Grunt o Gulp, que también se ejecutan en la línea de comandos, para comprimir archivos y optimizar el flujo de trabajo. Pueden actuar como compiladores para los preprocesadores Sass o Less, y también tienen una amplia gama de complementos que cuentan con otras características.
Conclusión
Si bien los buenos pueden parecer mucho, piense en ellos como habilidades que debería agregar con el tiempo. Las cosas centrales que necesita saber son HTML, CSS y JavaScript.
Si tiene otras habilidades web , incluso si no están relacionadas con el front-end, tráigalas a la mesa, como diseño, edición de video, SEO, etc. Nunca se sabe lo que una empresa puede estar buscando .
¿Y adivina qué? Puede ser el ajuste perfecto.