Crea tu web con html y bootstrap + hosting gratis

 Crea tu web y subela gratis a github pages.

Ejercicio tarjeta con bootstrap

Crea una tarjeta (card), con imagen, titulo y texto, usando bootstrap.

Ejercicio flex-box

Crea un documento HTML, con el titulo Flex-box, con las siguientes caracteristicas:

    Documento CSS de estilos separado del HTML.

    10 imagenes de 200 pixeles de ancho

    Las imagenes deben adaptarse a la pantalla y cambiar al espacio disponible hacia abajo

Ejercicio selectores CSS

Crea un documento HTML con el título "Selectores  CSS", con las siguientes caracteristicas:

    1. Enlaza el fichero CSS con el documento HTML

    2. Dentro del body del documento crea un encabezado, poniendole un identificador unico.

    3. Añade una lista ordenada con 4 elementos, poniendole una clase al primer elemento.

    4. Añade una lista desordenada con 4 elementos, ponidendole la misma clase del punto anterior al primer elemento.

    5. En el CSS eliminar los margenes y paddings del documento, con el selector universal * ponerlos a 0.

    6. El primer elemento de cada lista mostrarlo en color azul.

    7. A traves de encadenar selectores, hacer que el primer elemento de cada lista tenga un tamaño de 1.8rem.

 

Ejercicio audio, video e imagen con HTML

Crea un nuevo documento HTML con las siguientes caracteristicas:

Dentro de la seccion, incluir 3 articulos (articles), segun lo siguiente:

    1. Titulo H2 indicando Video

        Incluyendo un video de Youtube 

    2. Titulo H2 indicando Imagen

        Incluyendo una imagen referenciada por URL

    3. Titulo H2 indicando Audio

        Busca audio en internet y enlazalo desde su etiqueta correspondiente

Ejercicio tablas HTML

 Crea un documento HTML con una tabla que contenga lo siguiente:

    1. Columnas: Nombre, Apellidos, Nota final

    2. Con 4 filas rellenas de datos

Ejercicio formulario HTML

 Crea un documento HTML con un formulario que contenga:

    1. Un campo de texto nombre

    2. Un campo numerico edad

    3. Un campo de area de texto 

    4. Boton para enviar

    5. Boton de reset

Nota: en el action del formulario poner "#" para que no cambie de pagina.

Ejercicio basico HTML

Haz 1 documento HTML con las siguientes caracteristicas
Utiliza la etiqueta de título para poner en el título "Ejercicio de Introducción a HTML"
Dentro de la etiqueta body pon un comentario y despues un par de parrafos.
Crea una lista con 3 enlaces a videos de youtube, poner como texto el titulo.

Ejecuta el documento html en el navegador, si quieres captura la visualizacion del navegador
con el codigo y publicalo en twitter con los hashtag #cursoudemy #josecodetech #haztuweb

JavaScript. Ejercicio practico

Crear una web que calcule el perimetro y area de un cuadrado, las medidas las facilita el usuario a traves de un formulario.

Se realizara usando html, archivo javascript aparte y bootstrap para dar formato a la web.

Un boceto de como debe quedar el resultado:

Aprende HTML / CSS intensivo

 

Javascript. Acceso elementos DOM

 

HTML CSS. Ejercicio formulario de acceso

 

Extensiones Visual Studio Code

 

JavaScript. Persistencia de datos

Persistencia de #datos, grabar y recuperar datos del usuario con #localStorage en #javascript

CSS. Flex box

 Diseño de cajas usando Flex box

JavaScript. Ventana aviso cookies

 Crea tu propia ventana de #aviso #cookie usando #html, #css y #javascript

32 JavaScript. Ejercicio linterna.

Ejercicio practico en el que se crea una linterna que se apaga o enciende al hacer click en la imagen.

Reto. Clona la siguiente web.

Propongo como reto crear la siguiente #web segun el ejemplo del video 👇

En #youtube he publicado la guia para crearla, para mostrar el progreso lo indicaremos en redes con el Hashtag #asiQuedaMiWeb. Te apuntas?. #josecodetech #crezcamosjuntos #html #css

28 JavaScript. Objeto Event

 Objeto Event, #javascript + libreria #jquery

29 JavaScript. Lista de tareas basica

 Ejemplo de creacion de una lista de tareas basicas con JavaScript.