Resumen 06/05/2020

Hola a tod@s!!!

Un pequeño resumen para l@s que no han podido participar hoy! 😊

Hoy hemos analizado la página de Juan Carlos y el metodo que ha utilizado para crear el menú desplegable en versión móvil sin JavaScript. El código ya está en campus.

Hemos visto también una extensión del Brackets muy útil, el “Brackets Bootstrap Template”. Con esta extensión podemos crear con un click la estructura de una página responsive básica con un menú horizontal con varios tipos de elementos que se convierte en desplegable en la versión móvil.

Utiliza código JavaScript, pero es muy útil para ver como montar la estructura HTML de manera sencilla. Hemos visto que antes o después necesitaremos el JavaScript, así que no estaría mal empezar a tocarlo, sin ninguna pretensión de hacer grandes cosas, solo para empezar a familiarizarse con su sintaxis.

Hemos visto después la página que está montando Rubén y nos ha hablado de un problema de visualización de la checkbox de un formulario al visualizarlo con Chrome.  En esta página hay una solución en caso de que os pase también. https://es.stackoverflow.com/questions/91986/porqu%C3%A9-no-se-visualiza-el-checkbox-en-chrome

Para l@s que quieran revisar temas de input, dropdown, checkbox, radio, aquí hay un tutorial de youtube: https://www.youtube.com/watch?v=65G2_qJYjC0  (lo siento es en inglés, pero tiene buena pinta y creo que se puede seguir sin mucha dificultad)

Entre los temas que hemos abordado, hemos hablado también de las estadísticas de las páginas webs y del código de seguimiento de Google Analytics que necesitamos para ello. Es un tema muy útil de conocer por qué se utilizan mucho en las webs. Aquí un artículo que explica de forma sencilla como incrustarlo en el código de nuestra página. https://sebastianpendino.com/google-analytics-codigo-seguimiento-web-html/

Para terminar, os paso un enlace a una página de atajos de teclado para Brackets que resulta muy útil a la hora editar código. https://lisacatalano.github.io/brackets_course/pc.html

Os paso también el nombre de tres extensiones que conviene instalar ya que proporcionan muchas ventajas.

-          Brackets Bootstrap Templates – crea una plantilla de código de una página con menú responsive

-          Brackets Snippets – permite guardar trozos de código que podemos reutilizar en varios proyectos https://www.youtube.com/watch?v=g14Ehft7tGQ

-          Brackets Icons – Permite identificar con diferentes iconos los diferentes tipos de ficheros (html/css/javascript…)

Y esto es todo para hoy 😊