Enfoque Frontend Enfoque Frontend
-
- Tecnología
-
El podcast semanal donde exploramos el mundo del desarrollo frontend. Aquí, compartiremos información valiosa sobre las herramientas y técnicas más novedosas que están dando forma al futuro y presente de la web.
Cada semana, exploraremos el mundo del frontend desde nuevas librerías, frameworks y tecnologías emergentes. Descubriremos cómo estas herramientas pueden mejorar nuestras habilidades como desarrolladores y hacer que nuestros proyectos destaquen.
Ya seas un principiante curioso o un experto buscando mantenerse actualizado, este podcast es para ti!
-
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.