Postgrado en Programación de Aplicaciones en Facebook ... · Postgrado en Programación de...

Postgrado en Programación de

Aplicaciones en Facebook: Especialidad

Videojuegos

TITULACIÓN DE FORMACIÓN CONTINUA BONIFICADA EXPEDIDA POR EL INSTITUTO

EUROPEO DE ESTUDIOS EMPRESARIALES

http://www.formacioncontinua.eu/Postgrado-Programacion-Aplicaciones-Facebook-Videojuegos

Postgrado en Programación de Aplicaciones en Facebook: Especialidad Videojuegos

Modalidad: A distancia

Postgrado en Programación de

Aplicaciones en Facebook: Especialidad

Videojuegos

Precio: 0 € *

* hasta 100 % bonificable para trabajadores.

Duración: 420 horas

Descripción

El videojuego, como todo medio de comunicación, es un producto cultural que corresponde a un

contexto, a una sociedad y a unos fines, también cambia, desde su capacidad como tecnología

hasta la capacidad de contenido, en un proceso que generalmente está constituido por personas de

muy diferentes disciplinas (programadores, diseñadores gráficos, escritores, etc.) y por esto ha sido

revalorizado durante la última década. Con este curso se pretende formar para la creación de

Videojuegos a partir de la programación con HTML5, JavaScript y CSS3 integrándolo en la red social

más en auge en la actualidad: Facebook.

www.formacioncontinua.eu Información y matrículas: 958 050 240 Fax: 958 050 245



A quién va dirigido

Todos aquellos trabajadores y profesionales en activo que deseen adquirir o perfeccionar sus

conocimientos técnicos en este área.

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.

- Integrar un videojuego real en HTML5 en el centro de aplicaciones de Facebook.

Para qué te prepara

El presente curso dotará al alumno de los conocimientos necesarios para poder conocer como

programar un videojuego en HTML5, utilizando CSS3, y javascript, para más tarde integrarlo en el

centro de aplicaciones de Facebook.

Salidas laborales

Informática / Programación / Internet / Redes Sociales / Videojuegos / Diseño Web / Desarrollador

de Videojuegos.




Titulación

Forma de bonificación

- Mediante descuento directo en el TC1, a cargo de los seguros sociales que la empresa paga cada

mes a la Seguridad Social.

Una vez finalizado el curso, el alumno recibirá por parte de INESEM vía correo postal, la Titulación

Oficial que acredita el haber superado con éxito todas las pruebas de conocimientos propuestas en

el mismo.

Esta titulación incluirá el nombre del curso/máster, la duración del mismo, el nombre y DNI del

alumno, el nivel de aprovechamiento que acredita que el alumno superó las pruebas propuestas, las

firmas del profesor y Director del centro, y los sellos de la instituciones que avalan la formación

recibida (Instituto Europeo de Estudios Empresariales).




Metodología

Para proceder al estudio de tu acción formativa, debes leer el/los manuales teóricos y realizar los

ejercicios de autoevaluación para comprobar que has asimilado correctamente los contenidos

principales de cada unidad didáctica.

Tu evaluación se llevará a cabo a través del cuaderno de ejercicios , que podrás ir resolviendo de

forma paralela al estudio de la teoría. Una vez completado, deberás hacérnoslo llegar en el sobre

franqueado para que procedamos a su corrección. Para superar satisfactoriamente tu acción

formativa y proceder al envío de la titulación, tendrás que responder correctamente como mínimo el

75% de las preguntas.

Además de los materiales entregados, cuentas con un acceso al campus online. A través de esta

plataforma, podrás consultar todas las novedades relacionadas con tu acción formativa y abrir

nuevas vías de comunicación con el equipo de tutores, secretaría o servicio técnico. Así mismo,

tendrás acceso a una carpeta privada en la que podrás gestionar toda tu documentación y archivos

enviados al tutor. Por último, podrá acceder a la Comunidad, espacio de encuentro entre alumnado y

profesorado en el que fomentar un aprendizaje que conlleve un desarrollo profesional.

Materiales didácticos

- Manual teórico 'Práctica Real: Creación de un Videojuego Paso a Paso'

- Manual teórico 'Diseño de Videojuegos en Facebook con HTML5 y CSS3. Vol 1'

- Manual teórico 'Diseño de Videojuegos en Facebook con HTML5 y CSS3. Vol 2'

- Manual teórico 'Programación de Páginas Web para Facebook con JavaScript (Cliente)'

- Manual teórico 'Creación y Puesta en Marcha de Videojuegos para Facebook'

- Cuaderno de ejercicios

- CDROM 'Diseño Web Avanzado con HTML5 y CSS3'

- CDROM 'Programación de Páginas Web con JavaScript (Cliente)'

- CDROM 'Práctica Real: Creación de un Videojuego Paso a Paso'

- CDROM 'Creación y Puesta en Marcha de Videojuegos para Facebook'




Profesorado y servicio de tutorías

Nuestro equipo docente estará a su disposición para resolver cualquier consulta o ampliación de

contenido que pueda necesitar relacionado con el curso. Podrá ponerse en contacto con nosotros a

través de la propia plataforma o Chat, Email o Teléfono, en el horario que aparece en un

documento denominado “Guía del Alumno” entregado junto al resto de materiales de estudio .

Contamos con una extensa plantilla de profesores especializados en las distintas áreas formativas,

con una amplia experiencia en el ámbito docente.

El alumno podrá contactar con los profesores y formular todo tipo de dudas y consultas, así

como solicitar información complementaria, fuentes bibliográficas y asesoramiento profesional.

Podrá hacerlo de las siguientes formas:

- Por e-mail: El alumno podrá enviar sus dudas y consultas a cualquier hora y obtendrá

respuesta en un plazo máximo de 48 horas.

- Por teléfono: Existe un horario para las tutorías telefónicas, dentro del cual el alumno podrá

hablar directamente con su tutor.

- A través del Campus Virtual: El alumno/a puede contactar y enviar sus consultas a través

del mismo, pudiendo tener acceso a Secretaría, agilizando cualquier proceso administrativo así

como disponer de toda su documentación




Plazo de finalización

El alumno cuenta con un período máximo de tiempo para la finalización del curso, que dependerá de la

misma duración del curso. Existe por tanto un calendario formativo con una fecha de inicio y una fecha

de fin.

Especialmente dirigido a los alumnos matriculados en cursos de modalidad online, el campus virtual

de INESEM ofrece contenidos multimedia de alta calidad y ejercicios interactivos.

Campus virtual online

Servicio gratuito que permitirá al alumno formar parte de una extensa comunidad virtual que ya

disfruta de múltiples ventajas: becas, descuentos y promociones en formación, viajes al extranjero

para aprender idiomas...

Comunidad

El alumno podrá descargar artículos sobre e-learning, publicaciones sobre formación a distancia,

artículos de opinión, noticias sobre convocatorias de oposiciones, concursos públicos de la

administración, ferias sobre formación, etc.

Revista digital

Este sistema comunica al alumno directamente con nuestros asistentes, agilizando todo el proceso

de matriculación, envío de documentación y solución de cualquier incidencia.

Además, a través de nuestro gestor documental, el alumno puede disponer de todos

sus documentos, controlar las fechas de envío, finalización de sus acciones formativas y todo

lo relacionado con la parte administrativa de sus cursos, teniendo la posibilidad de realizar un

seguimiento personal de todos sus trámites con INESEM

Secretaría




Programa formativo

PARTE 1. DISEÑO DE VIDEOJUEGOS EN FACEBOOK CON HTML5 Y CSS3TEMA 1. HERRAMIENTAS NECESARIAS

Introducción a Html

Editor de texto

Navegadores

TEMA 2. INTRODUCCIÓN HTML

Introducción a HTML

¿Cómo creamos documento HTML?

Características Básicas de los documentos HTML

Ejercicios Prácticos

TEMA 3. TEXTO, ENLACES, LISTAS, IMÁGENES Y OBJETOS

Textos en HTML

Enlaces en Html

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 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 8. NUEVOS ATRIBUTOS, EVENTOS Y PSEUDO-CLASES

Introducción a atributos globales

Nuevos atributos

Introducción a los nuevos eventos.


TEMA 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


TEMA 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


TEMA 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


TEMA 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


TEMA 13. SELECTORES, UNIDADES DE MEDIDA Y COLORES

Selectores CSS

Unidades de medida

Colores


TEMA 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

TEMA 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


TEMA 16. TEXTO, ENLACES, IMÁGENES Y LISTAS

Textos en CSS

Enlaces

Imágenes

Listas


TEMA 17. TABLAS, FORMULARIOS Y SHORTHAND

Tablas

Formulario

shorthand


TEMA 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


TEMA 19. FIREBUG

¿Qué es Firebug?

¿Como se instala?

¿Como usamos Firebug?

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 PARA FACEBOOK 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. PRACTICA REAL: CREACIÓN DE UN VIDEOJUEGO EN FACEBOOK PASO A PASOTEMA 1. INTRODUCCIÓN A EASELJS

Introducción a EaselJS

Principales Clases de EaselJS

Hola mundo usando EaselJS

Animando elementos.

TEMA 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)

TEMA 3. ORDENAMIENTO JURÍDICO ESPAÑOL Y SEGURIDAD PRIVADA

Introducción

Salto del Personaje

Tiempo Atrás

Los carteles (Overlays)

Meta

Crucis

- Creando Crucis.js

Añadir Enemigos

- La clase Enemy.js

- Incluyendo a los Enemigos

Mejora VII. Vivo o Muerto

- Muerto por tocar a un Enemigo

- Muerto por caerse

PARTE 4. CREACIÓN Y PUESTA EN MARCHA DE VIDEOJUEGOS PARA FACEBOOKTEMA 1. ¿QUÉ ES FACEBOOK?




Introducción

Conceptos básicos del uso de Facebook

Registro en Facebook

Página principal de usuario

Tipos de Perfiles

Herramientas Facebook para Empresas

Facebook en los móviles

TEMA 2. DIFERENCIA ENTRE PERFIL Y PÁGINA

Roles en Facebook

Perfiles de usuario

Paginas (pages)

Aplicaciones

TEMA 3. INTRODUCCIÓN A LAS APLICACIONES FACEBOOK

Estructura de una aplicación Facebook

Requisitos para Desarrolladores

El Centro de Aplicaciones

TEMA 4. PRIMEROS PASOS. LAS CONFIGURACIÓN DE LAS APLICACIONES FACEBOOK

La Aplicación Developers

Configuración de la Aplicación

Elijiendo un espacio web para albergar nuestra aplicación.

Desarrollando en nuestro local

TEMA 5. LA API DE FACEBOOK

La Api Open Graph

JavaScript SDK

TEMA 6. INTEGRANDO NUESTRO VIDEOJUEGO HTML5 EN FACEBOOK

¿Qué vamos a hacer?

Creación de un perfil Facebook

Creación de un Fans Pages Facebook

Configurando la aplicación en Developers

Preparando la plantilla

Configurando nuestro juego como pestaña



Postgrado en Programación de Aplicaciones en Facebook ... · Postgrado en Programación de...

Documents

Transcript of Postgrado en Programación de Aplicaciones en Facebook ... · Postgrado en Programación de...