1. Margin, padding y border.

Trabajando con propiedades margin, padding y border con código de CSS embedido.

¡Vamos allá!

2. Etiquetas HTML

Imitando página.

¡Vamos allá!

3. CSS

Distintos uso de CSS para un documento HTML: etiqueta, embedido y referenciado externamente.

¡Vamos allá!

4. Display

Trabajando con tamaños definidos para los div, así como alineaciones, tipos de display y uso del float.

¡Vamos allá!

5. Más de CSS

Uso de propiedades de CSS para transformación, transiciones y efectos para elementos.

¡Vamos allá!

6. Bootsrap

Tipo de elementos formateados por Bootstrap: Títulos, elementos inline, divisores, imágenes y listas.

¡Vamos allá!

7. Audio, video y tablas.

Uso de las propiedades de Bootstrap para elementos de audio y video, además de tablas.

¡Vamos allá!

8. Cambios en video.

Con ayuda de JS se realizaron botones que cambian el tamaño de un mismo video.

¡Vamos allá!

9. Sustituyendo y cambiando con JS

Cambiando texto de "Hola" a "Hola desde JS"

¡Vamos allá!

9.2 Fontsize

Con ayuda de JS se cambió el tamaño de la fuente a 40px.

¡Vamos allá!

9.3 Color de fondo

Con ayuda de JS se hizo cambio de color de fondo a rojo.

¡Vamos allá!

9.4 Agregando imagen.

Con JS se agrega un source a una etiqueta de tipo img

¡Vamos allá!

9.5 Texto y fecha

Mostrando la concatenación de distintos datos en JS, además de datos de tipo fecha.

¡Vamos allá!

9.6 Mouseover mouseout

Por medio de JS se creó un evento con mouseover y mouseout para que cuando se coloque el mouse sobre la imagen, ésta cambie.

¡Vamos allá!

10. Reproductor

Con ayuda de JS, permite cambiar audio, imagen y fondo de acuerdo al botón.

¡Vamos allá!

11. Carousel

Con ayuda de bootstrap se desarrollaron carouseles.

¡Vamos allá!

12. Modal

Con ayuda de bootstrap se desarrollaron modales, estos son exclusivos del framwork de Bootstrap.

¡Vamos allá!

Formularios

13. Primer formulario

Conociendo los tipos de inputs en un formulario con ayuda de las clases de Bootstrap.

¡Vamos allá!

14. Recreación formulario

Con ayuda de clases de Bootstrap, se recreó un formulario presentado en clase.

¡Vamos allá!

15. Tipos de inputs en Bootstrap

Usando distintos tipos de inputs, como selector de archivos, de color, radio buttons y spans con ayuda de input groups.

¡Vamos allá!

15.2 Recreación de formulario

En base a un diseño prpouesto en clase, se realizó la recreación de dicho formulario con spans, input groups y diversos tipos de input.

¡Vamos allá!

16. Botón submit

Se hizo implementación de un botón de tipo Submit, que permite "enviar" los datos ingresados en un formulario.

¡Vamos allá!

17. Recreación de formulario

En base a un diseño prpouesto en clase, se realizó la recreación de dicho formulario con diversos tipos de input.

¡Vamos allá!

18. Verificación básica con JS

Trabajando con un archivo externo de JS, se realizó una verificación para corroborar que el usuario llene todos los campos solicitados.

¡Vamos allá!

19. Solicitudes con el API Fetch

Con ayuda de una BD en la nube (Firebase), se realizó un formulario que permite realizar las cuatro tipos de solicitudes, POST,GET,DELETE y PUT.

¡Vamos allá!

21. Solicitudes con el API Fetch (productos)

Con ayuda de una BD en la nube (Firebase), se realizó un formulario que permite realizar las cuatro tipos de solicitudes, POST,GET,DELETE y PUT. Trabajando con libros

¡Vamos allá!

20. Solicitudes con el API Fetch (libros)

Con ayuda de una BD en la nube (Firebase), se realizó un formulario que permite realizar las cuatro tipos de solicitudes, POST,GET,DELETE y PUT. Trabajando con libros

¡Vamos allá!

Práctica final

Con una API desarrollada y alojada en un host, se realizaron distintas solicitudes de tipo fetch.

¡Vamos allá!

Login Facebook y Google

Resgistrate e inicia sesión creando usuario o contraseña, o también puedes ingresar con tu cuenta de Facebook o Google.

¡Vamos allá!

API google maps

Realiza busquedas de lugares y obten la posición en el mapa con ayuda de la API de google maps

¡Vamos allá!