Saltar al contenido

Hoja de ruta para desarrolladores web front-end para 2021 | de Mehdi Aoussiad | JavaScript en inglés sencillo | Dic, 2020 | Medio

Guía paso a paso para convertirse en un desarrollador web front-end moderno.

Hoy en día, el desarrollo web front-end se ha vuelto más complejo de lo que era. Es más que solo HTML, CSS y JavaScript. Hay muchas tecnologías que necesitas aprender, las tareas también son muchas. Sin embargo, si tiene la pasión y la disciplina, definitivamente puede convertirse en un exitoso desarrollador web front-end.

En este artículo, le daremos una hoja de ruta para desarrolladores web front-end sobre cómo debe aprender el desarrollo web front-end en 2021. Vayamos directamente a ello.

Aquí hay una lista de algunos temas que debe considerar:

Una vez que tenga un conocimiento básico de HTML, puede comenzar a aprender los conceptos básicos de CSS. Bueno, CSS significa Hojas de estilo en cascada. Se utiliza para definir cómo deberían verse sus elementos HTML. También se usa para hacer diseños receptivos y también hace que su página web sea más hermosa.

CSS es fácil de aprender, pero difícil de dominar. Hay algunos temas a los que desea prestar más atención, como:

También te recomendaría que aprendas algunos fundamentos del diseño web y de UI. Esto le dará el potencial de crear páginas web atractivas como desarrollador web front-end.

Así que aprenda los conceptos básicos de Git y cómo usarlo en su línea de comando. Además, cree una cuenta en Github y aprenda cómo crear su primer repositorio para enviar su código HTML y CSS usando Git. Esto le dará el hábito de usar Git y Github para sus proyectos futuros en el desarrollo web front-end.

En el pasado, era mucho más difícil de hacer. Pero ahora, es muy fácil y puede usar herramientas como GitHub Pages o Netlify.

Cuando se trata de JavaScript, primero debe aprender los conceptos básicos. Cosas como variables, tipos de datos, funciones, matrices, objetos, etc. También necesita aprender a manipular el DOM y muchos más.

Aquí hay una lista de cosas que debe considerar:

Sass es una herramienta poderosa si está trabajando mucho con CSS. Te hace la vida más fácil y te ayuda a no repetirte en CSS.

Un administrador de paquetes es básicamente una herramienta que automatiza el proceso de instalación, actualización, configuración y eliminación de programas o proyectos.

Después de eso, necesita aprender sobre las herramientas de construcción. Cosas como corredores de tareas (scripts NPM o Gulp) y paquetes web (Webpack o Parcel).

Para React, es en realidad una biblioteca de JavaScript para crear interfaces de usuario. Se basa en componentes y tiene un DOM virtual que hace que su aplicación web sea más rápida y eficiente. Vue también es un gran marco, tienen una comunidad y documentación increíbles.

Para resumir, elija cualquier marco que desee según el mercado en su ubicación. Al final, son solo herramientas, lo que importa es que conozcas lo básico (JavaScript).

También necesita aprender sobre la administración del estado, hay muchas herramientas que puede usar según el marco que elija (Redux, VueX …). A continuación, se muestra una imagen de la popular hoja de ruta.

Administración del Estado.

Después de eso, querrá crear algunas aplicaciones como un Herramienta de búsqueda de empleo, a Blog, o un Página del documento, etc.

Pruebas.

Gracias por leer este artículo, espero que te haya resultado útil. Si es así, obtenga más contenido similar !

Este contenido se publicó originalmente aquí.