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.

Bienvenidos a Support Device software & hardware

Hola 👋, mi nombre es Matías CEO de Support Device Software & Hardware.

En SD nos dedicamos al diagnóstico y mantenimiento de PC 💻(hardware) y actualmente nos encontramos en capacitación sobre desarrollo web 📑(software).

La idea principal de éste blog es ir contando las experiencias vivídas en SD, ya sea por el mantenimiento a alguna PC o por el aprendizaje de desarrollo web. Actualmente la capacitación nos esta demandando mas del 80% de nuestro tiempo, esto puede parecer demasiado pero viéndolo como una inversión en nuestra empresa, no lo es.

A medida que avancemos en el desarrollo web iremos compartiendo nuestro progreso con los distintos lenguajes para que le sirva de guía a quienes estén interesados en sumergirse en este maravilloso mundo. Como así también vas a poder encontrar consejos para poder sacarle el mayor provecho posible atu PC y brindarle el mantenimiento correcto para prolongar su vida útil.

Espero que toda la información que te brindaremos en este blog sea de ayuda para vos, también espero porder recibir tus comentarios y críticas 📧sobre nuestro trabajo. Ya que eso nos hará crecer.

En nuestras redes sociales📱también estamos activos, podrás tener contacto personalizado con nosotros Instagram Facebook. Sin extenderme demasiado me despido pero no sin antes agradecerte por tomarte el tiempo de leer ésta primera entrada en el blog (si llegaste hasta acá dejanos un comentario con el emoji 👍que más utilices en tu día a día) y bienvenida/o al blog oficial de Support Device.

Matías.