Curso JavaScript: 55. Proxies - #jonmircha

En este video te explico los #Proxies en #JavaScript.

[federicolopez]

He pagado cursos, intente ingresar a un bootcamp pero nadie ha explicado tan bien como Jon, gran curso, me animas mucho a seguir, aunque no retenga todo, siento que entiendo todo mas facil contigo!

[carlosmariorestrepo-vnqp]

Muchísimas gracias, por tanto esfuerzo para ayudarnos a entender; mucho mas fácil y mejor explicación no hay bendiciones

[nikolahs]

sept 11 1969**Oct 4 2023
gracias excelente curso
felicidades John Mircha

[carlosjavierorozco]

Lo entendi, pero me hace falta practicarlo mas. Pero sigo pa´lante! Gracias!

[xaviervelez]

La función del handler también se puede realizar de la siguiente manera
const handlerPersona = {
set(obj, prop, valor){
prop in obj?obj[prop] = valor:console.error(`La prop ${prop} no existe en el objeto`);
}
}

[christianosorio]

Gracias profe. Aproveche y valide lo que menciono de la edad, además una manera más corta de validar el ingreso del nombre y el apellido es con esta expresión regular << /^[a-zá-üñ\s]+$/ig >>

if(prop === 'edad' && Math.sign(valor) === -1)
if(prop === 'edad' && valor === 0)

[paolarodriguez]

estuve buscando por toda la web y esto me ayudo a entenderlo mejor.. gracias por su dedicación

[sofialopez]

excelente clase! Contenta de que llegue a un tercio del curso, vamos por mas!Gracias Jon!!! ojala todo lo que das te vuelva por mil!

[timawid]

Cada video es una joya, todo muy bien explicado, eres el mejor Jon 🙌

[perdomoyaneri]

Después de 4 semanas; Estoy en la clase número 55. Los temas más complejos para mí fueron: programación asincrónica y orientada a objetos. Al principio de los videos me fue muy fácil porque conocía los conceptos básicos de programación y antes de este curso hice más de 200 ejercicios de lógica de programación. Pero no sabía que después de la lógica había temas más importantes xd Antes me saltaba de lenguajes; y no tenía mi objetivo definido. Pero me gusta el fronend siempre quise estudiar diseño gráfico pero en mi país tardan en ofrecer cupos; en la mejor universidad según mi estado claro no me daba el tiro así que conseguí una beca de ingeniería en informática pero siempre me ha gustado mucho la tecnología. (pasaba horas en la computadora en mi juventud) Y poder ver algo relacionado como el frond end me emociona. Diseñar paginas dinámicas. Gracias a ti estoy cumpliendo mi objetivo. :3 Amèn

[johnherrera]

Master! Genial todos los cursos mil gracias por compartir sus conocimientos

[joelleiva]

me gusto bastante esta clase, muy claro todo. Tambien hice un ejemplo con diferentes tipos vehiculos y los valide, para practicar

Aca el codigo:
const vehiculos = {
tipo: "",
color: "",
velocidadKPH: "",
}

const manejador = {
set (obj, prop, valor){
if === -1)
return console.error(`"${prop}" no es un propiedad valida`)
if (
(prop === "tipo" || prop === "color") &&

)
return console.error(`"${prop}" solo acepta letras`)

if (prop === "velocidadKPH" && typeof valor !== 'number')
return console.error(`"${prop}" solo acepta numeros`)

if (prop === "velocidadKPH" && valor <= 0)
return console.error(`"${prop}" solo son numeros mayores a 0`)

obj[prop] = valor
}
}

const auto = new Proxy(vehiculos, manejador)
auto.tipo = "auto"
auto.color = "rojo"
auto.velocidadKPH = 100
console.log(auto)

[leomax]

Bárbaro Jon, aunque no nos conozcamos, ya te siento como mi amigo. Si bien reconozco que he visto los videos muy rápido y he practicado, me siento como que cada vez me doy cuenta que me falta mucho, y debe ser así, pero estoy seguro que al seguir practicando y creando proyectos reales, estos conceptos van a aflorar en nuestras mentes y volveremos a tu fuente sagrada de videos a buscar las respuestas. Gracias Jon. Abrazo desde un pueblito pequeño de Argentina!!

[yamilcaceres]

pregunta de esto

Tipo no capturadoError: 'set' en proxy: trap devolvió falsish para la propiedad 'nombre'
en proxies y bla bla bla

Bueno yo lo solucione en el codigo html
<script src="/JS/Clase_2.js" type="module"> </script> tenia esto y despues esto
<script src="/JS/Clase_2.js"> </script>

y no me salio error alguen me explique?

[edwinroman]

Muy interesante, de esta forma podre agregar mas seguridad a la hora de trabajar con Objetos.

[BronzasMoments]

Actualmente estoy siguiendo el de node js es un poco viejo pero aún sirve y explicas súper bien

[andrescomba]

Excelente, muy bien explicado este tipo de Objeto... la verdad no lo usaba, por que no tenia muy claro su funcionamiento, gracias.... Jon... :)

[josealejandrotrejorivera]

increíble todo lo que he aprendido en este curso. Gracias KENAI.

[becamilo]

Me gustaría ver al profesor en Platzi. Enseña muy bien

[Ni_idea_de_tecnologia]

Muchas gracias por este gran vídeo Mr Mircha. En mi caso he modificado un poco las validaciones usando las expresiones regulares que no enseñaste tiempo atras y me han quedado así:
if((key ==="nombre" ||key==="apellido")&& ) {
console.error(` `)
}
if(key ==="edad" &&(value<=0 ||value>100 ||
console.error(`Los datos introducidos en el campo ${key}: ${value} no son correctos. Introduzca un número válido entre 1 y 100. `)
}