Qué es el Modelo Cliente/Servidor

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

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

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

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

Clase 17 – Qué es el modelo Cliente/Servidor.

¿Cuál es el elemento que cumple el rol de cliente en internet?

• El navegador.

¿Qué parte de la programación ejecutamos en el navegador?

• Frontend.

¿Qué partes de la programación ejecutamos en el servidor?

• Backend.
• Bases de datos.

¿Cuáles son los mundos en los que vivimos los programadores?

• Frontend y Backend.

¿Es importante saber cómo programadores de backend y frontend?

• Si.

¿Los programadores de hoy en día se especializan en backend o frontend?

• Si.

¿Qué bases de datos existen?

• Oracle.
• SQL Server.
• Postgress
• MySQL.
• Mongo DB.

¿Cuáles son las bases de datos más populares?

• MySQL.
• Mongo DB.

¿Qué tipos de bases de datos existen?

• Relacionales
• No relacionales

¿Qué tipo de base de datos es MySQL?

• Relacional.

¿Qué tipo de base de datos es Mongo DB?

• No relacional.

¿Con que lenguaje de programación funciona Mongo DB?

• JavaScript.

¿Qué es el Backend?

• Son los lenguajes de programación que corren en los servidores de internet.

¿Qué lenguajes de programación pueden correr en un servidor?

• PHP.
• Python.
• Node JS.
• Ruby on Rails
• Go.
• Java.

¿El Backend se conecta a la base de datos?

• Si.

¿Cuál es el lenguaje de programación en el Backend más popular?

• PHP.

¿Por qué Node JS es un servidor especial en el Backend?

• Porque es una tecnología que nos permite correr JavaScript en el servidor.

¿Por qué podemos correr JavaScript en el servidor con la ayuda de Node JS?

• Porque Node JS cuenta con un servidor de eventos.

¿JavaScript corre en el Frontend?

• Si.

¿Qué es el servidor?

• Es el software en cual ejecutamos el backend.

¿Cuáles son los software de servidor más populares del mundo?

• Nginx.
• Apache.
• Node JS.

¿Cuál es el software para servidores que usa Microsoft?

• Internet information Server.

¿Qué tecnologías puede correr Internet Information Server?

• C#.
• ASP.
• .NET.

¿Nginx y apache son capaces de correr tecnologías de Microsoft?

• Si.

¿Cuál es el puerto que usan los servidores en internet?

• El puerto 80.

¿Cuáles son las tecnologías que corren en el Frontend?

• HTML.
• CSS.
• JavaScript.

¿En dónde correr las tecnologías de Frontend?

• En el navegador.

¿Hoy en día las tecnologías de Frontend corren en cualquier navegador?

• Si.

¿Cómo le llamamos a un grupo de tecnologías que un programador maneja?

• Stack.

¿Qué Stack existen?

• LAMP.
• MEAN.

¿Qué tecnologías hacen parte del Stack LAMP?

• Linux (sistema operativo).
• Apache (servidor).
• MySQL (base de datos).
• PHP (lenguaje del backend).

¿El Stack LAMP es el más popular para desarrollo web?

• Si.

¿Podemos acceder a toda la base de datos desde el frontend?

• No.

¿A qué parte de la base de datos podemos acceder desde el frontend?

• Únicamente a nuestros datos.

¿Existe una forma que oculte toda la base de datos y no podamos acceder a ella desde el Frontend?

• No.

¿Quién es el que le da acceso al frontes a nuestros datos?

• El backend.

¿Qué métodos existen con los que podemos comunicar el Frontend con el Backend?

• GET.
• POST.
• AJAX.
• Sockets.

¿Cómo sabemos qué el frontend se está comunicando con el backend por medio del método GET?

• Porque en la URL podemos ver que existe un signo de interrogación seguido de una variable y su valor.

¿Qué usamos en el método GET para separar las variables que aparecen en la URL?

• El símbolo &.

¿Deberíamos de usar GET cuando queremos enviar un login al servidor?

• No.

¿Por qué no deberíamos de usar GET en los Log in?

• Porque en la URL aparecería nuestra contraseña y alguien podría copiarla y acceder a nuestra cuenta.

¿Qué método deberíamos usar para enviar datos de un log in?

• POST.

¿Cómo funciona el método POST?

• Es un método en el cual le enviamos al servidor de manera oculta nuestros datos para que no aparezcan en la URL y el servidor valide y nos devuelva otra página.

¿Por qué protocolo se envían los datos enviados con el método POST?

• HTTP.

¿Cómo funciona el método AJAX?

• Es un método en el cual enviamos nuestros datos y el servidor valida si son los correctos. Si los datos son correctos el servidor nos mostrara una pagina diferente, pero sin la necesidad de cambiar la URL y recargar la página.

¿Quién y en donde se empezó a usar el método AJAX?

• Lo invento Microsoft y lo empezaron a usar en Internet Explorer 6.

¿Qué tecnologías hacen parte del Stack MEAN?

• Mongo DB (bases de datos).
• Express (librería de JavaScript para crear sitios web).
• Angular JS (Framework para desarrollar el Frontend).
• Node JS (servidor).

¿Cuál es el Stack de Platzi?

• MySQL (base de datos relacional)
• Ngnix (servidor)
• MongoDB (base de datos no relacional)
• Python (Lenguaje de programación en el backend)
• Django (Framework de Python)
• Go (lenguaje para procesamiento matemático)
• Node JS (servidor con sockets)

¿Para qué nos sirve el método Sockets?

• Nos permite transferir datos Cliente/Servidor en tiempo real.

¿Node JS usa el método Sockets?

• Si.

¿Cuál es la IP de nuestro local host?

• 27.0.0.1

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

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

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.

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”

Repollo

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!

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

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

Entiendo que Platzi ahora maneja PostgreSQL en lugar de MySQL

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

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.

Tengo ansias de aprender tantas tecnologías!

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.

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).

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.

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

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

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.

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!

Me hubiera encantando estudiar tecnologia desde hace 15 anios

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

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

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.

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.

¡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]?

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

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.

STACK MEAN MongoDB Express AngularJS NodeJS

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.

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.

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

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 😅

Quien no ama los gatos 😂😂

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

MEAN ya murio ahora es mas MERN

como que hay mucha publicidad en este video

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

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.

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.

Han pasado 84 años para que por fin entienda la diferencia entre el método POST Y GET

Interesante ya casi empiezo con el curso de programación básica. No pensé que también vaya a trabajar con Arduino. genial!

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

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

Me perdí al ver este vídeo 😮

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.

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

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

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

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.

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.

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?

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

Gran explicacion, por fin ordenar tanto conocimiento que acumulamos.

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

hay muchos sibsistemas dentro de esta gran red!

Interesante no sabia que JavaScript era el lenguaje de programación más revolucionario.

Interesante no sabia que JavaScript era el lenguaje mas revolucionario, mejor pagado y que estuviera en la robotica.

backend
y frontend
genermalmenete los programadores se enfoca en 1 de estas dos cosas pero los bueno prohgramadores saben hacer ambas
bases de datos
mySQL y mongo DB la que mas se usa es mySQL
tecnologias de Backend son lenguajes como
php,pthon java y tambien teconologias como nodejs: este sirve para correr javascrip de el lado del servidor como un servidor de eventos como adisional ver el curso de bakend profesional
los servidores son los softwere que ejecuta el backend
unos de los servidores mas conocidos como
NGINXT apache y nodeja
generalmenete ocupan el puerto 80
esto es personalizable
las tecnologias de frontend son las que corren en el navegador
que son HTML,CSS Y JAVASCRIPT
tambien existen librerias como angualr reatjs sistemas de platillas como jade
cuando tienes aprendido un grupo nde tecnologias se le nombra stack(pila) el stack mas popular es el LAMP(apache mySQLphp)
stack MEAN(mongoDB express Angularjs y nodejs)
por temas de seguridad se divide en backend y fronten para que los datos se puedan mantener seguros
existen diferentes metodos para comunicarse del frontend con el backend
GET :se manda los datos a atraves de la url
este no se usa con usuarios y contraseñas ya que estas generalmente se mandan por formulario
POST:se envian los datos de forma oculta manda los datos en los header del protocolo HTTP
AJAX :es el envio y recepcion de datos sin cambiar la URL llamdo acincronyjavascrptandxml
Sockets:trasmite datos cliente servidor en tiempo real generlamnete se utiliza node js

¿Que es Stack?

Me gusto mucho la retroalimentación que toma del curso programación básica (Siempre es bueno refrescar lo visto 👌)

En esta parte del curso también nos enseñan el reciclaje jajaj

Estudio administración de empresas pero me parece interesante todo esto, aunque no entiendo mucho así que se diga “que bruto, que científico”, pero quiero aprender por que veo que esto es el futuro.

He adquirido mucha inspiración para seguir los cursos de programación de platzi.

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

amo este curso, pero se necesita una actualizacion

Por fin entiendo que quieren decir cuando dicen “Full stack”

Vaya jamas imagine que Freddy haya dicho que cada programador debe seguir su propio camino de FullStack. Bueno me agrada sera interesante complementar los cursos que usare y seran parte de mi como el caso de React. Ahora los complementare con Oracle y Python. Y sere un fullStack increible.

hola aqui les dejo el link de como es que fuciona el cliente servidor tiene unas cosas que creo que nos puede ayudar
https://redespomactividad.weebly.com/modelo-cliente-servidor.html

BACKENT Y EL FORNTEND
tienene dos sud capas el backent y el fronted
la capa lojica se encarga de leer la informacion y traducirla para que el usuario la lea y como se envia esto por medio del API
API es como la cinta tranportadora el backen le envia la informacion al frontend
la capa visual es la etapa final la que nos muesta de forma visual como es la pagina wed
RESUMEN
FRONTEND es la parte que esta del lado del cliente es la parte que muestra sitos wed como imagens ,videos , textos ,
BACKENT esta del lado del servidor es la parte que el cliente no ve. son los codigos que corren en los servidores
es lo que hacede alo que buscamos osea hacede alas bases de datos
BACKENT SE LE DICE CMS O BACKOFFICE
FRONTEND ADD
frontend funciona con JV CSS HTML
backent SQL MONGOB ORACLE

este es el link que habla de los header o cavezeras https://www.cyberclick.es/que-es/header

Espero tener los recursos para comprar el arduino 😃

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.

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