Conéctate a: lopezpagan.com Es una presentación sencilla para mostrar algunas cosas que se hacen y poder dar un panorama de como funcionan las cosas en el mundo digital, a diferencia del mundo de print.

1. Desarrollo web
Conocimiento básico por Tony López http://lopezpagan.com

2. Ciclo de Vida del Desarrollo Web

3. 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

4. Darle estilo al HTML
• Colores, tipografía, tamaños,
etc.
• Crear botones, menús y
módulos según el UI
provisto.

5. Darle funcionalidad
• Javascript, jQuery, etc.
• Validación, formularios,
fechas, calculadoras, etc.
• Hacer llamadas a distintos
API
• Mensajes de respuesta
(alerta, error, etc.)

6. Manejo de mensajes de respuesta
• Mensajes de error
• Mensajes de alerta
• Mensajes de estatus

7. Conectarlo con su API
• Aplicaciones de Facebook
• Tabs de Facebook
• Facebook Connect
• Cualquier plataforma de red
social (Twitter, Instagram,
LinkedIn, Google+, etc.)

8. 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.

9. 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.

10. 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

11. Integración de Analíticos
• Integrar el código
• Etiquetar cada enlace
• Cada sitio tiene un # distinto
• Existen otros más

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

13. Optimización y Mejoras
• SEO
• Posicionamiento
• Keywords
• Titulares y descripciones

14. ¿PREGUNTAS?