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

por @jonmircha fundador de @bextlan

Jonathan MirCha

Ing. en SistemasMtro. en Comunicación con Medios Virtuales

Creativo de la Web - Docente Digital - Frontend

Maratonista

Temas:

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.

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

¿Qué sigue?...

HTML6, CSS4

Qué veremos en este curso:

• HTML
• CSS
• JavaScript

• AJAX
• PHP
• MySQL

Muchas Gracias

j@bextlan.com

#bextlanweb