Enfoque Frontend

EP. 03 - ¿Qué significa ser frontend?

En este episodio: NOTICIAS DE LA SEMANA - Microsoft cambia su fuente por defecto: https://medium.com/microsoft-design/a-change-of-typeface-microsofts-new-default-font-has-arrived-f200eb16718d - Wix agrega una nueva tool de IA para crear sitios web con prompts: https://techcrunch.com/2023/07/17/wixs-new-tool-can-create-entire-websites-from-prompts/?guccounter=1 - Prueba Wordpress sin necesidad de instalacion ni configuracion con Wordpress Playground: https://developer.wordpress.org/playground/ VIDEO DE LA SEMANA - CSS Nesting Nativo https://www.youtube.com/watch?v=SYGGMK-WShk&ab_channel=CodingLatam HERRAMIENTA DE LA SEMANA - Crea wizards, tutoriales, tours, highlits y más con Driver.js https://driverjs.com/ ARTICULO DE LA SEMANA Entendiendo el Event loop en javascript: https://hackernoon.com/understanding-the-javascript-event-loop-everything-you-need-to-know?source=rss ¿QUE APRENDIMOS ESTA SEMANA? Reflexión ¿Qué significa ser frontend? Te comparto una reflexión sobre el scope de nuestras responsabilidades como desarrolladores front. .:: Comunidad ::. 💻Discord: https://discord.gg/ySwYnQaveH 💻Telegram: https://bit.ly/2Z5w4rR .:: Redes ::. 💻Tiktok: https://www.tiktok.com/@angelo.dev 💻Instagram: https://instagram.com/codinglatam 💻Twitter: https://twitter.com/angelolev ¿Te gustaría apoyarnos? Puedes apoyarnos a seguir creando contenido de calidad en el siguiente link 👉 https://www.buymeacoffee.com/codinglatam #HappyCoding

EP. 02 - Nuevas features de CSS para tus proyectos

En este episodio: NOTICIAS DE LA SEMANA - Features de SASS en CSS nativo: https://chriscoyier.net/2023/07/11/sass-features-in-css/ - Distintas formas de utilizar la media query de dark mode: https://www.amitmerchant.com/places-where-you-can-use-prefers-color-scheme-media-query/ - Nueva actualización de Prettier: https://prettier.io/blog/2023/07/05/3.0.0.html - Nuevas unidades CSS para viewports: https://ishadeed.com/article/new-viewport-units/ - Promesas de Javascript para principiantes: https://www.freecodecamp.org/news/guide-to-javascript-promises - React Design Patterns: https://dev.to/anuradha9712/react-design-patterns-2acc VIDEO DE LA SEMANA - La importancia de THIS en Javascript https://www.youtube.com/watch?v=LEw0hswTots&ab_channel=developedbyed HERRAMIENTA DE LA SEMANA - Crees que sabes CSS? Con esta herramienta puedes poner a prueba tus habilidades para saber cuánto sabes del lenguaje, te invito a hacer la prueba! https://css-challenges.com/quizzes/ ARTICULO DE LA SEMANA Coding standards para mejorar la calidad nuestro codigo: https://dev.to/documatic/a-guide-to-coding-standards-to-improve-code-quality-68n ¿QUE APRENDIMOS ESTA SEMANA? Playwright Playwright permite pruebas end-to-end confiables para aplicaciones web modernas. Es compatible con todos los motores de renderizado modernos, incluidos Chromium, WebKit y Firefox. https://playwright.dev/ .:: Comunidad ::. 💻Discord: https://discord.gg/ySwYnQaveH 💻Telegram: https://bit.ly/2Z5w4rR .:: Redes ::. 💻Twitter: https://twitter.com/codinglatam 💻Instagram: https://instagram.com/codinglatam 💻Tiktok: https://www.tiktok.com/@angelo.dev ¿Te gustaría apoyarnos? Puedes apoyarnos a seguir creando contenido de calidad en el siguiente link 👉 https://www.buymeacoffee.com/codinglatam #HappyCoding

EP. 01 - Todas las novedades de la web en Julio 2023

En este episodio: NOTICIAS DE LA SEMANA - 00:48 Un vistazo al futuro de CSS: https://www.builder.io/blog/css-the-good-parts - 02:25 Consejos al usar la devtools: https://www.smashingmagazine.com/2023/06/popular-devtools-tips/ - 03:24 Introduccion a View Transitions API: https://www.sitepoint.com/view-transitions-api-introduction/ VIDEO DE LA SEMANA - 04:09 Una charla del reciente evento CSS Day en Ámsterdam, que destaca el entusiasmo actual en torno a CSS y la gran cantidad de nuevas funciones que hemos visto llegar a la plataforma web en los últimos años. https://www.youtube.com/watch?v=dkBeBxs48os&ab_channel=WebConferencesAmsterdam HERRAMIENTA DE LA SEMANA - 04:39 Mejora tus web vital con esta herramienta que tiene como objetivo ayudarte a encontrar fuentes alternativas coincidentes para minimizar el problema. Utiliza el la propiedad size-adjust para la regla @font-face https://www.industrialempathy.com/perfect-ish-font-fallback/?font=Montserrat ARTICULO DE LA SEMANA 05:49 Novedades de la web en Junio 2023: https://web.dev/web-platform-06-2023/ ¿QUE APRENDIMOS ESTA SEMANA? 06:09 requestIdleCallback() method El método pone en cola una función para ser llamada durante los períodos de inactividad de un navegador. Esto permite a los desarrolladores realizar trabajos en segundo plano y de baja prioridad en el bucle de eventos principal, sin afectar los eventos críticos para la latencia, como la animación y la respuesta de entrada.