BOOTCAMP FULL STACK

DEVELOPER
Software – La Web
 Niveles de abstracción
Lenguajes de alto nivel (ej JavaScript). Lenguajes de alto nivel, como JavaScript, que son la base de las aplicaciones
que vamos a crear en el curso.

Lenguajes de bajo nivel, como C, que son la base de sistemas operativos

Lenguajes de bajo nivel (ej C). como Linux o Windows.

Assembly, un lenguaje más humanizado que se traduce directamente a

Assembly binario

Binario, el lenguaje de las computadoras

0’s y 1s (binario)

Instrucciones básicas, por ej agregar valores, mover valores, comparar

Hardware valores
¿Qué pasa cuando voy a
Youtube?
Cómo navega la información
en internet

Como podemos ver en la imagen,

contamos con un ISP quien se encarga ISP
de conectar a internet a cualquier (ej ANTEL)

dispositivo. Estos dispositivos

conectados tienen la capacidad de
hacer peticiones o instrucciones a los Requests(petición)
servidores para que los mismos
dispongan una información o realicen Responses(respuestas)
un proceso. Navegador / Browser Server
El protocolo de comunicación para 255.255.255.0
navegar entre sitios es el HTTP pero
mas adelante hablaremos mas de ello.
Existen varios conceptos que debemos manejar para
conocer a fondo la manera en que navega la
información desde nuestro navegador a los
servidores y cómo vuelven las respuestas a nuestros
navegadores
Cómo navega la información en internet

DNS
Protocolo web cuyo fin es, en pocas palabras, hacer coincidir un
nombre con un número. Es el equivalente a una lista de
contactos.
Cómo navega la información en internet

IP
Etiqueta identificatoria asignada por un ISP a todo dispositivo
conectado a la web. ¡No es fijo!
Cómo navega la información en internet

ISP
El ISP (Internet Service Provider) es la empresa que nos
proporciona internet. Ejemplos: Antel, Dedicado
Cómo navega la información en internet

HTTP
Significa Hypertext Transfer Protocol

Es un protocolo que permite a las aplicaciones web comunicarse e intercambiar datos

Es utilizado para enviar información, por ejemplo videos, imágenes, documentos, etc

Tanto quien hace la request (cliente) como quien responde (servidor) deben seguir las
mismas reglas para comunicarse
HTTP a tener en cuenta

Vía HTTP se puede enviar cualquier tipo de datos

El protocolo no mantiene estado. El cliente y servidor sólo se

conocen durante la request actual.

El protocolo no mantiene conexiones. Una vez que se

obtiene una respuesta la conexión se apaga
completamente.
En la siguiente diapositiva podremos ver lo que ocurre en
cada instancia cuando un usuario desea acceder y ver un
video en YouTube
youtube.com
Página
completa

Empieza a dibujar
página
Resuelve DNS Solicita página Dibuja todo
Ejecuta JS

Solicita
dependencias

HTML
JavaScript
CSS
Imágenes
 En la diapositiva anterior pudimos ver cómo se
comportan las peticiones y respuestas cada vez que
intentamos ingresar a YouTube. De esta forma se
comporta internet con todos los sitios web, el navegador
hace peticiones al servidor y estos responden con un
archivo HTML, el cual puede tener tanto estilos con CSS
como funciones con JavaScript.
Un archivo HTML se ve como lo mostramos en el
siguiente ejemplo.
Ejemplo HTML
HTML

Siglas en inglés de HyperText Markup

Language, hace referencia al lenguaje de
maquetado para la elaboración de páginas
web. Es un estándar que define una
estructura básica y un código (denominado
código HTML) para la definición de
contenido de una página web, como texto,
imágenes, videos, juegos, entre otros. (de
Wikipedia)
CSS

De sus siglas en inglés de

Cascading Style Sheets, en español
«Hojas de estilo en cascada», es un
lenguaje de diseño gráfico para
definir y crear la presentación de un
documento estructurado escrito en
un lenguaje de maquetado. (de
Wikipedia)
JavaScript

Abreviado comúnmente JS, es un

lenguaje de programación interpretado,
dialecto del estándar ECMAScript. Se
define como orientado a objetos,
basado en prototipos, imperativo,
débilmente tipado y dinámico. (de
Wikipedia).
¡Continuamos!