No tienes acceso a esta clase

Para ver esta clase necesitas una suscripción a Platzi

Modelo Cliente/Servidor25/36

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 seria visible para todos.

Ok. Soy el primer comentario. Que orgullo me doy! 

ESTO! es lo que buscaba. Gracias Freddy! Por cierto, Nota interesante: En Venezuela, la empresa mas importante de servicio de internet (CANTV) tiene bloqueado el puerto 80 para los servidores! Solución: 1. Llama a CANTV para desbloquear el puerto. 2. Cambia el puerto!!! 

✨ Realizaremos un proyecto de IoT, creo que se alinea mucho a esa rama.

Es mi primer curso de Programación, y es de Lo Mejor ♥♥

Un pequeño resumen.Gracias por tan valiosa info en este curso.

cuando tenia 23 años me gradue como tecnologo en desarrollo de software, en ese tiempo lo mejor era C++ pero en realidad durante mi vida laboral me enfoque al hardware e instalacion de redes.
hoy que tengo 60 años me dio por retomar desarrollo de aplicaciones.
Freddy eres muy buen maestro, GRACIAS

MODELO CLIENTE / SERVIDOR (Clase 24)

Cliente: Es el navegador que abre tu archivo HTML o JS

COMPLEMENTACION BASES DE DATOS:
-Backend (Servidor) -Frontend(Navegador)

BASES DE DATOS:
-MySQL (Mas común) -MongoDB

BACKEND COMPLEMENTADO:
-php -python -nodeJS
RECUERDA
El Backend actúa como contraseña de los datos de los demás usuarios, pero si el Frontend no tiene Backend los datos de los demas usuarios estarán expuestos a accederse.

SERVIDORES CON PUERTO:
-Nginx -Apache -nodeJS

FRONTEND:
-Html -CSS -JS

STACK LAMP (Grupo de tecnologías):
-Apache -MySQL -php

HEADERS HTTP: permiten al cliente y al servidor enviar información adicional junto a una petición o respuesta.

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.

STACK MEAN (Grupo de tecnologías) (MN):
++(MN) -MongoDB ++: Base de datos no relacional
++ (MN) -Express ++: Librería de JS para crear sitios web
(MN) -AngularJS : Librería de FRONTEND para crear aplicaciones web complejas
(MN) -node JS : Transmite datos de manera inmediata entre el Cliente y el Servidor (SOCKET)

STACK ArduinoBot (AB) :
(AB) -node JS ++ : Correr JS del lado del servidor
++ (AB) -Express :
Librería de nodeJS que permite crear aplicaciones web sobre “node”
++ (AB) -JavaScript++ : Esta del lado del Cliente junto al HTML de toda la vida
RECUERDA
NodeJS es ocupado porque un HTML no tiene acceso a un dispositivo, pero un servidor actual como un programa nativo (Los programas nativos tienen acceso a cualquier dispositivo, incluyendo el puerto USB)

Ya faltan pocos vídeos “clases” para culminar el nuevo Curso Básico 2016. Es por ello y antes que se me olvide, quiero expresarles a ustedes (Platzi), mis felicitaciones, se ve que han mejorado exponencialmente la didáctica de enseñanza, Freddy el timing o ritmo de este curso es perfecto, ahora si se nota más una pos-producción en las clases “videos”, en comparación del curso básico 2014. Felicidades por el gran esfuerzo que le están poniendo día a día a esta StartUp!

Yo soy abogado, estoy aprovechando mis vacaciones para culminar este curso Básico, pero la calidad y el nivel de enseñanza que dan, me hace pensar en subscribirme pronto.

Saludos!

Apuntes de clase :

Backend => Es el código que corre en los servidores, en las máquinas que están en la nube, es el codigo que realmente se conecta a la DB.(php, phyton, NodeJs).
NodeJS => Es una tecnología muy particular ya que te permite correr JS del lado del Servidor, utilizando un servidor de eventos.
Servidor => Software que se encarga de hacer que corran todo el código Backend en el DB, así como un navegador hace lo mismo con el código Frontend, toma la url ingresada, procesa internamente la petición y devuelve los resultados.
IIS(Internet Information Service) => Servidor que corre bajo la tecnología de Microsoft(C# y otros).
Puertos => son los canales utilizados para el intercambio de información, es completamente personalizable.
Frontend => Tecnología que corre dentro del navegador, los 3 elementos fundamentales son HTML,CSS y JS y son compatibles con todos los navegadores existentes.
Existen complementos que se utilizan con estos, como librerías(Angular, ReactJS) pre procesadores(Stylus) y sistemas de plantillas(Jade).
Stack => Es una cleccion de tecnologías, tanto DB, Backend y Frontend, el Stack mas conocido y utilizado es el LAMP(Linux/Apache/Mysql/PHP).
Métodos de comunicación del Frontend al Backend => Se utilizan principalmente 4 protocolos: GET,POST,AJAX,Socket
GET => Enviar al servidor unas variables a través de la URL para que las procese, no es un tipode envío de datos recomendado cuando se trata de enviar datos confidenciales ya que carece de seguridad y es fácilmente hackeable.
POST => Es enviar datos a través de formularios, colocando los datos por debajo de la URL, a modo de ocultar los datos evitando su hackeo.
AJAX(Asynchonous Java and XML) Es un protocolo de intercambio de datos que permite actualizar datos sin refrescar la URL
Socket => Opción para transmitir datos cliente/servidor en tiempo real.
DJango => Liberia de Python
Arduino => Placa electrónica que puede utilizarse cuando se desea realizar algún proyecto electrónico.
Express => Librería de NodeJS que nos permite crear aplicaciones Web sobre NodeJS.

Aquí les dejo mis apuntes de la clase. Espero les sirvan 😄
ApuntesCliente-Servidor.png

Si llegaron hasta aca , desde cero y aun se sienten perdidos. les recomiendo aprender a programar con el curso de python de david aroesti aca en platzi . Freddy es un genio , pero David es mejor profesor de lejos , si deseas aprender realmente desde 0. es mas pausado , paciente , realmente logra anclarte los conceptos. ese siento que es el mejor aporte que puedo dar hasta ahora. NO SE DESANIMEN.

Por que quitaron el diagrama de flujo del cajero automático y el programa del cajero automático?

Mil gracias Freddy, pero también mil gracias Cristian, y a todos los que están ayudando a los que soñamos algún día acceder a algo así sin ir a una universidad (también soy de los que piensan que las universidades hace un siglo perdieron su calidad y objetivo, que lo diga mi abuelo barbero, autodidacta de la barbería jejeje, que dejó herencia a su familia, y sin cartón). Estoy tratando de ahorrar para lograr acceder a los cursos. Incluso en Platzi me están brindado oportunidades para pagar los cursos, solamente que no estoy en mi mejor momento económico, pero algún día avanzaré más en esto y estoy seguro que será con ustedes. GRACIAS A TODOS

estaba ansioso de llegar al cajero automático y veo que lo quitaron, 😦

Hola a todos. La verdad ha sido gratificante poder encontrar espacios como estos donde verdaderamente se aprende. Aprecio mucho que existan personas que su pasión sea compartir su conocimiento y que tengan un verdadero interés en que otros aprendan. No tengo experticia en el campo y la verdad no encontraba muy atractiva la programación. Sin embargo, he visto que puede ser una herramienta que podría usar para hacer un poco más cómodo el día a día de alguien más y eso es suficiente para mí. Muchas gracias!!

En verdad estoy fascinado con la plataforma y todos los cursos, no solo por lo didácticos que son, sino que también, por la calidad de la información que se te proporciona. No me queda mas que agradecer por esta increíble página, ¡GRACIAS!.

Saludos a todos. Recuerden siempre dar el 1000%.

Para todas las palabras raras platzi tiene un glosario lo acabo de descubrir y aqui se los comparto

https://platzi.com/glosario/

mucha información en poco tiempo xd, no tan rápido cerebrito

En esos 16 min has condensado una gran cantidad de información. Me ha permitido entender un poco todo el basamento WEB. Gracias

He realizado paso a paso lo que he visto hasta hoy. La pregunta es: puedo continuar con el curso de Java Script, así no domine lo que se ha visto de programación básica? Hago la pregunta, por que me ha costado seguir el paso y claro me lleva mas tiempo asimilarlo completamente. Se ve que la mayoría de los compañeros son muy hábiles en este campo. Asi me demore mas tiempo, quiero aprender a programar, me gusta.

meencanta esta clase 😄

Definitivamente me quiero dedicar full a JavaScript y de ahí partir a otros lenguajes 😄!!

Estoy tan feliz de estar haciendo este curso basico, como muchos estoy desde 0, y espero poder hacer muchas carreras mas en PLATZI. GRACIAS!

no entendí nada jaja salu2

Frontend y Backend
Normalmente la forma en que trabajan estos 2 son:
El Frontend se conecta al Backend y el Backend se conecta a la base de datos(servidor) y decide a que datos acceder y que datos traer de regreso al Frontend.

Frontend:
Son las tecnologías que corren del lado del navegador, las 3 mas fundamentales son: HTML, CSS y Javascript.
No se accede a bases de datos a través del Frontend.

Backend:
Es la capa de acceso a datos que accede directamente a la base de datos (servidor). No es directamente accesible por los usuarios, algunos lenguajes utilizados para el Backend son: Python, PHP, Ruby, C# y Java

Aún me cuesta un poco los algoritmos pero voy avanzado… Gracias Freddy

ESTE CURSO ES MAS ADICTIVO QUE BREAKING BAD!!!

Como que no es un curso tan básico en realidad 😂

¿Alguien siente que este cursos básico? No fue tan básico, pero feliz de aprender mucho más.

mi cepillo de dientes no esta programado en javascript :c xD

Les comparto éste link, ¡seguro les va a interesar!
https://platzi.com/blog/conoce-personas-increibles-como-tu/

Me ha encantado todo de este curso, mil gracias, Platzi, mil gracias Freddy, eres una increíble persona que logras comunicar exactamente lo que quieres.

Yo estoy actualmente estudiando Ing. de Computación en Vzla en la Universidad Simón Bolívar, y por los muchos acontecimientos que han ocurrido, la Universidad no ha estado funcionando de forma normal y hemos perdido muchísimas clases y tiempo (entre muchísimas otras cosas que no tienen relación a la Universidad pero en calidad humana y de vida), y este curso ha sido una ayuda gigante para mí, ya que a pesar de tantas dificultades, he podido seguir aprendiendo y motivándome para mi futuro.

Así que gracias a todos los que han colaborado de alguna forma con la creación de este contenido, espero que siga sacando provecho a todos los que se permitan aprender.

Mi visión es llegar a ser Nivel FullStack y DevOps and Machine Learning, ser un Desarrollador mas integral y que sepa como moverse en la nube para ejecutar sistemas de protección masivos, como prevenir ataques de alto riesgo de grandes redes y bases de dato en edificios de gran abastecimiento de servidores, o proteger el sistema de una casa inteligente, ese tipo de actividad tecnológica me apasiona más, pero primero hay que empezar con pasos pequeños y estudiar lo que uno puede costear y aprovechar cualquier oportunidad de estudio que la vida te presente. Todo lo que es Aprendizaje bienvenido sea!

Muy bueno el curso de programación, quiero agradecerles por despertar esa curiosidad que tenia apagada sobre la tecnología.

He aprendido mas aquí que en 4 semestres

Reitero, te amamos Freddy ♥

backend.jpg

Es mi primer curso de programación. Voy aprendiendo poco a poco. A ratos me pierdo con tanta información. Pero entiendo que el curso busca ofrecernos una visión general de todo para que profundicemos.

Javascript es incomparable. Ha llegado al punto en el que en él giran programadores dedicados al diseño y otros al servidor. Y no únicamente existen personas realizando paginas web y aplicaciones para las mismas… existe Electronjs, creamos hasta aplicaciones de escritorio y móviles. Es un mundo infinito.

me gusta el frontend pero tambien me gustan las tegnologia como python y nodejs. todavía nose exactamente si me voy por frontend o bakend primero. 

Una pequeña explicación con un gran contenido, he aprendido y abierto mas mi mente!!
Ya falta cada día menos de clase de mi primer curso de programación. Felicidades por el gran esfuerzo que le están poniendo día a día a esta StartUp!

Yo voy por ser FullStack dev especializado en frontend.

no sé cuál elegir, estoy perdido

Soy estudiante de Ingeniería Electrónica y saber que con un servidor local tambien puedo controlar los dispositivos del sistema se me abre un mundo de posibilidades, ya no solo para controlar un arduino por usb, tambien a travez de bluetooth o cualquier otra placa de desarrollo, como una Raspberry. IMPRESIONANTE¡¡¡¡, creo que apesar de que me guste el diseño, la interactividad que puede dar JS desde el frontend, me ire por el lado del backend.

Es increíble la evolución de Platzi (desde el 2014) pero lo que mas me gusta es como ha mejorado <strong> Freddier </strong> con sus clases, definitivamente eto es Cultura Platzi Felicitaciones!!!

Hasta ahorita, todo genial!

Muy feliz con el curso, llevo dos años aprendiendo a programar haciéndome las mismas preguntas y aquí te las responde perfectamente en 2 minutos. Voy por todo 😃

Que emoción

Se puede utilizar otro puerto que no sea el 80?

Frontend Html5, CSS, JS

Backend Php, python, nodeJs

Bases de datos MySQL MongoDB

Servidor NGNX, Apache, NodeJs

Stack LAMP linux, Apache, MySQL, Php

Get, Post, Ajax, Sockets

Stack MEAN MongoDB, Express, Angular, NodeJs

Yo estoy muy decidido a convertirme en un desarrollador Frontend

Cuantas tecnologias, esto se pone interesante!

Excelente información para los programadores!

Grandioso, es hora de aprender.

repetí este vídeo 4 beses ya

buena explicacion aun que yo soy algo lento y me toma algo de tiempo entender pero se entiende perfecto aunque debo tomarme mi tiempo, pero esta bien expliicado, bien a dar el paso siguiente

¿Qué otros recursos han usado para entender mejor las clases?

Wow, vaya resumen, tome muchas notas 😄

Me siento muy feliz de estar en este curso
Gracias fredy

28/09/20: Es increíble ver cuánto ha cambiado la plataforma de Platzi y las carreras (y ahora escuelas) que ofrece. No puedo ni imaginarme lo que pasará dentro de 5 años.

me puse la meta de aprender este cuerso porque quiero ser como mi papá

Freddy eres el mejor profesor de programación, aun si tengo 11 años he entendido todo lo q explicas. Posdata: Eres el mejor 😃

Woow que emición ya suscrita a expert+ ahora a aprovecharlo a máximo

QUÉ PASO CON EL CAJERO AUTOMATICO??? NO LO CONSIGO. AYUDA QUE ESTOY HACIENDO LA PRACTICA. QUE SABOTEO POR DIOS!!!

realmente es muy confuso para un novato, en esto…! … deberian explcar, mejor por que e tomado notas, y ni eso aconsejan.! y leyendolas es un poco complejo leerlas.!
de igual manera gracias, y espero esto me funcione para los proximos cursos y la carrera que tomare sobre ingenieria de software bendiciones y mil gracias.!

El servidor es un software que agarra la URL que le colocas en un puerto y te muestra los resultados. El puerto casi siempre es el puerto 80 (http).

Métodos para comunicarme desde el Frontend (HTML, CSS y JS) con el Backend:
- GET: es cuando le mandas a traves de la URL al servidor unas variables y quedan en la URL. ej: blabla.com/varx=valor1&vary=valor2
- POST: es enviar variables como formularios a traves de cambiar la URLpero sin colocar los datos en la URL sino en los headers HTTP, se usa para enviar formularios de manera segura (ej: usuario y contraseña)
**- AJAX: **cambios dentro del body sin recargar la página (ej: cando agregas un comentario en Facebook)

Un ejemplo de Stack popular:
MEAN: usas algún servidor como NGINX o Node js, usas Mongo DB como base no relacional*, usas Express como librería de Javascript para crear sitios web, y usas Angular Js que es una librería de Fontend para hacer más fácil crear aplicaciones web complejas.

*las bases datos no relacionales son las que no tienen un identificador que sirva de relación entre un conjunto de datos y otros.

En mi opinion lo mejor seria se fullstack developer,osea,poder crear tu propio sitio web del lado del backend y frontend.

Es gracioso como explica y con el ejemplo de gato ,lo he visto 6 veces ya

@Platzi ha hecho que me enamore de JavaScript, programar en JavaScript es sencillo, al inicio le tenia miedo al lenguaje. Gracias @freddier por hacerlo facil.

Stack MEAN

Exelente curso, explicas muy bien todo ^^ gracias a este curso he aprendido mucho de javascript el lenguaje que mas me atrae junto con c#, espero pronto mejore la situación de mi pais (venezuela) para poder pagar y disfrutar de estos maravillosos cursos, sigan asi ofreciendo este contenido de tan alta calidad… Felicidades a todo el team platzi! y gracias por este curso gratis ^^

Excelente explicación, gracias Freddy y felicitaciones por su proyecto Platzi 

Muy bueno!
Gracias Freddy

si me saltara el paso de BACKEND tendria todo

Muchas gracias, esto es cuando un “maestro” o “tutor” tiene ese animo de enseñar… hemos visto que en la tipica escuela, con los años los maestros se vuelven personas frustradas (no todos, pero si que la mayoria) y te joden tu existencia en el cole.
aqui freddy no tiene que repetir esta clase 4 o 5 veces al dia. eso me lleva a que los maestros deberian de cambiar su manera de enseñar.

soy nuevo en el estudio de programacion, estoy seguro de que con el paso de los dias sere programador, joven Fredy gracias por sus enseñanazas y gran profesionalismo para enseñar, tengo falencias con internet por eso voy tan lento

Sin palabra freddy este es el mejor curso que he visto he visto otros curso y no explican tan genial como lo explican en platzi mejor imposible saludos desde venezuela

Esto esta bien para comenzar. El modelo de tres capas ya tiene 20 años y en estos tiempos existen nuevos paradigmas de diseño de la arquitectura. Les comparto un articulo de Gartner -https://www.gartner.com/binaries/content/assets/events/keywords/applications/apps20i/retire_the_threetier_applica_308298.pdf

Stack

nunca imagine aprender tanto en verdad eh visto a lo largo de mi carrera muchos cursos y este es el mas completo y mejor si no fuera por mi falta de plata estuviera premium

Felicidades Freddy, yo ya soy programador, aun asi decidi tomar este curso y la verdad es que vale mucho la pena, todo el contenido es interesante y enfocado, a continuniar aprendiendo 😄

Excelente explicación Freddy

Hace unos años en el colegio el profesor de Tecnología nos enseño sobre MySQL.

Gracias a este curso eh ido ganando experiencia en programación. Freddy eres un gran maestro.

Será bastante interesante combinarlo con arduino.

Métodos para conectarse del Frontend al Backend

Por fin e estado esperando esto

Excelente explicación del mundo del programador profesional

NO me IMAGINABA aprender a usar ARDUINO en este curso… realmente gracias a PLATZI!!

Excellent Freddy!! Este curso ha sido lo mejor, muy simple, interactivo y educativo … Sin duda alguna seguiré con los otros cursos de Backend GRACIAS. (y)

Muy buenas tardes, este curso de Programación Básica con Javascript es magnífico!!!, Estoy muy a gusto de haberlo tomado. Ya tengo el camino abierto para seguir en la programación. Y de la mano de Platzi tengo todas las señales de tránsito a mi favor. Muchas gracias Freddy Vega por ser el instructor de este curso. Agradezco de gran manera manera tu gesto para con nosotros, Dios te bendiga y bendiga a Platzi también.

No me canso de decirlo y es que es impresionante como he aprendido más aquí que en 4 años de carrera.

Gracias por todo lo enseñado freddy, excelente maestro!

es muy interesante como freddy puede enseñar tanta informacion en un solo video de 16 minutos y ademas de q es facil de entender

Creo que no hay forma mas clara de explicar como funciona Cliente/Servidor… Simplemente Excelente!!!

Excelente curso y les recomiendo a todos que vayan por los otros cursos que nos recomendaron en el vídeo, yo igual voy a seguir aprendiendo con platzi me parece el mejor método de enseñanza.

graciass

muy buen curso

gracias por el video

Este curso está muy bueno 😃

Gran curso!

Ok. Soy el primer comentario. Que orgullo me doy! 

ESTO! es lo que buscaba. Gracias Freddy! Por cierto, Nota interesante: En Venezuela, la empresa mas importante de servicio de internet (CANTV) tiene bloqueado el puerto 80 para los servidores! Solución: 1. Llama a CANTV para desbloquear el puerto. 2. Cambia el puerto!!! 

✨ Realizaremos un proyecto de IoT, creo que se alinea mucho a esa rama.

Es mi primer curso de Programación, y es de Lo Mejor ♥♥

Un pequeño resumen.Gracias por tan valiosa info en este curso.

cuando tenia 23 años me gradue como tecnologo en desarrollo de software, en ese tiempo lo mejor era C++ pero en realidad durante mi vida laboral me enfoque al hardware e instalacion de redes.
hoy que tengo 60 años me dio por retomar desarrollo de aplicaciones.
Freddy eres muy buen maestro, GRACIAS

MODELO CLIENTE / SERVIDOR (Clase 24)

Cliente: Es el navegador que abre tu archivo HTML o JS

COMPLEMENTACION BASES DE DATOS:
-Backend (Servidor) -Frontend(Navegador)

BASES DE DATOS:
-MySQL (Mas común) -MongoDB

BACKEND COMPLEMENTADO:
-php -python -nodeJS
RECUERDA
El Backend actúa como contraseña de los datos de los demás usuarios, pero si el Frontend no tiene Backend los datos de los demas usuarios estarán expuestos a accederse.

SERVIDORES CON PUERTO:
-Nginx -Apache -nodeJS

FRONTEND:
-Html -CSS -JS

STACK LAMP (Grupo de tecnologías):
-Apache -MySQL -php

HEADERS HTTP: permiten al cliente y al servidor enviar información adicional junto a una petición o respuesta.

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.

STACK MEAN (Grupo de tecnologías) (MN):
++(MN) -MongoDB ++: Base de datos no relacional
++ (MN) -Express ++: Librería de JS para crear sitios web
(MN) -AngularJS : Librería de FRONTEND para crear aplicaciones web complejas
(MN) -node JS : Transmite datos de manera inmediata entre el Cliente y el Servidor (SOCKET)

STACK ArduinoBot (AB) :
(AB) -node JS ++ : Correr JS del lado del servidor
++ (AB) -Express :
Librería de nodeJS que permite crear aplicaciones web sobre “node”
++ (AB) -JavaScript++ : Esta del lado del Cliente junto al HTML de toda la vida
RECUERDA
NodeJS es ocupado porque un HTML no tiene acceso a un dispositivo, pero un servidor actual como un programa nativo (Los programas nativos tienen acceso a cualquier dispositivo, incluyendo el puerto USB)

Ya faltan pocos vídeos “clases” para culminar el nuevo Curso Básico 2016. Es por ello y antes que se me olvide, quiero expresarles a ustedes (Platzi), mis felicitaciones, se ve que han mejorado exponencialmente la didáctica de enseñanza, Freddy el timing o ritmo de este curso es perfecto, ahora si se nota más una pos-producción en las clases “videos”, en comparación del curso básico 2014. Felicidades por el gran esfuerzo que le están poniendo día a día a esta StartUp!

Yo soy abogado, estoy aprovechando mis vacaciones para culminar este curso Básico, pero la calidad y el nivel de enseñanza que dan, me hace pensar en subscribirme pronto.

Saludos!

Apuntes de clase :

Backend => Es el código que corre en los servidores, en las máquinas que están en la nube, es el codigo que realmente se conecta a la DB.(php, phyton, NodeJs).
NodeJS => Es una tecnología muy particular ya que te permite correr JS del lado del Servidor, utilizando un servidor de eventos.
Servidor => Software que se encarga de hacer que corran todo el código Backend en el DB, así como un navegador hace lo mismo con el código Frontend, toma la url ingresada, procesa internamente la petición y devuelve los resultados.
IIS(Internet Information Service) => Servidor que corre bajo la tecnología de Microsoft(C# y otros).
Puertos => son los canales utilizados para el intercambio de información, es completamente personalizable.
Frontend => Tecnología que corre dentro del navegador, los 3 elementos fundamentales son HTML,CSS y JS y son compatibles con todos los navegadores existentes.
Existen complementos que se utilizan con estos, como librerías(Angular, ReactJS) pre procesadores(Stylus) y sistemas de plantillas(Jade).
Stack => Es una cleccion de tecnologías, tanto DB, Backend y Frontend, el Stack mas conocido y utilizado es el LAMP(Linux/Apache/Mysql/PHP).
Métodos de comunicación del Frontend al Backend => Se utilizan principalmente 4 protocolos: GET,POST,AJAX,Socket
GET => Enviar al servidor unas variables a través de la URL para que las procese, no es un tipode envío de datos recomendado cuando se trata de enviar datos confidenciales ya que carece de seguridad y es fácilmente hackeable.
POST => Es enviar datos a través de formularios, colocando los datos por debajo de la URL, a modo de ocultar los datos evitando su hackeo.
AJAX(Asynchonous Java and XML) Es un protocolo de intercambio de datos que permite actualizar datos sin refrescar la URL
Socket => Opción para transmitir datos cliente/servidor en tiempo real.
DJango => Liberia de Python
Arduino => Placa electrónica que puede utilizarse cuando se desea realizar algún proyecto electrónico.
Express => Librería de NodeJS que nos permite crear aplicaciones Web sobre NodeJS.

Aquí les dejo mis apuntes de la clase. Espero les sirvan 😄
ApuntesCliente-Servidor.png

Si llegaron hasta aca , desde cero y aun se sienten perdidos. les recomiendo aprender a programar con el curso de python de david aroesti aca en platzi . Freddy es un genio , pero David es mejor profesor de lejos , si deseas aprender realmente desde 0. es mas pausado , paciente , realmente logra anclarte los conceptos. ese siento que es el mejor aporte que puedo dar hasta ahora. NO SE DESANIMEN.

Por que quitaron el diagrama de flujo del cajero automático y el programa del cajero automático?

Mil gracias Freddy, pero también mil gracias Cristian, y a todos los que están ayudando a los que soñamos algún día acceder a algo así sin ir a una universidad (también soy de los que piensan que las universidades hace un siglo perdieron su calidad y objetivo, que lo diga mi abuelo barbero, autodidacta de la barbería jejeje, que dejó herencia a su familia, y sin cartón). Estoy tratando de ahorrar para lograr acceder a los cursos. Incluso en Platzi me están brindado oportunidades para pagar los cursos, solamente que no estoy en mi mejor momento económico, pero algún día avanzaré más en esto y estoy seguro que será con ustedes. GRACIAS A TODOS

estaba ansioso de llegar al cajero automático y veo que lo quitaron, 😦

Hola a todos. La verdad ha sido gratificante poder encontrar espacios como estos donde verdaderamente se aprende. Aprecio mucho que existan personas que su pasión sea compartir su conocimiento y que tengan un verdadero interés en que otros aprendan. No tengo experticia en el campo y la verdad no encontraba muy atractiva la programación. Sin embargo, he visto que puede ser una herramienta que podría usar para hacer un poco más cómodo el día a día de alguien más y eso es suficiente para mí. Muchas gracias!!

En verdad estoy fascinado con la plataforma y todos los cursos, no solo por lo didácticos que son, sino que también, por la calidad de la información que se te proporciona. No me queda mas que agradecer por esta increíble página, ¡GRACIAS!.

Saludos a todos. Recuerden siempre dar el 1000%.

Para todas las palabras raras platzi tiene un glosario lo acabo de descubrir y aqui se los comparto

https://platzi.com/glosario/

mucha información en poco tiempo xd, no tan rápido cerebrito

En esos 16 min has condensado una gran cantidad de información. Me ha permitido entender un poco todo el basamento WEB. Gracias

He realizado paso a paso lo que he visto hasta hoy. La pregunta es: puedo continuar con el curso de Java Script, así no domine lo que se ha visto de programación básica? Hago la pregunta, por que me ha costado seguir el paso y claro me lleva mas tiempo asimilarlo completamente. Se ve que la mayoría de los compañeros son muy hábiles en este campo. Asi me demore mas tiempo, quiero aprender a programar, me gusta.

meencanta esta clase 😄

Definitivamente me quiero dedicar full a JavaScript y de ahí partir a otros lenguajes 😄!!

Estoy tan feliz de estar haciendo este curso basico, como muchos estoy desde 0, y espero poder hacer muchas carreras mas en PLATZI. GRACIAS!

no entendí nada jaja salu2

Frontend y Backend
Normalmente la forma en que trabajan estos 2 son:
El Frontend se conecta al Backend y el Backend se conecta a la base de datos(servidor) y decide a que datos acceder y que datos traer de regreso al Frontend.

Frontend:
Son las tecnologías que corren del lado del navegador, las 3 mas fundamentales son: HTML, CSS y Javascript.
No se accede a bases de datos a través del Frontend.

Backend:
Es la capa de acceso a datos que accede directamente a la base de datos (servidor). No es directamente accesible por los usuarios, algunos lenguajes utilizados para el Backend son: Python, PHP, Ruby, C# y Java

Aún me cuesta un poco los algoritmos pero voy avanzado… Gracias Freddy

ESTE CURSO ES MAS ADICTIVO QUE BREAKING BAD!!!

Como que no es un curso tan básico en realidad 😂

¿Alguien siente que este cursos básico? No fue tan básico, pero feliz de aprender mucho más.

mi cepillo de dientes no esta programado en javascript :c xD

Les comparto éste link, ¡seguro les va a interesar!
https://platzi.com/blog/conoce-personas-increibles-como-tu/

Me ha encantado todo de este curso, mil gracias, Platzi, mil gracias Freddy, eres una increíble persona que logras comunicar exactamente lo que quieres.

Yo estoy actualmente estudiando Ing. de Computación en Vzla en la Universidad Simón Bolívar, y por los muchos acontecimientos que han ocurrido, la Universidad no ha estado funcionando de forma normal y hemos perdido muchísimas clases y tiempo (entre muchísimas otras cosas que no tienen relación a la Universidad pero en calidad humana y de vida), y este curso ha sido una ayuda gigante para mí, ya que a pesar de tantas dificultades, he podido seguir aprendiendo y motivándome para mi futuro.

Así que gracias a todos los que han colaborado de alguna forma con la creación de este contenido, espero que siga sacando provecho a todos los que se permitan aprender.

Mi visión es llegar a ser Nivel FullStack y DevOps and Machine Learning, ser un Desarrollador mas integral y que sepa como moverse en la nube para ejecutar sistemas de protección masivos, como prevenir ataques de alto riesgo de grandes redes y bases de dato en edificios de gran abastecimiento de servidores, o proteger el sistema de una casa inteligente, ese tipo de actividad tecnológica me apasiona más, pero primero hay que empezar con pasos pequeños y estudiar lo que uno puede costear y aprovechar cualquier oportunidad de estudio que la vida te presente. Todo lo que es Aprendizaje bienvenido sea!

Muy bueno el curso de programación, quiero agradecerles por despertar esa curiosidad que tenia apagada sobre la tecnología.

He aprendido mas aquí que en 4 semestres

Reitero, te amamos Freddy ♥

backend.jpg

Es mi primer curso de programación. Voy aprendiendo poco a poco. A ratos me pierdo con tanta información. Pero entiendo que el curso busca ofrecernos una visión general de todo para que profundicemos.

Javascript es incomparable. Ha llegado al punto en el que en él giran programadores dedicados al diseño y otros al servidor. Y no únicamente existen personas realizando paginas web y aplicaciones para las mismas… existe Electronjs, creamos hasta aplicaciones de escritorio y móviles. Es un mundo infinito.

me gusta el frontend pero tambien me gustan las tegnologia como python y nodejs. todavía nose exactamente si me voy por frontend o bakend primero. 

Una pequeña explicación con un gran contenido, he aprendido y abierto mas mi mente!!
Ya falta cada día menos de clase de mi primer curso de programación. Felicidades por el gran esfuerzo que le están poniendo día a día a esta StartUp!

Yo voy por ser FullStack dev especializado en frontend.

no sé cuál elegir, estoy perdido

Soy estudiante de Ingeniería Electrónica y saber que con un servidor local tambien puedo controlar los dispositivos del sistema se me abre un mundo de posibilidades, ya no solo para controlar un arduino por usb, tambien a travez de bluetooth o cualquier otra placa de desarrollo, como una Raspberry. IMPRESIONANTE¡¡¡¡, creo que apesar de que me guste el diseño, la interactividad que puede dar JS desde el frontend, me ire por el lado del backend.

Es increíble la evolución de Platzi (desde el 2014) pero lo que mas me gusta es como ha mejorado <strong> Freddier </strong> con sus clases, definitivamente eto es Cultura Platzi Felicitaciones!!!

Hasta ahorita, todo genial!

Muy feliz con el curso, llevo dos años aprendiendo a programar haciéndome las mismas preguntas y aquí te las responde perfectamente en 2 minutos. Voy por todo 😃

Que emoción

Se puede utilizar otro puerto que no sea el 80?

Frontend Html5, CSS, JS

Backend Php, python, nodeJs

Bases de datos MySQL MongoDB

Servidor NGNX, Apache, NodeJs

Stack LAMP linux, Apache, MySQL, Php

Get, Post, Ajax, Sockets

Stack MEAN MongoDB, Express, Angular, NodeJs

Yo estoy muy decidido a convertirme en un desarrollador Frontend

Cuantas tecnologias, esto se pone interesante!

Excelente información para los programadores!

Grandioso, es hora de aprender.

repetí este vídeo 4 beses ya

buena explicacion aun que yo soy algo lento y me toma algo de tiempo entender pero se entiende perfecto aunque debo tomarme mi tiempo, pero esta bien expliicado, bien a dar el paso siguiente

¿Qué otros recursos han usado para entender mejor las clases?

Wow, vaya resumen, tome muchas notas 😄

Me siento muy feliz de estar en este curso
Gracias fredy

28/09/20: Es increíble ver cuánto ha cambiado la plataforma de Platzi y las carreras (y ahora escuelas) que ofrece. No puedo ni imaginarme lo que pasará dentro de 5 años.

me puse la meta de aprender este cuerso porque quiero ser como mi papá

Freddy eres el mejor profesor de programación, aun si tengo 11 años he entendido todo lo q explicas. Posdata: Eres el mejor 😃

Woow que emición ya suscrita a expert+ ahora a aprovecharlo a máximo

QUÉ PASO CON EL CAJERO AUTOMATICO??? NO LO CONSIGO. AYUDA QUE ESTOY HACIENDO LA PRACTICA. QUE SABOTEO POR DIOS!!!

realmente es muy confuso para un novato, en esto…! … deberian explcar, mejor por que e tomado notas, y ni eso aconsejan.! y leyendolas es un poco complejo leerlas.!
de igual manera gracias, y espero esto me funcione para los proximos cursos y la carrera que tomare sobre ingenieria de software bendiciones y mil gracias.!

El servidor es un software que agarra la URL que le colocas en un puerto y te muestra los resultados. El puerto casi siempre es el puerto 80 (http).

Métodos para comunicarme desde el Frontend (HTML, CSS y JS) con el Backend:
- GET: es cuando le mandas a traves de la URL al servidor unas variables y quedan en la URL. ej: blabla.com/varx=valor1&vary=valor2
- POST: es enviar variables como formularios a traves de cambiar la URLpero sin colocar los datos en la URL sino en los headers HTTP, se usa para enviar formularios de manera segura (ej: usuario y contraseña)
**- AJAX: **cambios dentro del body sin recargar la página (ej: cando agregas un comentario en Facebook)

Un ejemplo de Stack popular:
MEAN: usas algún servidor como NGINX o Node js, usas Mongo DB como base no relacional*, usas Express como librería de Javascript para crear sitios web, y usas Angular Js que es una librería de Fontend para hacer más fácil crear aplicaciones web complejas.

*las bases datos no relacionales son las que no tienen un identificador que sirva de relación entre un conjunto de datos y otros.

En mi opinion lo mejor seria se fullstack developer,osea,poder crear tu propio sitio web del lado del backend y frontend.

Es gracioso como explica y con el ejemplo de gato ,lo he visto 6 veces ya

@Platzi ha hecho que me enamore de JavaScript, programar en JavaScript es sencillo, al inicio le tenia miedo al lenguaje. Gracias @freddier por hacerlo facil.

Stack MEAN

Exelente curso, explicas muy bien todo ^^ gracias a este curso he aprendido mucho de javascript el lenguaje que mas me atrae junto con c#, espero pronto mejore la situación de mi pais (venezuela) para poder pagar y disfrutar de estos maravillosos cursos, sigan asi ofreciendo este contenido de tan alta calidad… Felicidades a todo el team platzi! y gracias por este curso gratis ^^

Excelente explicación, gracias Freddy y felicitaciones por su proyecto Platzi 

Muy bueno!
Gracias Freddy

si me saltara el paso de BACKEND tendria todo

Muchas gracias, esto es cuando un “maestro” o “tutor” tiene ese animo de enseñar… hemos visto que en la tipica escuela, con los años los maestros se vuelven personas frustradas (no todos, pero si que la mayoria) y te joden tu existencia en el cole.
aqui freddy no tiene que repetir esta clase 4 o 5 veces al dia. eso me lleva a que los maestros deberian de cambiar su manera de enseñar.

soy nuevo en el estudio de programacion, estoy seguro de que con el paso de los dias sere programador, joven Fredy gracias por sus enseñanazas y gran profesionalismo para enseñar, tengo falencias con internet por eso voy tan lento

Sin palabra freddy este es el mejor curso que he visto he visto otros curso y no explican tan genial como lo explican en platzi mejor imposible saludos desde venezuela

Esto esta bien para comenzar. El modelo de tres capas ya tiene 20 años y en estos tiempos existen nuevos paradigmas de diseño de la arquitectura. Les comparto un articulo de Gartner -https://www.gartner.com/binaries/content/assets/events/keywords/applications/apps20i/retire_the_threetier_applica_308298.pdf

Stack

nunca imagine aprender tanto en verdad eh visto a lo largo de mi carrera muchos cursos y este es el mas completo y mejor si no fuera por mi falta de plata estuviera premium

Felicidades Freddy, yo ya soy programador, aun asi decidi tomar este curso y la verdad es que vale mucho la pena, todo el contenido es interesante y enfocado, a continuniar aprendiendo 😄

Excelente explicación Freddy

Hace unos años en el colegio el profesor de Tecnología nos enseño sobre MySQL.

Gracias a este curso eh ido ganando experiencia en programación. Freddy eres un gran maestro.

Será bastante interesante combinarlo con arduino.

Métodos para conectarse del Frontend al Backend

Por fin e estado esperando esto

Excelente explicación del mundo del programador profesional

NO me IMAGINABA aprender a usar ARDUINO en este curso… realmente gracias a PLATZI!!

Excellent Freddy!! Este curso ha sido lo mejor, muy simple, interactivo y educativo … Sin duda alguna seguiré con los otros cursos de Backend GRACIAS. (y)

Muy buenas tardes, este curso de Programación Básica con Javascript es magnífico!!!, Estoy muy a gusto de haberlo tomado. Ya tengo el camino abierto para seguir en la programación. Y de la mano de Platzi tengo todas las señales de tránsito a mi favor. Muchas gracias Freddy Vega por ser el instructor de este curso. Agradezco de gran manera manera tu gesto para con nosotros, Dios te bendiga y bendiga a Platzi también.

No me canso de decirlo y es que es impresionante como he aprendido más aquí que en 4 años de carrera.

Gracias por todo lo enseñado freddy, excelente maestro!

es muy interesante como freddy puede enseñar tanta informacion en un solo video de 16 minutos y ademas de q es facil de entender

Creo que no hay forma mas clara de explicar como funciona Cliente/Servidor… Simplemente Excelente!!!

Excelente curso y les recomiendo a todos que vayan por los otros cursos que nos recomendaron en el vídeo, yo igual voy a seguir aprendiendo con platzi me parece el mejor método de enseñanza.

graciass

muy buen curso

gracias por el video

Este curso está muy bueno 😃

Gran curso!