Successfully reported this slideshow.
We use your LinkedIn profile and activity data to personalize ads and to show you more relevant ads. You can change your ad preferences anytime.

Desarrollo Web - Conocimiento Básico

804 views

Published on

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.

Published in: Internet
  • Be the first to comment

  • Be the first to like this

Desarrollo Web - Conocimiento Básico

  1. 1. Desarrollo web Conocimiento básico
por Tony López
http://lopezpagan.com
  2. 2. Ciclo de Vida del Desarrollo Web
  3. 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. 4. Darle estilo al HTML •  Colores, tipografía, tamaños, etc. •  Crear botones, menús y módulos según el UI provisto.
  5. 5. Darle funcionalidad •  Javascript, jQuery, etc. •  Validación, formularios, fechas, calculadoras, etc. •  Hacer llamadas a distintos API •  Mensajes de respuesta (alerta, error, etc.)
  6. 6. Manejo de mensajes de respuesta •  Mensajes de error •  Mensajes de alerta •  Mensajes de estatus
  7. 7. Conectarlo con su API •  Aplicaciones de Facebook •  Tabs de Facebook •  Facebook Connect •  Cualquier plataforma de red social (Twitter, Instagram, LinkedIn, Google+, etc.)
  8. 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. 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. 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. 11. Integración de Analíticos •  Integrar el código •  Etiquetar cada enlace •  Cada sitio tiene un # distinto •  Existen otros más
  12. 12. Presentación •  Presentación interna •  Presentación al cliente •  Usuarios de prueba
  13. 13. Optimización y Mejoras •  SEO •  Posicionamiento •  Keywords •  Titulares y descripciones
  14. 14. ¿PREGUNTAS?

×