update, reviewing module 2 languages

Author: fjcalzado

02-languages/01-teoria/01 Introducción a Javascript.pptx

@@ -125,7 +125,8 @@ console.log(juan.isMinimumSalary); // undefined
 
 // *** PROPIEDADES PRIVADAS
 
-// Sólo pueden ser accedidas desde métodos creados dentro del cuerpo de una clase
+// Sólo pueden ser accedidas desde métodos creados dentro del cuerpo de una clase.
+// La notación con el modificador # está disponible a partir de ES2022.
 
 class Person {
   // ⚠ Deben ser declaradas dentro de la clase
@@ -144,7 +145,7 @@ antonio.greet();
 console.log(antonio.name); // undefined
 console.log(antonio.#name); // Error!
 
-// Refactorización del mismo ejemplo Employee con propiedades privadas
+// Refactorización del mismo ejemplo Employee con propiedades privadas.
 
 class Employee {
   // Ahora este valor no es accesible de forma externa
@@ -178,6 +179,8 @@ console.log(antonio.getDetails());
 
 // Podemos inicializar propiedades que parten de valores fijos sin usar constructor. Si te fijas
 // las hemos visto anteriormente pero con otros modificadores: `static` y el prefijo de privado `#`.
+// Esta notación de class fields está disponible a partir de ES2022.
+
 // También podemos crear propiedades públicas de este modo:
 
 class Counter {

02-languages/02-apuntes/01-javascript/108 classes.js

@@ -176,7 +176,8 @@ type UserCommon = Common<UserDetails, UserID>; // Check intellisense!
 const calculateCommon = <A extends object, B extends object>(a: A, b: B): Common<A, B> => {
   const result = { ...a };
   for (const key in a) {
-    if (a.hasOwnProperty(key) && !b.hasOwnProperty(key)) delete result[key];
+    // A partir de ES2022 podemos usar Object.hasOwn como reemplazo de Object.prototype.hasOwnProperty
+    if (Object.hasOwn(a, key) && !Object.hasOwn(b, key)) delete result[key];
   }
   return result;
 };

02-languages/02-apuntes/02-typescript/107 utility types.ts

@@ -22,14 +22,14 @@ html, body {
 }
 
 .title {
-  font-size: 5em;
+  font-size: min(max(calc(2rem + 48 * ((100vw - 360px) / 280)), 2rem), 5rem);
   font-weight: bolder;
   color: rgba(255, 255, 255, 0.7);
   margin: 1rem 0 1rem;
 }
 
 .caption {
-  font-size: 1.75rem;
+  font-size: min(max(calc(1.25rem + 16 * ((100vw - 360px) / 280)), 1.25rem), 2.25rem);
   color: rgba(255, 255, 255, 0.7);
   margin: 1rem 0 1rem;
 }

02-languages/04-playgrounds/01-playground-javascript/src/index.css

@@ -22,14 +22,14 @@ html, body {
 }
 
 .title {
-  font-size: 5em;
+  font-size: min(max(calc(2rem + 48 * ((100vw - 360px) / 280)), 2rem), 5rem);
   font-weight: bolder;
   color: rgba(255, 255, 255, 0.7);
   margin: 1rem 0 1rem;
 }
 
 .caption {
-  font-size: 1.75rem;
+  font-size: min(max(calc(1.25rem + 16 * ((100vw - 360px) / 280)), 1.25rem), 2.25rem);
   color: rgba(255, 255, 255, 0.7);
   margin: 1rem 0 1rem;
 }

02-languages/04-playgrounds/02-playground-typescript/src/index.css

@@ -22,14 +22,14 @@ html, body {
 }
 
 .title {
-  font-size: 5em;
+  font-size: min(max(calc(2rem + 48 * ((100vw - 360px) / 280)), 2rem), 5rem);
   font-weight: bolder;
   color: rgba(255, 255, 255, 0.7);
   margin: 1rem 0 1rem;
 }
 
 .caption {
-  font-size: 1.75rem;
+  font-size: min(max(calc(1.25rem + 16 * ((100vw - 360px) / 280)), 1.25rem), 2.25rem);
   color: rgba(255, 255, 255, 0.7);
   margin: 1rem 0 1rem;
 }