Curso dirigido a:

Al desarrollo profesional de todas aquellas personas que, sin tener necesariamente una titulación universitaria, desean incorporarse a la empresa privada como auténticos expertos en la materia, como a consolidar y mejorar los conocimientos y aptitudes de aquellos que ya están desempeñando una tarea profesional.
Este curso le prepara y le formará en la concepción, herramientas y los métodos necesarios para programar Videojuegos. La programación del videojuego se realizará con HTML5, JavaScript y CSS3.

Solicita información sin compromiso:


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.

Requisitos

Ser trabajador contratado en el régimen general y enviar la documentación de la matrícula. No válido para autónomos, funcionarios y parados.

Metodología

A distancia, compatible con cualquier actividad laboral u otros estudios.

Precio

Tus estudios son bonificables hasta en un 100% si cumples los requisitos.
  • Temario

    PARTE 1. DISEÑO WEB AVANZADO CON HTML5 Y CSS3

    1. HERRAMIENTAS NECESARIAS

    1. Introducción
    2. Editor de texto
    3. Navegadores

    2. INTRODUCCIÓN HTML

    1. Introducción HTML
    2. ¿Cómo creamos documento HTML?
    3. Caracterí­sticas básicas

    3. TEXTO, ENLACES, LISTAS, IMíGENES Y OBJETOS

    1. Textos en HTML
    2. Enlaces
    3. Listas en HTML
    4. Imágenes y objetos

    4. TABLAS, FORMULARIOS Y ESTRUCTURAS

    1. Tablas
    2. Formularios
    3. Estructuras y layout

    5. OTRAS ETIQUETAS IMPORTANTES

    1. Otras etiquetas importantes

    6. METAINFORMACIÓN, ACCESIBILIDAD Y VALIDACIÓN

    1. ¿Qué es la Metainformación?
    2. Accesibilidad
    3. Validación

    7. INTRODUCCIÓN CSS

    1. Introducción CSS
    2. Soporte de CSS en navegadores
    3. Especificación oficial
    4. Funcionamiento básico de CSS
    5. ¿Cómo incluir CSS en la Web?
    6. Estilo básico
    7. Medios CSS
    8. Comentarios
    9. Sintaxis de la definición

    8. SELECTORES, UNIDADES DE MEDIDA Y COLORES

    1. Selectores CSS
    2. Unidades de medida
    3. Colores

    9. MODELOS DE CAJAS, POSICIONAMIENTO Y VISUALIZACIÓN

    1. Modelo de cajas
    2. Propiedades de las cajas
    3. Margen, relleno, bordes y modelo de cajas
    4. Posicionamiento y visualización
    5. Posicionamiento
    6. Visualización

    10. ESTRUCTURAR UNA PíGINA “LAYOUT”

    1. Introducción a layout
    2. ¿Cómo centrar una página horizontalmente?
    3. ¿Cómo centrar una página verticalmente?
    4. Estructura y layout
    5. Altura/anchuras máximas y mí­nimas
    6. Estilos avanzados

    11. TEXTO, ENLACES, IMíGENES Y LISTAS

    1. Textos en CSS
    2. Enlaces
    3. Imágenes
    4. Listas

    12. TABLAS, FORMULARIOS Y SHORTHAND

    1. Tablas
    2. Formulario

    13. OTRAS UTILIDADES DE CSS

    1. Versión para imprimir
    2. Personalizar el cursor
    3. Hacks y filtros
    4. Prioridad en las declaraciones
    5. Validar CSS
    6. Recomendaciones Generales
    7. Recursos útiles

    14. FIREBUG

    1. ¿Qué es Firebug?
    2. ¿Como se instala?
    3. ¿Como usamos Firebug?

    15. INTRODUCCIÓN HTML5

    1. ¿Qué es HTML5?
    2. ¿Cuáles son las mejoras?
    3. Etiquetas Obsoletas
    4. Etiquetas modificadas
    5. Lista de etiquetas HTML5
    6. Atributos eliminados
    7. Otros cambios
    8. Estructura HTML5
    9. Nueva estructuración del body
    10. Otros elementos nuevos de estructuración

    16. NUEVOS ATRIBUTOS, EVENTOS Y PSEUDO-CLASES

    1. Introducción a atributos globales
    2. Nuevos atributos
    3. Introducción a los nuevos eventos.

    17. NUEVOS ELEMENTOS SEMíNTICOS

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

    18. MEJORAS EN LOS FORMULARIOS

    1. Nuevos elementos para los Formularios
    2. Cambios en el atributo type (input)
    3. Nuevos atributos para form
    4. Nuevos atributos para fieldset
    5. Nuevos atributos para input
    6. Nuevos atributos para textarea

    19. OTRAS MEJORAS DE HTML5

    1. Introducción a los 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. Introducción a Drag and Drop
    11. Validador HTML5

    20. INTRODUCCIÓN A CSS3

    1. Introducción
    2. Unidades, colores y fuentes
    3. Nuevos Selectores y pseudo-clases

    21. ANIMACIONES, FONDOS Y BORDES

    1. Propiedades para la animación
    2. Nuevas propiedades para los fondos
    3. Nuevas propiedades para Bordes

    22. CAJAS, CAJAS FLEXIBLES, COLORES Y FUENTES

    1. Propiedades de las cajas
    2. Propiedades de las cajas flexibles
    3. Propiedades del color
    4. Propiedades para las Fuentes

    23. ENLACES Y MULTI-COLUMNAS

    1. Propiedades para los hiperenlaces
    2. Propiedades de las multi-columnas

    24. TEXTO Y 2D/3D TRANSFORMACIONES

    1. Propiedades para texto
    2. Propiedad 2D/3D Transform

    25. TRANSICIONES E INTERFAZ DE USUARIO

    1. Propiedades para las transiciones
    2. Propiedades para la interfaz de usuario
    3. Validación CSS3

    PARTE 2. PROGRAMACIÓN DE PíGINAS WEB CON JAVASCRIPT (CLIENTE)

    1. INTRODUCCIÓN A LAS PíGINAS WEB

    1. Introducción
    2. Programación del lado del cliente
    3. Programación del lado del Servidor
    4. ¿Qué utilizaremos?
    5. ¿Qué necesita saber?
    6. Nuestro primer ejemplo

    2. INTRODUCCIÓN A JAVASCRIPT

    1. La etiqueta SCRIPT
    2. Contenido Alternativo
    3. Variables
    4. Tipos de Datos
    5. Operadores
    6. Cuadros de diálogo
    7. Práctica 2

    3. CONCEPTOS BíSICOS DE PROGRAMACIÓN

    1. Introducción
    2. Estructuras de decisión
    3. Estructuras lógicas
    4. Estructuras de repetición
    5. Definir funciones
    6. Llamadas a funciones
    7. ímbito de las variables
    8. Práctica 3

    4. OBJETOS EN JAVASCRIPT

    1. Introducción
    2. La jerarquí­a de objetos
    3. Propiedades y Eventos
    4. Métodos
    5. Práctica 4

    5. LOS OBJETOS LOCATION E HISTORY

    1. ¿Qué es un URL?
    2. El Objeto Location
    3. Redirigir a otra página
    4. El Objeto History
    5. Práctica 5

    6. EL OBJETO DOCUMENT

    1. Introducción
    2. La propiedad Title
    3. Los colores de la página
    4. El método write
    5. El conjunto images
    6. Práctica 6

    7. EL OBJETO FORM

    1. Formularios HTML
    2. El conjunto forms
    3. La propiedad elements
    4. Validar la información
    5. ¿Cuándo realizar la validación?
    6. Tipos de Validación
    7. Práctica 7

    8. LOS OBJETOS FRAME, NAVIGATOR Y SCREEN

    1. El conjunto frames
    2. El objeto navigator
    3. El objeto screen
    4. Práctica 8

    PARTE 3. PROGRAMACIÓN DE VIDEOJUEGOS CON HTML5

    1. EL CANVAS (I)

    1. Introducción
    2. El Canvas
    3. Como usar el Canvas
    4. Lí­neas
    5. Rectángulos
    6. FillStyle y StrokeStyle
    7. Dos Ejemplos Más

    2. EL CANVAS (II)

    1. Curvas
    2. Arcos
    3. La Clase Math
    4. Curvas Cuadráticas
    5. Rectángulos Redondeados
    6. El Modelo Bezier

    3. EL CANVAS (III)

    1. Imágenes
    2. Dibujar varias imágenes
    3. Escalar una imagen
    4. Mosaico de Imágenes
    5. Grosor de lí­neas
    6. Extremos en las lí­neas
    7. Uniones entre lineas
    8. Limite de Punta de Angulo

    4. PROCESSING.JS (I)

    1. Introducción
    2. Primeros pasos con Processing.js
    3. Processing.js mediante Processing
    4. Crear una sencilla animación mediante el lenguaje Processing
    5. Processing.js utilizando JavaScript
    6. Definir interacción con el usuario con Processing.js

    5. PROCESSING.JS (II)

    1. Acceso a recursos JavaScript desde el lenguaje Processing
    2. Acceso a Processing cuando estamos en JavaScript
    3. Ejemplo de acceso ente Processing y Javascript
    4. Usar Imágenes en Processing.js

    6. EASEL.JS (I). INTRODUCCIÓN

    1. Introducción a EaselJS
    2. Descargando la librerí­a EaselJS
    3. Nuestra imagen del esqueleto
    4. Index.html
    5. Crear el SpriteSheet y el BitmapSequence
    6. El objeto Ticker
    7. El objeto SpriteSheeUtils
    8. Manejar la velocidad
    9. Carga de Sprites múltiples y jugar con las dimensiones múltiples de animación

    7. EASEL.JS (II). DETECCIÓN DE COLISIONES

    1. Introducción
    2. Construyendo el Objeto Monstruo
    3. El archivo Monster.js
    4. Construyendo el Objeto Jugador
    5. Construyendo el Administrador de Contenido
    6. Construyendo la página principal

    8. EASEL.JS (III). MEJORANDO NUESTRO VIDEOJUEGO

    1. Mejorando nuestro juego
    2. Nuestro index.html
    3. Creando el escenario (I)
    4. Utilizando la Clase XNARectangle
    5. Creando el escenario (II)
    6. La lógica del juego
    7. Modificando Nuestro Player.js
    8. Modificando nuestro ContentManager.js
    9. Funciones Auxiliares

    9. EASEL.JS (VI). AÑADIENDO FUNCIONALIDAD

    1. Mejora I. El salto
    2. Mejora II. El Tiempo
    3. Mejora III. Overlays
    4. Mejora IV. La meta
    5. Mejora V. Recolectando Crucis
    6. Mejora VI. Los Enemigos
    7. Mejora VII. De vivo a muerto
  • Funcionamiento del curso

    Disfruta de todas las ventajas del Campus Virtual. Mediante el aprendizaje online podrás avanzar por las distintas unidades del itinerario formativo, realizando todas las actividades y completando tus avances con las autoevaluaciones finales.

    Dispones de manuales de apoyo que te permitirán completar tu formación. Todos los materiales tienen una clara visión práctica, evitando que tengas que memorizarlo todo.

    Al final de tus estudios, te encontrarás con el examen final: tu objetivo será responder de forma correcta el 75% de las preguntas planteadas y así podrás obtener el título que certifique tus avances.

    Dispones de un equipo docente y un tutor especializado que te ayudarán durante todo el curso, respondiendo a tus consultas y fomentando tus avances.

    Además tendrás a tu servicio la Secretaría Virtual y la Comunidad INESEM, donde fomentar tu aprendizaje que enriquecerá su desarrollo profesional.

Así funciona

Un proceso claro y sin letra pequeña.

Solicita información

Rellena el formulario y un asesor formativo te contactará.

Envía la documentación

Mánda la documentación que te solicitaremos para bonificar el curso.

Completa tu curso

Realiza tu curso ajustado a tu ritmo y tus necesidades.

Recibe tu diploma

Completa tus estudios y recibe tu título.

No dejes escapar la oportunidad de mejorar tu curriculum con este curso

Formación destacada

Nuestra selección de formación con mayor empleabilidad.

Master MBA
Máster MBA en Dirección y Administración de Empresas
Interiorismo
Técnico Superior en Decoración de Interiores
Monitor Fitness
Monitor de Musculación y Fitness
Instructor Ciclo Indoor
Instructor de Ciclo Indoor
Quiromasaje
Curso Técnico en Quiromasaje
Inglés Básico
Inglés Básico (Nivel Oficial Consejo Europeo A1-A2)

Preguntas Frecuentes

Si tienes dudas, esperamos que esto pueda ayudarte.

  • ¿Quién paga los cursos?

    Los cursos son subvencianables por las diferentes administraciones estatales y europeas. La Formación Continua (anteriormente denominada FORCEM), ayuda a los trabajadores de las empresas españolas a que continúen formándose con Cursos Oficiales, Expertos y Master Profesionales que permiten a los trabajadores adquirir una mayor competencia profesional para el desempeño de sus funciones, así como ampliar su currículum académico con Titulaciones de carácter oficial reconocidas en el ámbito internacional.
  • ¿Quién puede hacer estos cursos?

    Pueden matricularse en estos cursos todas aquellas personas residentes en España que:

    Estén dadas de alta en la seguridad social como trabajadores contratados en régimen general en cualquier empresa privada o entidad pública empresarial.
    Los trabajadores fijos discontinuos en períodos de no ocupación, y trabajadores acogidos a regulación de empleo.
  • Estoy desempleado ¿Puedo hacer estos cursos?

    Nuestra voluntad es que desarrolles tu potencial y mejores tu carrera profesional. Para ello hemos seleccionado la mejor formación. Podrás realizar todos los cursos, pero no podrás beneficiarte de las subvenciones de hasta el 100%.
    Los centros ofrecen ventajas para los trabajadores desempleados mediante becas que reducen considerablemente los precios y que puedas acceder a ellos con facilidad.
  • ¿Estos cursos están homologados?

    Los cursos homologados son aquellos que teniendo el respaldo de algún organismo público, entidad universitaria, etc., permiten puntuar en oposiciones, bolsas de trabajo, créditos, concursos de méritos, concursos de traslados, etc.

    Todos los cursos se imparten a través de uno de los tres subsistemas de Formación Profesional Oficial No Reglada regulada mediante Real Decreto por el Ministerio de Trabajo y Asuntos Sociales: "Formación Continua".

    Dichas acciones formativas tienen pues carácter Oficial, estando reguladas por la Administración Pública, sujetas a inspecciones del Servicio Público de Empleo Estatal (SEPE) o de los organismos autonómicos competentes en materia de empleo, y siendo impartidas por Centros de Estudios y Escuelas de Negocios Acreditadas.
  • ¿Qué Titulación obtengo?

    Una vez finalizados los cursos en los que te matricules, obtendrás una Titulación donde vendrá reflejado: El Titulo del curso, número de horas acreditadas, los contenidos cursados, el número de Acción formativa con que queda registrado tu expediente, Fecha de Inicio, Fecha de Finalización, los organismos y entidades oficiales que lo han bonificado, y finalmente la firma y sello del docente y director de formación del Centro de Estudios Acreditado por estos organismos para la impartición de la formación.
  • ¿No tenéis cursos gratis para desempleados?

    Los cursos para desempleados no se ofrecen de forma continuada por lo que no mantenemos una oferta abierta de este tipo de cursos.
    Si quieres que te avisemos cuando se abran las convocatorias y tener la posibilidad de acceder a ellos, date de alta en nuestro newsletter y síguenos en nuestra página de facebook y nuestra página de Google+. Serás el primero en enterarte.

Enlaces destacados

Si buscas mejorar tu empleo, estos enlaces te serán de utilidad:

Ministerio de Empleo y Seguridad Social
SEPE
Fondo Social Europeo

Ofertas de trabajo

Si buscas un trabajo, esto no te lo puedes perder.

  • Programador Web y Diseño Gráfico, Valencia

    Hays - Valencia - Programador Web y Diseño Gráfico en Valencia Desde Hays buscamos incorporar en importante empresa del sector financiero y bancario, un perfil técnico de programación web y diseño gráfico.... Necesitamos que tengas conocimientos de programación y diseño web, valorable estudios de diseño gráfico y publicidad o diseño web y que cuentes con dos o tres años de experiencia dentro del sector. En tu...

  • Técnico de Diseño y Programación

    Guipúzcoa - experiencia en: Diseño esquemas eléctricos de máquinas con Eplan Programación de sistemas electrónicos basados en PLC Omron, Siemens, Programación terminales táctiles Programación de servosistemas... técnica en el puesto de técnico de programación Titulaciones requeridas: Automática-Electrónica Industrial Eléctrico Funciones a desarrollar: Dependiendo del Director de Oficina Técnica...

  • Ingeniero/a programación C++

    Madrid - Business Intelligence, etc. Para sectores como el financiero, energético e institucional . Estudios mínimos Ingeniería técnica o superior Experiencia mínima 2 años experiencia en programación C++ 11 Patrones... de diseño Conocimientos en estadís...

  • Proimaxe Marketing E Programación

    Pontevedra - (Blog, Facebook, Twitter, Linkedin, Instagram, YouTube…) Posicionamiento SEO: optimización web. SEM: diseño y gestión de campañas publicitaras (Adwords, Social Ads y Display). Creatividad, inserción..., seguimiento y medición del tráfico. Mail marketing: diseño y creación de campañas. Reporting y analítica web. se selecciona: Experiencia laboral previa de al menos 2 años desarrollando actividades...

  • Becario/a Departamento Programación

    GO2JUMP - Barcelona - Programador/a web con conocimientos en HTML, CSS, PHP, JAVASCRIPT y MySQL. Ideal conocimientos de diseño web y usabilidad, así como programación en WordPress, PrestaShop e integración... con webservices. Se valorará un buen nivel de inglés, diseño web y conocimientos de marketing online (SEO, SEM, Google Analytics, entre otros). Las tareas a realizar serán programación orientada a páginas web...

Regístrate en nuestro Newsletter

No te enviaremos spam, sólo noticias sobre nuestra web.

Gracias por tu confianza!