Computaci贸n, procesadores y memoria

1

C贸mo funcionan los correos electr贸nicos

2

驴Qu茅 es un byte? 驴Qu茅 es un bit?

3

C贸mo funcionan los circuitos electr贸nicos

4

Procesadores y arquitecturas de CPU

5

驴Qu茅 es un system on a chip?

6

Diferencia entre memoria RAM y disco duro

7

GPUs, tarjetas de video y sonido

8

Perif茅ricos y sistemas de entrada de informaci贸n

9

La evoluci贸n de la arquitectura de la computaci贸n

C贸mo funciona Internet

10

Introducci贸n a las redes y protocolos de Internet

11

Puertos y protocolos de red

12

Qu茅 es una direcci贸n IP y el protocolo de Internet

13

Cables submarinos, antenas y sat茅lites en Internet

14

Qu茅 es un dominio, DNS o Domain Name System

15

C贸mo los ISP hacen Quality of Service o QoS

16

C贸mo funciona la velocidad en internet

17

Qu茅 es el Modelo Cliente/Servidor

18

C贸mo funciona un sitio web

19

Internet es m谩s grande de lo que crees

Sistemas operativos

20

Diferencias entre Windows, Linux, Mac, iOS y Android

21

Permisos, niveles de procesos y privilegios de ejecuci贸n

22

Fundamentos de sistemas operativos m贸viles

23

Sistemas operativos embebidos e Internet of Things

Archivos y estructuras de datos

24

Metadatos, cabeceras y extensiones de archivos

25

C贸mo funciona el formato JPG

26

Videos, contenedores, codecs y protocolos

27

C贸mo funciona .zip: 脕rboles binarios

Contenido Bonus

28

Qu茅 es una red neuronal

29

驴Qu茅 es SQL y NoSQL?

30

Qu茅 es un algoritmo

31

El poder de un Raspberry Pi

32

Principios de la ingenier铆a de software sostenible

No tienes acceso a esta clase

隆Contin煤a aprendiendo! 脷nete y comienza a potenciar tu carrera

Qu茅 es el Modelo Cliente/Servidor

17/32
Recursos

Tener un sitio web, es cada vez m谩s complejo, tanto as铆 que podemos tener a diferentes personas de nuestro equipo especializadas totalmente a cada una de estas partes. Por ejemplo, podemos tener un equipo dedicado al Frontend y otro al Backend. Sus funciones son complementarias y vinculantes, m谩s no prescindibles.

驴Cu谩l es la diferencia entre Frontend y Backend?

El frontend es la parte que se 鈥渧e鈥 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 cliente-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 302

Preguntas 55

Ordenar por:

驴Quieres ver m谩s aportes, preguntas y respuestas de la comunidad?

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!

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.

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

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 鈥淣unca 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

Tengo ansias de aprender tantas tecnolog铆as!

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.

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

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.

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

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

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 鈥渆mbeed鈥 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

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

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 馃槄

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.

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

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.

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

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.

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

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

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.

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?

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

驴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 鈥渜ue 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 !

Esoy estudiando al mismo tiempo el curso b谩sico de programaci贸n y este y debo decir: Excelente experiencia de usuario, 5 estrellas Es como en las pelis cuando sale un personaje de otra peli pero del mismo universo

amo este curso, pero se necesita una actualizacion

Por fin entiendo que quieren decir cuando dicen 鈥淔ull 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 鈥淢aligno鈥

(MC)- POST: Puede ser utilizada para enviar formularios al 鈥淕ato鈥 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!