Aprovecha TODOS mis cursos de PROGRAMACIÓN GRATIS 🧑‍💻

👇🧵
FullStack JavaScript Bootcamp 🚀
¡MÁS de 55 CLASES! 😱

- Fundamentos de Desarrollo Web
- JavaScript y React
- APIs Node.JS y Express
- MongoDB
- Deploy a Heroku
- Testing con Jest y react-testing-library
- Testing E2E con Cypress
- React Native y CI

midu.link/bootcamp
¡Curso de React ⚛️ DESDE CERO!
CREA una APP paso a paso.

- ¿Qué es React y por qué es necesario?
- Crea una app
- Hooks y Custom Hooks
- Estado global con Context
- Testing
- Web Performance

Más de 16 horas de contenido totalmente gratis.

midu.link/react
Curso de Next.js ▲ y Firebase 🔥 para construir un clon de Twitter.

- Server Side Rendering
- Login con GitHub y Styled JSX
- Eslint y Prettier
- Firebase Firestore
- Rutas dinámicas en Next.js

Más de 14 horas de contenido gratis:
midu.link/nextjs
CURSO de REACT NATIVE completo
¡4 HORAS de contenido!

Contiene:
📱 ¿Qué es React Native?
📦 Instalando Expo
🧩 Componentes principales
🎨 Creando el layout con Flex
🔀 Enrutamiento en apps
✅ Validación de formularios
¡Y MUCHO MÁS!

Tutorial de Svelte desde Cero
El framework que es tendencia este 2022 🧡.

🧡 ¿Qué es Svelte.js?
🔄 Componentes y estado reactivo
⬇️ Fetching de datos
🤔 Renderizado condicional
🤝 Listas, arrays y promesas

1 hora de contenido gratis:
midu.link/svelte
Taller de Introducción a GraphQL 📡

Contiene:
ℹ️ ¿Qué es GraphQL?
🎮 Playground de GraphQL
🚀 Apollo Client
🏁 Creando un servidor con GraphQL
🔌 Conectando una API Rest
¡Más cositas!

TUTORIAL desde cero de GITHUB ACTIONS.
¡2 horas de contenido 😱!

📚 Introducción a CI/CD
🏁 Empezando con Actions de GitHub
🚀 Despliegue a producción
🟢 Pruebas, linter y testing
⚡ Mejora la velocidad de integración

🔥 CURSO GRATIS de Framer Motion
¡Animaciones ESPECTACULARES para tu web con React! ⚛️

◆ 2 horas de contenido
◆ Explicación de los componentes
◆ Práctica: migrar app estática a una con vida
◆ Añade micro-interacciones

➡️
Y si te gusta la programación y el desarrollo web con #JavaScript te recomiendo:

Mi comunidad: discord.gg/midudev
Mi canal de YouTube: midu.tube
Mi canal de Twitch: midu.live

• • •

Missing some Tweet in this thread? You can try to force a refresh
 

Keep Current with Miguel Ángel Durán

Miguel Ángel Durán Profile picture

Stay in touch and get notified when new unrolls are available from this author!

Read all threads

This Thread may be Removed Anytime!

PDF

Twitter may remove this content at anytime! Save it as PDF for later use!

Try unrolling a thread yourself!

how to unroll video
  1. Follow @ThreadReaderApp to mention us!

  2. From a Twitter thread mention us with a keyword "unroll"
@threadreaderapp unroll

Practice here first or read more on our help page!

More from @midudev

May 11
🔥 ¡RECURSOS para DEVS!
Las MEJORES alternativas GRATUITAS a Heroku.

¡Vamos con el hilo! 🧵 ⬇️ Alternativas a Heroku para desplegar tus aplicaciones Node.j
🔗 fly.io

Fly te permite desplegar tu aplicación (con backend y bases de datos) a la nube SUPER fácil.

🆓 GRATIS tienes 2340 horas al mes de una CPU con 256MB de RAM.
160GB de transferencia al mes, 10 certificados HTTPS y 3GB de disco.

Soporta Dockerfile.
🔗 render.com

¿Tienes una API con Node? Perfecto.
¿Necesitas un dominio estático para tu sitio? Lo tiene.
¿Quieres una base de datos PostgreSQL gratis? Hecho.
¿Quieres un worker en segundo plano? Gratis!

Lleno de posibilidades cubre casi todas las necesidades.
Read 5 tweets
May 5
Los formatos de PRUEBAS TÉCNICAS en PROGRAMACIÓN más comunes que puedes encontrar.

🧵⬇️ Entrevistas técnicas en pro...
LIVE CODING 💻

Prueba en vivo con un pequeño reto y tiempo limitado. Normalmente la haces con dos personas de la empresa.

📈 Cada vez más frecuente
👍 Respetuosa con tu tiempo
👎 Se pasan muchos nervios
💡 Practica con alguien y vais cambiando roles con pequeñas katas.
CHARLA TÉCNICA SIN CÓDIGO 💬

Una charla técnica con preguntas teóricas y situaciones posibles. Para conocer tu nivel.

📈 Suele usarse para filtrar
👍 No suelen ser complicadas
👎 Puede ser muy subjetiva
💡 Busca artículos que agrupan este tipo de preguntas y estudia
Read 9 tweets
Apr 24
📸 ¡Crea imágenes bonitas de tu código para compartir en redes!

- Soporta JavaScript, HTML, CSS y más 👩‍💻.
- Añade marca de agua 🔏.
- Copia la imagen al portapapeles 👯‍♂️
- Configura paddings y sombras 📐

➡️ chalk.ist

Te dejo otras ALTERNATIVAS en el HILO 🧵⬇️ Crea imágenes bonitas de tu código con chalkist.Captura de pantalla de chalkist, con todas las opciones paraImagen resultante de código fuente de JavaScript tras usar
También tienes snappify.io.

- Te deja elegir entre 6 temas de colores 🌈.
- Soporte para un montón de lenguajes 🗣.
- Añade fácilmente marca de agua ®.
- Preparado para las medidas de Twitter 📐.
- ¡Soporta tabs!

Tiene una versión de pago bastante interesante. Imagen resultante tras usar Snappify de tu código HTML
También tenemos el mítico carbon.now.sh.
Van tan sobrados que no han cambiado a un dominio en condiciones.

- Themes reales de Visual Studio Code 🔥.
- Fondos de imágenes de Unsplash. 📸.
- Un montón de fuentes a elegir. 🤯
- Muy configurable 🔧
- Exporta a SVG Pantalla realizada con carbon.now.sh de un código HTML
Read 5 tweets
Apr 21
¿Quién gana más DINERO en el mundo de la PROGRAMACIÓN 💰?

⚡ La gente que va a un Bootcamp
👩‍🎓 Personas con una carrera
📚 Autodidactas

Pues según los resultados de una encuesta a 2500 devs...

🧵⬇️ ¿Quién gana más dinero en el mundo de la programación? U
Antes de empezar:
Los datos vienen @arcdotdev, empresa especializada en encontrarte trabajo en remoto como dev.

Puedes acceder a sus servicios gratis aquí: midu.link/arc

Y si quieres acceder a todos los datos de la encuesta, puedes ir aquí:
arc.dev/developer-blog…
@arcdotdev Según los datos, la gente que va a un Bootcamp.

- Entre 0 y 1 año de experiencia gana de mediana unos 16,400$. Un +12% que la gente con una carrera.
- Entre 2 y 3 años de experiencia, gana de mediana 27,334$. Un +37% más que graduados, que ganan 19,883$.

¿Y la razón? ⬇️
Read 10 tweets
Mar 30
🔥 ¡TODAS LAS NOVEDADES DE REACT 18!

Te las explico ⬇️🧵 React 18, todas las novedades
¡La más importante!
El nuevo modo de concurrencia ⭐.

Esto significa que ahora React puede interrumpir un renderizado si ve que no es importante.
Así se asegura de dejar la UI siempre disponible para la interacción del usuario.

Para poder usarlo, recuerdar usar createRoot ⬇️ createRoot, aprovecha el mo...
🚀 Otra mejora de rendimiento es que ahora hace actualizaciones por lotes de los estados que están fuera de métodos de React. Por ejemplo, en funciones para responder a un evento (handleClick), setTimeout y respuestas de promesas. ¡Menos renderizados innecesarios! Automatic Batching de los e...
Read 10 tweets
Mar 21
ADIÓS WEBPACK 👋

4️⃣ ALTERNATIVAS QUE DEBES CONOCER.

🧵⬇️
🟢 vite, sencillo y optimizado

Del creador de Vue.js llega vite. La apuesta de este empaquetador es usar ES Modules de forma que en modo desarrollo funciona de forma nativa, y super rápida, mientras que en producción se empaqueta con Rollup.

vitejs.dev
📦 esbuild, la alternativa rápida a Webpack

Nacido en 2020, esbuild es un empaquetador de aplicaciones web que está escrito en Go. Esto hace que sea hasta 100 veces más rápido que Webpack o Rollup.

esbuild.github.io
Read 6 tweets

Did Thread Reader help you today?

Support us! We are indie developers!


This site is made by just two indie developers on a laptop doing marketing, support and development! Read more about the story.

Become a Premium Member ($3/month or $30/year) and get exclusive features!

Become Premium

Don't want to be a Premium member but still want to support us?

Make a small donation by buying us coffee ($5) or help with server cost ($10)

Donate via Paypal

Or Donate anonymously using crypto!

Ethereum

0xfe58350B80634f60Fa6Dc149a72b4DFbc17D341E copy

Bitcoin

3ATGMxNzCUFzxpMCHL5sWSt4DVtS8UqXpi copy

Thank you for your support!

Follow Us on Twitter!

:(