Pixela
Creamos experiencias digitales
Introducción al mundo de la web
¿Por qué hacemos esto?
- La web ha cobrado mucha importancia en la última década
- El 75% de las personas que dicen programar fallan en las pruebas técnicas
- Aún no se están usando tecnologías modernas o estándar en Guatemala
¿Qué vamos a aprender?
- Cómo funcionan las tecnologías web
- La estructura de una página web
- Crear aplicaciones adaptables con Angular
- Escribir aplicaciones del lado del servidor
...
Flashback
- La web fue un proyecto del CERN (inglaterra)
- Se conoce a Tim Berners-Lee como el padre de la web
- En 1990 aparece el primer navegador web
Flashback
- Tim Berners-Lee quería un sistema para compartir informes.
- Creó un lenguaje para que escribieran sus documentos (HTML)
- Desarrolló un método para representar los enlaces entre los documentos (URL)
- Definió un protocolo de red para transmitir los documentos de un ordenador a otro (HTTP)
Flashback
- Tim Berners-Lee posteriormente desarrolló:
- Primer editor de páginas web
- Primer navegador web
- Primer servidor web
- El 30 de abril de 1993, el CERN puso en el dominio público el software cliente y servidor de la web.
Aniversario
- En noviembre de 2015 se cumplieron 25 años de la primera página web.
- Actualmente hay una copia de la primera página web.
La web hoy
- Hay mas de 3,000 millones de usuarios
-
994,485,138 sitios (y creciendo)
¿Por qué es importante la web?
En términos simples
- Los recursos son baratos
- Omnipresente
- Simple
- Abierta
¿Cómo ha cambiado el desarrollo web?
Una comparación rápida
La web es multidiscplinaria
- Psicología, antropología, sociología
- Mercadotecnia, diseño gráfico, artes visuales
- Redes, experiencia del usuario, clientes.
- Administración, finanzas
La web está llena de recursos
La evolución de la web, ha hecho que muchos usuarios creen código que puede ser utilizado por otros usuarios, Frameworks y Librerías
La web es más que solo hipertexto
Se han dejado de servir únicamente archivos html y se han empezado a utilizar otro tipo de datos, la web es el motor de muchas de las aplicaciones que usamos hoy en día
Herramientas de entonces
- HTML.
- CSS.
- Javascript puro.
- PHP, Java, PERL, ASP.Net
Herramientas hoy
- Para el servidor: Python, Ruby, Javascript, PHP + sus frameworks.
- CMSs, Motores de Blogs, Motores de aplicaciones.
- Para el lado del cliente: Precompiladores, librerías, tecnologías complementarias.
- Para el desarrollador: Editores de texto (IDEs), getores de tareas
¿Qué necesito para empezar?
Software que debes instalar
Frameworks y lenguajes
https://nodejs.org
https://python.org
App de Github
http://desktop.github.com
Anatomía de una aplicación 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.
Web del lado del cliente
- Html (Estructura)
- CSS (Estilo)
- Javascript (Comportamiento)
HTML
Un documento que expresa la estructura de una página
- Formado por etiquetas
- Cada etiqueta tiene un conjunto de atributos
- Algunas etiquetas pueden contener más etiquetas
Partes principales
- Cabecera
- Cuerpo
CSS
Introducción al mundo de la web
By Pixela
Introducción al mundo de la web
Presentación para el módulo 1 de la comunidad de desarrollo pixela.
