Desarrollo web Conocimiento básicopor Tony López http://lopezpagan.com

Ciclo de Vida del Desarrollo Web

Convertir PSD a HTML

•  Crear la estructura física de los documentos

•  Crear la estructura en HTML de cada una de las páginas

•  Exportar las imágenes •  Montar todo dentro de la

estructura de HTML

Darle estilo al HTML •  Colores, tipografía, tamaños,

etc. •  Crear botones, menús y

módulos según el UI provisto.

Darle funcionalidad •  Javascript, jQuery, etc. •  Validación, formularios,

fechas, calculadoras, etc. •  Hacer llamadas a distintos

API •  Mensajes de respuesta

(alerta, error, etc.)

Manejo de mensajes de respuesta

•  Mensajes de error •  Mensajes de alerta •  Mensajes de estatus

Conectarlo con su API

•  Aplicaciones de Facebook •  Tabs de Facebook •  Facebook Connect •  Cualquier plataforma de red

social (Twitter, Instagram, LinkedIn, Google+, etc.)

Responsive Website •  4 versiones distintas

(mobile, tablet, Laptop 13” y pantalla grande)

•  Necesita un proceso de adaptación

•  El proceso anterior es para cada una de las plataformas y tamaños.

•  Toda la programación corre en un mismo lugar.

Lenguaje de Servidor •  Es un lenguaje dinámico •  Tiene la capacidad de

conectar y manipular la base de datos.

•  Crear funciones de procesamiento de data.

•  Crea y manejar objetos. •  Capacidad de crear

imágenes. •  Capacidad de enviar emails.

Proceso de Pueba “Testing”

•  Verficar con los distintos navegadores y equipos móbiles •  IE 8-, IE 9+, Firefox, Chrome,

Safari •  iPhone 4, iPhone 5, iPad

Mini, iPad, Android Phone y Tablet, etc.

•  Verificar diseño y funcionalidad

•  Verificar como se guarda la data

•  Entre otras

Integración de Analíticos

•  Integrar el código •  Etiquetar cada enlace •  Cada sitio tiene un # distinto •  Existen otros más

Presentación

•  Presentación interna •  Presentación al cliente •  Usuarios de prueba

Optimización y Mejoras

•  SEO •  Posicionamiento •  Keywords •  Titulares y descripciones

¿PREGUNTAS?