Be Sudo Be Pro

#Consultor e #Inversor de conocimiento para #emprendedores.#Noticias de tecnologías de punta y la aplicación de las mismas.#EresSudo #EresPro #IA #WEB #DEV #CTO

[Be Sudo Be Pro @BeSudoBePro]

☝️♿🌐: Te ha costado mostrar fechas que sean amigables? 😥 Y si es multiidioma? 😭#Intl al rescate!🦸‍♂️🦸‍♀️ con `Intl.RelativeTimeFormat()` tienes una solución simple y elegante.🥁🥁🥁
¡Te lo mostramos!🥳
#JavaScript #TypeScript #internationalization #date #format #js #ts #readable

[Be Sudo Be Pro @BeSudoBePro]

☝️🛠️:#Reduce de 20% a 90% el #tamaño de tus #imágenes con #webp y #avif
☝️https://t.co/WedCvqy3W2 para obtener webp y avif
✌️La #etiqueta #picture así el #navegador escoge que formato soporta #calidad #progresiva
#speed #web #app #pro #image #size #javascript #typescript #ts #js

[Be Sudo Be Pro @BeSudoBePro]

☝️🛠️: Visualiza los eventos de ciclo de vida de tus apps con @ChromeDevTools #timeline🧐
✔️Activa #timing #API
⭕Graba en el #profiler
⭕Graba en el #performance #tab
📊Inspecciona el timeline.
😵‍💫 Confundido? ¡Te lo mostramos!🥳
#visualize #web #app #lifecycle #event #chrome

[Be Sudo Be Pro @BeSudoBePro]

☝️📰: @Angular v13 ha llegado con un super #ngUpdate actualizando #features nativos.
- Compilación en Producción más eficiente
- Fomentar a11y en componentes
- Mejora de rendimiento en los test y depuración
- Nuevo Formato de Paquetes de Angular
#update #angular #faster #builds

[Angular @angular]

Angular v13 is here 🎉

#ngUpdate for built-in improvements like:
- Faster prod builds
- Enhanced component a11y
- Improved test times and debugging
- Modern Angular Package Format

Read more:
📚 https://t.co/dx1HzBY9z6

Join us Friday at 10am PST:
📅 https://t.co/6GGtgkJDpl

[Be Sudo Be Pro @BeSudoBePro]

☝️🎨: Estás haciendo un nuevo proyecto con @angular ? 😏 Dale un #look #and #feel #angular con escudo personalizado. Gracias a @alexbodurri https://t.co/O0jC3nJeXs
#logo #shield #personalization #app #geek

[Be Sudo Be Pro @BeSudoBePro]

☝️ℹ️: Pequeño paquete de #NPM, `jsome` para que los #outputs de tus #JSON sea más legibles. Configura los colores y los caracteres que quieras. 🕺
Doc: https://t.co/ccdC3mBNTa, pequeña demo👇
#basic #package #junior #learning #typescript #javascript #js #ts #debug #basic

[Be Sudo Be Pro @BeSudoBePro]

☝️ℹ️: Actualiza tus paquetes #NPM como un #pro usando `npm-check` para verificar y actualizar #interactivamente tus #dependencias #desactualizadas.🤷‍♂️
Y como siempre 🥁🥁...
¡¡¡Te lo mostramos!!!🥳🎞️
#dependencies #outdated #packages #update #typescript #javascript #Nodejs #Node

[Be Sudo Be Pro @BeSudoBePro]

☝️💡Sugerir valores para colores🎨, correos📧, rangos📏, número 🧮y texto📒? 🙏
Muy fácil con <datalist>!¡Te lo mostramos!🎞️
Demo:https://t.co/8KTLVq6RK6
Doc:https://t.co/WNbsGYlXO9
#suggest #values #Javascript #Typescript #HTML #Junior #learn #basic #tutorial #tip #form #js #ts

[Be Sudo Be Pro @BeSudoBePro]

☝️💡Forms tip🧐 :focus-within es una #pseudoclass que permite darle estilo al contenedor que contiene el elemento enfocado.😵‍💫 Es más simple de lo que parece. ¡Te lo mostramos!🥳
#CSS #basic #learning #Javascript #Typescript #Container #focus #HTML #junior

[Be Sudo Be Pro @BeSudoBePro]

☝️🎨: @ChromeDevTools para #CSS esta 🔥. Con la nueva depuración para #flexbox.🧐
Busca la insignia "flex" en elementos que tengan #display:#flex, mira la configuración y su #editor #visual. 🤯
+ info 👉https://t.co/ODx4mPynPS
#HTML #badge #debug #tool #junior #learn #Javascript

[Be Sudo Be Pro @BeSudoBePro]

☝️ℹ️🎨: #CSS #tip en https://t.co/IW8i86jNkv más de 46 transiciones fáciles de reutilizar, sin dependencias. 🧐. Y como siempre...🥁🥁🥁 ¡Te lo mostramos! 🥳
#transition #productivity #HTML #Javascript #Typescript #animation #learn #easy #snippet #snippets

[Be Sudo Be Pro @BeSudoBePro]

☝️🎨:La propiedad #gap de #CSS, técnica conveniente d poner espacios tanto en #grid como en #flex🥳Y ya es compatible con #Safari 14.1
Doc:https://t.co/FkPg3K3V3K
Demo:https://t.co/Tjc1SeAJtR
Comp:https://t.co/LObbnHv6iL
#Javascript #Typescript #HTML #layout #items #junior #learn

[Be Sudo Be Pro @BeSudoBePro]

☝️ℹ️: Herramientas de @angular q requieren nuestra atención.
‣ Angular Language Service: https://t.co/vmD78OMiRp
‣ Componizer: https://t.co/7MMKEyj7qa
‣ Angular DevTool: https://t.co/o4fLdNmuuv
‣ ngrev: https://t.co/w3KnBuUnnf
#tools #typescript #Angular

[Be Sudo Be Pro @BeSudoBePro]

ℹ️🤖:@angular permite agregar #Machine #Learning en el navegador con las mejores prácticas:
‣ Cargar TensorFlow.js y el modelo por solicitud
‣ Dejando libre el hilo principal(#Web #Worker)🚀
Prueba:
‣ ng add ngx-tfjs
‣ Aplica un pipe ✨
#Typescript #browser #best #practices:

[Be Sudo Be Pro @BeSudoBePro]

☝️ℹ️: El elemento #fieldset sirve para agrupar relevantes #inputs & #buttons permitiéndote deshabilitar todos de una #disable
Demo: https://t.co/bb2ZZ9CZwF
Doc: https://t.co/hH2LyWFhez
#js #javascript #Typescript #ts #learning #basic #junior #grouping #productivity #Tips

[Be Sudo Be Pro @BeSudoBePro]

☝️🤡: El facto de que @JeffBezos prefiera el espacio por encima de los tabs te dice todo lo que necesitas saber sobre el 😅😂.
#programming #language #jokes #geek #space #over #tabs #never #happen #js #typescript #ts #web #JeffBezos #HTML #HTML5

[Be Sudo Be Pro @BeSudoBePro]

☝️ℹ️: #checkbox pueden ser indeterminados en #HTML, pero se tienen que asignar mediante #js #ts
Demo: https://t.co/Ta7nspEeq5
Doc: https://t.co/8cyeuIvAeC
#junior #basic #learning #javascript #typescript #html #tips #form

[Be Sudo Be Pro @BeSudoBePro]

☝️ℹ️: Desafío: Escribir un #ransomware en dos líneas.
¡Hecho!🤯🧐 Gracias #Copilot🤣 Sin ti no hubiese sido posible.
#Junior #js #ts #javascript #typescript #NodeJS #tool #helper #learning #basic #auto #generate #code #AI

[Be Sudo Be Pro @BeSudoBePro]

☝️ℹ️:Quieres que tu #web #app rellene automáticamente el código de autenticación enviado por #SMS? 🙏 Con el atributo autocomplete="one-time-code" los usuarios. ¡No necesitarán copiar el código del SMS! 🤯🥳
¡Te lo mostramos! 🕺💃
Demo: https://t.co/9e1D9ohllQ
#js #ts #typescript

[Be Sudo Be Pro @BeSudoBePro]

☝️🩳✂️: En estos días📆 le mostraremos como reducir el número de líneas 🐅🐈con algunos trucos de sintaxis, sin embargo esto no quiere decir que sea + legible el código.🧐

¡Te mostramos el #primero!🥳
#js #ts #javascript #typescript #shorcut

[Be Sudo Be Pro @BeSudoBePro]

☝️🤣: Cuando programamos sin leer la documentación.
#programming #joke #keep #calm #and #read #the #docs