Bienvenid@s

Al Curso de Diseño y Programación Web de Bextlán

Slides

jonmircha.github.io/slides-web

Un especial agradecimiento a

TOD@S USTEDES QUE HAN DEPOSITADO SU CONFIANZA EN ESTE CURSO

=D

por @jonmircha fundador de @bextlan

Jonathan MirCha

Ing. en Sistemas
Mtro. en Comunicación con Medios Virtuales

Creativo de la Web - Docente Digital - Frontend

Maratonista

Temas:

  1. Presentación
  2. Historia de la web
  3. El yin yang de la web
  4. Panorama actual del profesional de la web
  5. Tecnologías de la web
  6. Generaciones de las tecnologías web
  7. Paradigma actual del diseño web
  8. ¿Qué sigue?...
  9. Qué veremos en este curso

Historia de la web

Tim Berners Lee

  • Padre de la Web 1989-1991
  • HTML (Hyper Text Markup Language)
  • HTTP (Hyper Text Transfer Protocol)
  • URL (Uniform Resource Locator)

Entendiendo la evolución

evolutionoftheweb.com

Web 1.0

  • Estática
  • Sitios Planos
  • Usuarios Pasivos
  • WEBMASTERS
  • +- 1991-2000

Web 2.0

  • Dinámica
  • Social
  • Usuarios Activos
  • Generación de contenido exponencial
  • Animación y Movimiento
  • +- 2000-2010

Web 2.0

Web 2.0

  • Flash
  • Social Media
  • AJAX
  • e-commerce
  • Streaming

Guerra de Navegadores

Web 3.0

Web Semántica

Web 3.0

Que humanos y máquinas entendamos el contenido de la web.

2010 - 2020

Web 4.0 La Web O.S.

?
2020 - 2030?

Evolución de la web

novaspivack.typepad.com

El Yin - Yang de la web

Diseño

Programación

El Yin - Yang de la web

La web tiene que ser bonita… ¡se simple y directo!

El arte de la programación… se uno con el flujo.

Profesional de la web

Panorama Actual

Profesional de la web

Panorama Actual



WEBMASTERS

Diseñadores y Desarrolladores

Grupos Multidisciplinarios

Grupos Transdisciplinarios

Tecnologías de la web



Frontend

Backend

Mobile

Tecnologías de lado Cliente (Frontend)



  • HTML
  • CSS
  • JavaScript

Tecnologías de lado Servidor (Backend)



  • Plataforma (S.O.)
  • Servidores de Aplicaciones
  • Lenguajes / Compiladores
  • Bases de Datos

Tecnologías Móviles (Mobile)


La web móvil no existe

Sólo hay una, única y verdadera web

Tecnologías Móviles (Mobile)



  • Desarrollo Web -> ¿HTML5, RWD, FRAMEWORKS?

  • Desarrollo Nativo -> ¿iOS, Android, WinPhone, BB?

  • Desarrollo Híbrido -> ¿Lo mejor de ambos mundos?

Generación de las tecnologías web



Primera

Segunda

Tercera

Primera Generación



  • HTML
  • CGI

Segunda Generación



  • XML
  • XHTML
  • CSS
  • JavaScript
  • AJAX
  • PHP
  • ASP
  • JSP
  • BD SQL

Tercera Generación



  • HTML5
  • CSS3
  • API's, Libs y Frameworks JavaScript
  • Python
  • Ruby
  • Objective-C
  • Swift
  • Node JS
  • BD NoSQL

El paradigma actual del diseño web

SÉ UN HÉROE

HTML5

Define los actuales estándares de diseño y desarrollo web, tanto para equipos de escritorio, como para dispositivos móviles.

HTML5

Es la sinergia de 3 tecnologías que se complementan en el diseño y desarrollo Frontend:

HTML (estructura y contenido)

CSS (diseño y presentación) y

JS (interactividad y funcionalidad)

Implementaciones HTML5

Semantics

Multimedia

Offline & Local Storage

3D, Graphics & Effects

Device Access

Performance & Integration

Connectivity

CSS3

¿Qué sigue?...

HTML6, CSS4

Qué veremos en este curso:

  1. Lo básico para iniciar en la web
  2. Frontend
    • HTML
    • CSS
    • JavaScript
  3. Backend
    • AJAX
    • PHP
    • MySQL
Bhaag Milkha Bhaag

Muchas Gracias

j@bextlan.com

#bextlanweb