Scribd
Cargar
0 vistas88 páginas

Tema3 Introduccion A JavaScript

El documento es una introducción a JavaScript que cubre conceptos básicos de programación, incluyendo variables, condiciones, bucles y funciones. También aborda la gestión de eventos y la creación de aplicaciones dinámicas utilizando formularios y la etiqueta Canvas. Se incluyen prácticas de clase y un proyecto final para desarrollar un juego.

Cargado por

gakahiv934
Derechos de autor
© © All Rights Reserved
Nos tomamos en serio los derechos de los contenidos. Si sospechas que se trata de tu contenido, reclámalo aquí.
Formatos disponibles
Descarga como PDF, TXT o lee en línea desde Scribd
0 vistas88 páginas

Tema3 Introduccion A JavaScript

El documento es una introducción a JavaScript que cubre conceptos básicos de programación, incluyendo variables, condiciones, bucles y funciones. También aborda la gestión de eventos y la creación de aplicaciones dinámicas utilizando formularios y la etiqueta Canvas. Se incluyen prácticas de clase y un proyecto final para desarrollar un juego.

Cargado por

gakahiv934
Derechos de autor
© © All Rights Reserved
Nos tomamos en serio los derechos de los contenidos. Si sospechas que se trata de tu contenido, reclámalo aquí.
Formatos disponibles
Descarga como PDF, TXT o lee en línea desde Scribd
Está en la página 1/ 88

Tema 3:

Introducción a
JavaScript
Índice

1.

2.

3.

4.
1.
1. Introducción a JavaScript
1. Introducción a JavaScript
1. Introducción a JavaScript
1. Introducción a JavaScript
2.
2. Conceptos básicos de programación

-
2. Conceptos básicos de programación


2. Conceptos básicos de programación
VARIABLES
2. Conceptos básicos de programación
VARIABLES
2. Conceptos básicos de programación
VARIABLES – Diferencias entre var, let y const

❖
2. Conceptos básicos de programación
VARIABLES – Arrays
2. Conceptos básicos de programación
VARIABLES – Arrays
2. Conceptos básicos de programación
VARIABLES – Arrays
2. Conceptos básicos de programación
VARIABLES – Arrays
2. Conceptos básicos de programación
VARIABLES – Arrays

-
2. Conceptos básicos de programación
VARIABLES – Arrays
2. Conceptos básicos de programación
VARIABLES – Operadores aritméticos
2. Conceptos básicos de programación
VARIABLES – Operadores aritméticos
2. Conceptos
básicos de
programación
2. Conceptos básicos de programación
VARIABLES – Mostrar valores

-
2. Conceptos básicos de programación
VARIABLES – Mostrar valores

ALERT CONSOLE.LOG
Práctica de clase: Matemáticas en JavaScript
2. Conceptos básicos de programación
CONDICIONES
2. Conceptos básicos de programación
CONDICIONES – Operadores relacionales
2. Conceptos básicos de programación
CONDICIONES – Operadores lógicos
2. Conceptos básicos de programación
CONDICIONES – Operadores relacionales
2. Conceptos básicos de programación
CONDICIONES – Ejemplo

Programa que comprueba si una persona es mayor de edad.


2. Conceptos básicos de programación
CONDICIONES
2. Conceptos básicos de programación
CONDICIONES
Práctica de clase: El número par
2. Conceptos básicos de programación
BUCLES
2. Conceptos básicos de programación
BUCLES - Definidos
2. Conceptos básicos de programación
BUCLES - Definidos

1.

2.

3.
2. Conceptos básicos de programación
BUCLES - Definidos
2. Conceptos básicos de programación
BUCLES - Definidos
2. Conceptos básicos de programación
BUCLES - Definidos
2. Conceptos básicos de programación
BUCLES - Definidos
Práctica de clase: Tablas de multiplicar
2. Conceptos básicos de programación
BUCLES - Indefinidos
2. Conceptos básicos de programación
BUCLES - Indefinidos
2. Conceptos básicos de programación
BUCLES - Indefinidos
2. Conceptos básicos de programación
FUNCIONES
2. Conceptos básicos de programación
FUNCIONES
2. Conceptos básicos de programación
FUNCIONES
2. Conceptos básicos de programación
RECUPERACIÓN DE ELEMENTOS HTML
2. Conceptos básicos de programación
RECUPERACIÓN DE ELEMENTOS HTML
2. Conceptos básicos de programación
RECUPERACIÓN DE ELEMENTOS HTML

index.html

script
2. Conceptos básicos de programación
RECUPERACIÓN DE ELEMENTOS HTML
2. Conceptos básicos de programación
RECUPERACIÓN DE ELEMENTOS HTML – Modificamos el estilo
Práctica de clase: Colores aleatorios
3.
3. Gestión de eventos
TIPOS DE EVENTOS


3. Gestión de eventos
TIPOS DE EVENTOS

HTML JAVASCRIPT
Práctica de clase: Colores aleatorios 2
3. Gestión de eventos
LISTENERS
3. Gestión de eventos
LISTENERS

HTML JAVASCRIPT
3. Gestión de eventos
LISTENERS
3. Gestión de eventos
LISTENERS

enlace

• click • drop

• change • keydown / keyup

• dblclick • load

• drag • mouseover / mouseout


Práctica de clase: Moviendo objetos
4.
4. Aplicaciones dinámicas
Formularios
4. Aplicaciones dinámicas
Formularios

index.html

script.js
4. Aplicaciones dinámicas
Formularios
Práctica de clase: Hacemos una calculadora
4. Aplicaciones dinámicas
Etiqueta Canvas
4. Aplicaciones dinámicas
Etiqueta Canvas
4. Aplicaciones dinámicas
Etiqueta Canvas

 

 

 
4. Aplicaciones dinámicas
Etiqueta Canvas – Ejemplo: Linea
4. Aplicaciones dinámicas
Etiqueta Canvas – Ejemplo: Rectángulo
4. Aplicaciones dinámicas
Etiqueta Canvas – Ejemplo: Rectángulo Relleno
4. Aplicaciones dinámicas
Etiqueta Canvas - BeginPath
4. Aplicaciones dinámicas
Etiqueta Canvas – BeginPath – Ejemplo: Arc
4. Aplicaciones dinámicas
Etiqueta Canvas – BeginPath – Ejemplo: Figura irregular
4. Aplicaciones dinámicas
Etiqueta Canvas – BeginPath – Ejemplo: Figura irregular redondeada
4. Aplicaciones dinámicas
Etiqueta Canvas
Ejercicio de clase: Cambiamos el radio 20min
Ejercicio de clase: Cambiamos el radio 20min
Práctica de clase: Hacemos el Paint
Práctica de clase: Hacemos el Paint
4. Aplicaciones dinámicas
Etiqueta Canvas - drawImage
4. Aplicaciones dinámicas
Etiqueta Canvas - drawImage
4. Aplicaciones dinámicas
Etiqueta Canvas - drawImage
4. Aplicaciones dinámicas
Etiqueta Canvas - drawImage
4. Aplicaciones dinámicas
Juegos en la Web

https://reinspirit.com/videojuegos-retro-creados-html5-js-css/
Proyecto final: Hacemos un Juego



También podría gustarte