Miguel Ángel Durán Profile picture
👨‍💻 Ingeniero de Software & JavaScript ⭐ GitHub Star · Google Dev Expert · Microsoft MVP 🔴 Twitch Partner: https://t.co/fcahiemHdr 🗣️ Discord: https://t.co/XruHkD62j3
Daniel Cajiga Profile picture Esteban Vera Profile picture Álvaro ;) Profile picture Mental¤Sickness ➕1️⃣8️⃣♂️ Profile picture Ramon Teleco Profile picture 8 subscribed
Mar 14 8 tweets 4 min read
¿Quieres configurar tu VISUAL STUDIO CODE y que te quede como el de la imagen?

¡Te comparto mi tema, configuraciones, fuente, trucos y extensiones! ↓ Image Tema: One Dark Pro
Variante: Darker

Para conseguir el mismo estilo debes activar las itálicas, las negritas y que los colores sean vívidos.

Es mi preferencia personal pero a mi me gusta mucho cómo queda. Configuración para One Dark Pro: Bold, Italic, Markdown Style, Vivid activados. Color Theme: One Dark Pro
Mar 7 12 tweets 4 min read
En 14 años habrá un nuevo "fin del mundo" informático.
¿Te acuerdas del "Efecto 2000" o Y2K? Eso no fue nada.

Te explico por qué nos deberíamos preparar YA...
O afectará al mundo de forma grave y disruptiva. Un meteorito con el año 2038 pegado va a impactar contra la Tierra (es una metáfora). Un poco de historia antes....
A finales del año 90 llegó el llamado "Efecto 2000".

Muchos sistemas informáticos antiguos representaban los años usando sólo 2 dígitos.

Al llegar el año 2000, mostrarían "00" que podía referirse también al año 1900.

Spoiler: No pasó nada grave. Capturas de periódicos hablando del efecto 2000
Nov 24, 2023 9 tweets 5 min read
¡Esta es mi REGALO para HOY!

TODOS mis CURSOS de PROGRAMACIÓN GRATIS.

Para ti. Para siempre. Más de 100 horas de contenido.

JavaScript, React, Node, SQL, TypeScript... ↓ ¡CURSO PRÁCTICO de REACT!

✓ 12 proyectos, todo el código disponible
✓ De cero a experto
✓ Más de 15 horas

Si no aprendes React con esto, me corto un brazo.

Oferta especial de 0€. Para siempre:
midu.link/react
Curso de React desde cero
Nov 13, 2023 6 tweets 3 min read
¡A PROGRAMAR se aprende PROGRAMANDO!

Aquí tienes una LISTA de RECURSOS para practicar.

Retos de programación en todos los lenguajes ↓ 3500 retos de programación.
67 lenguajes distintos: JavaScript, Python, Java, Go...
¡Y totalmente gratuito!

exercism.org
Exercism, hazte realmente bueno programando
Jul 11, 2023 9 tweets 2 min read
Cada día haces "git commit" de tu código.
¿Pero lo estás haciendo bien?

7 Buenas Prácticas para escribir mejores commits: 1. Usa el verbo imperativo (Add, Change, Fix, Remove, …)

Estamos tentados a escribir “Added…”, “Fixed…” o “Removed…”
¡Pero cada commit es una instrucción para cambiar el estado del proyecto!

Fíjate cómo los añade Git (al hacer merge de una rama usa "Merge branch").
Jul 6, 2023 9 tweets 4 min read
Colección de Libros para Aprender Programación desde cero.

100% gratuitos y en Español: Aprende Python de Sergio Delgado.

✓ Casi 500 páginas de contenido.
✓ De cero hasta ciencia de datos y scraping.
✓ Con ejemplos y ejercicios prácticos

Muy completo, con buenas ilustraciones y además gratis

➔ https://t.co/TSgVUFQDpLaprendepython.es/_downloads/907…
Jun 21, 2023 14 tweets 4 min read
Cómo aprendería a programar en 2023 si empezase de nuevo: Un chico está en una habita... Un poco de contexto:

Tengo casi 20 años de experiencia programando
Me gradué en Ingeniería de Informática
Mis primeros lenguajes fueron Java, Lisp, C y PHP
Lo pasé muy mal en mis inicios
En mi época no existía ni YouTube ni StackOverflow

¿Qué haría si empezase de nuevo?
Jun 20, 2023 6 tweets 3 min read
React Router, Redux, Styled Components, Apollo...

¡Deja de usar las dependencias de siempre en React!

Hilo con las mejores alternativas: Logo de la biblioteca de Ja... React Router es un clásico... ¡y está muy bien!

Pero a veces trae demasiadas cosas, especialmente para proyectos pequeños y sencillos.

Wouter es una alternativa que ocupa sólo 1.5KB y su sintaxis es muy parecida.

github.com/molefrog/wouter Ejemplo de Wouter, el React...
Jun 19, 2023 13 tweets 5 min read
¿Quieres conseguir un 100 de Rendimiento en tu Web?

Mega hilo con colección de trucos para conseguirlo: Captura de pantalla con una... 1. Carga sólo el JavaScript y CSS que necesitas.

Para saber si eso es un problema, puedes usar la pestaña de Cobertura en las DevTools.

Esta pestaña está un poco oculta, pero te dice el % de uso de tus archivos.

Al darle a un archivo, te muestra las líneas que se usan. Herramienta de las DevTools...
Mar 15, 2023 12 tweets 4 min read
Colección de ejemplos espectaculares de GPT-4 en Programación: Le pasas una imagen hecha a mano sobre cómo quieres una web y GPT-4 te crea el HTML y el CSS:
Mar 7, 2023 8 tweets 3 min read
¿Quieres subir de nivel en JavaScript? Gratis y en Español.

Clean Code, SOLID, Algortimos, Buenas prácticas.

Te comparto los MEJORES repositorios para que lo consigas

[ H I L O ] Clean Code JavaScript

Los conceptos de Clean Code adaptados a este lenguaje de programación.

¿Cómo nombrar las variables? ¿Y las funciones? SOLID, Testing, Concurrencia y mucho más:

github.com/devictoribero/…
Mar 6, 2023 9 tweets 4 min read
7 LIBRERÍAS que todo programador de REACT debería conocer: REACT PDF

El nombre lo dice todo. Te permite renderizar un PDF

react-pdf.org

[1/7]
Feb 23, 2023 8 tweets 4 min read
7 RECURSOS para DESARROLLADORES que NECESITAS conocer.

Base de datos, hosting, monitorización...

¡Todos con planes GRATIS!

[ H I L O ] {1} FLY IO

Despliega tu aplicación GRATIS y rápido

Apps de Python, Node, Go, Elixir, Ruby...
Hasta 2 apps sin pagar
160GB de transferencia sin coste
Sin necesidad de tarjeta de crédito Captura de pantalla de Fly.io
Feb 21, 2023 9 tweets 4 min read
PROGRAMA más rápido con estos 7 TRUCAZOS para Visual Studio Code: ¿Necesitas crear un fichero y a la vez algún directorio?

¡NO crees la carpeta primero y luego el archivo!

Puedes crear el fichero directamente con toda su estructura DE UNA VEZ

Separa las carpetas con / y finalmente añade el archivo

¡Y así lo haces todo de una! Mira:
Feb 20, 2023 12 tweets 6 min read
¿Quieres CERTIFICACIONES gratis para PROGRAMADORES?

¡Te traigo buenas noticias!

AQUÍ tienes una COLECCIÓN de certificados que puedes hacer SIN COSTE.

[ H I L O ] ⇩ {1} Harvard

¿Estudiar en Harvard y conseguir un certificado gratuito? ¡Es posible!

Tienes toda la información aquí:
cs50.harvard.edu/x/2023/certifi…

Si quieres el certificado verificado (con más valor) entonces sí habrá que pagar.
Feb 18, 2023 9 tweets 4 min read
RECURSOS para APRENDER y MEJORAR en REACT

Todos son totalmente GRATIS.

[ H I L O ] {1} Preguntas de entrevista

Casi 100 preguntas con ejemplos prácticos
Explicaciones sencillas y directas
Totalmente en español
De principiante a avanzado

🔗 github.com/midudev/pregun…
Feb 16, 2023 6 tweets 3 min read
¿Quieres sacar una PÁGINA WEB y no tienes ni idea de PROGRAMAR?

¡Te comparto las MEJORES herramientas NO CODE para conseguirlo!

Todas con planes GRATUITOS.

[ H I L O ] [1] Typedream

Crea desde un portfolio hasta una tienda
Conéctate con Notion
Cientos de plantillas a elegir

typedream.com Image
Feb 15, 2023 4 tweets 2 min read
ChatGPT es IMPRESIONANTE pero...

¡Existen alternativas todavía MÁS POTENTES!

Te comento las MEJORES que debes probar YA para mejorar tu productividad

[ H I L O ] 》 CHATSONIC

Lo más parecido a ChatGPT pero con respuestas actualizadas a día de hoy

✓ Total acceso a Internet
✓ Respuestas rápidas
✓ 100 generaciones gratuitas por mes

app.writesonic.com Le pregunto a ChatSonic si se ha estrenado ya Ant-Man y me d
Feb 8, 2023 7 tweets 4 min read
RECURSOS para PROGRAMADORES que no puedes perderte.

Te facilitan tu vida programando... ¡Y todos son GRATIS!

[ H I L O ] ⇩ 1/ DEVDOCS

Toda la documentación que necesitas en un solo sitio.

📖 Lenguajes, frameworks, bibliotecas...
📅 Siempre actualizadas
🔍 ¡Busca en todas a la vez!
🌓 Modo claro/oscuro

Un imprescindible:
devdocs.io Imagen que explica que en D...Captura de pantalla de DevD...
Feb 6, 2023 9 tweets 0 min read
Jan 29, 2023 7 tweets 2 min read
¡NO cometas este ERROR al escribir HTML!

Aprende a diferenciar cuando usar las etiquetas <button> y cuando <a>.

¡Te explico las diferencias! ⇩ Código HTML:  	<a href='https://www.youtube.com/midudev'> 	🔗 ¿Qué son los enlaces?

- Son elementos interactivos que normalmente enlazan a otro documento y, por lo tanto, navegan a otra dirección.

- La navegación puede ocurrir en la misma página (secciones hash) o, si el navegador no puede navegar, intentará descargar el recurso.