No tienes acceso a esta clase

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

Aprende todo un fin de semana sin pagar una suscripci贸n 馃敟

Aprende todo un fin de semana sin pagar una suscripci贸n 馃敟

Reg铆strate

Comienza en:

5D
12H
35M
43S

Recapitulaci贸n

13/13
Recursos

JavaScript naci贸 en 1995 por cuenta de la necesidad de interacci贸n en la web y el paso del tiempo y logr贸 estandarizar en todos los navegadores gracias al grupo ECMA.

A煤n con sus mejoras del lenguaje, la naturaleza de JS de solo poder procesar una tarea a la vez. Adem谩s de los motores de JS, necesarios para interpretar el c贸digo JS y compilarlo a Byte code, ten铆an serias limitaciones al momento de ejecutar aplicaciones complejas como Google Maps, pero todo esto cambio en 2008 gracias al motor V8 V8 de Chrome.

隆Felicitaciones por terminar el curso!

馃帀隆Lo has logrado! 馃檶 Completaste todas las clases del curso de JavaScript Engine (V8) y el Navegador. Recuerda que JavaScript

鉁 Si a煤n no queda claro alg煤n tema, vuelve a revisar la clase o deja tu pregunta en la secci贸n de preguntas.

馃Ь Realiza la prueba del curso para recibir tu certificado y no olvides dejar tus 馃専 y tu comentario.

Y por sobre todo, 隆Nunca pares de aprender! 馃挌

Contribuciones del curso creadas por Andr茅s Guano con aportes de Luis Blas .

Aportes 202

Preguntas 12

Ordenar por:

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

o inicia sesi贸n.

Me gustan los cursos cortos! 馃槂

Estoy haciendo todos los cursos de Diego, la verdad explica muy bien y de una manera muy f谩cil de entender los conceptos.

Excelente curso!
recomiendo tomar despues el curso de fundamentos de Javascript鈥

El motor JS V8

Resumen
Aqu铆 dejo un video por si quieren profundizar Link
Una vez que Chrome recibe el c贸digo o los scripts javascript en la p谩gina web, el motor JS V8 comienza a analizarlo.聽Primero, analizar谩 parcialmente el c贸digo comprobando errores de sintaxis.聽Si no encuentra ninguno, comienza a leer el c贸digo de arriba a abajo.聽Su objetivo final es convertir el c贸digo javascript en c贸digo de m谩quina que la computadora pueda entender.聽Pero antes de comprender qu茅 hace exactamente con el c贸digo, debemos comprender el entorno en el que se analiza.

Event Loop

Tarea asignada para mover del Tas Queue al Stack, Solo si el Stack esta vac铆o

Memory Heap (Mont贸n)

  • Donde se almacena los valores de las variables y las funciones
  • Se destina un espacio en memoria para las variables.
  • La informaci贸n en el memory heap, No se guarda de manera lineal

EL MONT脫N

El primer contenedor en el entorno, que tambi茅n forma parte del motor V8 JS Engine, se denomina 鈥渕ont贸n de memoria鈥.聽A medida que el motor JS V8 encuentra variables y declaraciones de funciones en el c贸digo, las almacena en el聽mont贸n聽.

Call Stack (Pila) = El ultimo que entra es el primero en salir

  • Como se mandan a llamar las variables y las funciones
  • Las tareas en el callstack se apilan de abajo hacia arriba.
  • Se llaman de la 煤ltima que mandamos a llamar hacia abajo
  • En la base de la pila reposa el Global Object
  • Si una funci贸n llama a otra, la pone encima de la pila.
  • Se ejecuta una tarea a la vez (sincron铆a)
  • Una vez que se van ejecutando las tareas se van retirando de la pila
  • Al ejecutar todas las tareas se retira el Global object.

LA PILA

El segundo contenedor en el entorno se denomina 鈥減ila de llamadas鈥.聽Tambi茅n es parte del motor JS V8.聽Cuando JS Engine encuentra un elemento procesable, como una llamada a funci贸n, lo agrega a la聽pila聽.

Task Queue (Cola) = El primer que entra es el primero en salir

Cola de tareas, se maneja la concurrencia, se agregan las tareas que ya est谩n listas para pasar el stack (Pila). El stack debe de esta vac铆o

MicroTask Queue (Micro Tareas)

Las promesas tienen otra forma de ejecutarse y una prioridad superior

Web APIs

JavaScript del lado del cliente: setTimeout, XMLHttpRequest, File reader, DOM

Node: fs, https

Garbage Collection

limpia la memoria de los datos no utilizados para no sobrecargarla y seguir trabajando sin problemas.

ES un curso corto pero con muy buen contenido. Se explica muy bien el funcionamiento del motor V8 de JavaScript y muchos temas que tienen relaci贸n con el mismo.
Me parecieron claras las explicaciones del profe. El ejemplo de los tacos es muy sencillo y pr谩ctico para entender este tema.

R
![](

Excelente curso explicativo, aveces se necesita mas que sentarse a desarrollar, entender te贸ricamente como funciona todo. Muchas gracias Diego, excelente explicaci贸n.

Es el primer curso que tomo de este profesor. Y es simplemente magn铆fico鈥
Muchas gracias por este curso y las grandes explicaciones que hay en 茅l 馃槃

Antes de empezar este curso, V8 me parec铆a un tema muy m铆stico.

Los cursos del profesor Diego, siempre son concisos. En lo particular lo que m谩s me gust贸 fue la forma tan 鈥渃oloquial鈥, de manejar este tema. Ayudar谩 a muchas personas a entender mejor todo el proceso. Gracias Platzi. Muchas gracias profesor Diego.

Wow!!! as铆 me gustan los cursos!!!

Concuerdo. Este curso debe tomarse como una de las bases de nuestra carrera de JavaScript.

Me encanto el curso馃惐鈥嶐煈ゐ煒

El hoisting me hab铆a costado trabajo entenderlo, pens茅 que era algo m谩s complejo

Ser铆a genial, que en estos cursos dejemos de usar los t铆picos ejemplos de 鈥淗ello Word鈥 c = a + b;
y empiecen a pensar en algo ya m谩s enfocado en un trabajo o proyecto de verdad

Curso fant谩stico, corto y muy 煤til para seguir avanzando con temas m谩s complejos de Javascript.

Curso bastante bueno, nuevamente se demuestra que no se necesitan clases de 1 hora para explicar un concepto bien. Cada lecci贸n ofrec铆a claridad y ejemplos/analog铆as 煤tiles para tomar la idea de lo que se explica r谩pidamente.
.
Gracias Diego 馃馃徎

Estupendo curso instructor Diego, me quedo m谩s claro el funcionamiento de JavaScript, en especial la sincron铆a y asincronia con el ejemplo de la taquer铆a.

domina el tema pero no lo explica bien con los temas transversales

Buen d铆a, aqu铆 te comparto mis notas sobre el curso, espero te sea de utilidad:

10/10 el curso

Un peque帽o resumen del curso
JavaScript que naci贸 en 1995, por la necesidad de interacci贸n en la web y con el paso del tiempo este se logro estandarizar en todos los navegadores gracias al grupo ECMA. A煤n con sus mejoras del lenguaje, la naturaleza de JS de solo poder procesar una tarea a la vez; los motores de JS, necesarios para interpretar el c贸digo JS y compilarlo a Byte code, ten铆an serias limitaciones al momento de ejecutar aplicaciones complejas como Google Maps, pero todo esto cambio en 2008 gracias al motor **V8 **de Chrome. Este motor introdujo nuevos conceptos: parseo, AST y hoisting; as铆 como herramientas, que permit铆an ser m谩s eficiente al entorno de ejecuci贸n JS compuesto por memory heap, callstack, event loop, web apis y callback queue.
Me falta pulir unos conceptos, as铆 que cualquier aporte es bienvenido.

Buen curso, muy t茅cnico y te贸rico pero todo aplicable a la practica
馃槂

Pienso que es un curso sumamente importante para entender como funcion Javascript, seria genial este curso despues de Fundamentos de Javascript y antes del curso de Javascript Profesional

Genial curso entendiendo como funciona el motor V8 y buen profesor 馃槂 Nos vemos en el siguiente!

Diego eres increible explicand, me ha encantado este curso.

Deber铆an facilitar siempre los Slides de cada curso. Recuerden que cuando queremos repasar algo, esos Slides nos ayudan bastante.

Buenas, como estan! Les comparto mi carpeta de Google Docs para que entre todos podamos seguir aportando a la toma de notas de un mont贸n de los cursos de Platzi. Hagamos una comunidad!!!

https://drive.google.com/drive/folders/1SWGMgTMPbwgasbzcivcpcnIudc2vk_v0?usp=sharing

Qu茅 ser铆a Diego ense帽ando en los cursos m谩s avanzados de JavaScript. Creo que ser铆a muy bueno verlo, dado que se entiende demasiado bien cuando explica.

Este es de mis profes favoritos sin duda. Fluye sin darle vueltas al asunto, directo y conciso.

es un curso CONCEPTUAL que deja muy claro y explica bastante bien como funciona javascript y el engine del navegador. .

SUPER GENIO , gracias a esto pude entender cosas , como promesas ,Async y Await

bien ah铆 profe sacare 10, buena ense帽anza

Me agradan mucho los cursos de Diego, explica super bien y sencillo!

Si aun no entienden muchas cosas de este curso, o no les quedaron algunos conceptos.
Pr贸ximos cursos que nos recomienda tomar El profesor:

  • Curso de Asincron铆a de JavaScript
  • Curso Profesional de JavaScript

Muchas gracias profesor, sin duda un curso que todo desarrollador de Javascript debe tomar.

Crack el Master Diego 馃槃 de verdad un placer poder hacer sus cursos.

Excelente profe!
todos sus cursos son muy agradables.

Buen铆simo curso!!!
Me encant贸 y eso que fue bastante te贸rico, me ayud贸 a entender mejor mont贸n de conceptos que ten铆a anteriormente.

Nadie democratiza el conocimiento como Platzi, gracias Diego eres un excelente profesor, con ideas muy did谩cticas, digeribles haciendo todo m谩s comprensible, saludos.

Excelente curso realmente me gusta mucho la forma de explicar con ejemplos del dia a dia, que para muchos pueden ser algo que no viene al aso pero si te pones a analizarlo lo puedes comparar con otra cosa y asi tener estos ejemplos entendibles para cualquiera, realmente muy agradecido por este tipo de cursos son lo mejor鈾.

Una de mis cosas favoritas de los cursos del profesor Diego son los gif. A parte el es un muy buen profesor y siempre le entiendo todo. 馃槃

Gracias, Diego. Afianc茅 conocimientos que estaban muy nebulosos, en especial, sincronismo y asincronismo. Muy interesante la forma sencilla como aborda los temas. Eso ayuda a espantar demonios.

Muchas gracias por el contenido y las explicaciones Diego de Granada, soy nuevo completamente JavaScript y este curso me sirvi贸 bastante para entender cosas que vi en el curso de Fundamentos de JavaScript.

Gran curso, me encanto, aprendi mucho, gran profesor!!

Gracias por tanto Diego!

Excelente curso, corto pero rico en conocimiento. Lo mejor de todo es que son conceptos muy necesarios para diferenciar entre alguien que realmente sabe programar y alguien que solo solamente escribe c贸digo.

Muy buen curso comprendi mas sobre lo que estaba haciendo y casi insconciente de lo que desarrollo en js, de lo mejor 馃挌

El ejemplo de los tacos fue extraordinario鈥 todo tuvo mejor sentido con ese ejemplo

Poco a poco le voy tomando cari帽o a los cursos cortos (Este estuvo genial 馃槂)
Ahora vamos al otro lado, al curso Profesional de JavaScript (Que es super denso en comparaci贸n 馃槄 )

Muy a gusto con el curso.

Excelente profesor, Grande Diego, todo muy bien explicado.

Me gusto mucho como explico todo diego, me hace entender con mayor l贸gica como funciona la programaci贸n, despeje muchas dudas que comenc茅 a tener en los primeros ejemplo que ni siquiera se me hubiesen ocurrido (por las pilas de tareas).

Gracias!

#NuncaParesDeAprender !

Definitivamente Diego tiene una grandiosa capacidad para explicar de manera concisa los temas. Ayuda mucho tomar cursos con 茅l.

Muy buen curso, entend铆 de manera completa el funcionamiento del lenguaje y su comportamiento

muy buen curso.

Esta incre铆ble este curso

La verdad me ha servido mucho este curso para tener en claro ciertas cosas. Gracias.

Genial 馃槂 y muy bien explicado 馃槈馃憣

Este curso es muy muy bueno y la forma como lo explica es muy buena. Ya las cosas mas clara.

Este curso se me hizo mas como repaso de los otros dos
Excelente me encanto el curso me ayudo como recordatorio

Excelente curso. 馃槂

Genia curso, gracias profesor Diego. Maestro

listo pal examen B)

Me encantan los cursos cortos. Excelente profesor!

Muy importante esto para entender el entorno de trabajo a la hora de programar

Excelente curso

Excelente curso!

He entendido m谩s facil haciendo estos cursos cortos y enfocado al tema como tal, gracias !!

Definitivamente Diego sabe c贸mo explicar de forma entendible y pr谩ctica cada tem谩tica en los cursos que imparte.

Gracias por todo Mr De Granda

Diego De Granda debe ser de los mejores profes de platzi
un aplauso maestro!

Es una de las mejores clases, y es un excelente Profesor Diego, creo que esta clase deber铆a de ser una de las primeras clases que debes tomar para poder entender m谩s a JavaScript.

buen curso conceptual en lo particular el tema de call stack y como debbugear

Me gust贸 mucho este curso, siempre es interesante e indispensable (a mi opini贸n) conocer como funciona un lenguaje de programaci贸n para ser proeficiente en 茅l.

Buen铆simo, nadie me hab铆a explicado tamb铆en el navegador. Gran profe. Muchas gracias.

Diego de Granda, eres top.

Que vivan los cursos cortos, sustanciosos y concisos.

Muy buen curso, me encanto

Simplemente hermoso!

Muchas gracias por este curso, corto y con contenido muy valioso!!!

muchas gracias Diego que buen curso cortico pero sustancioso

Me encant贸 el curso!!! A煤n se puede mejorar, aunque son detalles finos.

Este pata ense帽a rebien. Es como si ya supiera lo que necesitan los newbies. Gracias estimado.

Excelente curso, me gustan mucho que sean cortos y vayan al grano 馃槂

Excelente curso y lo mejor que fue corto pero muy bien explicado proximo curso que hare del profesor Diego De Granda sera el Curso Definitivo de HTML y CSS para reforzar el de FrontEnd Developer 2019

Excelente, me encanto este curso! Breve y efectivo!

Excelente. F谩cil de entender y muy buena explicaci贸n!

Muy buen curso, concreto y a pesar de ser muy te贸rico es fluido y accesible.

Excelente curso, gracias

Fue uno de los mejores cursos que he tomado, los temas se desarrollaron de manera natural y creo que pudimos entender el tema a la primera

Gracias profe en otros cursos siempre me perd铆a cuando hablaban de asincronismo o cuando tratan de explicar el call stack, call back queue , el event loop y sobre el trabajo que hacen las APIs, tambien es agradable conocer algo de historia y de como se corre java script en el navegador gracias al motor v8 este curso me gusto mucho

Uno de los mejores cursos en la ruta del JS challenge, excelente profesor!!

Hice un peque帽o resumen del curso en mi Github. Lo comparto con ustedes 馃檪

Curso de JavaScript Engine (V8) y el Navegador

excelente curso y muy claro

Excelente curso, explica el asincronismo de manera impecable.