Enfoque Frontend Enfoque 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

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

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.