Aún no tienes acceso a esta clase

Crea una cuenta y continúa viendo este curso

Qué es el Modelo Cliente/Servidor

17/32
Recursos

¿Cúal es la diferencia entre Frontend y Backend?

El frontend es la parte que se “ve” de un sitio. Incluye el texto, los botones, imágenes, animaciones etc. El backend son las acciones que se realizan cuando le damos clic al botón, son las conexiones a las bases de datos, y todo el código que hace que el sitio funcione.

¿Qué es el modelo cliente-servidor?

Se le llama modelo clinete-servidor a la relación que existe entre el frontend y el backend. El proceso de un modelo Cliente/Servidor es así:

  • Cliente (Navegador que lee HTML, CSS y JS)

  • Se envía una solicitud al Backend (Python, Go, Node, Java, etc.) a través de una URI

  • El Backend recibe la solicitud y toma decisiones en base a ella

  • El Backend consulta la Base de Datos (MySQL, Oracle, MongoDB, etc.) en caso de ser necesario

  • El Backend devuelve una respuesta que el navegador pueda leer, muchas veces datos en formato JSON

  • El Cliente recibe los datos JSON y los parsea para mostrarlos en HTML

A un grupo de tecnologías se les conoce como Stack

Contribución de Anncode y Mayra López

Aportes 267

Preguntas 45

Ordenar por:

¿Quieres ver más aportes, preguntas y respuestas de la comunidad? Crea una cuenta o inicia sesión.

Cuando ya viste esto en el curso de programación básica.

Cliente / Frontend
Es la parte de un sitio web que interactúa con los usuarios, por eso decimos que está del lado del cliente.

Servidor / 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

Les dejo mis apuntes de esta clase, espero a alguno le ayuden.

No puedo creer que lo haya reciclado jajajaja ¡No importa! ¡Es excelente!

Repollo

creo que se les escapo esta clase de programación básica

Por fin me queda clara la diferencia entre un post y un get!

Modelo cliente/servidor:
Cliente: Es lo que se invoca desde el navegador al cual se abre un archivo HTML y se invoca un archivo de JavaScript.
Frontend: Es lo que se ejecuta en el navegador. (HTML, CSS y JavaScript).
Backend: Es el código de programación que se ejecuta en el servidor. (PHP, RoR, PYTHON, NODEjs, GO, JAVA).
Bases de datos: Sistema de archivos electrónicos (Oracle, Podtgres, MySQL [Relacionales o tradicional], MongoDB [No tradicional que funciona con JavaScript]).
Servidor: Es el software sobre el que se ejecuta el backend (NGINX, APACHE, NODEjs).
Stack: Significa pila, es un grupo de tecnologías (LAMP es un stack muy popular que significa Linux y se corre APACHE, MySQL(Base de datos), PHP(Lenguaje de programación).

Para conectar los datos del Frontend hacia el Backend hay varios métodos (GET, POST, AJAX, Sockets).

Ahora MySQL en sus versiones mas recientes es de pago y por lo tanto, se está utilizando MariaDB para reemplazarlo.

En lo personal, ya desarrollé algunos proyectos. Y lo veo desde un panorama diferente, al ver estos cursos, me ayuda a desarrollar y digerir mejores esos puntos básicos que todo programador debe saber. Les recomiendo aprender un poco de todo, y como Freddy dice habrá un momento que tendrás que especializarte en algo, en el caso de Desarrollador Web (Fronted y Backend), o también está el famoso Full Stack. Hay un camino muy grande por el cual recorrer. A seguir aprendiendo!

Entiendo que Platzi ahora maneja PostgreSQL en lugar de MySQL

Qué es el Modelo Cliente/Servidor
Cliente: Es el navegador en el cual se abre un archivo html y de ahí se invoca a un archivo js (Chrome, Mozilla, Edge)
Servidor: Es el software donde se ejecuta el backend y donde se encuentran las bases de datos. Algunos servidores son Apache, NGINX, Node js
Frontend: Es lo que se ejecuta del lado del navegador (HTML, CSS, JavaScript)
Backend: Es el código de programación que se ejecuta en el lado del servidor (Python, PHP, Go)
Stack: Es un grupo de tecnologías para desarrollo web. El stack más popular es LAMP (Linux, Apache, MySQL, PHP).
Proceso del cliente servidor:

  1. Del navegador se solicita una petición mediante la URL
  2. Se recibe la petición en el servidor DNS (Domain Name Service) este servidor traduce la URL hacia una ip la cual es la dirección exacta del sitio al que se quiere acceder.
  3. El servidor del backend (apache, nginx, etc.) le pasa los datos al lenguaje de programación (Python, php, go, etc.)
  4. El lenguaje se conecta a la base de datos (MySQL, MongoDB, etc.)
  5. Se crea un archivo resultante (Html, css, js) que es el que se manda al cliente (navegador).
    JAMAS se debe de acceder a la base de datos desde el Frontend. Lo correcto es que el Frontend se conecte al backend y a través de los datos del Frontend el backend decide a que datos acceder y que datos enviar de regreso al cliente.
    Métodos para comunicarse desde el Frontend al backend:
    • Get: Este método manda los datos a través de la URL al servidor. No se debe de usar para formularios en los cuales se pide información privada.
    • Post: Este método nos permite enviar datos como formularios cambiando la URL, este método envía los datos a través de los headers HTTP.
    • Ajax (Asynchronous JavaScript And XML): Este método nos permite que la pagina en la cual nos encontramos se modifique sin cambiar la URL y sin refrescar la página, como cuando comentamos una foto Facebook y aparece justamente debajo de la foto.

En que momento saltamos de fundamentos de software a programación básica?. Honestamente yo empecé por programación y sin terminar salté a fundamentos y fue la mejor decisión, sin entender esto es imposible ir a programación si estas empezando de cero.

Esos tiempos cuanto podías terminar la ruta de bases de datos con tres cursos 😂.
.
Vaya que han hecho cursos muchachxs.

Que lindo que en esta época (hace +4 años) Platzi apenas tenía 70 cursos y ahora tiene +800. Los maravillosos resultados de la filosofía “Nunca parar de aprender”

Tengo ansias de aprender tantas tecnologías!

00:32 como funciona el servidor y el cliente
01:36 bases de datos
02:19 backend
03:35 servidor
04:53 frontend
05:38 stack
06:05 stack platzi
08:20 GET, POST, AJAX, sockets
11:31 stack MEAN
12:03 stack platzi
12:46 proyecto final de programacion basica

Me costó mucho entender este vídeo hay conceptos que entiendo, pero creo que se saltó el hilo conductor del curso.

Frontend: Es lo que vemos en programacion, desde la estructura de html, sus funciones de JS y sus estilos con CSS a todo eso es lo que se le llama frontend.

Backend: Es donde se encuentran las bases de datos, donde se guardan los archivos, donde se consultan, donde se guardan los formularios, es decir basicamente es el servidor de la web, o del programa.

–> En esos dos muntos es lo que vive un programador, por un lado esta la parte frontal y por otro esta el detras de camaras, ambos se unen para crear un programa totalmente funcional.

Lenguajes de programacion Backend: Son los lenguajes de programacion que corren entre los servidores, es decir son los lenguajes que hacen que los servidores tengan todas sus funciones algunos de ellos son:

* PHP
* Python
* node.js --> Permite correr JavaScript, atravez de "un servidor de eventos", es decir node.js, te permite correr codigo JS en el Backend
* Go
* Java

Servidor: Es el software en donde se ejecuta el lenguaje de programacion de Backend, es decir asi como en frontend el programa se ejecuta atravez de como por ejemplo el navegador es el que lee y corre el frontend, en el servidor hay un software que corre el lenguaje de Backend, unos de los mas polulares son:

* NGINX
* APACHE
* NODE.JS

Como accedes a una pagina web Platzi: Primeramente abres el navegador, escribes la direccion URL, luego esa direccion pasa a ser verificada por el servidor DNS, en donde encuentra la ip de ese sitio web respecto a su nombre, luego entra al servidor, del servidor activa la codigo de Backend, y despues ese codigo, pasa al frontend, y al finalizar tienes el resultado de la vision de tu pagina web de platzi.

IMPORTANTE Jamas se puede acceder a la base de datos, desde el frontend.

–> Por eso es que es importante el backend, por que sino todas las personas pudiesen acceder desde el frontend inspeccionando el elemento, entonces el backend decide cuales son los datos que mostrara y como el backend no esta disponible para ser inspeccionado por que el esta dentro del servidor la persona no puede ver mas datos o informacion de otros usuarios aparte de ella.

Metodos para comunicarse desde el Frontend al Backend: Normalmente existen cuatro, los cuales seran explicados a continuacion:

1. GET: Son variables que estan dentro del URL, con palabras espeficicas, es decir como ejemplo estamos viendo una tienda gamer, y encontramos un articulo, en el articulo del url, podriamos ver algo como: 

	* marca=msi&modelo=2020 --> Con esto estamos indicando unas variables para que busque dentro del servidor y los enseñe

–> Pero esto nunca debe ser utilizado dentro de un formulario por que sino los datos quedaran en el navegador y de esta forma cualquier persona que le haga inspeccion vera algo parecido a tus datos del formulario y robara tu cuenta, para ello tenemos que usar el siguiente metodo.

1. POST: Esto es lo que se utiliza para enviar datos mediante a un formulario, es decir por debajo practicamente y esto te transforma a la siguiente pagina web, por ende tus datos no estaran comprometidos en el inspector, como ejemplo tenemos lo siguiente:

	* el formulario esta en "www.sitio.com/formulario" y al ingresar los datos y si son lo correctos vas a "www.sitio.com/gato". con esto le esta enviando los datos y verificandolo y si es el correcto te enseñara un gato.

1. AJAX: Actua, como la anterior pero en este caso hace la carga en el mismo lugar, sin pasarse de URL, es decir, si tenemos un formulario y ingresamos los datos si los datos son los correctos nos enseñara el gato, sin necesidad de pasar a otra direccion.
2. SOCKET: Es lo que se utiliza como puerto para enviar una informacion y recibirla, en los juegos se utiliza, los chats para moverse en tiempo real tambien utilizan socket

IMPORTANTE Uno de los stacks mas populares o por los que puedes guiarte al momento de querer ser full stack, es el stack mean el cual es:
* mongoDB
* express
* AngularJS
* node.js

Que tan economico y rapido puede ser aprender sobre tecnologia , PLATZI te lo dice . Super animado :)

En lo personal es muy distinto verlo cuando no has interactuado o muy poco a cuando ya has desarrollado algo, lo ves desde un distinto panorama y comprendes porque la necesidad de cada elemento. Y sobre todo lo mas importante ahora si se te queda bien grabado.

temas
*staks mas usados
*tecnlogias mas usadas
*puertos usados
*como funciona el fronted y backend

Es peligroso permitir al frontend acceder a la base de datos debido a que con solo inspeccionar la página actual ellos pueden ser accedidos por cualquier persona. Es por esto que el acceso a la base de datos está restringido al backend.

Dejavu.
Hay que repasar lo ya aprendido, estoy ayudara a entender mejor lo que estas aprendiendo, ademas, uno nunca sabe que detalles we le estan pasando 😅

Lo magnífico de este curso, es que, siempre puedes regresar (olvidas un concepto). Adoro éste curso.

HTTP headers
Las cabeceras (en inglés headers) HTTP permiten al cliente y al servidor enviar información adicional junto a una petición o respuesta.
Fuente: developer.mozilla.org

Saltare el video pero me encantó el mapa que me dio para comprender la arquitectura web

Lo que recuerdo

Cliente:
Alli està tu navegador, es lo que ve el usuario final, este se compone de css, html y js.
Nota: Este es cargado por el usuario

Servidor
Alli está tu web, la programas con otro lenguaje

¿Còmo se conectan?
A traves de un dominio que a traves de un sistema de DNS conecta un dominio tipo heysoypaez.com a un servidor (la computadora donde esta mi web)

Ya, Pero exactamente ¿Donde estan los datos de mi web?
En las bases de datos, aun no las entiendo del todo y quiero hacer curso pero comprendo que ahi vive toda la informacion que despuedes procesa el lenguaje de programacion en el servidor (backend)

Importante recordar que existen otros tipos de petición para HTTP como PUT, PATCH, DELETE.

Son algunos de los STAK
LAMP
sistema operativo Linux,
servidor web Apache,
base de datos MySQL,
intérprete de lenguaje PHP.
WISA
sistema operativo Windows Server,
Internet Information Services(IIS) como software del servidor web,
sistema de gestión de bases de datos relacional SQL Server,
biblioteca de lenguajes de programación ASP.NET
MEAN
la base de datos NoSQL MongoDB
el framework para aplicaciones web desde el servidor Express.js,
el framework para el frontend de parte del cliente AngularJS,
y la plataforma Node.js, basada en el entorno de ejecución de JavaScript.
MERN
MongoDB: Una base de datos de código abierto basada en documentos.
Express: un marco web rápido, no motivado y minimalista para Node.js
React: una biblioteca de front-end de JavaScript para crear interfaces de usuario
Node.js: Node.js es un tiempo de ejecución de JavaScript creado en el motor de JavaScript V8 de Chrome. Node.js trae JavaScript al servidor

Los clientes y servidores
Las computadoras conectadas a la web se llaman clientes y servidores. Un diagrama simplificado de cómo interactúan se vería así:

Los clientes son dispositivos de los usuarios conectados a Internet (por ejemplo, tu ordenador conectado a la red Wi-Fi o el teléfono conectado a la red de telefonía móvil) y el software que se encuentra disponible y permite acceder a Internet en dichos dispositivos (normalmente, un navegador web como Firefox o Chrome).
Los servidores son computadores que almacenan páginas web, sitios o aplicaciones. Cuando un dispositivo cliente quiere acceder a una página web, una copia de la página web se descarga desde el servidor en el equipo cliente y se muestra en el navegador web del usuario.

Hola! Les comparto esta imagen que puede ayudarnos a reforzar el tema de la clase. Saludos! 😃

STACK MEAN MongoDB Express AngularJS NodeJS

GET: Envía los datos por la url.

POST: Envía los datos mediante un formulario, capa oculta, exactamente en los headers http.

Protocolo HTTP para más información.

AJAX: Envío y recepción de información sin actualizar la página.

Sockets: Envío de información en tiempo real, ejemplo video juegos. Chats.

El servidor es el software sobre el que se ejecuta el backend, es decir que procesa la lógica creada con determinado lenguaje.

Nginx <- Puede correr tecnologias microsoft
Apache <- Puede correr tecnologias microsoft
Node.js <- También puede funcionar como servidor

¡Hola!

Me parece que este vídeo es de hace 3 años. ¿Cuál sería el Stack más usado en la actualidad [2021]?

la verdad me parece muy bueno los curso, se explican con analogias puntales, hueco espacio, no tan tecnico de inicio, he inclusive puede ser mejor que el SENA.

En este modelo, como lo dice su nombre, se divide en 2 mundos:

  • Cliente: Se encuentra en el navegador, y este lado también se lo conoce como Frontend. Aquí es donde se ejecuta HTML, CSS y JavaScript. Desde aquí jamás se accede a la base de datos, puesto que esto sino nos daría acceso a todos los datos ajenos a los míos o a los que tengo acceso. Para eso sirve el Backend, para solo acceder a los datos que nos corresponden.
  • Servidor: Aquí se encuentra las bases de datos y los servidores, y lo que se conoce como Backend.
    • Bases de datos: Algunas de las más conocidas son Oracle, MySQL y MongoDB. Su función principal es almacenar información y datos para recuperarla, análisis y/o transmisión.
    • 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. El Backend no es directamente accesible por los usuarios, además contiene la lógica de la aplicación que maneja dichos datos. Las tecnología / lenguajes de programación más conocidas para este uso son PHP, Python, GO y NodeJS.
    • Servidores: Es dónde se ejecuta el Backend, es una computadora y una serie de programas que atiende y responde a las peticiones que le hacen los clientes desde el navegador. Por ejemplo si tienes un correo electrónico, lo recibes de un servidor de correo electrónico. Algunos servidores muy conocidos con NGINX, APACHE y NodeJS (que también sirve como servidor).
  • Stack: Esto se lo conoce al grupo de tecnologías que utilizas en desarrollo web. Hay muchas, una de las más conocidas es LAMP (Linux, Apache, MySQL y PHP), en dónde cada una indica la tecnología o el software que se utiliza.
    **- Métodos de comunicación entre Frontend y Backend: **
    • GET: Se envía información y datos por la URL.
    • POST: Se envían datos de forma oculta.
    • AJAX: Envía y trae información sin que recargue la página / cambie la URL.
    • SOCKET: Transmite datos entre el cliente y el servidor en tiempo real, sin que la página recargue.

A mis 41 años, me siento muy emocionado de todo lo que voy a aprender con estos cursos. En verdad, casi no puedo creer que voy a poder utilizar un arduino!

como que hay mucha publicidad en este video

MEAN ya murio ahora es mas MERN

Me hubiera encantando estudiar tecnologia desde hace 15 anios

Excelente clase!! la mejor explicación de el Modelo Cliente/Servidor, el Stack que mas me gusta es PERNN
PostgreSQL
Express.js
React.js
Node.js
Next.js
De la escuela de JavaScript

ES MEJOR USAR EL MÉTODO GET O EL MÉTODO POST?
Tanto GET como POST son métodos de envío de la información de los formularios válidos y ampliamente utilizados. Cada método tiene sus ventajas y sus inconvenientes y no se puede decir que uno sea mejor que otro. Elegir entre un método y otro depende de la aplicación concreta que se esté desarrollando y es algo que dentro de las empresas de desarrollos web suelen decidir los encargados del diseño de las aplicaciones. A nosotros en este curso básico simplemente nos interesa conocer la existencia de ambos métodos y sus características.

Hoy en 2021, JS se ha mantenido entre los principales lenguajes y los mejores pagados, pero en mi experiencia me han pagado mas python y go

Es increíble la cantindad de información relevante que puedes ver en este curso.

Gracias Freddy por compartir esta Master Class

Y aunque soy Ingeniero ya hace mucho tiempo, usare este curso para “embeed” a mi pequeña hija (que anda haciendo Scratch los sabados) en este maravilloso mundo de la programación y la robótica.

Modelo cliente/servidor.

Cliente --> Navegador con archivo HTML que invoca un codigo.js -->programación (Frontend - Backend) --> Bases de datos (relacional y no relacional) --> servidor (software de procesamiento).

Conceptos claves:

  • Backend. Usa tecnologías cómo Python, Ruby, JavaScript.

  • Servidores. Tecnologías como NGINX, Apache, Node

  • Frontend. Tecnologías que corren en el navegador, HTML, CSS y JavaScript.

  • Stack(pila). Grupo de tecnologías. Ej. LAMP.

  • Métodos de comunicación entre Frontend y Backend. GET --> enviar variables desde la URL al servidor. POST --> Envío de formulario al servidor, funciona por debajo de la URL. AJAX --> método sincrónico dentro del cuerpo de la pagina entre el Frontend y el servidor.

Existe un back y un fronter un buen programador debe saber de ambas.
El stack es una colección de tecnologías.
Cuando usamos el usuario y la contraseña en el fronter, solo nos muestra los datos del usuario y no toda la base de datos de ahí la importancia de un back
Existen cuatro accesos principales entre ususario y servidor que son: GET POST AJAX SOXHKET, gracias

me tiene emocionado lograr programar ese arduino al final del curso!

La arquitectura cliente-servidor es un modelo de diseño de software en el que las tareas se reparten entre los proveedores de recursos o servicios, llamados servidores, y los demandantes, llamados clientes. Un cliente realiza peticiones a otro programa, el servidor, quien le da respuesta. Esta idea también se puede aplicar a programas que se ejecutan sobre una sola computadora, aunque es más ventajosa en un sistema operativo multiusuario distribuido a través de una red de computadoras.

Algunos ejemplos de aplicaciones que usen el modelo cliente-servidor son el Correo electrónico, un Servidor de impresión y la World Wide Web.

En esta arquitectura la capacidad de proceso está repartida entre los clientes y los servidores, aunque son más importantes las ventajas de tipo organizativo debidas a la centralización de la gestión de la información y la separación de responsabilidades, lo que facilita y clarifica el diseño del sistema.

La separación entre cliente y servidor es una separación de tipo lógico, donde el servidor no se ejecuta necesariamente sobre una sola máquina ni es necesariamente un solo programa. Los tipos específicos de servidores incluyen los servidores web, los servidores de archivo, los servidores del correo, etc. Mientras que sus propósitos varían de unos servicios a otros, la arquitectura básica seguirá siendo la misma.

Una disposición muy común son los sistemas multicapa en los que el servidor se descompone en diferentes programas que pueden ser ejecutados por diferentes computadoras aumentando así el grado de distribución del sistema.

La red cliente-servidor es una red de comunicaciones en la cual los clientes están conectados a un servidor, en el que se centralizan los diversos recursos y aplicaciones con que se cuenta; y que los pone a disposición de los clientes cada vez que estos son solicitados. Esto significa que todas las gestiones que se realizan se concentran en el servidor, de manera que en él se disponen los requerimientos provenientes de los clientes que tienen prioridad, los archivos que son de uso público y los que son de uso restringido, los archivos que son de sólo lectura y los que, por el contrario, pueden ser modificados, etc. Este tipo de red puede utilizarse conjuntamente en caso de que se esté utilizando en una red mixta.

Algunos Stacks tecnológicos

MEAN

MongoDB (NoSQL database)
Express.js backend web framework
Angular.js frontend framework
NodeJS open-source, cross-platform server

LAMP

Linux (operating system)
Apache (HTTP server)
MySQL (relational database management)
PHP (Perl or Python)

MERN

Essentially MERN is similar to MEAN. The difference is that you change Angular.js with React.

Bastante simple la manera de explicar estos términos de como funciona el modelo Cliente-Servidor.

¿para iniciar en Backend cual seria el lenguaje para iniciar?

  • El modelo Cliente/Servidor esta dado por el Fronend y el backend
  • En Frontend usamos tecnologías como HTML, CSS, JS
  • En Backend usamos lenguajes como PHP, Python, Ruby, Go,etc.
  • El Backend se conecta con bases de datos como MySQL, Postgres, o MongoDb.
  • Para que Backend funcione usa tecnologías como Nginx, Apache, Nodejs.
asta ahora me a encantado el curso y estoy teniendo retroalimentacion a mis conocimientos ya tenidos 😀🤓

Mmmm… Entonces cuando ingreso una contraseña y usuario viajan tal cual del frontend al backend?
Sin ninguna encriptacion o algo similar?

¿Cuál es la diferencia entre AJAX y Socket? ¿No se usan para lo mismo?

me encanta esto, quiero aprender mucho más. Cuando estaba en la universidad tuvev la itencion de cambiarme desde construcción a informatica, debí haberlo hecho

exelente clase me quedo claro las diferencias entre el backend y el frontend.

LAMP = Linux + Apache + MySQL + PHP
El Stack más usado hoy en día.

Este video creo que ya lo habia visto en otro curso

Buen repaso del curos de programacion basica.

Encuentro increíble a la velocidad que funciona todo esto!

Esto si motiva a uno a seguir aprendiendo

Quien no ama los gatos 😂😂

Gran explicacion, por fin ordenar tanto conocimiento que acumulamos.

Este video es del curso de programación basica y se repite en este curso???

Les comparto mis apuntes de la clase:
El desarrollo de código para los servicios de Internet se divide en dos grandes áreas:

FrontEnd: Este se refiere a todo lo que se ejecuta del lado del cliente (Interfaces, animaciones)
Lenguajes → JavaScript, HTML, CSS, Web
Software → Navegadores de Internet (Brave, Firefox, Chrome, etc)

BackEnd: Se refiere a todos los servicios que se ejecutan del lado del servidor (Verificacion de usuarios, respuesta a peticiones, manejo de bases de datos, etc)
Lenguajes → (php, python, node.js, java, etc.)
Software → Servidores (NGINX, APACHE, node.js, IIS)

-> Los servidores web trabajan en el puerto 80

El BackEnd sirve para realizar operaciones con los datos que le enviamos a través del FrontEnd y devolvernos solo información que nos concierne a nosotros y mantener segura la información de otros usuarios.

Métodos de comunicación FrontEnd - BackEnd

GET: Transferencia de datos mediante la URL

POST: Transferencia de datos mediante formularios cuyos datos se inscrustan en la cabecera HTTP.

AJAX: Transmisión de datos sin necesidad de acctualización o cambio de página

Sockets: Transferencia de datos en tiempo real.

Esta es la segunda vez que veo esta clase y me alegro de haber entendido cosas que no entendí la primera vez o pasé por alto.
Si ustedes también pueden ver tomar esta clase un tiempo después, les aseguro que notarán la diferencias.
¡Gracias por lo aprendido!
Y vamos por más. 😄

Yo entendi el modelo cliente servidor como un mecanismo que consta de distintas piezas para dar un resultado (contenido en una pagina web.). Frontend o cliente (HTML, CSS y JS), Backend (Python, Go, Java, etc.), en algunos casos Data Bases (My SQL, Oracle, Mongo DB, etc.) y Servidor (Apache, Node JS, etc.). Primero, cuando el servidor recibe la direccion IP del DNS, lo manda hacia el backend o codigo de programacion, que ejecuta esa informacion y la guarda en la base de datos y despues la envia hacia el area del frontend por medio de post u otro protocolo de comunicacion frontend/backend. En el caso de platzi aunque tambien existen otros procesos como el frontend enviando una peticion al backend, este consulta la base de datos si es necesario, se ejecuta en el servidor y se envia hacia el frontend por medio de json u otro protocolo.

Comence este curso como por recordar cosas, pero gracias a esta clase creo que me di cuenta que me gustaria apreder mas backend !

Era un poco escéptico a tomar este curso, pero por azure fundamental lo estoy tomando y ya me dio ganas de tomar el de introducción a la programación XD

Frontend y backend.
Frontend – O modelo cliente. Es lo que el cliente percibe, y se ejecuta en el navegador. Se manifiesta con las tecnologías HTML 5, JavaScript y CSS 3.
Estas pueden usar librerías, como Angular, ReactJS,

Backend - Todo lo que se ejecuta y procesa detrás del cliente, para que se ejecute la parte del Fronend correctamente. Se manifiesta con las siguientes tecnologías que son lenguajes de programación:
Php, Python, Node Js, Go, Java.

Lado del Servidor: NGINX, Apache HTTP SERVER, NodeJs. (estos procesan los lenguajes de arriba)
Base de datos: Ejemplo MySQL (Relacional) MongoDB (No relacional)

Cuando tenemos un grupo de estas tecnologías en conjunto, les llamamos STACK.

Por ejemplo, Stack LAMP. Conformado por Linux (Donde corre Apache), APACHE (Lenguaje del servidor), MySQL (Base de datos), y PHP (Nuestro lenguaje de programación).

¿Cómo funciona todo el procesos Cliente Servidor?

Comenzamos desde el navegador, escribimos nuestra URL.
Esta acción la maneja un servidor especial, un servidor DNS que nos guarda la dirección IP de nuestro propio servidor, hacía de la página a donde queremos acceder, en forma de código URL accedemos a ella, es decir, nos garantiza un dominio.
Estos servicios son por ejemplo: DynDNS. NameShip.

Una vez la petición de la ULR es enviada, se recibe por el software del servidor de la pagina, en este caso, por ejemplo sería NginX, y Apache.
Una vez recibido, ese dato, Platzi, es decir, el servidor le pasa los datos al lenguaje de programación backend, parque los procesos, en este caso, Go, Python, y NodeJs.
Estos lenguajes van y se conectan a la base de datos, en sus respectivos lenguajes. En este caso, Mongo DB y MySQL.
Estos procesan la información, y salen archivos resultantes: HTML, JavaScript, y CCS, los cuales, terminan en el navegador del cliente. Así, finalizando el procesos cliente servidor.

JAMAS Accederemos directamente a la base de datos desde el frontend.

Métodos de comunicación desde frontend a backend.
Los métodos en la web, entre tantos, explicamos 4:
GET -> Mandar atraves de la URL al Servidor variables para que el servidor las procese. Ejemplo:
productos.php?marca=ferrari&modelo=2016
Esto es tipo de envió de datos hacia el servidor, donde se obtiene variables.
POST-> Se envia la información de forma oculta.
AJAX -> envía y trae información al frontent sin cambiar la página, o hacer refresh.
Sockets -> Transmite datos cliente servidor en tiempo real.

Las tecnologías utilizadas en aplicaciones web son:
Bases de datos, MySQL es una base de datos relacionales y MongoDB es una base de datos no relacional
Backend, existen muchos lenguajes que puedes usar cómo Python, Ruby, JavaScript
Servidores, existen tecnologías como NGINX, Apache, Node
Frontend, son las tecnologías que corren en el navegador, HTML, CSS y JavaScript
A un grupo de tecnologías se les conoce como Stack

Recuerda:
• Si tuvieras un código en el Frontend que se conectara a una base de datos, esta sería visible para todos.

METODOS PARA CONECTAR HTML A JS (MC):

++(MC)- GET : Utiliza variables o etiquetas js en la url, por ejemplo;
www.tienda,com/productos.php?marca=ferrari&modelos=2016
++ RECUERDA
Jamas utilices un GET para registrar a tu usuario, caso contrario los textos ingresados quedaran el la url expuestos a cualquier otro usuario “Maligno”

(MC)- POST: Puede ser utilizada para enviar formularios al “Gato” de manera segura, pues POST no muestra, solo cambia la url, por ejemplo; www.sitio,com/pagina/ ——— www.sitio,com/gato/

(MC) -AJAX: Muestra la información o datos requerida sin necesidad de cambiar o modificar la url, por ejemplo; cuando escribes un comentario en una publicación de Facebook no se cambia ni modifica la url, la información se muestra al instante.

Soy ingeniera industrial y no tenía la menor idea cómo funcionaba un PC o la Internet. Este curso está espectacular, ha logrado que yo entienda de manera fácil temas que para mí se sentían muy técnicos y me atemorizaba indagar. Muchas gracias

Yo realmente estoy mas por el tema de machie learning, y toma este curso por que queria ver de manera mas detallada como es que funciona el software; sin embargo tambien me esta abriendo al ventana de la programacion web, muy interesante la verdad.

Retomando clases después de dejarlo por 2 meses

Buen video gracias

Siempre aprendiendo cosas nuevas.

Tenia entendido que javaScript era backend

interesante 😃

Gran clase!

Muy buena introducción a las diferentes áreas de la programación.

Hasta el momento mi clase favorita.

El modelo Cliente servidor es un estándar utilizado mundialmente en las tecnologías

El modelo cliente servidor básico para continuar el curso de java definitivo

alguen se dio cuenta que este video es de programacion basica?

Si le dan F12 verán a un gato xd

Excelente aporte.

Super bien, reafirmé nuevamente una clase del curso de programación básica!

que era antes del cliente servidor o cual es la otra arquitectura que se puede ocupar?

Gran introducción al mundo web

cursos a tomar para programación

Para dar contexto rapido y haciendolo facil de digerir para ustedes, recuerden las clases pasadas.

Base de Datos = Disco duro
Backend = Cabecera o Indice

Ya pueden ir sacando sus propias conclusiones.

gracias fredy, por este curso maravilloso gratis, quiero dedicarme al backend y aprender mas.