Aplicaciones

(Cliente)

Un flashback

Anatomía de una app web

Cliente

Una aplicación o un computador que consume un servicio remoto en otro computador, a través de una red de telecomunicaciones.

 

Tablets, Smartphones, Wearables, Computadoras, Cosas (IOT)

Servidor

Computadora conectada a una red informática que contiene datos (software) que dan servicio a otras computadoras a través de esa red.

Aplicación Cliente

  • Estructura (HTML)
  • Estilo (CSS)
  • Comportamiento (Javascript)

Un flashback

APIs Datos en la web

API

Son utilizadas por los programadores para construir sus aplicaciones sin necesidad de volver a programar funciones ya hechas

REST

Cualquier interfaz entre sistemas que utilice directamente HTTP para obtener datos

Estructura del proyecto

Nuestro proyecto

  • app (la aplicación como tal)
  • test (pruebas unitarias)
  • todo lo demás (configuración)

Nuestro proyecto

  • app (la aplicación como tal)
  • test (pruebas unitarias)
  • todo lo demás (configuración)

App

  • images (imágenes)
  • scripts (javascript)
  • styles (css, sass, less, stylus)
  • views (html)
  • 404 (La asombrosa página de error)
  • favicon.ico (Le icono)
  • index.html (la página principal)
  • robots.txt (lo leen los robots, en serio)

A la práctica

deck

By Pixela

deck

  • 415