Ingens Blog

Diferenciación de Tipologías en el Desarrollo Web

Jun 16, 2015 9:00:00 AM / by daniel.comas

 

Hoy vamos a hacer un poco de retrospectiva en el desarrollo web de los últimos años identificando las diferentes tipologías que existen y se deberían conocer.

 

 

- Postbacks (Hybrid server & client side)

 

Client

 

Server

 

 - Cada acción des de cliente envía toda la página al servidor lo que provoca que se recargue de nuevo

 

 - JS en parte UI para tareas senzillas

 

- Posibilidad de utilizar paneles de actualización (aunque a bajo nivel se envía toda la página al servidor)

- Sirve todas las páginas HTML al cliente en cada petición

 

- Custom controls que renderizan HTML estándar

 

- Posibilidad de utilizar tags en los HTML

 

- Los controles o elementos cuando son recibidos al servidor mantienen un estado (ViewState) (No se pierden los datos al refrescar la página)

 

- Routing de páginas

 

- Imagenes y localización de textos

  

 

La tecnología más conocida que hace uso de este concepto:

 

ASP.NET WebForms

 

 

 

- Tags Soup (Hybrid server & client side)

 

 

 

Client

 

Server

 

- Javascript para hacer lógica de página (teniendo en cuenta los refrescos de página al paginar en los listados, redirecciones, submits)

 

- Envia peticiones a Servicios Web o Submit Form con envío al servidor de datos

 

- Posibilidad de enviar formularios mediante AJAX con ajaxForm

- Sirve todas las páginas HTML al cliente en cada petición (en este momento se aprovecha para devolver el HTML con datos del modelo de la base de datos, en resumen realizar lógica de servidor)

 

- Posibilidad de utilizar tags en los HTML que acaban renderizando un HTML estándard

 

- Routing de páginas

 

- Localización de textos

 

- Web Api o Métodos ligados a un contexto para relacionar las páginas servidoras con modelos de datos servidores (algunos como es el caso de RoR detecta de dónde venimos y que tenemos que expulsar una página o datos JSON)

 

 

Algunas tecnologías conocídas que hacen uso de este concepto:

     

 

ASP.NET MVC

PHP

Ruby On Rails

Node.js + JADE

 

 

 

- Hybrid PostBack / Tag Soup & Modern Web 

 

Proyectos hechos con alguna de las tecnologías anteriormente descritas pero con conceptos modernos (añado el concepto puro, aunque como veréis la mayoría de frameworks que utilizan el concepto de Tags Soup han ído añadiendo conceptos de hibridación)

 

Client

 

Server

 

- Javascript para hacer lógica de negocio

 

- Envia peticiones a Servicios Web (Web Api)

- Sirve todas las páginas HTML al cliente en cada petición (puede proporcionar algun dato de servidor en ese momento)

 

- Posibilidad de utilizar tags en los HTML

 

- Routing de páginas

 

- Localización de textos (Pueden estar en el servidor o el cliente)

 

- Web Api

 

 

 

 

- Modern Webs (Server & client separated)

 

 

 

Client

 

Server

 

- Javascript para hacer lógica de negocio

 

- Envia peticiones a Servicios Web (Web Api)

 

- Imagenes y localización de textos obtenidos en el cliente

 

- Routing de páginas

 

- SPA Frameworks

 

- Web Api (Servicios web)

 

 

Problemática a tener en cuenta!

 

Como véis el enrutamiento ha cambiado de servidor a cliente eso también hace que las técnica de SEO se tengan que modernizar no por parte de los desarrolladores de proyectos sino de los buscadores. Por el momento deberemos ser nosotros ya que aún no las han adaptado y tener un buen SEO es vital para cualquier negocio. El problema lo explicamos aquí y la solución (interceptar crawlers y reenviar a un servidor interno que realizará capturas con PhantomJS)

 

 

 

 

Topics: API, Evolucion, Ingens Developments, JavaScript, .NET, PHP, Programación, Proyectos, Server

daniel.comas

Written by daniel.comas

Subscribe to Email Updates

Lists by Topic

see all

Posts by Topic

See all

Recent Posts