Programación para Adolescentes (Online)
Acerca del curso
• 24 clases de 2 horas
• Lunes, miércoles y viernes
• 18:30 a 20:30
• Zoom y Whatsapp
• Clases y material en la plataforma
¿Qué vamos a aprender?
• Que hace un desarrollador Frontend
• Entender las tecnologías que impulsan Internet
• Usar HTML para construir una página
• Usar CSS para cambiar la apariencia de una página
• Aprender los fundamentos de la programación
• Usar JavaScript para programar y dar vida a una página web
• Proyecto final
Cómo tener éxito en el curso
• Asistir
• Tomar notas
• Usar la plataforma
• Practicar lo que vemos en clase
• Trabajar en equipo
• Hacer muchas preguntas
Cómo funciona Internet
Red
Red
Switch de red
Switch de red
Redes interconectadas
Internet
Modelo cliente - servidor
servidor internet
clientes
Qué es un
servidor web
Página web -
Sitio web
Navegadores
web
URL
https://www.example.com/index.html
https://www.example.com/index.html
protocolo://subdominio.dominio.extensión
(dominio superior)/recurso.tipo_de_archivo
Protocolos de internet
216.124.128.7 128.104.202.32
Protocolos de internet
Ipv4
256.127.54.1
Ipv6
3648:0a00:1567:0200:ff00:0042:4529
HTTP
HiperText Transfer Protocol
Responsable de transferir paginas, imágenes
y archivos al navegador desde el servidor
Estático VS Dinámico
web page, web site, y web app
Estático
Información fija, permanente
Sin funcionalidades
complejas
Propósitos específicos
Muy livianas
Dinámico
Utilizan un backend que
genera la página de forma
dinámica según variables
Muy interactivas
Responden según el usuario
Dominio VS Hosting
Dominio
Nombre que encontramosen
la URL
Asociado a una IP que apunta
a un hosting
Hosting
Servidor donde reside y se
sirve la página web que
apunta el dominio
Principios del diseño web
Accesibilidad
Funcionalidad
Contraste
Universalidad
Interfaz amigable y memorable
UX
Brindar una experiencia al
usuario que sea agradable y
pueda cumplir con sus
objetivos
Objetivo y audiencia
Un sitio web debe tener un propósitoy satisfacer una
necesidad de la sociedad a la que apunta.
Ese es su público objetivo y a partir de él el equipo de
desarrollo genera requerimientos y historias de usuario para
desarrollar funcionalidades e interfaces.
HTML – CSS - JavaScript
Internet
¿Qué es internet?
¿Qué es un servidor web y cómo funciona?
Página web y sitio web
Web hosting
Navegadores web
Protocolos de internet
HTTP
Las tecnologías fundamentales de la web
<html>
<body>
<h1>Hola Mundo</h1>
<h2>Hola otra vez</h2>
<p>Bienvenidos todos</p>
</body>
</html>

0x00-Frontend_intro.pdf