¿Qué quieres aprender?

Curso de Programación de Videojuegos con HTML5 + JavaScript + CSS3

Curso de Programación de Videojuegos con HTML5 + JavaScript + CSS3

Mundifor Centros de Formación

Curso a distancia


325
+ IVA


En Mundifor, formamos en presencialmente, a distancia y online durante todo el curso escolar o mediante cursos intensivos.

Nuestra metodología está basada en los contenidos estipulados por niveles del Consejo Europeo, tratando con igual importancia todos los ámbitos. Por ello, ponemos a disposición del alumnado matriculado, nuestro laboratorio para que siga formándose fuera de su horario lectivo.

¿Quieres hablar con un asesor sobre este curso?

Temario completo de este curso

Contenidos:
Objetivos: - 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. Materiales Incluidos: - 1 CD-Rom "Diseño Web Avanzado con HTML5 y CSS3" - 1 CD-Rom "Programación de Páginas Web con JavaScript (Cliente)" - 1 Manual "Diseño Web Avanzado con HTML5 y CSS3" - 1 Manual "Programación de Páginas Web con JavaScript (Cliente)" - 1 Manual "Programación de Videojuegos con HTML5" - 1 Cuaderno de Trabajo "Programación de Videojuegos con HTML5 + JavaScript + CSS3" - 1 CD-Rom "Programación de Videojuegos con HTML5" PROGRAMA FORMATIVO: PARTE 1. DISEÑO WEB AVANZADO CON HTML5 Y CSS3 TEMA 1. HERRAMIENTAS NECESARIAS Introducción Editor de texto Navegadores TEMA 2. INTRODUCCIÓN HTML Introducción HTML ¿Cómo creamos documento HTML? Características básicas TEMA 3. TEXTO, ENLACES, LISTAS, IMÁGENES Y OBJETOS Textos en HTML Enlaces Listas en HTML Imágenes y objetos TEMA 4. TABLAS, FORMULARIOS Y ESTRUCTURAS Tablas Formularios Estructuras y layout TEMA 5. OTRAS ETIQUETAS IMPORTANTES Otras etiquetas importantes TEMA 6. METAINFORMACIÓN, ACCESIBILIDAD Y VALIDACIÓN ¿Qué es la Metainformación? Accesibilidad Validación TEMA 7. INTRODUCCIÓN CSS Introducción CSS Soporte de CSS en navegadores Especificación oficial Funcionamiento básico de CSS ¿Cómo incluir CSS en la Web? Estilo básico Medios CSS Comentarios Sintaxis de la definición TEMA 8. SELECTORES, UNIDADES DE MEDIDA Y COLORES Selectores CSS Unidades de medida Colores TEMA 9. 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 TEMA 10. ESTRUCTURAR UNA PÁGINA “LAYOUT” Introducción a layout ¿Cómo centrar una página horizontalmente? ¿Cómo centrar una página verticalmente? Estructura y layout Altura/anchuras máximas y mínimas Estilos avanzados TEMA 11. TEXTO, ENLACES, IMÁGENES Y LISTAS Textos en CSS Enlaces Imágenes Listas TEMA 12. TABLAS, FORMULARIOS Y SHORTHAND Tablas Formulario TEMA 13. OTRAS UTILIDADES DE CSS Versión para imprimir Personalizar el cursor Hacks y filtros Prioridad en las declaraciones Validar CSS Recomendaciones Generales Recursos útiles TEMA 14. FIREBUG ¿Qué es Firebug? ¿Como se instala? ¿Como usamos Firebug? TEMA 15. 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 TEMA 16. NUEVOS ATRIBUTOS, EVENTOS Y PSEUDO-CLASES Introducción a atributos globales Nuevos atributos Introducción a los nuevos eventos. TEMA 17. NUEVOS ELEMENTOS SEMÁNTICOS Elemento bdi Elemento command Elemento data Elementos details Elemento mark Elemento meter Elemento progress Elemento ruby Elemento time Elemento wbr TEMA 18. 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 TEMA 19. 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 TEMA 20. INTRODUCCIÓN A CSS3 Introducción Unidades, colores y fuentes Nuevos Selectores y pseudo-clases TEMA 21. ANIMACIONES, FONDOS Y BORDES Propiedades para la animación Nuevas propiedades para los fondos Nuevas propiedades para Bordes TEMA 22. CAJAS, CAJAS FLEXIBLES, COLORES Y FUENTES Propiedades de las cajas Propiedades de las cajas flexibles Propiedades del color Propiedades para las Fuentes TEMA 23. ENLACES Y MULTI-COLUMNAS Propiedades para los hiperenlaces Propiedades de las multi-columnas TEMA 24. TEXTO Y 2D/3D TRANSFORMACIONES Propiedades para texto Propiedad 2D/3D Transform TEMA 25. TRANSICIONES E INTERFAZ DE USUARIO Propiedades para las transiciones Propiedades para la interfaz de usuario Validación CSS3 PARTE 2. PROGRAMACIÓN DE PÁGINAS WEB CON JAVASCRIPT (CLIENTE) TEMA 1. INTRODUCCIÓN A LAS PÁGINAS WEB Introducción Programación del lado del cliente Programación del lado del Servidor ¿Qué utilizaremos? ¿Qué necesita saber? Nuestro primer ejemplo TEMA 2. INTRODUCCIÓN A JAVASCRIPT La etiqueta SCRIPT Contenido Alternativo Variables Tipos de Datos Operadores Cuadros de diálogo Práctica 2 TEMA 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 TEMA 4. OBJETOS EN JAVASCRIPT Introducción La jerarquía de objetos Propiedades y Eventos Métodos Práctica 4 TEMA 5. LOS OBJETOS LOCATION E HISTORY ¿Qué es un URL? El Objeto Location Redirigir a otra página El Objeto History Práctica 5 TEMA 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 TEMA 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 TEMA 8. LOS OBJETOS FRAME, NAVIGATOR Y SCREEN El conjunto frames El objeto navigator El objeto screen Práctica 8 PARTE 3. PROGRAMACIÓN DE VIDEOJUEGOS CON HTML5 TEMA 1. EL CANVAS (I) Introducción El Canvas Como usar el Canvas Líneas Rectángulos FillStyle y StrokeStyle Dos Ejemplos Más TEMA 2. EL CANVAS (II) Curvas Arcos La Clase Math Curvas Cuadráticas Rectángulos Redondeados El Modelo Bezier TEMA 3. EL CANVAS (III) Imágenes Dibujar varias imágenes Escalar una imagen Mosaico de Imágenes Grosor de líneas Extremos en las líneas Uniones entre lineas Limite de Punta de Angulo TEMA 4. PROCESSING.JS (I) Introducción Primeros pasos con Processing.js Processing.js mediante Processing Crear una sencilla animación mediante el lenguaje Processing Processing.js utilizando JavaScript Definir interacción con el usuario con Processing.js TEMA 5. PROCESSING.JS (II) Acceso a recursos JavaScript desde el lenguaje Processing Acceso a Processing cuando estamos en JavaScript Ejemplo de acceso ente Processing y Javascript Usar Imágenes en Processing.js TEMA 6. EASEL.JS (I). INTRODUCCIÓN Introducción a EaselJS Descargando la librería EaselJS Nuestra imagen del esqueleto Index.html Crear el SpriteSheet y el BitmapSequence El objeto Ticker El objeto SpriteSheeUtils Manejar la velocidad Carga de Sprites múltiples y jugar con las dimensiones múltiples de animación TEMA 7. EASEL.JS (II). DETECCIÓN DE COLISIONES Introducción Construyendo el Objeto Monstruo El archivo Monster.js Construyendo el Objeto Jugador Construyendo el Administrador de Contenido Construyendo la página principal TEMA 8. EASEL.JS (III). MEJORANDO NUESTRO VIDEOJUEGO Mejorando nuestro juego Nuestro index.html Creando el escenario (I) Utilizando la Clase XNARectangle Creando el escenario (II) La lógica del juego Modificando Nuestro Player.js Modificando nuestro ContentManager.js Funciones Auxiliares TEMA 9. EASEL.JS (VI). AÑADIENDO FUNCIONALIDAD Mejora I. El salto Mejora II. El Tiempo Mejora III. Overlays Mejora IV. La meta Mejora V. Recolectando Crucis Mejora VI. Los Enemigos Mejora VII. De vivo a muerto

Mundifor, nació en 2005 como empresa especializada en servicios para la formación de personas de todas las edades, con la misión de aportar la tecnología, la inteligencia y el talento justos para concretar proyectos educativos sólidos, efectivos y originales en un mundo cambiante.


Somos un equipo multidisciplinar estratégicamente pensado para dar respuesta a las necesidades formativas desde la primera infancia hasta la edad adulta, desde el período escolar al laboral: dos mundos de formación, una Formación Permanente y durante toda la vida, en una actualización constante como demanda la actual Sociedad del Conocimiento.


Nuestros Valores: VISIÓN, ANTICIPACIÓN, AGILIDAD, AGUDEZA, SOLIDEZ, COMUNIDAD, ALEGRÍA, LIDERAZGO, AUTENTICIDAD

Ver más