BIV TEMA 8 HTML

Question 1

Motores plantillas

Answer 1

-pug (antes aka jade)
-mustache
-handlebars
Nota son herramientas y son lenguajes

Luego hay que transpilarlos (los pasa a HTML5, ya que aquí suelen ir sin abrir y cerrar etiquetas)

Question 2

Motores renderizado navegadores.
Que es y cuál lleva cada navegador

Answer 2

Pieza de sw que coge el html y el CSS lo junta y te lo muestra
-edge : blink
-chrome: blink
-opera : blink
-firefox: gecko
-safari: webkit

Question 3

APIS HTML5

Answer 3

Están en el navegador
-webstorage : session storage (almacenamiento sesión,se borra al cerrar el navegador) y local storage (almacenamiento local)
-indexedBd: BBDD no SQL
-geolocation:para localizarnos
-files: control upload
-canvas: para pintar
-webworker: hilo ejecución secundario para cálculos en paralelo
-websocket(bidireccional)/server sideevents(de servidor a cliente): técnicas push manda info al navegador
-drag and drop : arrastrar y soltar
-selector: CSS
-Microdata/dataset: atributos extensibles
-server and send events
-dom
-ajax
Fetch api

Question 4

Atributos principales HTML5

Answer 4

-id: identificador
-class: clases de estilo CSS
-style: dar estilos más específicos a la etiqueta. Estilos en línea
-lang: idioma, definir idioma que está cierta info
-tabindex: permitir cambiar el foco con el tabulador
……

Question 5

Elementos principales del API del DOM

Answer 5

API del DOM: árbol de objetos que se carga en memoria

Question 6

Objeto ajax

Answer 6

Peticiones asíncronas.
Xmlhttprequest (XHR) Json o XML,…)
Tiene métodos y propiedades(atributos) (en otra pregunta)

Question 7

Gestores dependencias(paquetería)
HTML5

Answer 7

Bower
Yarn
Npm

Question 8

Automatizadores de tareas

Answer 8

Gulp
Grunt

Question 9

Concepto modernizr

Answer 9

Librería JavaScript ayuda a detectar las características que soporta nuestro navegador

Question 10

Concepto polifills

Answer 10

Fragmento de código (sw/emulador de apis) proporciona una funcionalidad moderna en el navegador que no admite de forma nativa

Question 11

Herramienta generador estructura de proyectos (directorios)

Answer 11

Yeoman

Question 12

Nuevos lenguajes scripting

Answer 12

Typescript
Coffescript

Question 13

Preprocesadores css
Estilos y presentación

Answer 13

Less
Sass
Stylus
Postcss

Question 14

Frameworks css

Answer 14

CSS ya hechos
Tailwind
Bootstrap
Material
Bulma

Question 15

Frameworks javascripts

Answer 15

Angular
React JS
Vue JS
Ember JS

Question 16

Empaquetadores de tareas
Packet bundlers)

Answer 16

Están sustituyendo a los automatizadores de tareas (gulp/grunt)
-rollup
-parcel
-webpack

Question 17

Objeto ajax
Métodos y atributos(propiedades)

Answer 17

-Metodos:
Open: se configura la petición
Send: se manda la petición
-atributos(propiedades)
Status : estado http (200,404,..)
Readystate: estado de la petición
Responsetext: donde se queda la info de respuesta
Responsexml:donde se queda la info de respuesta si es XML
Onreadystatechange: configura función de callback

Question 18

Concepto fetch api

Answer 18

Más moderno que ajax para hacer peticiones asincronas.
Más sencillo de hacer

Question 19

Librerias

Answer 19

Jquery
Dojo
Prototype
Yui
Extjs
Mootools
Axios =ajax pero en libreria