Documentos de Académico
Documentos de Profesional
Documentos de Cultura
DEFINITIVO
Fron-tend: Desarrollado que maenja en el lado del cliente (navegadores)
Fremworks:
Tecnolgias que maneja: lenguajes de programación node, Python, Ruby,… y sus frameworks:
django, express, spring, rails
Full Stack: manejar tanto front-end como back-end, es decir todas las tecnologías para
desarrollar una página web de principio a fin.
Paginas estáticas que no van a cambiar. Por ejemplo, blogs, el contenido se mantiene son
páginas de información.
Páginas dinámicas (Web Apps), son aplicaciones conectadas a base de datos, hay contenido
que va cambiando e interacciones con los usuarios. Por ejemplo, Twitter, Facebook, Platzi.
HTML
Head: todo lo que es importante para el navegador y que no es visual para el usuario.
En el head tenemos la etiqueta meta con atributo charset=”UTF-8” se puede usar caracteres
del español y loe emojis. Meta descripción que sale en el navegador. Viewport.
Maquetación-leyaout
Etiquetas y tipos de imágenes
Lossy: Pierde la calidad y mejora el tiempo de carga. Son más pequeñas: JPJ/JPEG para
fotografías.
Lossless: No hay perdida de colores, por ejemplo, png 8 y png 24. SVG-Vector, es un formato
muy ligero, en el SVG no se pixelea.
Optimización de imágenes
En promedio una imagen debe ser a lo más de 100 a 70 Kb. Tiny PNG: mejora el tamaño de tus
imágenes. Verefix: retira metadatos de tus imágenes.
Etiqueta contenedora de una imagen es la etiqueta fig y para dar una descripción de la imagen
usamos el figcaption
Etiqueta Video:
- Controls: agrega al video los controles necesarios para reproducir, pausar y adelantar.
- Prelod=auto: hace que el navegador descargue el video, en el momento en el que se
acceda a la página
<form action=””>
<label for=””>
</label)>
<input type=”text”
</form>
Etiqueta de calendario
Otra forma para que se tenga lo de arriba con una sola etiqueta
Autocomplete y require
Observación: la etequita require permite que el navegador recuerde al usuario que falte
rellanar algún item del formulario.
SELECT
Input type submit vs. Button tag