Habilidades básicas para dominar para desarrolladores de aplicaciones para desarrolladores

Las publicaciones de trabajo varían en lo que buscan en un desarrollador front-end. Algunas compañías quieren que los solicitantes conozcan cosas como Ruby, Git, herramientas de diseño, edición de video, y la lista continúa.

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

Lo que necesita 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.

No negociable.

Y son:

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 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 tener 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.

Actualmente, hay numerosas bibliotecas JS en línea que lo ayudan a llevar sus páginas web al siguiente 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 obtener los principios básicos, 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 las más populares son la red troncal. js y angular. js.

Sin duda, aprender un framework JS es la parte más difícil de convertirse en un verdadero desarrollador front-end, pero es la mejor manera de llevar tus habilidades al próximo nivel.

Herramientas de 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 tener en cuenta:

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 de CSS: Los marcos de CSS ayudan a optimizar su flujo de trabajo con grillas incorporadas y otros componentes de 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.

Gestión de paquetes: Puede ser difícil organizar todas las bibliotecas, recursos, 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.

Task Runners: 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 que cuentan con otras características.

Conclusión

Si bien los buenos pueden parecer mucho, considéralos como habilidades que deberías 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.