Por Manz

J. Román Hernández Martín (@Manz)

Ingeniero técnico de Informática de gestión

Técnico superior de sistemas informáticos
http://www.emezeta.com/
Proyectos Colaboración

Open source, multiplayer

text-adventure Engine

Ingeniero técnico de Informática de gestión

Técnico superior de sistemas informáticos
http://www.emezeta.com/
ANDROID
ANDROID GUÍAS Y MANUALES
ANDROID GUÍAS Y MANUALES OPTIMIZACIÓN WEB
ANDROID GUÍAS Y MANUALES OPTIMIZACIÓN WEB ENTRETENIMIENTO
 Introducción al desarrollo web

USUARIO INTERNET SERVIDOR WEB

 Introducción al desarrollo web

USUARIO INTERNET SERVIDOR WEB

 Introducción al desarrollo web

Front-end

USUARIO INTERNET SERVIDOR WEB

 Introducción al desarrollo web

Back-end

USUARIO INTERNET SERVIDOR WEB

 Introducción al desarrollo web

USUARIO INTERNET SERVIDOR WEB

 Separación por capas
PARA ENTENDERLO MEJOR, VEÁMOSLO COMO CAPAS
(CADA UNA DEBERÍA SER INDEPENDIENTE DE LAS DEMÁS)
 Separación por capas
Front-end Back-end
 Separación por capas
Front-end Back-end

FUNCIONALIDAD
 Separación por capas
Front-end Back-end

FUNCIONALIDAD
ESTRUCTURA
 Separación por capas
Front-end Back-end

FUNCIONALIDAD
ESTRUCTURA
DISEÑO
 INTERACCIÓN

DISEÑO
Front-end

ESTRUCTURA
Separación por capas
Back-end

FUNCIONALIDAD
 Programación del curso

Horas teóricas (20h) Horas prácticas (30h)

Teoría y aprendizaje Repaso de teoría

Práctica y ejemplos Práctica de ejercicios

Resolver dudas Trabajo (opcional)

 Programación del curso

Curso presencial

L M X J V S D
TEMA 1 TEMA 2 TEMA 3 TEMA 4 TEMA 5

L M X J V S D
 Programación del curso

Curso online

L M X J V S D
TEMA 1 TEMA 2 TEMA 3

L M X J V S D
TEMA 4 TEMA 5
 Programación del curso

Nivel de dificultad de los contenidos del curso:

TEMA 1 TEMA 2 TEMA 3 TEMA 4 TEMA 5

 Programación del curso

Evaluación: Trabajo entregable (opcional)

Pequeña aplicación HTML5/CSS3 con conceptos vistos en clase.

Se valorará utilidad y originalidad. (Valorable hasta 4 puntos)

Nota = Asistencia (40%) + Participación (20%) + Trabajo (40%)

C. PRESENCIAL

Nota = Participación en
+ aula virtual (60%) + Trabajo (40%)
CURSO ONLINE
 Temario del curso

Introducción al desarrollo web, HTML5 y CSS3

Repaso rápido a la visión front-end, sintaxis HTML y CSS.

Introducción a Codiad / Atom

Editores de código del MundoReal™

Introducción a plataforma online CodePen

Editores de código cómodos e ideales para aprendizaje

Introducción a EMMET
Productividad escribiendo código al estilo «zen».
 HTML5 Básico

Etiquetas a nivel de texto

T Etiquetas básicas para formatear texto.

Etiquetas a nivel de agrupación

Etiquetas comunes para agrupar información.

Etiquetas a nivel de sección

Nuevas etiquetas HTML5 semánticas.

Atributos globales
Atributos usables en todos los elementos HTML.
 HTML5 Intermedio

Etiquetas multimedia
Imágenes, objetos, videos, audio, subtítulos, etc...

Etiquetas de metadatos
Relaciones entre documentos, precargas, información...

Metadatos OpenGraph
Datos para mostrar automáticamente en Facebook

Metadatos Twitter Cards

Datos para mostrar automáticamente en Twitter
 HTML5 Avanzado

Formularios HTML5
Elementos que podemos utilizar para hacer formularios

Validaciones HTML5
Restricciones para usuarios al introducir datos

Introducción al scripting
Breve introducción muy básica de Javascript

Introducción a Markdown
Preprocesador HTML para editar contenido
 HTML5 Experto

Manipulación de elementos HTML

Obtener elementos desde Javascript y usarlos

Eventos HTML5
Ejecutar funciones cuando se disparan ciertos eventos

Introducción a las APIs de HTML5

Ejemplos de algunas APIs de HTML5 (Javascript)
- Vibración de dispositivos móviles
- Geolocalización (Google Maps)
- Sintetizador de voz
- WebStorage
- Acelerómetro
 ¿Preparado?

¡Es mucho contenido! ¡Intenta llevarlo al día!

HTML5 CheatSheet

Chuleta HTML5
http://lenguajehtml.com/

1 x DIN A4
- Cara 1: Etiquetas HTML
- Cara 2: Formularios
- Formato PDF
- Gratuita (Donación)
¿Cómo sé si es HTML o HTML5?