moderno.

• ¿Cual es la ventaja del uso de etiquetas semánticas? Nombra y explica almenos 3 de ellas.

  Con las etiquetas semanticas HTML nos brinda etiquetas con mayor significado sobre su contenido. Cada parte o sección o elemento de nuestra página, que aunque en la práctica no genera un resultado distinto al de usar una etiqueta 'div', dota de mayor significado a nuestro código. Podemos decir que en la práctica vemos básicamente 3 ventajas:

  • Legibilidad de código y facilidad de mantenimiento: en un proyecto pequeño esto no podría representar una diferencia sustancial, pero cuando un proyecto comienza a escalar, añadiendo más páginas y más líneas de código, la presencia de etiquetas semánticas que nos ayuden a ubicarnos y sirvan de referencia natural será una enorme ventaja.
  • Accesibilidad del sitio web.
  • Posicionamiento SEO: Utilizar un marcado semántico facilitará a los algoritmos de posicionamiento analizar nuestro sitio y darle un mejor índice de posicionamiento

  Etiquetas:

  • nav: Representa una sección de una página cuyo propósito es proporcionar enlaces de navegación
  • header: Representa un grupo de ayudas introductorias o de navegación. Puede contener algunos elementos de encabezado, así como también un logo, un formulario de búsqueda, un nombre de autor y otros componentes
  • footer: Representa un pie de página para el contenido de sección más cercano o el elemento raíz de sección
  • section: es un elemento de seccionamiento genérico, diseñado para contener una parte de un documento temáticamente definida. Los contenidos de un elemento section son usualmente precedidos por un encabezado.

• Cita al menos 3 APIs HTML5 y explica brevemente su funcionalidad.

  • Fetch API: proporciona una interfaz para recuperar recursos (incluso a través de la red). Resultará familiar a cualquiera que haya usado XMLHttpRequest, pero la nueva API ofrece un conjunto de características más potente y flexible.
  • API Audio y video: ofrecer audio y video en la web de varias formas, que van desde archivos multimedia 'estáticos' hasta transmisiones en vivo adaptables.
  • API de geolocalización: De forma muy sencilla podemos incluir mapas de Google y muchas más funcionalidad a nuestras páginas web.

• Cita qué opción ofrece CSS3 para conseguir que se apliquen diferentes estilos CSS sobre el mismo elemento en su visualización en diferentes dispositivos (diferentes tamaños de pantalla).

  Nos ofrece la ayuda de las "media queries". Estas nos permiten modificar la aparencia de la web o aplicación en función del tipo de dispositivo (pantalla escritorio, mobil, impresora,...)

• Cita al menos 4 de las características principales de TypeScript (importante superset de JavaScript que trataremos en el siguiente capítulo)

  • Tipado estático: Las variables tienen un tipo de dato y solo se pueden asignar variables del tipo correspondiente.
  • Utilización de interfaces
  • Casting de datos
  • Argumentos con tipo
  • Valores de retorno de las funciones tipados

• Cita al menos 2 de estos preprocesadores.

  • SASS
  • LESS

• Cita al menos 4 ventajas que ofrecen estos preprocesadores.

  Extienden las funcionalidades de un CSS común, permitiéndonos tener variables, funciones, mixins, reutilizar código, tener más flexibilidad al momento del desarrollo, etc...

• Explica brevemente en qué consisten los sourcemaps.

  permiten que el navegador mapee el CSS generado por un preprocesador, como Sass, de nuevo al archivo de origen original, incluido exactamente qué mixin, marcador de posición o variable de Sass es responsable de una línea determinada de CSS

• Explica qué es un transpilador.

  Es un tipo especial de compilador que traduce de un lenguaje fuente a otro fuente también de un nivel de abstracción parecido.

• Cita al menos dos sistemas de control de versiones.

  • git
  • subversion

• Cita y explica al menos 3 comandos de Git.

  • commit: Envia al repositorio local todos los cambios de que estan en estado 'staged'.
  • add: Añade un o varios ficheros como 'staged'
  • push: envia el repositorio local al repositorio remoto.

• ¿Qué diferencias existen entre los comandos git revert y reset?

  El comando 'revert' revierte el proyecto al estado de un commit generando un nuevo commit que revierte los cambios realizados mientras que 'reset' se utiliza para mover el proyecto a un commit anterior eliminando todos los posteriores de el historial de commits