Saltar al contenido
Volver a la SCORMteca
207403945

Especialista TIC en programación de videojuegos con html5 + JavaScript + css3

Formación Complementaria Desarrollo Profesional SCORMteca · bajo pedido

Curso de 300 horas del fondo de la SCORMteca de Aprende y Practica, dirigido a técnicos.

Qué se aprende

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.

Contenido

Parte 1. Diseño de videojuegos con html5 y css3tema 1. Herramientas necesariasintroducción a HtmlEditor de textoNavegadoresTEMA 2. Introducción htmlintroducción a HTML¿Cómo creamos documento HTML?Características Básicas de los documentos Htmltema 3. Texto, enlaces, listas, imágenes y objetostextos en HTMLEnlaces en HtmlListas en HTMLImágenes y ObjetosTEMA 4. Tablas, formularios y estructurastablasFormulariosEstructuras y layoutTEMA 5. Otras etiquetas importantesotras etiquetas importantesTEMA 6. Metainformación…

Ver el temario completo

Parte 1. Diseño de videojuegos con html5 y css3tema 1. Herramientas necesariasintroducción a HtmlEditor de textoNavegadoresTEMA 2. Introducción htmlintroducción a HTML¿Cómo creamos documento HTML?Características Básicas de los documentos Htmltema 3. Texto, enlaces, listas, imágenes y objetostextos en HTMLEnlaces en HtmlListas en HTMLImágenes y ObjetosTEMA 4. Tablas, formularios y estructurastablasFormulariosEstructuras y layoutTEMA 5. Otras etiquetas importantesotras etiquetas importantesTEMA 6. Metainformación, accesibilidad y validación¿Qué es la Metainformación?AccesibilidadValidaciónTEMA 7. Introducción html5¿Qué es HTML5?¿Cuáles son las mejoras?Etiquetas ObsoletasEtiquetas modificadasLista de etiquetas Html5atributos eliminadosOtros cambiosEstructura Html5nueva estructuración del bodyOtros elementos nuevos de estructuraciónTEMA 8. Nuevos atributos, eventos y pseudo-clasesintroducción a atributos globalesNuevos atributosIntroducción a los nuevos eventosTEMA 9. Nuevos elementos semánticoselemento bdiElemento commandElemento dataElementos detailsElemento markElemento meterElemento progressElemento rubyElemento timeElemento wbrTEMA 10. Mejoras en los formulariosnuevos elementos para los FormulariosCambios en el atributo type (input)Nuevos atributos para formNuevos atributos para fieldsetNuevos atributos para inputNuevos atributos para textareaTEMA 11. Otras mejoras de html5introducción a los elementos multimediaEtiqueta sourceEtiqueta trackElemento videoElemento audioElemento embedElemento canvasIntroducción a MathMLIntroducción a SVGIntroducción a Drag and DropValidador Html5tema 12. Introducción cssintroducción CSSSoporte de CSS en navegadoresEspecificación OficialFuncionamiento básico de CSS¿Como incluir CSS en la Web?Estilo BásicoMedios CSSComentariosSintaxis de la definiciónTEMA 13. Selectores, unidades de medida y coloresselectores CSSUnidades de medidaColoresTEMA 14. Modelos de cajas, posicionamiento y visualizaciónmodelo de CajasPropiedades de las cajasMargen, relleno, bordes y modelo de cajasPosicionamiento y visualizaciónPosicionamientoVisualizaciónTEMA 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 layoutAlturas/Anchuras Máximas y MínimasEstilos avanzadosTEMA 16. Texto, enlaces, imágenes y listastextos en CSSEnlacesImágenesListasTEMA 17. Tablas, formularios y shorthandtablasFormularioshorthandTEMA 18. Otras utilidades de cssversión para imprimirPersonalizar el cursorHacks y filtrosPrioridad en las declaracionesValidar CSSRecomendaciones GeneralesRecursos útilesTEMA 19. Firebug¿Qué es Firebug?¿Como se instala?¿Como usamos Firebug?Tema 20. Introducción a css3introducciónUnidades, colores y fuentesNuevos Selectores y pseudo-clasesTEMA 21. Animaciones, fondos y bordespropiedades para la animaciónNuevas propiedades para los fondosNuevas propiedades para BordesTEMA 22. Cajas, cajas flexibles, colores y fuentespropiedades de las cajasPropiedades de las cajas flexiblesPropiedades del colorPropiedades para las FuentesTEMA 23. Enlaces y multi-columnaspropiedades para los hiperenlacesPropiedades de las multi-columnasTEMA 24. Texto y 2d/3d transformacionespropiedades para textoPropiedad 2D/3D TransformTEMA 25. Transiciones e interfaz de usuariopropiedades para las transicionesPropiedades para la interfaz de usuarioValidación Css3parte 2.creación de videojuegos con javascripttema 1. ¿Por qué usar JavaScript?IntroducciónProgramación del lado del clienteProgramación del lado del Servidor¿Qué utilizaremos?¿Qué necesita saber?Nuestro primer ejemploTEMA 2. Introducción a javascriptla etiqueta Scriptcontenido AlternativoVariablesTipos de DatosOperadoresCuadros de diálogoPráctica 2TEMA 3. Conceptos básicos de programaciónintroducciónEstructuras de decisiónEstructuras lógicasEstructuras de repeticiónDefinir funcionesLlamadas a funcionesÁmbito de las variablesPráctica 3TEMA 4. Objetos en javascriptintroducciónLa jerarquía de objetosPropiedades y EventosMétodosPráctica 4TEMA 5. Los objetos location e history¿Qué es un URL?El Objeto LocationRedirigir a otra páginaEl Objeto HistoryPráctica 5TEMA 6. El objeto documentintroducciónLa propiedad TitleLos colores de la páginaEl método writeEl conjunto imagesPráctica 6TEMA 7. El objeto formformularios HTMLEl conjunto formsLa propiedad elementsValidar la información¿Cuándo realizar la validación?Tipos de ValidaciónPráctica 7TEMA 8. Los objetos frame, navigator y screenel conjunto framesEl objeto navigatorEl objeto screenPráctica 8PARTE 3. Practica real: creación de un videojuego paso a pasotema 1. Introducción a easeljsintroducción a EaselJSPrincipales Clases de EaselJSHola mundo usando EaselJSAnimando elementos.Tema 2. Descripción y estructura del juegointroducciónCreando enemigo (Enemy.js)Creando Jugador (Player.js)Estructura de ContentPlayer.jsIndex.htmlCreando escenario (Tile.js)XNARectangleCreando niveles (Level.js)PlaformHelper.jsImplantado la lógica del juego (PlatformerGame.js)Tema 3. Ordenamiento jurídico español y seguridad privadaintroducciónSalto del PersonajeTiempo AtrásLos carteles (Overlays)MetaCrucis- Creando Crucis.jsAñadir Enemigos- La clase Enemy.js- Incluyendo a los EnemigosMejora Vii. Vivo o Muerto- Muerto por tocar a un Enemigo- Muerto por caerse

Cómo se encarga

  • Paquete SCORM · para tu plataforma. Un zip en SCORM 1.2 que se sube a tu plataforma de formación.
  • En nuestra Aula · lo montamos y lo gestionamos. El uso del Aula te lo confirmamos con el precio.
  • Eliges alumnos y el día de entrega; nosotros te damos el precio cerrado y confirmamos el día. Nada se cobra hasta que lo aceptes.
  • Bonificable con el crédito de formación de tu empresa; te decimos cuánto antes de empezar.

¿Encaja en tu organización?

Si no tienes claro si este curso es prioritario para tu equipo, haz la Radiografía: doce preguntas, gratis, y te devolvemos en qué se apoya tu organización y por dónde cede. Qué formación hace falta se decide después, con datos de tu plantilla.