A煤n no tienes acceso a esta clase

Crea una cuenta y contin煤a viendo este curso

Cierre del curso

25/25
Recursos

Aportes 245

Preguntas 6

Ordenar por:

驴Quieres ver m谩s aportes, preguntas y respuestas de la comunidad? Crea una cuenta o inicia sesi贸n.

Excelente curso, es como el curso de Ingenier铆a de Software pero enfocado en el Internet y la Web.

La escuela de desarrollo web es excelente, un peque帽o resumen\adelanto de lo que ver谩n si son nuevos:

  • Git y GitHub: Sistema control de versiones para organizar tu proyecto, compartirlo y manejar cambios mediante versiones: https://platzi.com/clases/git-github/
  • Aprender谩s HTML y CSS con el curso definitivo y el practico
  • Aprender谩s a probar tu c贸digo y arreglar errores con el curso de Debugging: https://platzi.com/clases/devtools/
  • Aprender谩s JavaScript con el curso b谩sico, lo nuevo del lenguaje en el de ECMAscript y lo avanzado con el profesional
  • Implementar librer铆as externas con NPM
  • Manejo de peticiones y sus verbos con Postman
  • Hacer un mejor CSS y m谩s r谩pido con los preprocesadores
  • Dominar los 4 principales frameworks: React, Angular, Vue y Svelte
  • Aprender a utilizar JavaScript para el backend (conexiones, peticiones a bases de datos, etc茅tera)

Cursos por fuera de la escuela que recomiendo:

Y si me preguntan cu谩l framework aprender primero, definitivamente Vue JS me encanta, Svelte es muy interesante. Y React y Angular son los m谩s usados en el mundo.

Los cursos de Platzi son cada vez mejores, y eso que los antiguos son buenos tambi茅n, pero
si quieres saber m谩s sobre la historia de la web o complementar lo aprendido en este curso te puedo sugerir que tomes este curso de google de la introducci贸n al desarrollo web, no tiene la calidad de Platzi, pero la informaci贸n que se brinda es muy buena.
Curso de Google

Aqu铆 les dejo los apuntes que hice sobre el curso

Ay que bonito se siente acabar un curso que te deja con la emoci贸n de que sigue!! Excelente profesor, explica de una forma super entendible! Congrats profe 鉂わ笍

Me ha gustado mucho el curso鈥 Aprend铆 cosas que no sab铆a y reforze otras.

Cada vez me sorprenden m谩s los cursos del buen Diego, veo que est谩n actualizando los de frontend con 茅l y es un gran acierto, la verdad.

Excelente curso, dejo mis apuntes por si alguien desea ver otra perspectiva de los conceptos.

https://docs.google.com/document/d/1yG3r72Hn9ZVFuRF1HgZesJpGd9y08XnEtMWEWEkqtN4/edit?usp=sharing

<h3>Mis apuntes teoricos del curso</h3>

hecho con 馃挌

Lo aprendido en este curso:

  • La evoluci贸n de las computadoras
  • El lenguaje de las computadoras
  • C贸digo binario
  • C贸digo ASCII, UTF-8
  • Colores RGB
  • De donde viene el internet, de donde viene, que es
  • Diferencia entre web e internet
  • C贸mo funciona la web, qui茅n la creo, de d贸nde vienen los navegadores

El mejor curso de Platzi que he tomado, explicaciones claras, y bien extructurado.
Un grande Diedo De Grande xd, espero verlo en m谩s cursos es un excelente profesor.

馃挌 Adquir铆 conocimiento esencial para el desarrollo Web, aclarando muchas dudas.

Muchas gracias por toda la dedicaci贸n. Estas son las bases necesarias para construir una carrera en la escuela de desarrollo web.

Excelente curso Diego, ense帽as super bien!

Excelente curso para continuar en nuestro camino
a convertirnos en los pr贸ximos rockstars del desarrollo,
claro est谩 que como estudiantes incansables
debemos realizar consultas de fuentes externas a este curso
para salir de algunos baches que se presentan
en el camino, muy agradecido y saludos a la
comunidad platzi.

Thanks to: Inst. Diego De Granda

Psdta. Nunca pares de Aprender!!

Me anim茅 a este curso para afianzar conceptos aprovechando la buena pedagog铆a de Diego. De tanto ver el 谩rbol a veces perdemos de vista el bosque. Damos por hecho que sabemos las cosas b谩sicas pero a veces no es tan cierto. Me di cuenta de eso cuando intent茅 explicarle a mi hija la internet y la web. Quiz谩s la aburr铆 cuando no supe llegarle con informaci贸n clara y bien hilada. Amigos, piensen en eso cuando intenten evangelizar a alguien que pueda estar interesado en desarrollo web. Felicitaciones, Diego.

Aca mis notas del curso:

https://www.notion. so/Introduccion-a-la-web-0005a4e5814445f293a926086207e9da

Omiti ciertas cosas de las que ya habia hecho apuntos y ya las sabia gracias al curso de Fundamentos de ingeniera de Software lo recomiendo si quieren profundizar en el funcionamiento de las computadoras y todo el rollo

en este cierre de curso nos dan una gu铆a por donde continuar con la carrera de desarrollo web

WOW excelente curso me aclaro tantas cosas y me motivo a seguir en todo esto

Muchas Gracias, estoy motivado a seguir aprendiendo

隆Excelente curso y muy buen profesor!
Solo me quedo la duda al final sobre la ruta de aprendizaje pues sugieres que despu茅s del curso definitivo de HTML Y CSS sugieres que sigamos al de Responsive Dising Movile First y despu茅s al de Javascript lo cual difiere un poco con la ruta que tiene la plataforma en estos momentos eso me dejo pensando qu茅 camino seguir.

隆隆隆Excelente!!! 馃憦馃徑馃憦馃徑馃憦馃徑

Input y outputs
Entrada de datos y salida de datos. Donde en el medio hay un proceso.

Machine code (Sistema binario)
Sistema de conteo, el humano utiliza la notaci贸n decimal, la computadora el sistema binario escrito con 0s y 1s. Los n煤meros utilizados como referencia son: 128; 64; 32; 16; 8; 4; 2; 1
Ejemplo:
00000001 = 1
00000020 = 2
00000011 = 11 3
00010100 = 20
11111111 = 255
01000110 = 70

Bit y bytes
Cada uno de dichos d铆gitos es un bit y un conjunto de 8 bits es un byte. Esto, todos los productos, lo transforman mediante 鈥渢ransistores鈥 trabajando con 2 estados; encendido y apagado; 1 o 0; verdadero o falso. Estas combinaciones el computador los entiende como 鈥渁lgo鈥

ASCII (American Est谩ndar Code of Informaci贸n Interchange)
https://www.ascii-code.com/
Es un codigo que delimita n煤meros para cada car谩cter que se puede escribir en c贸digo binario escribiendo dicho c贸digos en 0s y 1s. Y as铆 es como nosotros nos comunicamos con una computadora.

Unicode
https://unicode-table.com/en/#latin-extended-b
Con Unicode se pueden lograr todos los alfabetos, caracteres y emogis.

RGB
Cada pixel de una imagen estar compuesto por tres su pixeles que forman el 鈥淩GB鈥 cada uno de un color, formando entre ellos un solo color. Cada uno de estos colores vienen de 0 a 255 y dependiendo de esto modificara el color del pixel
Ejemplo:
Plum purple: R:178 G:80 B:228
178: 10110010 80: 01010000 228: 11100100

驴De d贸nde viene internet?
El internet naci贸 del 鈥淎rpanet鈥, conexi贸n entre las computadoras de las universidades de estados unidos. Estas conexiones iban mediante cables, como en la actualidad el internet se basa en cables submarinos conectados en todo el mundo, enviando la informaci贸n en c贸digo binario. A esta estructura de cables se la llama 鈥渋nternet backbone鈥

Protocolos:
Reglas para conectar dispositivos mediante internet
TCP/IP
Application HTTP/FTP
Transport TCP, UPD
Network IP, Routers
Data Link Ethernet, Switches
Physical Cables

ISP (Internet Services Provider)
Son proveedores de internet, es el intermediario entre nosotros y el internet. Esto llevo a generar las IP Adress, que son un numero propio del dispositivo conectado al internet, para mejor control.

DNS (Domain Name System)
Los DNS ocultan las IP Adress para poder generar v铆nculos m谩s humanos y as铆 facilitar la entrada a p谩ginas, por ejemplo, 172.217.7.23, es la IP del servidor de google, pero si esto lo colocamos en el navegador, te llevara a la p谩gina central de google.

La WEB
驴Qui茅n fue el primer desarrollador Web?
Tim Berners-Lee, cuando ya estaba el internet listo para poder compartir informaci贸n a trav茅s de 茅l, pens贸 que esto era muy complicado ya que era un largo algoritmo para poder enviar o recibir informaci贸n. Por esto invento la 鈥淲3鈥, es una forma para poder linkear toda la informaci贸n a trav茅s de hiperv铆nculos y globalizar la esto mediante internet. Este hombre genero las 3 tecnolog铆as seguimos usando para desarrollar web, HTML(HyperText Markup Language), URL(Uniform Resource Locator) y HTTP(Hypertext Transfer Protocol). Adem谩s construyo el primer servidor y navegador web.
驴Qu茅 es W3C?
La W3C o World Wide Web consortium, es una organizaci贸n encargada de hacer crecer la web, ellos determinan los est谩ndares de las p谩ginas web, las tecnolog铆as que se utilizan y deben mejorar, tambi茅n proponen dichas cosas. Empez贸 siendo solo Tim Berners-Lee, en la actualidad a la W3C la integran todas las empresas tecnol贸gicas m谩s grandes e influyentes unidas para mejorar la web.

HTTP(HyperText Transfer Protocol)
Protocolos de reglas de comunicaci贸n, donde lo utilizamos para hacer peticiones y que el servidor nos envi茅 respuestas a la IP Adress que se la envi贸. Funciona como si mand谩ramos una carta, donde hay q colocar la direcci贸n EXACTA del destinatario. Por ejemplo, cuando entramos a un navegador, nosotros le mandamos un mensaje en HTTP al servidor para que nos envi茅 una copia de la p谩gina principal, lo que nosotros pidamos, se nos enviara mediante nuestra conexi贸n a internet por el protocolo TCP/IP.
HTTP Methods
Method Descripcion
GET Solicita datos
POST Env铆a datos
PUT Crea o reemplaza datos
DELETE Borra datos espec铆ficos

HTTPS (HyperText Transfer Protocol Secure)
ASEGURA que la conexi贸n es segura ya que la informaci贸n esta encriptado, se puede conocer si una p谩gina es segura o no seg煤n lo que tu navegador diga antes de la URL

Est谩ndares web
Creados para ordenar las webs y que puedan utilizarse en diferentes navegadores, ya que en la competencia, los navegadores usaban tecnolog铆as y reglas diferentes. Por esto, la W3C, decide que tecnolog铆as se pueden utilizar para construir productos webs y los navegadores est谩n obligados a implementarlos.
El primer est谩ndar generado fue HTML, como la 鈥渂ase鈥 de las webs. Es la parte sem谩ntica que logra que el navegador pueda entender a la perfecci贸n la estructura de texto para la web.
Luego, se necesitaba agregar estilos a la p谩gina, para esto vino CSS, que nos ayuda a aplicar dise帽os 煤nicos para cada web.
Una vez que la web tiene su dise帽o propio, se buscaba conseguir una interacci贸n con el usuario, dinamismo, PODERES. Fue una gran evoluci贸n ya que las paginas est谩ticas dejaron de existir para dar lugar a las aplicaciones web.
Tambi茅n hay un nuevo est谩ndar llamado WebAssembly, se puede entender como un 鈥渃ompilador鈥 para escribir c贸digo en diferentes idiomas para que WebAssembly lo aliviane y lo convierta en un est谩ndar.

La web moderna
Multiplataforma
Actualmente existen m谩s de 4000 millones de dispositivos conectados a internet. Por lo tanto, los dise帽os est谩n enfocados a que se adapten a dispositivos m贸viles y luego a PC, a esto se le llama "Mobile First"
Internet of things
La evoluci贸n nos llev贸 a que gran cantidad de productos entren en el 鈥渋nternet of things鈥, dispositivos como heladeras inteligentes, speakers wifi, veh铆culos inteligentes, y todo esto nos llevan a aprender sobre el 鈥渕achine learning鈥 y la inteligencia artificial.
5G
Con esta nueva tecnolog铆a, se espera m谩s del doble de datos y velocidad de internet, esto nos abre las puertas a predecir un futuro incre铆ble como doctores operando a distancia por wifi.

C贸mo funciona el servidor
Primero nosotros enviamos una request al servidor, este 煤ltimo nos da la respuesta con los assets que le pedimos, por ejemplo una redirecci贸n a cierta web, cuando los assets llegan, el navegador sigue un algoritmo generando un 鈥淐ritical Rendering Path鈥, dentro del genera un DOM, un CSSOM, un render tree, un layout y un paint (en el medio de todo esto puede trabajar con JS).
Los pasos que el navegador sigue cuando procesa los assets son los siguientes
DOM (Document Objet Model): Debe empezar entendiendo el HTML que ser谩 como un 谩rbol con etiquetas o nodos donde se coloca toda la informaci贸n que viene en el proyecto, el head, el body, el style, los atributos, etc. Al acabar el render del HTML, el navegador busca los estilos del CSS
CSSOM (CSS Objet Model): Generara un 谩rbol similar al del DOM, con los estilos enviados en los assets por el servidor.
Render Tree (DOM + CSSOM): Genera una fusi贸n de ambos arboles ya ejecutados para organizar los estilos ligados a cada parte del HTML.
Layout: se puede identificar como la 鈥渕aqueta鈥 del proyecto, debe formar los contenedores donde ir谩n las im谩genes, donde va el header y el body, donde van los links, etc. Pero en dichos contenedores a煤n no se ha colocado el contenido
Paint: Luego de hacer los c谩lculos de c贸mo se mostraran los contenedores en la web, se coloca el contenido en dichos contenedores y es cuando se podr谩 empezar a interactuar con la interfaz

JavaScript engine
JS Engine agarra todo nuestro Javascript y lo convierte en machine code para que el navegador sepa lo que necesitamos (parse it) y poder ofrecernos un Abstract Sintax Tree, que puede interpretarse o compilarse para convertirlo en machine code y al final siempre llegue a estar en Bytecode y el dispositivo entienda que hacer.

CIERRE DEL CURSO
Aprendimos toda la evoluci贸n de las computadoras y sus lenguajes, podemos hablar en c贸digo binario, como funcionan los colores. Sabemos de d贸nde viene el internet y su diferencia con la web y como funciona esta 煤ltima.

excelente curso para la introduccion de la escuela, muy bien estructurado, gracias profe Degranda

Que buen curso!. Explica todo de una forma tan sencilla y tan clara, me gusto mucho.

Excelente curso, muchos conceptos que ser谩n de mucha utilidad para el futuro.

Excelente profesor Diego y tambi茅n excelente contenido. Muchas gracias!

Muy buen curso introductorio para desarrollo web. 鉂わ笍

Este curso es fenomenal. Cada uno de los temas fue explicado con detalle y a su vez con una simplicidad que permite el entendimiento 谩gil de los conceptos.

Muchas gracias.

Apuntes del DOM

Excelente curso de introducci贸n e historia de la web, me gustar铆a aportar la serie documental que Discovery lanzo ya hace unos a帽os que se llama 鈥淟a historia de Internet鈥, cuenta con cuatro cap铆tulos, muy buenos:

  • La guerra de los navegadores
  • Los buscadores
  • Amazon e Ebay, el auge del comercio electr贸nico
  • El futuro digital

Muchas gracias, Diego De Granda, por este curso!

Muchas gracias, me encant贸 el curso.

Ahora prep谩rense a aprender Html y Css, pero cu谩ndo entren a POO (Programaci贸n orientada a objetos, los ver茅 c贸mo en el meme)

Saludos

Muy buen curso para aquellos que se est谩n iniciando en el mundo de la tecnolog铆a. Gracias por siempre dar excelencia educativa

gran curso, me lo avent茅 en un d铆a. Va directo al grano y explica de manera sencilla. 10/10. Creo que es muy bueno para un repaso si estudiaron carreras relacionadas y mejor a煤n para los que no ten铆an conocimiento previo

Increible y excelente curso!!
Se dejo entender, y ademas dio animos para seguir aprendiendo a ser un desarrollador web

Gracias totales! 鉂わ笍

No puedo creer lo r谩pido que se me fu茅 este Curso
隆Gracias Diego por ser un incre铆ble maestro!

Gran curso de Diego, muy explicativo y f谩cil de entender

Me encanto el curso, Diego es un excelente profesor, sin duda a la altura de Freddy.

excelente curso para comenzar, nada mejor que comprender la historia para poder aprender

Super clara y simple la explicacion. Espero que todos los cursos puedan ser de esta calidad, simple y super entendible. Nunca habia estado tan emocionado por el FronEnd.

No es carrera de velocidad. Es de RESISTENCIA. Se debe realizar pr谩cticas a parte de lo realizado en el curso para consolidar m谩s profundamente el aprendizaje.

Terminamos el primer curso y ahora vamos por m谩s! espero terminar la escuela de desarrollo web en 6 meses jeje, pero m谩s que medir en tiempo tratar茅 de aprender todo a detalle =D

Muy buen curso, para iniciar y conocer nociones fundamentales dentro del funcionamiento del internet adem谩s que si ya has estado aprendiendo algunas cosas de las que habla Diego te ayudara a entender mejor su funci贸n dentro de la web.

Muchas gracias Diego me gusto mucho este curso, espero segui aprendiendo cada vez mas de todo esto.

Congratulations to you Diego. It was an excellent and amazing course, now I have important elements about how internet and web work, and this is a big step to be an excellent web developer. Thank you again. 馃

Vengo de la escuela de arquitectura frontend por recomendaci贸n de algunos compa帽eros en el grupo de Telegram y la verdad, como dice Diego, esta informaci贸n tan b谩sica es necesaria y ayuda un mont贸n a entender cosas en el futuro. 馃憦馃徑馃憦馃徑馃憦馃徑馃槉

Muchas Gracias. Me parecio muy importante este curso para seguir avanzando !! Gracias Profe Diego

Este curso es muy claro, se tocan temas como introducci贸n que dan un buen contexto para los siguientes. Gracias por compartir, Diego.

隆Ha estado muy completo el curso!
He podido dar un repaso a toda la historia en funci贸n de la programaci贸n, que me ha dado un buen repaso de conocimientos, deseando empezar a tocar c贸digo ya de ya.
Adem谩s de aclararme ciertas lagunas que no hab铆a ni logrado identificar.

Muchas gracias por el curso, muy divertido, con mucha informaci贸n, tambi茅n gracias a los compa帽eros que en lo comentarios realizan grandes aportes con informaci贸n extra que nos ayuda a todos.

Que profe mas tranquilo, hace que el entendimiento sea much铆simo mas claro a cuando van rapid铆simo y sin pausa, Que gran profesor , muchas gracias.

Muy bueno el Curso. Lo necesitaba para reforzar conocimientos hahahah
Si necesitais ayuda comunidad, estoy disponible 馃槂

Muchas gracias por el curso, por todo el conocimiento impartido. Un excelente profesor y que manera tan clara de explicar las cosas 馃榾馃挌

Excelente curso, el profe Diego es un crack !

Excelente curso, es el indicado para comenzar en el desarrollo web
toda la informaci贸n es valiosa.

Muchisimas gracias por este curso!
Aunque en mi caso tuve que retroceder para poderlo ver dado que ya llevo como 2 meses en esta escuela鈥
La verdad que es super importante este conocimiento que se lleva quien apenas esta comenzando y super interesante cada clase.
El profesor Diego es el mejor profe desde mi punto de vista 馃槃

Estos temas vi en la universidad pero muy superficial, me gusto mucho como la informaci贸n del curso fue concisa, y muy comprensible a la vez de detallada. La calidad de los cursos es incre铆ble, estoy muy emocionado por los siguientes cursos que menciono.

Un muy buen curso para comenzar esta nueva ruta, nueva experiencia o nueva carrera. Me encanto la parte final del JS engine y las anotaciones de historia. 馃槃

Voy a terminar ele curso de programaci贸n b谩sica, ya entend铆 unos conceptos que quer铆a antes de continuar.

Excelente curso. Vi muchas cosas que ni imaginaba sobre el funcionamiento de las computadoras, el internet, la web y sobre su historia. Gracias por el curso, hay todo un camino por delante.

Gracias profesor Degranda, adquir铆 muchos conocimientos que no sab铆a y son mis deseos seguir aprendiendo.

Excelente curso, muy bien explicado por parte de Diego, motiva a querer seguir aprendiendo. Escuela de Desarrollo Web voy por ti 馃槂

Diego de Granda, muy buenas explicaciones, todo entendible por su buen tono de voz, gestos y dicci贸n.
Gracias, el contenido agradable y directo al grano鈥 Gracias 馃槈

ha sido un excelente curso muy informativo y con un profe paciente y muy explicativo , espero verlo en muchos cursos mas

Muy buen curso de introducci贸n al desarrollo web!

Fascinante para los noobies como yo en este mundo

Muy buen curso, perfecto para empezar!! Hay mucho que aprender!!

Realmente un excelente curso!

Excente contenido y excelente profesor.
Desde una perspectiva personal parece que el enfoque es en la apertura de la visi贸n. El recorrido hist贸rico y la fundamentaci贸n detr谩s del funcionamiento de la web te abre el pensamiento, te da un panorama m谩s amplio.

Excelente curso!!! me gust贸 mucho y bastante entendible

Ya estoy entendiendo, lo de la carrera de resistencia.

termin茅! ahora el certificado!

Am茅 este curso :3 muchas gracias

Excelente curso.

Me gusto mucho el curso, son de esos que lo motivan a uno a continuar y aprender cada dia mas. El Profesor es Excelente.
Muchas gracias

Wow!! tom茅 el curso simplemente por curiosidad -estoy siguiendo la ruta de data analyst- y me pareci贸 super interesante. Molto bene!!

muy bueno el curso

genial!!!

Muchas gracias por la explicaci贸n. No lo habr铆a logrado sin su paciencia

Gracias por este curso, aprend铆 muchas cosas que no sabia ni ense帽an en la Universidad 馃槄

Si m dieron ganas de ver el curso de Ingenier铆a de Software

Excelente, con ganas de seguir aprendiendo. 馃槃

Muy buen curso, informaci贸n de mucha utilidad !

ggs

隆Excelente curso Diego!

Me quedo con tus conejos sobre practicar y practicar, en lo particular me gusta tomar los cursos de Platzi las veces que sean necesarias para interiorizar el conocimiento.

excelente curso.

Excelente curso, muy emocionado de aprender lo que m谩s pueda para ser desarrollador web

Buenas sensaciones y con ganas de mas conocimiento, muchas gracias profe Diego.

Excelente curso.

vali贸 la pena. muy buena explicaci贸n.

Gracias Profe.

Excelente curso.

Un excelente curso fundamental para entender m谩s sobre este mundo.

EXCELENTE CURSO Y GRAN MAESTRO

Muy buen curso introductorio! me emociona seguir esta ruta y convertirme en desarrolladora

interesante tengo un dilema python me facino y Javascript no s茅 que camino tomar?

Un curso directo, Claro, definitivamente estos cursos y la ruta de aprendizaje nos llevan directo al objetivo de graduarnos de la escuela de desarrollo web, y como dice el profesor practicar lo aprendido Gracias profe Diego

NUNCA DEJES DE APRENDER
馃挌

Excelente curso
猸愶笍猸愶笍猸愶笍猸愶笍猸愶笍
un gran maestro