Adobe Animate CC - Avanzado: Crear Interactividad HTML5.
Lo que aprenderás
Conceptos fundamentales de programación
Conceptos de variables, funciones, eventos, condicionales, etc
Trabajar con imágenes, audio y video
Controlar animaciones y diferentes elementos visuales en Adobe Animate
usando código JavaScript
Usar JavaScript y las librerías CreateJS para crear diferentes tipos de elementos
interactivos en Adobe Animate
Requisitos
Conocimientos básicos de Adobe Animate CC o versiones anteriores
(Adobe Flash)
Tener instalado el software Adobe Animate CC o posterior para prácticas
Descripción
Bienvenidos al curso "Adobe Animate CC - Avanzado: Interactividad HTML5".
Este curso te permitirá ir más allá de las simples animaciones aprendiendo a
usar el lenguaje JavaScript y las librerías del paquete CreateJS para crear
elementos interactivos en formato HTML5 como banners y juegos los cuales
podrás usar en sitios web y/o publicaciones digitales.
PREREQUISITOS:
Conocimientos básicos de Adobe Animate CC. Si aún no conoces la
aplicación este curso no es para ti, NO lo compres! En mi perfil de Udemy
puedes encontrar mi curso Adobe Animate CC - Fundamentos.
Deseos de esforzarte para aprender a programar. Si no tienes intenciones
de esforzarte y practicar para aprender a crear increíbles elementos
interactivos usando código de JavaScript y prefieres seguir usando
solamente herramientas gráficas entonces este curso no es para ti, NO lo
compres!
Si no tienes experiencia usando ningún lenguaje de programación no te
preocupes, este curso está pensado de forma especial para creativos y
diseñadores así que abarcaremos desde los conceptos más básicos y
fundamentales para que al final puedas crear tus propios scripts que le darán
vida a tus archivos de Adobe Animate.
El curso inicia explicando conceptos básicos como los usos de Animate así
como los diferentes tipos de documentos que se pueden crear con esta
aplicación. También explicaremos la diferencia entre documentos de tipo
ActionScript y documentos de tipo HTML5 Canvas. Posteriormente explicaremos
el concepto de Javascript y librerías para continuar con los fundamentos de
programación en general. Trabajaremos con variables y funciones para
posteriormente iniciar en el mundo de la interactividad trabajando con eventos,
condicionales y arreglos, entre otros conceptos. Finalmente aprenderemos a
crear instancias de símbolos de forma dinámica y a trabajar con video, audio,
imágenes y texto.
El 98% del curso es práctico e incluye 11 ejercicios especialmente diseñados
para permitirte entender claramente los resultados geniales que obtendrás al
combinar las herramientas gráficas de Adobe Animate con el código de
Javascript. Por supuesto podrás practicar cada uno de los ejercicios mostrados
usando los archivos de ejemplos que tendrás disponibles para descarga.
Regístrate ya en este curso y aprende a usar Javascript en Adobe Animate para
crear elementos interactivos increíbles que generen mas engagement en tus
usuarios y clientes.
Aún no conoces Animate? Entonces mira mi curso "Adobe Animate CC -
Fundamentos" que puedes encontrar en mi perfil.
Si deseas contratar éste u otro curso para un grupo empresarial o universidad
de forma presencial u online puedes contactarme desde el sitio web de Xpert o
por mensaje privado desde mi perfil de Udemy.
¿Para quién es este curso?
Diseñadores
Creativos
Animadores
Creadores de contenido eLearning
Programadores que quieran conocer cómo aplicar JavaScript en Adobe
Animate
Cualquier persona que desee aprender a crear contenido interactivo
HTML5 para publicar en sitios web y/o publicaciones digitales
Contenido del curso
13 secciones • 80 clases • 8 h 15 m de duración total
Ampliar todas las secciones
Introducción2 clases • 2 min
Bienvenida al curso Adobe Animate CC - Avanzado
Vista previa02:07
Archivos de ejemplo para descarga
En esta lección se encuentran los archivos usados en los videos los cuales
puedes descargar para practicar.
00:04
Conceptos básicos de Adobe Animate5 clases • 10 min
Qué es Adobe Animate
01:23
Usos de Adobe Animate y tipos de documentos
03:10
Por qué no usar ActionScript 3
01:29
Reemplazar ActionScript 3 con JavaScript
Vista previa02:01
Archivos HTML5 Canvas
01:27
JavaScript y Librerías4 clases • 6 min
Qué es JavaScript
Vista previa01:30
Librerías
01:50
CreateJS
Vista previa01:42
No usar JavaScript
00:50
Fundamentos de JavaScript11 clases • 44 min
Aspectos de este curso
Vista previa01:04
Propiedades, métodos, eventos y clases
02:22
Evaluar código
02:13
Variables
04:32
Trabajar con variables
06:29
Comentarios
03:01
Uso de la consola
Vista previa03:46
Valores String
01:47
Concatenación
01:11
Propiedades
05:28
Modificar propiedades
11:46
Funciones6 clases • 34 min
Funciones build-in
02:30
Uso de funciones build-in
05:58
Definición de funciones
02:19
Creación de funciones
09:41
Uso de parámetros
08:27
Return
Vista previa05:18
Eventos14 clases • 1 h 25 min
Eventos
Vista previa04:38
Manejo de Eventos
04:21
Otras sintaxis
02:09
Remover Eventos
04:04
Tipos de Eventos
01:52
Eventos de Mouse - Parte 1
05:45
Eventos de tipo Mouse - Parte 2
07:02
Eventos de Teclado
08:37
Evento ticker
07:03
Ejercicio 01: Reloj - Paso 1
12:59
Ejercicio 01: Finalización Reloj - Paso 2
05:14
Ejercicio 02: Control TV - Paso 1
06:57
Ejercicio 02: Control TV - Paso 2
Vista previa04:39
Ejercicio 02: Control TV - Paso 3
09:36
Operadores, condicionales y loops13 clases • 1 h 21 min
Operadores
03:03
Condicional if
01:44
If Ahorro
Vista previa03:14
If Ahorro y Cupo
03:56
Condicional Case
01:46
Case Ahorro
04:23
Case rangos
08:31
Loops o Estructuras de repetición
01:55
For y While
05:57
Ejercicio 01: Encendido/Apagado - Versión 1
14:23
Ejercicio 02: Encendido/Apagado - Versión 2
06:54
Ejercicio 03: Carro - Paso 1
16:48
Ejercicio 03: Carro - Paso 2
08:20
Operaciones Matemáticas2 clases • 10 min
Objeto Math
02:17
Métodos Math
07:24
Arrays3 clases • 27 min
Arrays
03:59
Trabajo con Arrays
09:29
Ejercicio: Frutas
13:31
Instancias dinámicas y Display List8 clases • 1 h 21 min
Instancias dinámicas
Vista previa04:03
Crear instancias dinámicas
08:27
Display List
04:08
Entender el Display List
15:42
Ejercicio 01: Lluvia
21:56
Ejercicio 02: Grilla - Paso 1
10:58
Ejercicio 02: Grilla - Paso 2
08:52
Ejercicio 02: Grilla - Paso 3
07:20
Audio y video4 clases • 39 min
Librería PreloadJS
Vista previa01:29
Video externo
06:41
Audio externo
11:56
Ejercicio: Controlar video
18:41
Texto e imágenes7 clases • 1 h 17 min
Texto dinámico
14:49
Cargar imágenes externas
06:59
Ejercicio 01: Frutas
14:44
Ejercicio 02: Galería de imágenes - Paso 1
11:27
Ejercicio 02: Galería de imágenes - Paso 2
11:48
Ejercicio 02: Galería de imágenes - Paso 3
Vista previa06:58
Ejercicio 02: Galería de imágenes - Paso 4
09:52
Despedida1 clases • 1 min
Despedida del curso
Fuente: [Link]
animate-avanzado-javascript/