Como iniciar en el FRONTEND + Consejos y tips

Felicidades!! haz escogido la programación frontend, un camino amplio abierto a muchas puertas laborales del futuro, pero para ello, es importante saber de que vamos a trabajar y como empezaremos este camino de Frontend developer.

HTML, El inicio de todo.

Siempre cuando se está empezando con HTML es muy divertido e interesante todo, empiezas haciendo tus primeras etiquetas de salto, etiquetas de línea y aprendes sobre listas y otras cosas muy interactivas en html. Posterior te das cuenta que no estás aprendiendo nada, que necesitas de un video de YouTube o de una página que te diga como hacer una simple lista porque se te olvido como hacerlo, ahí es donde está el error, no codear por ti mismo sino necesitar un apoyo visual para poder ir progresando.

Siempre es bueno cuando se está dando los primeros pasos en html leer un poco su documentación y si ver uno que otro video, lo demás, es cerrar YouTube y conectarte tu con el editor de código y empezar a codear, y si te equivocas vuelves, y sigues intentando hasta que te salga. Con HTMl es raro tener ciertos errores pero cuando fallas es un poco frustrante porque sinceramente es muy "fácil" aprender html

Te recomiendo también ir anotando ciertas cosas o hacer esquemas que te ayuden a memorizar ciertas propiedades del programa.

Te recomiendo echar un vistazo por estos canales de YouTube que en mi experiencia me han servido a aprender mucho este programa:

Igualmente estas webs son muy buenas cuando empiezas o cuando se te olvida algo

CSS

Al mismo tiempo que se aprende HTML se puede ir aprendiendo css, como ya hemos visto en el artículo anterior, el programa de css solo da estilos en cascadas, que quiere decir en cascadas, pues que el va a ir tomando los estilos de las etiquetas de html a medida de que se trabajen.

Cuando se trabaja con css es importante ir practicando a medida de que se aprende algo nuevo, lo mismo que con el html, aprendes codeas, aprendes y vuelves a codear. Igualmente retarte a hacer nuevos desafíos y nuevas animaciones que salgan de tu animación, como dijo un sabio "si puedes imaginarlo, puedes programarlo".

Así mismo te invito a siempre leer código y buscar para que sirve cada cosa y utilizarla en tus proyectos a futuro, mientras mas indagues en códigos que encuentres en internet y los vayas poniendo en práctica mas vas a aprender eso te lo aseguro.

Te recomiendo estas páginas para que sigas aprendiendo en tu camino como frontend developer:

JavaScript

Para empezar en JavaScript primero que nada necesitamos conocer HTML y CSS, sería fundamental si queremos aprender a dominar este lenguaje de programación de la

mejor manera. Primeramente es investigar como podemos empezar, conociendo los tipos de datos que existen, las variables, arreglos, etc. Importante conocer el Dom en este lenguaje, En el artículo de Leonardo Maldonado en freecodecamp sobre por qué es importante aprender sobre el DOM, afirma:

"Manipulando el DOM, tienes infinitas posibilidades. Puedes crear aplicaciones que actualicen los datos de la página sin necesidad de actualizarlos. Además, puedes crear aplicaciones personalizables por el usuario y, después, cambiar el diseño de la página sin necesidad de actualizarla."

Una vez que manejes JavaScript ya puedes usar un Framework como Angular, React o Vue js para ir profundizando mejor en las interfaces web.

Te recomiendo freecodecamp, donde puedes encontrar muchos artículos sobre JavaScript y diferentes lenguajes de programación. También el curso de Soy Dalto en YouTube

es muy bueno, tiene tres niveles de JavaScript, junior, intermedio y avanzado, más de 9 horas de cursos donde explica todo sobre este lenguaje de programación.

Ruta de aprendizaje para convertirte en frontend developer

roadmap.sh