Este documento habla sobre las herramientas de desarrollo web en Firefox y los protocolos y lenguajes fundamentales para crear aplicaciones web. Explica que Firefox tiene herramientas como el inspector, depurador JS, visor de estilos CSS y consola que permiten editar HTML, CSS y JavaScript. También cubre conceptos como los puertos comunes en la web, protocolos como HTTP, HTTPS y SMTP, y lenguajes como HTML, CSS y JavaScript que se usan para estructurar y aplicaciones web.

1. Desarrollo en HTML5, CSS y JavaScript
de WebApps, incl. FirefoxOS (3.ed)
Miriada MOOC

2. NUBE
Puerto 80
Puerto 25
Servidor(host)
IPv4/IPv6
(Protocolo que define el
tamaño de las
direcciones IP
accesibles)
Puerto 443
Puerto 22
HTTP (URL)
SMTP (email)
SSH (Shell
segura)
HTTPS
Clientes
Acceden a
internet con
el navegador
- GET: accedes a URL
- POST: creas
- PUT: editas
- DELETE: borras
Utiliza:
HTTP:
- URL: dirección de recursos
- HTTP: protocolo de acceso
- Lenguajes: HTML (estructura),
CSS(formato), Javascript(aplicaciones)

3. Herramientas Desarrollo Web
Firefox/herramientas/desarrollo web/mostrar herramientas
Visor adaptativo:según dispositivo
Preferencias: configurar las herramientas que quieres que aparezcan
Consola: actividad de red ( log, error...)
Inspector: HTML y sus elementos para editarlos...
Depurador JS: ejecutar/ inspeccionar/ editar
Estilos CSS: formato
Perfilador/analizador: para cuellos de botella: mide el tiempo de
carga
Red: monitor de actividad y descargas
Visor repintado
Visor 3D
Borrador JS: ejecutar fragmentos para pruebas