El documento describe las diferencias entre aplicaciones web y nativas, así como la arquitectura básica de una aplicación web. Las aplicaciones nativas se ejecutan en un sistema operativo mientras que las aplicaciones web se ejecutan en un navegador. Aunque las aplicaciones web son multiplataforma, tienen un rendimiento ligeramente inferior. La arquitectura mínima de una aplicación web consiste en un cliente y un servidor, mientras que una arquitectura recomendada separa la presentación, negocios y datos.

1. DESARROLLO
WEB
Por
Zheref
Sergio Daniel Lozano Garcia

2. LA WORLD WIDE WEB
Es un sistema de distribucion
de informacion basado en
hipertexto o hipermedios
enlazados y accesibles a traves
de internet usando un
navegador y el protocolo HTTP.
Zheref
Sergio Daniel Lozano Garcia

3. DIFERENCIA ENTRE UNA
APLICACION WEB Y UNA
APLICACION NATIVA
Zheref
Sergio Daniel Lozano Garcia

4. SE EJECUTAN SOBRE…
Sistema Operativo
APLICACIÓN
NATIVA
APLICACIÓN Navegador
WEB
Zheref
Sergio Daniel Lozano Garcia

5. DIFERENCIA ENTRE UNA APLICACION
WEB Y UNA APLICACION NATIVA
Tipo de
Aplicacion Nativa Aplicacion Web
Aplicacion
Se ejecutan sobre: Sistema Operativo Navegador Web
Son multiplataforma: Nunca Siempre
XAML, MXML, Java, C#,
Tecnologias de ActionScript, C++, C, Python,
Ruby, Scala, Objective-C, Erlang, HTML 5
desarrollo: Perl, Delphi, Lisp, Pascal, PHP, HTML + css + JS
XUL, etc….
Rendimiento: 100% 80%

6. ARQUITECTURA MINIMA DE UNA
APLICACION WEB
Tecnologia:
Runtime:
Navegador
Cliente
Zheref
Sergio Daniel Lozano Garcia

7. ARQUITECTURA ELEMENTAL DE
UNA APLICACION WEB
Cliente
Runtime: Tecnologia:
Servidor
Runtime: Tecnologia:
Chrome V8
Navegador .NET Framework

8. ARQUITECTURA RECOMENDADA
DE UNA APLICACION WEB
Presentación Negocios Datos
Tecnologia(s): Tecnologia(s): Tecnologia(s):

9. LA WEB
MINIMA
Se puede desarrollar usando
una única tecnología de
desarrollo, famosamente
conocida como…
Cliente
Zheref
Sergio Daniel Lozano Garcia

10. HTML 5
Consta de 3 lenguajes:
• HTML
• CSS
• JavaScript
Zheref
Sergio Daniel Lozano Garcia

11. HTML HyperText Markup Language
Permite declarar los elementos
Lenguaje visuales y semánticos que va a
tener nuestra página Web, como
Declarativo por ejemplo:
texto, párrafos, títulos, listas, tablas, navb
ars, menus, controles, botones, campos de
texto, imágenes, audio, video y más…
Zheref
Sergio Daniel Lozano Garcia

12. CSS Cascading StyleSheets
Permite definir los estilos (como:
Lenguaje colores, tamaños, márgenes, fuentes, som
bras, formas, transiciones y animaciones)
de Estilos de los elementos visuales
declarados en el HTML.
Zheref
Sergio Daniel Lozano Garcia

13. JS JavaScript
Permite mediante programación
Lenguaje de manipular el estado de los
elementos declarados en el HTML,
Programación crear nuevos elementos y
programar una lógica de negocios,
en caso de ser necesario, TODO en
tiempo de ejecución.
Zheref
Sergio Daniel Lozano Garcia

14. GRACIAS POR VER
CONTINUA VIENDO…
Desarrollo Web: HTML Elementals
Desarrollo Web: CSS Elementals
Desarrollo Web: JS Elementals
Zheref
Sergio Daniel Lozano Garcia
@zheref | instartius.com/blog