Para qué te prepara este curso subvencionado Curso Gratuito Experto en CreateJS: Desarrolla Juegos en HTML5:
El Curso de Experto en CreateJS: Desarrolla Juegos en HTML5 le prepara para tener una visión amplia sobre el sector de los videojuegos, en cuanto a su programación gracias a HTML5 + Javascript + CSS3, además de conocer a fondo CreateJS.
A quién va dirigido:
Este Curso de Experto en CreateJS: Desarrolla Juegos en HTML5 está dirigido a profesionales del entorno que deseen ampliar su formación, así como a personas interesadas en especializarse laboralmente en el desarrollo de videojuegos.
Objetivos de este curso subvencionado Curso Gratuito Experto en CreateJS: Desarrolla Juegos en HTML5:
- Saber programar un Videojuego utilizando HTML5, JavaScript y CSS3. - Aprender a crear guiones o scripts que se incluyen en las páginas web y que son ejecutados por el navegador que utiliza el usuario. Tareas como la validación de los datos enviados por el usuario en un formulario pueden ser llevadas a cabo mediante la programación del lado cliente. - Estudiar el lenguaje JavaScript, así como su estructura y funciones. - Estudiar el concepto de Modelo de Objetos del Documento o DOM. - Estudiar las novedades que aportan HTML5 y CSS3 como evolución de los dos principales estándares web.
Salidas Laborales:
Informática / Programación / Internet / Diseño web / Desarrollador de Videojuegos.
Resumen:
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.
Titulación:
Doble Titulación Expedida por EUROINNOVA BUSINESS SCHOOL y Avalada por la Escuela Superior de Cualificaciones Profesionales
Metodología:
Entre el material entregado en este curso se adjunta un documento llamado Guía del Alumno dónde aparece un horario de tutorías telefónicas y una dirección de e-mail dónde podrá enviar sus consultas, dudas y ejercicios. Además recibirá los materiales didácticos que incluye el curso para poder consultarlos en cualquier momento y conservarlos una vez finalizado el mismo.La metodología a seguir es ir avanzando a lo largo del itinerario de aprendizaje online, que cuenta con una serie de temas y ejercicios. Para su evaluación, el alumno/a deberá completar todos los ejercicios propuestos en el curso. La titulación será remitida al alumno/a por correo una vez se haya comprobado que ha completado el itinerario de aprendizaje satisfactoriamente.
Temario:
PARTE 1. CREATEJS: JUEGOS INTERACTIVOS CON HTML5
UNIDAD DIDÁCTICA 1. INTRODUCCIÓN A LA CREACIÓN DE JUEGOS HTML5 CON CREATEJS
- Ventajas de usar CreateJS
- Archivos base del curso CreateJS: Creación de juegos en JavaScript
- Por qué juegos en HTML5 y Javascript
- Qué es el canvas
- Qué es CreateJS
- Cómo comenzar con CreateJS
- Mi primera aplicación con CreateJS
- CreateJS, JavaScript y otras librerías
- Documentación en línea con CreateJS
UNIDAD DIDÁCTICA 1. PRINCIPIOS BÁSICOS DE CREATEJS
- Principales componentes de CreateJS
- Display list y DisplayObjects
- La clase Container
- El escenario: La clase Stage
- Anidamiento y control de elementos hijos
- Formas: Las clases Shape y Graphics
- Imágenes: La clase Bitmap
- Texto: La clase Text
- Sprite y SpriteSheets
UNIDAD DIDÁCTICA 2. SISTEMA DE EVENTOS EN CREATEJS
- Eventos incluidos en CreateJS
- Eventos de ratón
- Eventos de teclado
- Evento tick, FPS y RAF
- Crear un juego redimensionable
UNIDAD DIDÁCTICA 3. PRELOADJS DE CREATEJS
- Qué es PreloadJS
- Gestión de cargas en PreloadJS
- Uso de Web Fonts
UNIDAD DIDÁCTICA 4. SOUNDJS DE CREATEJS
- Qué es SoundJS y por qué es necesario
- Preparando nuestros sonidos
- Cargando y reproduciendo audio con SoundJS
- Carga y reproduce audio con SoundJS y PreloadJS
UNIDAD DIDÁCTICA 5. TWEENJS DE CREATEJS
- Qué es TweenJS
- Animando con TweenJS
- Animaciones encadenadas
- Tipos de animaciones
- Greenshock Animation Platform
UNIDAD DIDÁCTICA 6. DESPEDIDA
- Despedida del curso CreateJS: Creación de juegos en JavaScript
PARTE 2. DISEÑO DE VIDEOJUEGOS CON HTML5 Y CSS3
UNIDAD DIDÁCTICA 1. HERRAMIENTAS NECESARIAS
- Introducción a Html
- Editor de texto
- Navegadores
UNIDAD DIDÁCTICA 2. INTRODUCCIÓN HTML
- Introducción a HTML
- ¿Cómo creamos documento HTML?
- Características Básicas de los documentos HTML
UNIDAD DIDÁCTICA 3. TEXTO, ENLACES, LISTAS, IMÁGENES Y OBJETOS
- Textos en HTML
- Enlaces en Html
- Listas en HTML
- Imágenes y Objetos
UNIDAD DIDÁCTICA 4. TABLAS, FORMULARIOS Y ESTRUCTURAS
- Tablas
- Formularios
- Estructuras y layout
UNIDAD DIDÁCTICA 5. OTRAS ETIQUETAS IMPORTANTES
- Otras etiquetas importantes
UNIDAD DIDÁCTICA 6. METAINFORMACIÓN, ACCESIBILIDAD Y VALIDACIÓN
- ¿Qué es la Metainformación?
- Accesibilidad
- Validación
UNIDAD DIDÁCTICA 7. INTRODUCCIÓN HTML5
- ¿Qué es HTML5?
- ¿Cuáles son las mejoras?
- Etiquetas Obsoletas
- Etiquetas modificadas
- Lista de etiquetas HTML5
- Atributos eliminados
- Otros cambios
- Estructura HTML5
- Nueva estructuración del body
- Otros elementos nuevos de estructuración
UNIDAD DIDÁCTICA 8. NUEVOS ATRIBUTOS, EVENTOS Y PSEUDO-CLASES
- Introducción a atributos globales
- Nuevos atributos
- Introducción a los nuevos eventos
UNIDAD DIDÁCTICA 9. NUEVOS ELEMENTOS SEMÁNTICOS
- Elemento bdi
- Elemento command
- Elemento data
- Elementos details
- Elemento mark
- Elemento meter
- Elemento progress
- Elemento ruby
- Elemento time
- Elemento wbr
UNIDAD DIDÁCTICA 10. MEJORAS EN LOS FORMULARIOS
- Nuevos elementos para los Formularios
- Cambios en el atributo type (input)
- Nuevos atributos para form
- Nuevos atributos para fieldset
- Nuevos atributos para input
- Nuevos atributos para textarea
UNIDAD DIDÁCTICA 11. OTRAS MEJORAS DE HTML5
- Introducción a los elementos multimedia
- Etiqueta source
- Etiqueta track
- Elemento video
- Elemento audio
- Elemento embed
- Elemento canvas
- Introducción a MathML
- Introducción a SVG
- Introducción a Drag and Drop
- Validador HTML5
UNIDAD DIDÁCTICA 12. INTRODUCCIÓN CSS
- Introducción CSS
- Soporte de CSS en navegadores
- Especificación Oficial
- Funcionamiento básico de CSS
- ¿Como incluir CSS en la Web?
- Estilo Básico
- Medios CSS
- Comentarios
- Sintaxis de la definición
UNIDAD DIDÁCTICA 13. SELECTORES, UNIDADES DE MEDIDA Y COLORES
- Selectores CSS
- Unidades de medida
- Colores
UNIDAD DIDÁCTICA 14. MODELOS DE CAJAS, POSICIONAMIENTO Y VISUALIZACIÓN
- Modelo de Cajas
- Propiedades de las cajas
- Margen, relleno, bordes y modelo de cajas
- Posicionamiento y visualización
- Posicionamiento
- Visualización
UNIDAD DIDÁCTICA 15. ESTRUCTURAR UNA PÁGINA ?LAYOUT?
- Introducción a layout
- ¿Cómo centrar una página horizontalmente?
- ¿Cómo centrar una página verticalmente?
- Estructura o layout
- Alturas/Anchuras Máximas y Mínimas
- Estilos avanzados
UNIDAD DIDÁCTICA 16. TEXTO, ENLACES, IMÁGENES Y LISTAS
- Textos en CSS
- Enlaces
- Imágenes
- Listas
UNIDAD DIDÁCTICA 17. TABLAS, FORMULARIOS Y SHORTHAND
- Tablas
- Formulario
- shorthand
UNIDAD DIDÁCTICA 18. OTRAS UTILIDADES DE CSS
- Versión para imprimir
- Personalizar el cursor
- Hacks y filtros
- Prioridad en las declaraciones
- Validar CSS
- Recomendaciones Generales
- Recursos útiles
UNIDAD DIDÁCTICA 19. FIREBUG
- ¿Qué es Firebug?
- ¿Como se instala?
- ¿Como usamos Firebug?
UNIDAD DIDÁCTICA 20. INTRODUCCIÓN A CSS3
- Introducción
- Unidades, colores y fuentes
- Nuevos Selectores y pseudo-clases
UNIDAD DIDÁCTICA 21. ANIMACIONES, FONDOS Y BORDES
- Propiedades para la animación
- Nuevas propiedades para los fondos
- Nuevas propiedades para Bordes
UNIDAD DIDÁCTICA 22. CAJAS, CAJAS FLEXIBLES, COLORES Y FUENTES
- Propiedades de las cajas
- Propiedades de las cajas flexibles
- Propiedades del color
- Propiedades para las Fuentes
UNIDAD DIDÁCTICA 23. ENLACES Y MULTI-COLUMNAS
- Propiedades para los hiperenlaces
- Propiedades de las multi-columnas
UNIDAD DIDÁCTICA 24. TEXTO Y 2D/3D TRANSFORMACIONES
- Propiedades para texto
- Propiedad 2D/3D Transform
UNIDAD DIDÁCTICA 25. TRANSICIONES E INTERFAZ DE USUARIO
- Propiedades para las transiciones
- Propiedades para la interfaz de usuario
- Validación CSS3
PARTE 2.CREACIÓN DE VIDEOJUEGOS CON JAVASCRIPT
UNIDAD DIDÁCTICA 1. ¿POR QUÉ USAR JAVASCRIPT?
- Introducción
- Programación del lado del cliente
- Programación del lado del Servidor
- ¿Qué utilizaremos?
- ¿Qué necesita saber?
- Nuestro primer ejemplo
UNIDAD DIDÁCTICA 2. INTRODUCCIÓN A JAVASCRIPT
- La etiqueta SCRIPT
- Contenido Alternativo
- Variables
- Tipos de Datos
- Operadores
- Cuadros de diálogo
- Práctica 2
UNIDAD DIDÁCTICA 3. CONCEPTOS BÁSICOS DE PROGRAMACIÓN
- Introducción
- Estructuras de decisión
- Estructuras lógicas
- Estructuras de repetición
- Definir funciones
- Llamadas a funciones
- Ámbito de las variables
- Práctica 3
UNIDAD DIDÁCTICA 4. OBJETOS EN JAVASCRIPT
- Introducción
- La jerarquía de objetos
- Propiedades y Eventos
- Métodos
- Práctica 4
UNIDAD DIDÁCTICA 5. LOS OBJETOS LOCATION E HISTORY
- ¿Qué es un URL?
- El Objeto Location
- Redirigir a otra página
- El Objeto History
- Práctica 5
UNIDAD DIDÁCTICA 6. EL OBJETO DOCUMENT
- Introducción
- La propiedad Title
- Los colores de la página
- El método write
- El conjunto images
- Práctica 6
UNIDAD DIDÁCTICA 7. EL OBJETO FORM
- Formularios HTML
- El conjunto forms
- La propiedad elements
- Validar la información
- ¿Cuándo realizar la validación?
- Tipos de Validación
- Práctica 7
UNIDAD DIDÁCTICA 8. LOS OBJETOS FRAME, NAVIGATOR Y SCREEN
- El conjunto frames
- El objeto navigator
- El objeto screen
- Práctica 8
PARTE 3. PRACTICA REAL: CREACIÓN DE UN VIDEOJUEGO PASO A PASO
UNIDAD DIDÁCTICA 1. INTRODUCCIÓN A EASELJS
- Introducción a EaselJS
- Principales Clases de EaselJS
- Hola mundo usando EaselJS
- Animando elementos.
UNIDAD DIDÁCTICA 2. DESCRIPCIÓN Y ESTRUCTURA DEL JUEGO
- Introducción
- Creando enemigo (Enemy.js)
- Creando Jugador (Player.js)
- Estructura de ContentPlayer.js
- Index.html
- Creando escenario (Tile.js)
- XNARectangle
- Creando niveles (Level.js)
- PlaformHelper.js
- Implantado la lógica del juego (PlatformerGame.js)
UNIDAD DIDÁCTICA 3. ORDENAMIENTO JURÍDICO ESPAÑOL Y SEGURIDAD PRIVADA
- Introducción
- Salto del Personaje
- Tiempo Atrás
- Los carteles (Overlays)
- Meta
- Crucis
- Añadir Enemigos
- Mejora VII. Vivo o Muerto
- Creando Crucis.js
- La clase Enemy.js
- Incluyendo a los Enemigos
- Muerto por tocar a un Enemigo
- Muerto por caerse