🎯 Key points for quick navigation: 00:00 *📅 Introduction and Overview of JavaScript ES2024 and ES2025 Updates* - Introduction to the session's focus on ES2024 and ES2025 updates, 00:00 *📅 Introduction to JavaScript Updates in 2024 and 2025* - Overview of the latest JavaScript versions (ECMAScript 2024 and 2025), - Importance of selecting impactful features, - Mention of previous JavaScript courses for beginners. 02:07 *📝 History and Evolution of JavaScript* - ECMAScript 2015 as a pivotal update, - Role of the TC39 committee in JavaScript development, - Explanation of the proposal process and phases. 06:29 *💡 Compatibility and Non-breaking Changes in JavaScript* - Emphasis on backward compatibility in JavaScript, - Evolution over changes to prevent breaking the internet, - Usage of `let` over `var` for variable declarations. 08:36 *🔍 Practical Examples of New Features: GroupBy* - Introduction to `GroupBy` method in ECMAScript 2024, - Practical examples of grouping arrays using `GroupBy`, - Explanation of browser support for new features. 14:12 *🔗 Unique Data Types: Symbols in JavaScript* - Explanation of symbols as a unique data type, - Practical example using symbols for grouping, - Benefits of using symbols over strings to avoid conflicts. 23:00 *🏷️ GroupBy with Different Data Structures* - Using `GroupBy` with sets and maps, - Differences between sets, maps, and arrays, - Practical examples and performance considerations. 31:43 *📍 New Array Methods: At and ByCopy* - Introduction to the `at` method for accessing array elements, - Explanation and examples of the `ByCopy` methods (reverse, sort, splice, etc.), - Importance of non-mutating methods for array manipulation. 37:37 *⚠️ Shallow Copies with `toReverse`* - `toReverse` makes shallow copies, not deep copies, - Problems arise with nested objects, - Use `structuredClone` for deep copies. 42:23 *🔄 Array Sorting with `toSorted`* - `toSorted` avoids modifying the original array, - Callback function needed for correct numerical sorting, - Example of sorting strings with `localeCompare`. 48:28 *🗂️ Splicing Arrays with `toSplice`* - `toSplice` method for modifying arrays without changing the original, - Examples of adding and removing elements, - Comparison with traditional `splice` method. 52:24 *🐻 Updating Array Elements with `with`* - `with` method for non-destructive updates to array elements, - Practical example with emojis, - Typical use case in Redux for state management. 57:31 *📝 Correct Way to Update State with `with`* - Explanation of finding the index and updating state with `with`, - Benefits of less indentation and clearer logic, - Demonstrating both traditional and `with` methods for updating state. 01:02:11 *📌 Introduction to `findLast` and `findLastIndex`* - Explanation of `findLast` to find the last element meeting a condition, - Benefits over reversing arrays or complex loops, - Practical examples of `findLast` and `findLastIndex` with arrays. 01:09:05 *🔄 Logical Assignments and Boolean Logic* - Explanation of logical assignments in JavaScript, - Understanding truthy and falsy values, - Practical examples and importance of avoiding common pitfalls with falsy values. 01:14:18 *🛠️ Comprehensive Overview of Truthy and Falsy Values* - Detailed breakdown of truthy and falsy values in JavaScript, - Importance of remembering specific falsy values, - Explanation of common misconceptions and practical applications in coding. 01:16:18 *🌐 Understanding Nullish Values in JavaScript* - Explanation of nullish values (null and undefined), - Nullish values are a subset of falsy values, - Importance of distinguishing nullish values from other falsy values. 01:18:06 *🧠 Logical Operators in JavaScript* - Explanation of logical operators: AND (&&), OR (||), and Nullish Coalescing (??), - AND operator returns the first falsy value or the last truthy value, - OR operator returns the first truthy value or the last falsy value. 01:21:01 *🔄 Practical Examples of Logical Operators* - Demonstration of how logical operators evaluate expressions, - Importance of understanding short-circuit evaluation, - Examples of using logical operators in conditional statements. 01:25:35 *⚙️ Using Logical Operators for Default Values* - Explanation of using OR and Nullish Coalescing for default values, - Common pitfalls with using OR for default values when zero or empty string is valid, - Nullish Coalescing operator to handle undefined and null values correctly. 01:32:02 *💡 Logical Assignment Operators* - Introduction to logical assignment operators for cleaner code, - Using OR assignment (||=) for default values, - Using Nullish Coalescing assignment (??=) for handling undefined and null values effectively. Made with HARPA AI
Muy buen video, una espectacularidad tremenda, midu se esta convirtiendo en un maestro excepcional mas de lo que lo era... y su calidad de videos y streaming es superior, esto incluye cada chiste, cada metáfora, la genuina impro de cada eventualidad, nanana una joyita
Hola midu, acabo de ver la charla que hiciste en KeepCoding, me gusto bastante y a pesar de que hace poco comencé con todo este tema de la programación y estoy aprendiendo sobre los terminos, la organizacion, las espacialidades y las ramas tan amplias que hay de especializacion a nivel laboral, me gusto mucho la charla y tome hasta nota de cosas que me parecieron interesantes, la verdad eres y no un modelo a seguir, me gusta mucho el conocimiento que tienes y como haz crecido pero a la vez se que yo debo ser yo mismo y no debo proyectarme en otra persona o querer ser como otra persona, aun asi lo que si eres es una inspiracion para muchos y en esos estoy yo, vamos a ver que tal me va, me gustaria tambien preguntarte varias cosas pero ire mirando los videos a ver que me encuentro por ahi y que puedo aprender de nuevo, ya lo he estado haciendo de hecho solo que queria dejar en claro que la charla que diste me gusto y me inspiro bastante, cualquier cosa te cuento en este mismo comentario como va todo. Saludos desde Colombia, eres un grande!
Esta muy bueno Midulive que las funciones obsoletas sigan vigentes, cómo tu explicas, sería catastrófico tener que cambiar por las funciones nuevas. En cuanto al lenguaje, no es importante, cuando se domina la lógica de programación se codifica en cualquier lenguaje, por supuestos desde algunos lenguajes será con mayor o menor dificultad. Obvio que hay lenguajes que se adaptan con mayor medida a los objetivos como por ejemplo fue Fortran que apuntaba a cálculos
COn la prueba que hiciste con goncy esto del group by hubiera sido util para crear el menu que hiciste utilizando el diccionario, en la api de mercado libre
Hola midu, gracias por la información ❤, queria preguntarte sobre el ejemplo del uso de symbols, entiendo el punto pero por ejemplo visualmente usar un string me puede dar información sobre que campos se han agrupado y con symbols no lo veria. Entonces me cuesta verle la utilidad, podrias ayudarme a verlo claro? Gracias
MIDU EN TÚ OPINION QUE DEBO TENER ENCUENTA CUANDO COMPRO UN MOBIL NUEVO Y UN PC NUEVO SOY PARA ELEGUIR LO MEJOR Y NO TENG QUE COMPRAR EN MUCHOS AÑOS ? NO SÉ MUCHO DE TECNOLOGIA ... NO SE SI ES MUCHO PEDIRTE QUE ME CONTESTES EN UN ESCRITO O TU ME DEJARAS SABER COMO TE QUEDA MEGOR MUCHAS GRACIAS
Tiene su uso pero sería más universal si esas llaves fueran serializables. Al usarlos como llaves si se requiere serialización le toca a uno hacerla manualmente...
RECIEN CONOSCO TU CANAL ESTOY SUSCRITO DEJAME SI PUEDES EN VIARME LINKS QUE ME DEN UNA INFORMACIÓN O RESPUESTA A MIS PREGUNTAS SOBRE EL TEMA TECNOLÓGICO MI NOMBRE ES JUNIOR
¿Bug o feature? Si haces: let lista = [2,4,6]; let index = lista.findLastIndex(x=>x%2) let last_odd = lista.at(index); En este caso obtienes el ultimo a pesar de no haber resultado.
@@heberalturria6584 no, ya que al ser falsy en todos los casos significa que no se ha encontrado ningún elemento y el método findLastIndex devuelve -1. Al acceder con el método at en lugar de devolvernos que no existe (undefined) nos devuelve el último valor del array como que es un valor impar encontrado.
Tus videos de actualización de JS son lejos los mejores, Gracias, me ahorras mucho tiempo
🎯 Key points for quick navigation:
00:00 *📅 Introduction and Overview of JavaScript ES2024 and ES2025 Updates*
- Introduction to the session's focus on ES2024 and ES2025 updates,
00:00 *📅 Introduction to JavaScript Updates in 2024 and 2025*
- Overview of the latest JavaScript versions (ECMAScript 2024 and 2025),
- Importance of selecting impactful features,
- Mention of previous JavaScript courses for beginners.
02:07 *📝 History and Evolution of JavaScript*
- ECMAScript 2015 as a pivotal update,
- Role of the TC39 committee in JavaScript development,
- Explanation of the proposal process and phases.
06:29 *💡 Compatibility and Non-breaking Changes in JavaScript*
- Emphasis on backward compatibility in JavaScript,
- Evolution over changes to prevent breaking the internet,
- Usage of `let` over `var` for variable declarations.
08:36 *🔍 Practical Examples of New Features: GroupBy*
- Introduction to `GroupBy` method in ECMAScript 2024,
- Practical examples of grouping arrays using `GroupBy`,
- Explanation of browser support for new features.
14:12 *🔗 Unique Data Types: Symbols in JavaScript*
- Explanation of symbols as a unique data type,
- Practical example using symbols for grouping,
- Benefits of using symbols over strings to avoid conflicts.
23:00 *🏷️ GroupBy with Different Data Structures*
- Using `GroupBy` with sets and maps,
- Differences between sets, maps, and arrays,
- Practical examples and performance considerations.
31:43 *📍 New Array Methods: At and ByCopy*
- Introduction to the `at` method for accessing array elements,
- Explanation and examples of the `ByCopy` methods (reverse, sort, splice, etc.),
- Importance of non-mutating methods for array manipulation.
37:37 *⚠️ Shallow Copies with `toReverse`*
- `toReverse` makes shallow copies, not deep copies,
- Problems arise with nested objects,
- Use `structuredClone` for deep copies.
42:23 *🔄 Array Sorting with `toSorted`*
- `toSorted` avoids modifying the original array,
- Callback function needed for correct numerical sorting,
- Example of sorting strings with `localeCompare`.
48:28 *🗂️ Splicing Arrays with `toSplice`*
- `toSplice` method for modifying arrays without changing the original,
- Examples of adding and removing elements,
- Comparison with traditional `splice` method.
52:24 *🐻 Updating Array Elements with `with`*
- `with` method for non-destructive updates to array elements,
- Practical example with emojis,
- Typical use case in Redux for state management.
57:31 *📝 Correct Way to Update State with `with`*
- Explanation of finding the index and updating state with `with`,
- Benefits of less indentation and clearer logic,
- Demonstrating both traditional and `with` methods for updating state.
01:02:11 *📌 Introduction to `findLast` and `findLastIndex`*
- Explanation of `findLast` to find the last element meeting a condition,
- Benefits over reversing arrays or complex loops,
- Practical examples of `findLast` and `findLastIndex` with arrays.
01:09:05 *🔄 Logical Assignments and Boolean Logic*
- Explanation of logical assignments in JavaScript,
- Understanding truthy and falsy values,
- Practical examples and importance of avoiding common pitfalls with falsy values.
01:14:18 *🛠️ Comprehensive Overview of Truthy and Falsy Values*
- Detailed breakdown of truthy and falsy values in JavaScript,
- Importance of remembering specific falsy values,
- Explanation of common misconceptions and practical applications in coding.
01:16:18 *🌐 Understanding Nullish Values in JavaScript*
- Explanation of nullish values (null and undefined),
- Nullish values are a subset of falsy values,
- Importance of distinguishing nullish values from other falsy values.
01:18:06 *🧠 Logical Operators in JavaScript*
- Explanation of logical operators: AND (&&), OR (||), and Nullish Coalescing (??),
- AND operator returns the first falsy value or the last truthy value,
- OR operator returns the first truthy value or the last falsy value.
01:21:01 *🔄 Practical Examples of Logical Operators*
- Demonstration of how logical operators evaluate expressions,
- Importance of understanding short-circuit evaluation,
- Examples of using logical operators in conditional statements.
01:25:35 *⚙️ Using Logical Operators for Default Values*
- Explanation of using OR and Nullish Coalescing for default values,
- Common pitfalls with using OR for default values when zero or empty string is valid,
- Nullish Coalescing operator to handle undefined and null values correctly.
01:32:02 *💡 Logical Assignment Operators*
- Introduction to logical assignment operators for cleaner code,
- Using OR assignment (||=) for default values,
- Using Nullish Coalescing assignment (??=) for handling undefined and null values effectively.
Made with HARPA AI
mucho texto
1:08:38 ahì va, un os.remove(system32)
Pedazo de video, crack
Gracias! 😊
Muy buen video, una espectacularidad tremenda, midu se esta convirtiendo en un maestro excepcional mas de lo que lo era... y su calidad de videos y streaming es superior, esto incluye cada chiste, cada metáfora, la genuina impro de cada eventualidad, nanana una joyita
cada dia explicas mejor :D gracias midu!
Gracias a ti!
Hola midu, acabo de ver la charla que hiciste en KeepCoding, me gusto bastante y a pesar de que hace poco comencé con todo este tema de la programación y estoy aprendiendo sobre los terminos, la organizacion, las espacialidades y las ramas tan amplias que hay de especializacion a nivel laboral, me gusto mucho la charla y tome hasta nota de cosas que me parecieron interesantes, la verdad eres y no un modelo a seguir, me gusta mucho el conocimiento que tienes y como haz crecido pero a la vez se que yo debo ser yo mismo y no debo proyectarme en otra persona o querer ser como otra persona, aun asi lo que si eres es una inspiracion para muchos y en esos estoy yo, vamos a ver que tal me va, me gustaria tambien preguntarte varias cosas pero ire mirando los videos a ver que me encuentro por ahi y que puedo aprender de nuevo, ya lo he estado haciendo de hecho solo que queria dejar en claro que la charla que diste me gusto y me inspiro bastante, cualquier cosa te cuento en este mismo comentario como va todo. Saludos desde Colombia, eres un grande!
apenas empiezas y ya conoces a midu, seras un crack te lo aseguro!
Gracias por todo tu contenido!! 🍀
Gracias bro un placer
¡Gracias Miguel por el contenido!! Saludos
Gracias bro un placer
gracias midu por dedicar y poner tanta calidad en tu contenido este tipo de videos ayudan mucho y gracias
"A Javascript le importa una mierda lo que tú entiendas. No le importas a Javascript. No te quiere." - Miguel Ángel Durán (2024)
Midu excelente video. Deberías fundar tu academia ( seguro que tienes muchos cracks que podrían ayudarte a crearla.).
porfin entendi los simbolos gracias Midu
Excelente!
Esta muy bueno Midulive que las funciones obsoletas sigan vigentes, cómo tu explicas, sería catastrófico tener que cambiar por las funciones nuevas. En cuanto al lenguaje, no es importante, cuando se domina la lógica de programación se codifica en cualquier lenguaje, por supuestos desde algunos lenguajes será con mayor o menor dificultad. Obvio que hay lenguajes que se adaptan con mayor medida a los objetivos como por ejemplo fue Fortran que apuntaba a cálculos
Grande midu 👏
En el 4:56 mencionas los contactos del TC39, Igalia es una empresa gallega, de A Coruña :)
Midu, 5:57 , questioned tal creemos una app que lea las conversaciones y con ai te haga un resumen? Una especie de blog con astro, etc
cómo pone esa letras con el efecto de brillar? en qué ide programa?
Aprendí muchísimo, muchas gracias.
COn la prueba que hiciste con goncy esto del group by hubiera sido util para crear el menu que hiciste utilizando el diccionario, en la api de mercado libre
Hola midu, gracias por la información ❤, queria preguntarte sobre el ejemplo del uso de symbols, entiendo el punto pero por ejemplo visualmente usar un string me puede dar información sobre que campos se han agrupado y con symbols no lo veria. Entonces me cuesta verle la utilidad, podrias ayudarme a verlo claro? Gracias
Excelente video Midu! Respecto al ejemplo de Symbol como llave, no me gustó que no queda legible el resultado
Cuándo nos darás todas las herramientas como páginas que usas para investigar cosas y ver estadísticas?
grande midu
Gracias bro un placer
necesito mas cursos o hacks como estos, sirve una banda.
Muchas gracias Midu!!!! ❤❤❤❤
en realidad en node 21 esta disponible ese group by.
Poderoso contenido MIdu!!
increible el contenido!
¿Tendremos segunda parte con el resto de novedades?
MIDU EN TÚ OPINION QUE DEBO TENER ENCUENTA CUANDO COMPRO UN MOBIL NUEVO Y UN PC NUEVO
SOY PARA ELEGUIR LO MEJOR Y NO TENG QUE COMPRAR EN MUCHOS AÑOS ?
NO SÉ MUCHO DE TECNOLOGIA ...
NO SE SI ES MUCHO PEDIRTE QUE ME CONTESTES EN UN ESCRITO O TU ME DEJARAS SABER COMO TE QUEDA MEGOR
MUCHAS GRACIAS
34:15 Es que no tiene lógica ponerle al array -1 para que te de el ultimo valor
posiblemente sea porque para obtener el ultimo valor es: array[array.length - 1] , es lo que se me viene a la mente
Midu GOD
Gracias bro un placer
Saludos Crack!!!
Midu, existe otro tipo de dato Falsy. No es broma, solo que es poco conocido y menos usado
midu uso Runjs y ami me funciono
QUE CREES ES MEGOR PRODUTOS DE APPLE O PORDUCTOS ANDROID Y POR QUE UN ABRAZO DESDE MIAMI FL.
Tiene su uso pero sería más universal si esas llaves fueran serializables. Al usarlos como llaves si se requiere serialización le toca a uno hacerla manualmente...
Procedo a aprender mas que en cualquier otro curso menos mal que eran solo "Novedades"
01:02:12 Pero son unas de las cosas buenas de JS
gracias midu!
Es igual que la suma:
let a = 3;
a +=2; // 5
que es igual que hacer:
a = a + 2;
48:10 yo gritando aquí: Hey el name porq localeCompare compara string 🤣🤣😂😂🤣🤣
HOLA MIDU TE AGRADEZCO MUCHO TU INFORMACIÓN DE TÍ APRENDY AL GO MUY BÁSICO DOWNLOW BRAVE MUY BUENA APP HSTAEL MONENTO
no entendi del todo que pasaria al usar numbers[-1] sin at
Lo de las asignaciones existe hace mucho tiempo, no se que tiene de nuevo 🤔🥴
01:08:02 😂😂🤣🤣😂😂
Lo de los objetos y las copias profundas me tiltea mucho jaja
No se porque me da la impresión que JavaScript esta innovando con una inclinación al manejo y análisis de datos.!
Posibilitan una codificación más agil. Lo último parecería más un 'remiendo' a cierto uso esencial.
pense q era kensuke jajaja
no les da la sensación aveces que agregan cosas para complicarnos la vida ? ajaja aguante C
Literal. Aguante C
Si cada nuevo framework
No
Sí, en ocasiones pasa 😅
1:17:11
- …a JavaScript le importa una 💩lo que tú entiendas…
JAJAJAJAJAJAJAJAJA 🤣🤣🤣
El unico interesante el groupBy para ahorrarse las lineas del reduce
Soy el primero
Gracias bro un placer
Cada vez se parece mas a Python xd
Y?
RECIEN CONOSCO TU CANAL ESTOY SUSCRITO DEJAME SI PUEDES
EN VIARME LINKS QUE ME DEN UNA INFORMACIÓN O RESPUESTA A MIS PREGUNTAS SOBRE EL TEMA TECNOLÓGICO
MI NOMBRE ES JUNIOR
¿Bug o feature?
Si haces:
let lista = [2,4,6];
let index = lista.findLastIndex(x=>x%2)
let last_odd = lista.at(index);
En este caso obtienes el ultimo a pesar de no haber resultado.
El comportamiento de ese código creo que sería el esperado, ya que x%2 sería 0 que es Falsy. Así que es estás obteniendo el resultado esperado
@@heberalturria6584 no, ya que al ser falsy en todos los casos significa que no se ha encontrado ningún elemento y el método findLastIndex devuelve -1. Al acceder con el método at en lugar de devolvernos que no existe (undefined) nos devuelve el último valor del array como que es un valor impar encontrado.
Por lo que veo hay muchas cosas que han metido que Java ya tenia
Maestro!