Así que comencemos este curso
con la pregunta más importante primero,
¿qué es exactamente el desarrollo web y qué significa eso para nosotros, los desarrolladores web?
¿Qué hacen exactamente los desarrolladores web?
¿Y qué sucede cuando nosotros,
como usuarios regulares, ingresamos una dirección como amazon.com
en el navegador y se carga el sitio web de Amazon.
¿Qué está sucediendo detrás de escena?
¿Qué ocurre cuando somos desarrolladores web o aspirantes a serlo?
Debes ser capaz de entender esto
porque te ayudará a comprender qué tipo de código
tendrás que escribir y cómo funciona realmente "la cosa", internet,
con la que estás trabajando.
Ahora, para volver a las primeras dos preguntas,
¿qué es el desarrollo web y qué hacen los desarrolladores web?
Bueno, la respuesta es bastante directa.
Los desarrolladores web generalmente construyen sitios web.
Digo "generalmente"
porque aprenderás a lo largo de este curso
que los desarrolladores web también pueden crear otras cosas.
Los sitios web están compuestos por varias piezas.
Dependiendo del sitio web y de su complejidad, estarán involucradas diferentes piezas.
Dicho esto, en este curso,
aprenderás todo eso.
Aprenderás cómo construir sitios web simples
y más complejos, cómo escribir código
que es invisible para la mayoría de los usuarios,
así como cómo escribir código que afecta lo que los usuarios ven,
y aprenderás cómo construir los llamados servicios web.
Y lo que eso significa también, pero profundizaremos en eso más adelante.
Así que todo eso está en este curso,
pero en general, como desarrollador web,
construyes sitios web y, por lo tanto, esto nos lleva
a otra pregunta importante.
¿Qué sucede detrás de escena
cuando un visitante, como tú, ingresa una dirección como amazon.com
en el navegador? ¿Cómo funciona realmente la web?
¿Qué está sucediendo allí?
Para entender esto,
quiero dar un paso atrás y mirar una analogía del mundo real
porque navegar por la web y visitar un sitio web
es como llamar a un amigo, podríamos decir,
o enviarle un mensaje de texto a un amigo.
Esta es una analogía que podemos hacer.
Para entender esto mejor,
veamos más de cerca esta analogía.
Cuando llamas a un amigo, en última instancia, levantas el teléfono,
marcas su número o le envías un mensaje de texto.
Una vez que se establece la conexión,
una vez que responden la llamada , le dices algo,
o le preguntas algo, lo saludas, lo que sea.
Comienzas una conversación con tu amigo.
Y después de saludar y tal vez contar algo,
o preguntar algo, en algún momento,
tu amigo probablemente te responderá.
Él o ella te dirán algo a ti,
o te enviarán otro mensaje de texto.
Así es como tenemos una conversación por teléfono.
Decimos algo, ellos dicen algo. Y así sucesivamente.
Ahora, visitar un sitio web es bastante similar.
Ahí estás sentado frente a tu computadora o laptop
usando tu navegador, porque esa es la herramienta clave
que necesitamos para visitar un sitio web. Necesitamos un navegador para esto,
como probablemente ya sabes, porque lo usas todos los días.
Y en ese navegador, ingresas una dirección como amazon.com
o tal vez buscaste Amazon
y hiciste clic en un resultado de búsqueda,
pero de cualquier manera terminas con una dirección como esta
en la barra de direcciones del navegador.
Ahora, esta cosa de la dirección en realidad tiene un nombre oficial.
Se llama URL,
que significa localizador uniforme de recursos.
Pero volveremos a esto más tarde,
ingresas una dirección como esta.
Y luego, lo que sucede a continuación es que tu navegador envía
una solicitud a una computadora remota,
en algún lugar de internet, en el mundo,
una computadora operada por la compañía que es dueña del sitio web,
que estás intentando visitar.
En este caso, una computadora operada por Amazon.
Tu navegador envía una solicitud a esta computadora.
Y este proceso está estandarizado porque en el desarrollo web,
muchas cosas están estandarizadas para asegurar
que las diferentes partes involucradas
como el navegador y esta computadora remota hablen
el mismo tipo de lenguaje.
El estándar que se utiliza aquí
para controlar que se envíe una solicitud de este tipo.
Y que esta solicitud esté estructurada de manera estandarizada
se llama HTTP,
que significa protocolo de transferencia de hipertexto,
o a menudo verás HTTPS, donde la S significa seguro,
lo que significa que la comunicación está encriptada
entre el navegador y esta computadora remota.
Ahora, no necesitas preocuparte demasiado por esto
porque ese es el protocolo que el navegador utilizará
por defecto, pero esa es la explicación
de por qué a veces en algunas URL ves algo como
HTTP://, o HTTPS:// al frente de la dirección.
Típicamente, el navegador lo agrega automáticamente, 101 00:
porque ese es el protocolo predeterminado
que se utiliza para hablar con esta computadora remota.
Ahora, en esta computadora remota,
tenemos el código del sitio web que se necesita
para mostrar algo en la pantalla.
Y este código, por supuesto, es escrito por desarrolladores web.
En este ejemplo aquí, desarrolladores web que trabajan para Amazon.
Ahora, este código del sitio web puede tener diferente complejidad,
y puede haber pasos más complejos involucrados
para producir este código.
Pero lo aprenderemos
a lo largo del curso paso a paso.
En última instancia,
este código contiene un montón de instrucciones para el navegador
que le indican qué debe mostrar en la pantalla.
Qué contenido debe mostrar
y cómo debe lucir el contenido,
cómo debe estar estilizado.
Por lo tanto, es este código,
estas instrucciones para el navegador que, en última instancia,
son enviadas de vuelta por esta computadora remota en una respuesta
a tu navegador y el navegador luego sabe
cómo manejar estas instrucciones
porque también están estandarizadas.
Los lenguajes de programación que se pueden usar para escribir
estas instrucciones están estandarizados
y el navegador luego mostrará algo en la pantalla.
Así es como funciona la web.
Y aunque me tomé un tiempo para describir este ciclo de solicitud y respuesta,
por supuesto, normalmente solo toma un par de milisegundos.
Es súper eficiente y rápido.
Y por eso visitar sitios web es súper rápido.
Ahora, en este panorama general,
hay otros cuatro términos que vale la pena conocer.
Típicamente, llamamos al navegador y a nosotros usando el navegador,
el cliente o el front-end.
Y llamamos a la computadora remota que aloja el sitio web,
así que tiene este sitio web y nos lo envía de vuelta.
Llamamos a esta computadora remota, el servidor o el back-end,
porque esta computadora sirve el sitio web a nosotros,
el cliente que está solicitando el sitio web.
Estos son más términos que vale la pena conocer,
pero ahora este panorama general nos lleva
a la siguiente pregunta importante.
Necesitamos echar un vistazo más de cerca a esta respuesta
y estas instrucciones para el navegador,
porque eso nos ayuda a comprender qué código debemos escribir
como desarrolladores web, porque, por supuesto,
eso siempre es importante para nosotros,
qué tipo de código debemos escribir
y qué lenguajes de programación debemos usar .
Bueno, esos son los temas que cubriremos en los próximos capítulos.
Hemos abordado algunas preguntas importantes,
qué es el desarrollo web,
qué hacen los desarrolladores web,
y qué sucede detrás de escena cuando visitamos un sitio web.
Espero que esto te haya dado una idea general de la web
y cómo funciona.
Y estoy emocionado de continuar
este viaje contigo para aprender más sobre el desarrollo web.
Entonces, continuemos.