JavaScript. Uando librerias externas

Usando librerias externas en nuestros proyectos, concretamente vemos un ejemplo practico de como usar la libreria typeit para dar animacion a los textos del documento web.

JavaScript. Añade elementos a la lista con jquery

Crea un documento html con una lista desordenada y un boton, desde javascript con jquery agrega elementos nuevos a la lista.

JavaScript. Recorre un array y devuelve la suma de todos los valores

Crea un array numerico y muestra la suma por consola.

En la solucion te mostrare un par de formas para obtener el mismo resultado.

Cuando completes la tarea, realiza una captura de pantalla y publicala en twitter con el hashtag #cursoJavascript #josecodetech.
Para que todos podamos comparar nuestras soluciones con los demas.
Gracias.

JavaScript. Ejercicios con Strings.

Crea un script segun las siguientes indicaciones:

1. Crea una variable con tu nombre

2. Otra con tu apellido

3. Una de nombre completo, donde se unan las variables anteriores con un espacio entre medio.

4. Cambiar a mayusculas la variable nombre completo.

5. Cambiar a minusculas la variable anterior.

6. Obtener la ultima letra del nombre.

7. Obtener la primera letra del apellido.

8. Crear una frase con espacios al principio y final, guardarla en una variable y quitarle los espacios.

9. Indicar si una palabra concreta esta dentro de la frase anterior y devolver su posicion.

Una vez resuelto, realizar una captura de pantalla y publicarla en twitter con el hashtag #cursoJavascript de #josecodetech, para que podamos ver las posibles soluciones y compartirlo, gracias.

JavaScript. Mostrar datos en formato cards.

 

JavaScript. Extensiones recomendadas para visual studio code

 

Crea tu web con html y bootstrap + hosting gratis

 Crea tu web y subela gratis a github pages.

JavaScript. Calcular IVA y total.

Crea un documento HTML con campo para la base imponible, iva y total, junto con un boton para el calculo.
Al pulsar el boton que ejecute una funcion javascript para los calculos y los muestre en los campos correspondientes.

JavaScript. Manipulando elementos HTML

Crea un documento HTML con 1 titulo y 3 parrafos (uno con una clase, otro con identificador (id)).
Desde el documento javascript cambia el texto de los 4 elementos.
Crea tambien un documento CSS con clases para cambiar colores y manipula con javascript para cambiar los colores originales del HTML.

JavaScript. Ejercicio inicial.

Crea un documento con html, enlazalo a un archivo javascript.
Al abrir el documento html en el navegador debera mostrar un mensaje por consola,
como el "Hola, Mundo" de iniciacion.

Ejercicio tarjeta con bootstrap

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

Ejercicio selectores, cambia formato boton

Crea un documento HTML enlazado con el archivo CSS, incluyendo un boton que cuando se pase el puntero del raton por encima cambie de color de letra y fondo.

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