Programación Web
La programación web es la actividad de construir aplicaciones o programas que funcionan con o a traves de internet.
Durante este curso estudiaremos las diferentes areas en las que debemos trabajar para construir este tipo de aplicaciones.
¿Cómo funciona Internet?
Antes de que podamos empezar a aprender sobre todas las tecnologías y herramientas a ser utilizadas en este curso, necesitamos aprender:
- Cómo funciona la web,
- Y qué constituye exactamente el desarrollo de Full Stack.
¿Qué pasa cuándo abrimos el navegador y visitamos una página web?
Cuando dos computadoras se conectan a Internet (lo que se muestra como una línea amarilla en el dibujo de abajo) pueden hablar entre sí.
Un servidor (la caja azul) es una computadora especial que contiene los archivos de la página web. Tu computadora en casa no es un servidor, porque no está conectada directamente a Internet. Nos conectamos a través de un Proveedor de Servicios de Internet (ISP son las siglas en inglés).
El contenido de un sitio web (todo sobre lo que habla el sitio web) está organizado con un sistema especial de reglas que las computadoras entienden; casi como hablando en secreto, lenguaje codificado, pero nosotros también sabremos el secreto pronto!
En esta imagen, el browser (navegador) está pidiendo ver una pagina web al servidor donde residen los archivos del sitio. El servidor está enviando los archivos de vuelta y el browser los traduce para mostrar la página en la pantalla. Y esto pasa muy rápido!
Es todo acerca de comunicar y compartir información.
Por todo esto, una pagina web que escribamos localmente (en tu computadora) no puede ser vista por otra gente en otras computadoras, hasta que muevas los archivos a un servidor. Veremos esto en profundidad más adelante.
En un nivel muy básico, Internet es la conexión de cables a computadoras con un tipo de protocolo específico.
Full Stack
Cuando usamos el termino stack en ciencias de la computación, nos estamos refiriendo al conjunto de tecnologías que utilizamos para construir una aplicación, por lo que un desarrollador Full Stack es una persona que domina todas las tecnologías requeridas.
Para entender mejor esto, podemos separar una aplicacion web en dos partes, o dos capas: Front-End y Back-End.
Frontend es la parte de un sitio web que interactúa con los usuarios, por eso decimos que está del lado del cliente. Backend es la parte que se conecta con la base de datos y el servidor que utiliza dicho sitio web, por eso decimos que el backend corre del lado del servidor. Estos dos conceptos explican a grandes rasgos cómo funciona un sitio o aplicación web y son fundamentales para cualquier persona que trabaje en el mundo digital.
Front-End
Frontend es la parte de un programa o dispositivo a la que un usuario puede acceder directamente. Son todas las tecnologías de diseño y desarrollo web que corren en el navegador y que se encargan de la interactividad con los usuarios.
Los desarrolladores frontend son aquellos que crean los componentes visuales de un sitio web. Dan formato a las imágenes, la animación y la interactividad de un sitio web.
Back-End
Backend es la capa de acceso a datos de un software o cualquier dispositivo, que no es directamente accesible por los usuarios. Además, contiene la lógica de la aplicación que maneja dichos datos. El Backend también accede al servidor, que es una aplicación especializada que entiende la forma en la que el navegador hace solicitudes.
Los desarrolladores backend se encargan de hacer que la lógica del sitio funcione correctamente, la información se transmita de manera segura y el desempeño de la aplicación no entorpezca la experiencia del usuario.
Los desarrolladores frontend y backend deben utilizar tecnologías distintas.
Para construir el front-end usualmente se utilizan 3 tecnologías fundamentales:
- HTML: Un lenguaje de marcado con el que se arma la estructura del sitio. El esqueleto de nuestra aplicación.
- CSS: Con esta tecnología se definen los “estilos” del sitio web. Colores, posiciones, etc.
- Javascript: Lenguaje de programación que nos permite agregar funcionalidad al sitio web. Con esta tecnología podemos interactuar con la aplicación.
Los desarrolladores backend trabajan con lenguajes como Python, Node.js, PHP, Go, Ruby y C#. Y así como en el frontend, todos estos lenguajes tienen diferentes frameworks que te permiten trabajar mejor según el proyecto que estás desarrollando, como Django, Flask, Express.js, Laravel, Symphony Framework, Ruby on Rails, ASP.Net y otros. Ademas de los lenguajes deben conocer otras herramientas que les permitan gestionar bases de datos, servidores, etc.
¿Qué es un desarrollador fullstack?
Los desarrolladores full stack son profesionales que se encargan tanto de la parte técnica como de la parte creativa (frontend y backend). Un stack (en inglés pila o montón) hace referencia al grupo de tecnologías que componen un sitio web en todos sus aspectos (desde la base de datos, hacia el manejo lógico y la interfaz visual). Un desarrollador fullstack es capaz de manejar la pila completa de un sitio y por ende entiende de tecnologías tanto de frontend como de backend y también el manejo de su base de datos.