Habilidades básicas para dominar para desarrolladores front-end

Las ofertas de trabajo varían en lo que buscan en un desarrollador de aplicaciones para usuario. Algunas compañías quieren que los solicitantes sepan cosas como Ruby, Git, herramientas de diseño, edición de video, y la lista continúa.

Sin embargo, hay algunas habilidades que cualquier trabajo de desarrollo de front-end requerirá, las habilidades "básicas", y algunas otras que debería considerar seriamente agregar a su repertorio.

Lo que necesitas saber

Busque en el listado de trabajos en línea lo que es clave para que los desarrolladores de aplicaciones para el usuario puedan conocer y comprender; hay tres cosas claves Innegociable.

Y estan:

1. HTML
2. CSS
3. 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

El lenguaje de marcado de hipertexto, o HTML, es el componente estructural clave de todos los sitios web en Internet. Como Jennifer Kyrnin dice,

"Es el idioma de las páginas web, el lenguaje de marcado que los navegadores leen para representar las páginas web".

Las páginas web no pueden existir sin HTML.

CSS

CSS y HTML trabajan 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 todos los sitios en línea usan algún tipo de estilo.

De lo contrario, sería bastante aburrido. Con las versiones más recientes de CSS, puedes hacer cosas como animaciones y estilos más avanzados 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 usar en la parte delantera o trasera.

En relación con el desarrollo de aplicaciones para usuario, JS es importante porque ayuda a que las páginas web sean interactivas. Puedes hacer cosas asombrosas como crear encuestas, cuestionarios o enviar formularios. Hoy en día, existen numerosas bibliotecas JS en línea para ayudarlo a llevar sus páginas web al siguiente nivel.

Sin embargo, para convertirse en un desarrollador de aplicaciones para usuario, solo tiene que entender JavaScript básico, así como la biblioteca JS más popular: jQuery.

Habilidades agradables

Después de aprender lo básico, estas son otras habilidades que es bueno tener. (Y muchos trabajos de desarrollo de front-end los buscan).

MV * Frameworks de JavaScript

Los marcos de JavaScript te ayudan a organizar y condensar tu código.

En cuanto a las opciones de MV * (o MVC), hay treinta: dos de las 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 de aplicaciones para usuario, 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 de CSS a continuación son relativamente fáciles de aprender. Hay tres tipos a buscar:

• Precompiladores: El uso de un precompilador (o preprocesador) tiene muchas ventajas, desde hacer el código más limpio hasta mantener la organización. Es una forma fácil de escribir CSS y promueve los principios DRY (No se repita). Los precompiladores populares de CSS son Sass, Less y Stylus. Si recién estás empezando, apégate a aprender uno.
• Marcos de CSS: Los marcos CSS ayudan a optimizar su flujo de trabajo con grillas integradas y otros componentes CSS. Dos ejemplos populares son Bootstrap y Foundation.
• Diseño de respuesta: En estos días, hay tantos tipos diferentes de dispositivos que su sitio debería poder adaptarse a todos ellos. El diseño responsivo lo ayuda a crear sitios que funcionan en todos los tamaños de pantalla: computadora de escritorio, tableta y teléfono inteligente. Los marcos como Bootstrap y Foundation tienen un diseño responsivo integrado, por lo que si aprendes uno de esos, estás listo.

Herramientas de construcción de front-end

Como desarrollador, debe poder administrar la optimización del tamaño de los archivos y la eficiencia del flujo de trabajo. Estas herramientas pueden ayudar.

• Gestión de paquetes: Puede ser difícil organizar todas las bibliotecas, recursos, etc., especialmente para proyectos grandes o en los que está trabajando con un equipo. Utilice un administrador de paquetes, como Bower, para ordenar todo y mantener un registro de sus actualizaciones.
• Yeoman.io: Si a veces tiene problemas para despegar los proyectos, use Yeoman para comenzar rápidamente con los proyectos y mantenerse productivo. Se ejecuta en la línea de comandos.
• Corredores de tareas: Use Grunt o Gulp, que también se ejecuta 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 con otras características.

Conclusión

Si bien lo bueno para ti puede parecer mucho, piensa en ellas como habilidades que deberías agregar con el tiempo. Las principales cosas 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.