Curso gratis Experto en CreateJS: Desarrolla Juegos en HTML5

Curso Gratis Online para Trabajadores y Empresas

Si eres trabajador en Régimen General, disfruta del curso gratis online a través de la formación bonificada para empresas.

Nuestros cursos gratis están disponibles en modalidad online o a distancia, consúltanos para informarse de la modalidad del curso gratis para trabajadores de su interés.

OBJETIVOS DEL CURSO GRATIS EXPERTO EN CREATEJS: DESARROLLA JUEGOS EN HTML5

El videojuego es un proceso que generalmente está constituido por personas de muy diferentes disciplinas y por esto ha sido revalorizado durante la última década. Gracias a la realización de este Curso de Experto en CreateJS: Desarrolla Juegos en HTML5 podrá adquirir los conocimientos oportunos para desarrollar esta labor con éxito, Creaando juegos multiplataforma con HTML5 y JavaScript.

CONTENIDO DEL CURSO GRATIS EXPERTO EN CREATEJS: DESARROLLA JUEGOS EN HTML5

Parte 1. CrearJS: Desarrollo de Juegos Interactivos con HTML5

Unidad Didáctica 1. Introducción a la Creación de Juegos HTML5 con CreateJS

1. Ventajas de utilizar CreateJS en tus proyectos
2. Curso de CreateJS: Cómo diseñar juegos en JavaScript
3. ¿Por qué escoger HTML5 y JavaScript?
4. ¿Qué es el elemento canvas y cómo funciona?
5. ¿Qué es CreateJS y qué funciones ofrece?
6. Pasos iniciales para comenzar con CreateJS

Unidad Didáctica 2. Sistema de Eventos Esenciales en CreateJS

1. Cómo crear y gestionar eventos en CreateJS
2. Generar eventos con el ratón
3. Crear eventos relacionados con el teclado
4. Diseñar un juego que se adapte a cambios en el tamaño de la pantalla

Unidad Didáctica 3. SoundJS de CreateJS

1. ¿Qué es SoundJS y para qué sirve?
2. Cómo crear y gestionar sonidos en tus proyectos
3. Reproducción y carga de archivos de audio con SoundJS

Unidad Didáctica 4. Conclusión y Cierre del Curso

1. Resumen y cierre del curso: Creación de juegos en JavaScript con CreateJS

Parte 2. Diseño de Videojuegos con HTML5 y CSS3

Unidad Didáctica 1. Herramientas Esenciales

1. Introducción a HTML
2. Elegir un editor de texto adecuado
3. Principales navegadores para probar tus proyectos

Unidad Didáctica 2. Fundamentos de HTML

1. ¿Qué es HTML y cómo crear un documento básico?
2. Características fundamentales de los archivos HTML

Unidad Didáctica 3. Texto, Enlaces, Listas, Imágenes y Objetos

1. Insertar y gestionar textos en HTML
2. Crear enlaces y navegar entre páginas
3. Utilizar listas para organizar contenido
4. Incluir imágenes y objetos diversos

Unidad Didáctica 4. Tablas, Formularios y Estructuras

1. Diseñar y estructurar tablas
2. Crear formularios para recopilar información
3. Diseñar layouts y estructuras de página

Unidad Didáctica 5. Otras Etiquetas Clave

1. Etiquetas adicionales importantes en HTML

Unidad Didáctica 6. Metainformación, Accesibilidad y Validación

1. ¿Qué es la metainformación y cómo se usa?
2. Mejorando la accesibilidad de tus páginas
3. Validar tus documentos HTML correctamente

Unidad Didáctica 7. Introducción a HTML5

1. ¿Qué es HTML5 y cuáles son sus ventajas?
2. Mejoras respecto a versiones anteriores
3. Etiquetas obsoletas y su reemplazo
4. Etiquetas modificadas en HTML5
5. Listado de etiquetas nuevas en HTML5
6. Atributos eliminados y cambios importantes
7. Otros cambios relevantes en HTML5
8. La estructura básica de un documento HTML5
9. Reorganización del contenido en el cuerpo del documento
10. Elementos adicionales para estructurar mejor tu página

Unidad Didáctica 8. Nuevos Atributos, Eventos y Pseudo-clases en HTML5

1. Introducción a atributos globales en HTML5
2. Nuevos atributos para mejorar funcionalidades
3. Eventos nuevos en HTML5 y cómo utilizarlos

Unidad Didáctica 9. Elementos Semánticos en HTML5

1. Elemento bdi
2. Elemento command
3. Elemento data
4. Elemento details
5. Elemento mark
6. Elemento meter
7. Elemento progress
8. Elemento ruby
9. Elemento time
10. Elemento wbr

Unidad Didáctica 10. Mejoras en Formularios con HTML5

1. Nuevos elementos para formularios
2. Cambios en atributos type en input
3. Nuevos atributos para form
4. Nuevos atributos para fieldset
5. Nuevos atributos en input
6. Nuevos atributos en textarea

Unidad Didáctica 11. Otras Innovaciones en HTML5

1. Introducción a elementos multimedia
2. Etiqueta source
3. Etiqueta track
4. Elemento video
5. Elemento audio
6. Elemento embed
7. Elemento canvas
8. Introducción a MathML
9. Introducción a SVG
10. Implementación de Drag and Drop
11. Uso de validadores para HTML5

Unidad Didáctica 12. Introducción a CSS

1. ¿Qué es CSS y cómo funciona?
2. Compatibilidad de CSS en diferentes navegadores
3. Normas oficiales y especificaciones
4. Conceptos básicos para entender CSS
5. ¿Cómo integrar CSS en tus páginas web?
6. Aplicar estilos básicos
7. Medios de aplicación de CSS
8. Comentarios en hojas de estilo
9. Sintaxis y estructura de las reglas CSS

Unidad Didáctica 13. Selectores, Unidades de Medida y Colores en CSS

1. Principales selectores CSS y su uso
2. Unidades de medida (px, %, em, rem, etc.)
3. Gestión y uso de colores en CSS

Unidad Didáctica 14. Modelos de Caja, Posicionamiento y Visualización

1. El modelo de cajas en CSS
2. Propiedades relacionadas con las cajas
3. Margen, padding, borde y estructura de la caja
4. Conceptos de posicionamiento y visualización de elementos
5. Tipos de posicionamiento en CSS
6. Opciones de visualización de elementos

Unidad Didáctica 15. Crear un Layout de Página

1. Conceptos básicos de layout y diseño
2. Cómo centrar una página horizontalmente
3. Cómo centrar una página verticalmente
4. Diseñar y estructurar el layout completo
5. Configurar alturas y anchuras máximas y mínimas
6. Estilos avanzados para layouts complejos

Unidad Didáctica 16. Estilizando Texto, Enlaces, Imágenes y Listas

1. Aplicar estilos a textos con CSS
2. Diseñar enlaces y su apariencia
3. Estilizar imágenes
4. Formatear listas para un mejor diseño

Unidad Didáctica 17. Tablas, Formularios y Uso de Shorthand

1. Crear y diseñar tablas con CSS
2. Estilizar formularios
3. Utilizar propiedades shorthand para simplificar CSS

Unidad Didáctica 18. Otras Funcionalidades de CSS

1. Estilos específicos para impresión
2. Personalizar el cursor en la web
3. Hacks y filtros CSS avanzados
4. Prioridad y cascada en las declaraciones
5. Validar y depurar CSS
6. Recomendaciones y buenas prácticas
7. Recursos útiles y herramientas complementarias

Unidad Didáctica 19. Uso de Firebug

1. ¿Qué es Firebug y cómo funciona?
2. Cómo instalar y configurar Firebug
3. Utilizar Firebug para depurar y mejorar tus estilos

Unidad Didáctica 20. Introducción a CSS3

1. Conceptos básicos y ventajas de CSS3
2. Unidades, colores y tipografías en CSS3
3. Nuevos selectores y pseudo-clases disponibles

Unidad Didáctica 21. Animaciones, Fondos y Bordes en CSS3

1. Propiedades para crear animaciones
2. Nuevas opciones para fondos
3. Mejoras en estilos de bordes

Unidad Didáctica 22. Cajas, Flexbox, Colores y Tipografías

1. Propiedades avanzadas de cajas en CSS3
2. Flexbox y diseño flexible
3. Gestionar colores en CSS
4. Estilizar fuentes y textos

Unidad Didáctica 23. Enlaces y Multi-columnas

1. Estilizando enlaces con CSS
2. Creando diseños multi-columnas

Unidad Didáctica 24. Textos y Transformaciones 2D/3D

1. Estilizando textos con CSS
2. Aplicando transformaciones 2D y 3D

Unidad Didáctica 25. Transiciones y Diseño de Interfaces

1. Propiedades para transiciones suaves
2. Diseño de interfaces interactivas con CSS
3. Validar y optimizar CSS3

Parte 3. Proyecto Práctico: Desarrollo Paso a Paso de un Videojuego

Unidad Didáctica 1. Introducción a EaselJS

1. Qué es EaselJS y sus principales funcionalidades
2. Clases básicas de EaselJS para empezar
3. Creando tu primer ejemplo: ¡Hola Mundo con EaselJS!
4. Animando elementos en la pantalla

Unidad Didáctica 2. Estructura y Diseño del Juego

1. Introducción general al proyecto
2. Crear enemigos (Enemy.js)
3. Diseñar al jugador (Player.js)
4. Estructurar contenido en ContentPlayer.js
5. Configurar la página principal (index.html)
6. Diseñar el escenario (Tile.js)
7. Uso de XNARectangle
8. Crear y gestionar niveles (Level.js)
9. Utilizar PlatformHelper.js
10. Implementar la lógica principal del juego (PlatformerGame.js)

Unidad Didáctica 3. Configuración de Personajes y Enemigos

1. Introducción a la configuración
2. Implementar el salto del personaje
3. Gestionar el tiempo y retrasos
4. Usar overlays y carteles informativos
5. Definir la meta del nivel
6. Configurar obstáculos (Crucis)
7. - Crear el archivo Crucis.js
8. Añadir enemigos al escenario
9. - Crear la clase Enemy.js
10. - Integrar enemigos en el juego
11. Mejora: Estado vivo o muerto
12. - Detectar muerte por contacto con enemigos
13. - Detectar caída y fin de vida