Landing page QR code component. Desafío de front-end mentor para practicar HTML y CSS

 Si estás empezando con el desarrollo web, esto te va a interesar.

Hoy les quiero compartir el resultado de un desafío sacado de la página front-end mentor. Llegué a esta web después de varios días de buscar en internet como practicar lo aprendido en los distintos tutoriales y cursos que fui realizando este último tiempo. La verdad que después de pasarme muchas horas leyendo, viendo videos y buscando más y más información; sentía que estaba dando vueltas en círculo. Así que dejé de buscar información para empezar a buscar ejercicios.

Literalmente googleé "ejercicios HTML y CSS" entre los muchos resultados que me arrojó esa búsqueda se encontraba la web de front-end mentor.Esta web te permite acceder a distintos desafíos dependiendo el lenguaje que quieras practicar y el nivel de tus habilidades. Hay algunos que son de pago pero también hay gratuitos. El procedimiento es bastante simple:

1. Crearte una cuenta en la web.
2. Elegir el/los lenguaje/s que querés practicar.
3. Elegir uno de los desafíos de la lista.
4. Descargarlo en tu PC.

Una vez realizados los pasos anteriores vas a la carpeta descargada que generalmente se encuentra comprimida, si es así, descomprimila. Adentro te vas a encontrar con todos los archivos que necesites para llevar a cabo el desafío. El archivo más importante al ser la primera vez que trabajamos con esta web es el README.md ojo no confundir con el (README-template.md). En este archivo en formato .md vamos a encontrar detallado el paso a paso de como tenemos que llevar a cabo el desafío. Es importante que sepas que el README.md se encuentra escrito íntegramente en inglés, lo podés traducir al español en cualquier traductor online pero yo te recomiendo que te amigues con el inglés ya que te va a abrir muchas puertas laboralmente sobre todo.

Decidí compartirles ésta experiencia porque haber realizado este desafío me permitió aprender nuevas cosas más allá de practicar HTML y CSS. Pude aprender a usar correcatamente la plataforma GitHub esto me sorprendió gratamente ya que lo tenía pendiente desde hace algún tiempo a GitHub. También me permitió conocer algo totalmente desconocido por mi que es el lenguaje Markdown éste es el lenguaje en el que se encuentra escrito el archivo README, de ahí su terminación ".md". Otra de las razones que me llevaron a querer compartir mi experiencia es que me hubiera gustado encontrar todo esto (front-end mentor y GitHub) mucho antes y mucho más fácil.

Bueno no quiero hacer esto mucho mas extenso asi que voy a terminar, agradeciendote que hayas llegado a mi Blog y te hayas tomado el tiempo de leer todo esto. En los tiempos que corren somos pocos los que le dedicamos tiempo a leer así que si llegaste hasta acá dejame el emoji que más te guste en los comentarios. Te dejo los links a la web donde está alojada mi solución (si escaneas el QR de la solución te lleva a la web de frontend mentor) y tambien al ropositorio de GitHub. 

LINKS:

Web de la solución: https://sdmatias.github.io/practiceQRcodeFM

Repositorio de GitHub: https://github.com/sdmatias/practiceQRcodeFM

Matías.