curso

Recursos de programación de curso
En este vídeo analizamos cómo han evolucionado las herramientas de gestión de estado en React a lo largo de los años pasando desde el original react setState a nuevas alternativas como Zustand o Recoil Si quieres conocer más de cómo funciona la gestión de estado en React y que alternativas tenemos para configurar esta gestión de estado apúntate al curso que estamos publicando ahora mismo al respecto: https://bit.ly/gestion-estado-react {▶️} CodelyTV ├ 🎥 Suscríbete: https://youtube.com/c/CodelyTV?sub_confirmation=1 ├ 🐦 Twitter CodelyTV: https://twitter.com/CodelyTV ├ 🧔🏻 Twitter Javi: https://twitter.com/JavierCane ├ 🍺 Twitter Isma: https://twitter.com/ismanapa ├ 📸 Instagram: https://instagram.com/CodelyTV ├ ℹ️ LinkedIn: https://linkedin.com/company/codelytv ├ 🟦 Facebook: https://facebook.com/CodelyTV └ 📕 Catálogo cursos: https://bit.ly/cursos-codely
Hoy tenemos como invitado a Joan León, que nos hablará de cómo podemos usar una herramienta como Cloudinary para simplificar y agilizar el proceso de optimización de imágenes para obtener una buena performance web. Es un fragmento de una entrevista que hemos hecho en el marco del curso de Web Performance, donde vemos montón de truquitos para obtener unas buenas métricas en performance 👉 https://pro.codely.tv/library/web-performance/ {▶️} CodelyTV ├ 🎥 Suscríbete: https://youtube.com/c/CodelyTV?sub_confirmation=1 ├ 🐦 Twitter CodelyTV: https://twitter.com/CodelyTV ├ 🌶 Twitter Núria: https://twitter.com/nuria_codes ├ 🏞️ Twitter Joan León: https://twitter.com/nucliweb ├ 📸 Instagram: https://instagram.com/CodelyTV ├ ℹ️ LinkedIn: https://linkedin.com/company/codelytv ├ 🟦 Facebook: https://facebook.com/CodelyTV └ 📕 Catálogo cursos: https://bit.ly/cursos-codely
¿Alguna vez te has preguntado cómo React se encarga de persistir los cambios de estado? Detrás de cada cambio de estado hay un proceso de reconciliación a través del cual React se encarga de identificar cuales son los elementos de la interfaz que han sido modificados de manera que solo es necesario volver a pintar estos elementos. Es en este proceso dónde esta el virtual DOM del que hablamos en este vídeo. Si quieres conocer más de cómo funciona la gestión de estado en React y que alternativas tenemos para configurar esta gestión de estado apúntate al curso que estamos publicando ahora mismo al respecto: https://bit.ly/gestion-estado-react {▶️} CodelyTV ├ 🎥 Suscríbete: https://youtube.com/c/CodelyTV?sub_confirmation=1 ├ 🐦 Twitter CodelyTV: https://twitter.com/CodelyTV ├ 🧔🏻 Twitter Javi: https://twitter.com/JavierCane ├ 🍺 Twitter Isma: https://twitter.com/ismanapa ├ 📸 Instagram: https://instagram.com/CodelyTV ├ ℹ️ LinkedIn: https://linkedin.com/company/codelytv ├ 🟦 Facebook: https://facebook.com/CodelyTV └ 📕 Catálogo cursos: https://bit.ly/cursos-codely
Nos gusta mucho usar distintas tipografías web, pero pueden tener un coste de performance elevado. Vamos a ver cómo cargar las web fonts de forma óptima para evitar layout shifts y ofrecer una buena experiencia. Todo esto y más en el curso de Web Performance 👉 https://pro.codely.tv/library/web-performance/ {▶️} CodelyTV ├ 🎥 Suscríbete: https://youtube.com/c/CodelyTV?sub_confirmation=1 ├ 🐦 Twitter CodelyTV: https://twitter.com/CodelyTV ├ 🌶 Twitter Núria: https://twitter.com/nuria_codes ├ 🙋🏻‍♂️ Twitter Nino: https://twitter.com/ninodafonte ├ 📸 Instagram: https://instagram.com/CodelyTV ├ ℹ️ LinkedIn: https://linkedin.com/company/codelytv ├ 🟦 Facebook: https://facebook.com/CodelyTV └ 📕 Catálogo cursos: https://bit.ly/cursos-codely
El Lazy loading es un patrón que se utiliza habitualmente para mejorar la performance. Es utilizado en muchos contextos, desde la carga diferida de recursos en una web hasta la carga de entidades relacionadas persistidas en una base de datos. En este vídeo nos planteamos algunos problemas que puede acarrear el uso de este patrón, y algunas alternativas de diseño y arquitectura de software para mitigarlos, sin por ello tener que sacrificar el rendimiento. 🏭 Curso de Patrones de Diseño Creacionales 👉 https://bit.ly/ctv-patrones 🕋Video sobre Event-Driven Architecture 👉 https://www.youtube.com/watch?v=V4mjxJ5czog 🕋 Curso de Event-Driven Architecture 👉 http://bit.ly/curso-microservicios {▶️} CodelyTV ├ 🎥 Suscríbete: https://youtube.com/c/CodelyTV?sub_confirmation=1 ├ 🐦 Twitter CodelyTV: https://twitter.com/CodelyTV ├ 🧔🏻 Twitter Javi: https://twitter.com/JavierCane ├ 👨🏻‍🌾 Twitter Dani: https://twitter.com/dsantaka ├ 📸 Instagram: https://instagram.com/CodelyTV ├ ℹ️ LinkedIn: https://linkedin.com/company/codelytv ├ 🟦 Facebook: https://facebook.com/CodelyTV └ 📕 Catálogo cursos: https://bit.ly/cursos-codely
Analizamos 7 formas de clonar objetos en JavaScript y TypeScript y las diferencias entre los métodos de clonado superficiales (Shallow) y los completos (Deep): 00:00 Introducción 00:39 0. Referencia 02:20 1. Object.assign (Shallow) 04:15 2. Spread operator (Shallow) 04:45 3. Prototype copy 07:21 4. Object.create (Herencia) 09:15 5. Serialization (Deep) 10:19 6. Recursive clone (Deep) 12:00 7. TypeScript 13:30 Shallow vs Deep copy Este el curso Patrones de Diseño Creacionales, utilizamos los métodos de clonado para implementar el patrón Prototype 👇 🏛 Curso de Patrones de diseño: https://bit.ly/ctv-patrones #JavaScript #DeepClone #ShallowCopy {▶️} CodelyTV ├ 🎥 Suscríbete: https://youtube.com/c/CodelyTV?sub_confirmation=1 ├ 🐦 Twitter CodelyTV: https://twitter.com/CodelyTV ├ 🧔🏻 Twitter Javi: https://twitter.com/JavierCane ├ 👨🏻‍🌾 Twitter Dani: https://twitter.com/dsantaka ├ 📸 Instagram: https://instagram.com/CodelyTV ├ ℹ️ LinkedIn: https://linkedin.com/company/codelytv ├ 🟦 Facebook: https://facebook.com/CodelyTV └ 📕 Catálogo cursos: https://bit.ly/cursos-codely
Las Core Web Vitals han llegado, pero que no cunda el pánico: vamos a entender cómo afecta al posicionamiento y cómo medirlas. Curso de Web Performance ya disponible aquí 👉 https://pro.codely.tv/library/web-performance/ {▶️} CodelyTV ├ 🎥 Suscríbete: https://youtube.com/c/CodelyTV?sub_confirmation=1 ├ 🐦 Twitter CodelyTV: https://twitter.com/CodelyTV ├ 🌶 Twitter Núria: https://twitter.com/nuria_codes ├ 🙋🏻‍♂️ Twitter Nino: https://twitter.com/ninodafonte ├ 📸 Instagram: https://instagram.com/CodelyTV ├ ℹ️ LinkedIn: https://linkedin.com/company/codelytv ├ 🟦 Facebook: https://facebook.com/CodelyTV └ 📕 Catálogo cursos: https://bit.ly/cursos-codely
Aprende a migrar de JavaScript a TypeScript. Puede ser complejo, sin embargo conseguiremos que nuestro código este más protegido y sea más evolucionable. Hoy os traemos un corte de un caso de éxito REAL en el que David nos cuenta cómo han enfocado este proceso de migración en Audiense haciendo convivir su antigua base de código de JavaScript y nuevas piezas hechas en TypeScript. Si te has quedado con ganas de ver el resto de entrevista o de empezar a introducirte en TypeScript no dudes en apuntarte al curso "De JavaScript a TypeScript" 👇 https://pro.codely.tv/library/de-javascript-a-typescript {▶️} CodelyTV ├ 🎥 Suscríbete: https://youtube.com/c/CodelyTV?sub_confirmation=1 ├ 🐦 Twitter CodelyTV: https://twitter.com/CodelyTV ├ 🍺 Twitter Isma: https://twitter.com/ismanapa ├ 📸 Instagram: https://instagram.com/CodelyTV ├ ℹ️ LinkedIn: https://linkedin.com/company/codelytv ├ 🟦 Facebook: https://facebook.com/CodelyTV └ 📕 Catálogo cursos: https://bit.ly/cursos-codely
No tiene sentido seguir usando media queries en función del tamaño de pantalla cuando, en 2021, vemos como los tamaños cada vez son más diferentes y menos estándar. En este vídeo vemos 2 formas de conseguir que la ubicación de tu sidebar vaya en función del contenido y no del tamaño de pantalla. Algo que escalará mucho mejor indistintamente de cómo evolucionen los dispositivos desde los que se consulta tu web 🎉 Si quieres ver más trucos como este, el curso de CSS flex a fondo está plagado de ellos, así que… ¡al turrón! 👇 https://bit.ly/cursazo-flex {▶️} CodelyTV ├ 🎥 Suscríbete: https://youtube.com/c/CodelyTV?sub_confirmation=1 ├ 🐦 Twitter CodelyTV: https://twitter.com/CodelyTV ├ 💂🏼 Twitter Rafa: https://twitter.com/rafaoe ├ 🍺 Twitter Isma: https://twitter.com/ismanapa ├ 📸 Instagram: https://instagram.com/CodelyTV ├ ℹ️ LinkedIn: https://linkedin.com/company/codelytv ├ 🟦 Facebook: https://facebook.com/CodelyTV └ 📕 Catálogo cursos: https://bit.ly/cursos-codely
¿Qué son los patrones de diseño? ¿Cómo me pueden ayudar? En este video explicamos de forma general qué son y para qué nos pueden servir los patrones. Este es el video inicial del curso de Patrones de diseño creacionales ya disponible en CodelyTV 👉 https://pro.codely.tv/library/patrones-diseno-creacionales {▶️} CodelyTV ├ 🎥 Suscríbete: https://youtube.com/c/CodelyTV?sub_confirmation=1 ├ 🐦 Twitter CodelyTV: https://twitter.com/CodelyTV ├ 🧔🏻 Twitter Javi: https://twitter.com/JavierCane ├ 👨🏻‍🌾 Twitter Dani: https://twitter.com/dsantaka ├ 📸 Instagram: https://instagram.com/CodelyTV ├ ℹ️ LinkedIn: https://linkedin.com/company/codelytv ├ 🟦 Facebook: https://facebook.com/CodelyTV └ 📕 Catálogo cursos: https://bit.ly/cursos-codely