Miguel Angel Durán García

Patrones de Arquitectura que debes conocer:

1. Arquitectura Orientada a Eventos
Los componentes del sistema se comunican entre sí mediante eventos. Los productores de eventos generan datos y los envían a un intermediario, quien luego los distribuye a los consumidores de eventos interesados.

Ventajas: Escalable y desacoplado
Desventajas: Difícil de depurar y puede haber latencia
Se usa: Para eventos en tiempo real o aplicaciones grandes que deben sincronizarse frecuentemente

2. Arquitectura en Capas
Organiza el sistema en capas jerárquicas, cada una con una responsabilidad específica como presentación, lógica de negocio y acceso a datos.

Ventajas: Fácil de mantener y reutilizar
Desventajas: Puede afectar el rendimiento y ser rígido
Se usa: En aplicaciones empresariales con reglas de negocio complejas

3. Arquitectura Monolítica
Todo el sistema está integrado en una sola aplicación grande donde todos los componentes están interconectados.

Ventajas: Fácil de desarrollar inicialmente y buen rendimiento
Desventajas: Difícil de escalar y mantener a largo plazo
Se usa: En aplicaciones más simples que no requieren escalabilidad avanzada

4. Arquitectura de Microservicios
El sistema se divide en pequeños servicios independientes que se comunican a través de API.

Ventajas: Altamente escalable y flexible
Desventajas: Más complejo de gestionar y puede aumentar la latencia
Se usa: En aplicaciones grandes y complejas que requieren despliegue independiente

5. Arquitectura MVC (Modelo-Vista-Controlador)
Divide la aplicación en Modelo (datos y lógica), Vista (interfaz de usuario) y Controlador (manejo de la entrada del usuario).

Ventajas: Facilita la gestión y la reutilización
Desventajas: Añade complejidad y puede generar sobrecarga
Se usa: En aplicaciones web para separar la lógica de negocio de la interfaz de usuario

6. Arquitectura Maestro-Esclavo
Un servidor maestro maneja las operaciones de escritura, mientras que los servidores esclavos manejan las operaciones de lectura.

Ventajas: Mejora el rendimiento y la disponibilidad
Desventajas: Problemas de consistencia y mayor complejidad
Se usa: Para bases de datos a gran escala que requieren balanceo de carga

Me hace mucha ilusión contarte que...

¡Microsoft me ha nombrado Most Valuable Professional!

Es un reconocimiento que dan a profesionales por su contribución a la comunidad de desarrollo.

¡Muchas gracias a todos por su apoyo!

¡Adiós nodemon! 👋

Node añade un nuevo parámetro --watch:
Reinicia el proceso cuando detecta un cambio.

Sin dependencias. Mira cómo funciona. ⬇️

¡Nuevo atributo HTML para los input checkbox!
Se llama switch y cambia visualmente cómo se ve.

Por ahora sólo Safari 17.4 tiene soporte...
Aquí tienes una demostración de cómo funciona ↓

¡Esta biblioteca de JavaScript es brutal!

Transforma elementos en cajas que puedes arrastrar.
Intercambiando posiciones con otros elementos.

Funciona en React, Vue, Angular, Svelte...

> npm install swapy

¡JavaScript ha evolucionado mucho últimamente!

Estos dos operadores marcan la diferencia para trabajar mejor con objetos y simplificar tu código.

?. → Optional chaining: Te permite leer la propiedad de un objeto sin necesidad de validar expresamente si la referencia existe.

?? → Nullish Coalescing: Operador lógico que devuelve el operando de la derecha si el de la izquierda es null o undefined.

Aquí tienes un ejemplo de cómo quedaría:

Explicación visual de una consulta SQL.

SELECT: Especifica las columnas que se desean recuperar de la base de datos. En este caso, column_a y column_b son las columnas seleccionadas para la salida.

FROM: Indica la tabla de la que se van a seleccionar los datos. Aquí, t1 es la tabla de origen.

JOIN: Se utiliza para combinar filas de dos o más tablas, basadas en una columna relacionada entre ellas. En el ejemplo, t2 es la tabla que se une con t1.

ON: Define la condición de unión entre las dos tablas. La consulta muestra que t1.column_a debe ser igual a t2.column_a, lo que significa que la unión se hace en base a la coincidencia de valores en column_a de ambas tablas.

WHERE: Es una cláusula que se utiliza para filtrar registros que cumplen una condición específica. constraint_expression sería una expresión que define esta condición.

GROUP BY: Agrupa las filas que tienen los mismos valores en la columna especificada, lo que permite realizar operaciones de agregación como contar, sumar, promediar, etc.

HAVING: Es similar a WHERE, pero se aplica a grupos de filas creados por GROUP BY. constraint_expression indica la condición que deben cumplir los grupos.

ORDER BY: Organiza los resultados según el valor de una o más columnas, en orden ascendente (ASC) o descendente (DESC).

LIMIT: Limita el número de registros que la consulta retorna, que es útil cuando solo se necesita una cierta cantidad de filas. count indica el número máximo de registros a retornar.

Como ves, la consulta se escribe de una forma pero el orden de ejecución es otro.

Primero se usa FROM y JOIN para saber de dónde extrae la información.

Luego con ON y WHERE se usan expresiones para filtrar los resultados.

Después de agrupar con GROUP BY y filtrar con HAVING, entonces es que seleccionamos los campos.

Finalmente los ordenamos y limitamos los resultados.

¡GitHub ha lanzado CERTIFICADOS oficiales!

Hay 4 disponibles en distintas especialidades:
https://lnkd.in/dae2yjQY

Tienen rutas de estudio gratuitas de cada una.
Te dejo el enlace en el siguiente post ↓

🔥 ¡REACT 18! ¡Te cuento TODAS sus NOVEDADES! ⬇️

Más de dos años hemos tenido que esperar... ¡pero ya tenemos una nueva versión mayor de React aquí!

🔀 ¡Llega el modo concurrente! De forma que ahora React puede calcular renderizados de nuestros componentes a la vez y determinar si debe interrumpir alguno. ¿Por qué? ¡Para hacer que nuestra interfaz siempre responda!

✅ Para usar el nuevo modo concurrente debes usar el nuevo método createRoot de ReactDOM. El anterior sigue funcionando... ¡pero ten en cuenta que no estarás aprovechando el nuevo modo concurrente!

🚀 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!

🪝 ¡Nuevos hooks!

- useId, para crear identificadores únicos del componente en servidor y cliente. use

- useTransition, para crear actualizaciones de estado que tienen menos prioridad.

- useDeferredValue, para que algunos valores se actualicen más tarde de forma controlada (perfecto para inputs!)

👻 Suspense en el servidor. POR FIN. Esto habilitará la posibilidad de esperar fetching de datos y hacer streaming del HTML mientras vamos resolviendo esos datos. ¿Qué significa? Pues que vamos a ver nuestras páginas antes y va a mejor mucho la percepción del usuario del rendimiento de nuestra página.

💀 ¡AH! Y DEJA DE SOPORTAR INTERNET EXPLORER 11. Ojo con esto. No actualices si quieres seguir soportando este navegador.

🔜 ¡Los Server Components no han llegado a tiempo para este lanzamiento pero muy pronto lo tendremos disponibles en una versión minor!

💬 ¿Qué te parece la actualización? ¿Te gustaría que hiciese un vídeo de alguna funcionalidad en concreto? ¡Cuéntame!

Brutal efecto 3D de un poster con CSS.
0 JavaScript y mucho ingenio para crear la animación:

→ https://lnkd.in/dC5bZPn3

¡Mis extensiones favoritas de Visual Studio Code!

Mejoran tu productividad y programas más rápido con ellas.

Cada una sirve para algo distinto. Te las explico:

- Error Lens: Te muestra los errores en línea
- Consola Ninja: La salida de consola en tu editor
- Image Preview: Mejora el uso de imágenes en Code
- Version Lens: Manejo de versión de las dependencias
- Fluent Icons: Para cambiar los iconos del editor

👋 ¡Adiós, Atom!

GitHub acaba de anunciar que el editor será archivado y dejará de recibir soporte el próximo 15 de diciembre.

Atom fue la razón para crear Electron y, de esos cimientos, nació Visual Studio Code, entre otras apps.

¡Gracias por haber existido! 🤗

¡Estoy super contento!
He terminado mi primera carrera de 10km.

Como programador, que está todo el día sentado, estoy intentando retomar el deporte poco a poco.

Correr me ayuda a desconectar, y me siento con un plus de energía que hacía falta echaba en falta.

Lo importante es practicar algún deporte que disfrutes. Si no te gusta correr, seguro que hay otro que te guste y puedes mantenerte activo.

Y yo, ahora, a prepararme para la media maratón. ¡Vamos!

¿Sabes que ahora puedes crear animaciones CSS según la posición del scroll en tu web? Sin JavaScript, puedes crear cosas como esta:

¿Quieres CERTIFICACIONES gratis para PROGRAMADORES?
AQUÍ tienes una COLECCIÓN de certificados que puedes hacer SIN COSTE. ⇩

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

Tienes toda la información aquí:
https://lnkd.in/eg2NrZy3

Si quieres el certificado verificado (con más valor) entonces sí habrá que pagar.

{2} Python

¿Ya sabes este lenguaje de programación?

¡Anímate a conseguir estas certificaciones muy vinculadas a la Inteligencia Artificial y el Machine Learning!

- Ciencias de Datos con Python y Big Data.
- IBM Cloud y Kubernetes.

➥ https://cognitiveclass.ai

{3} FreeCodeCamp

¡Contenido en español y gratis!

8 Certificaciones disponibles:
- Diseño web responsive
- Algortimos de JavaScript y Estructuras de Datos
- React.js
- Visualización de datos
- BackEnd y Apis
- Y 3 de Python

➥ https://lnkd.in/eN-j5sGC

{4} MongoDB

Aprende y domina NoSQL con estos cursos con certificado de MongoDB.

Puedes usar C#, Java, Node.js o Python.

Los cursos son totalmente gratuitos
➥ https://lnkd.in/e6FxFytX

{5} Oracle Infraestructure

Consigue todos los conocimientos que necesitas para administrar una infraestructura en la nube.

Además te dan acceso a recursos gratuitos de Oracle para poder completar la certificación y para tus propios proyectos.

➥ https://lnkd.in/eT83UJWr

{6} Test Automation University

Aprende a automatizar tus tests en el navegador y certifícate.

Puedes aprender en diferentes lenguajes de programación: Java, JavaScript, Python, C# y más.

➥ https://lnkd.in/eFdtDV5f

{7} Redis

Redis es un motor de base de datos en memoria y es muy usado para guardar sesiones de usuario o datos que tienen que ser muy rápidos.

Disponibles cursos de Redis con .NET, Java, JavaScript y Python.

Con certificado oficial.

➥ https://lnkd.in/ezExi65Q

{8} Azure

Asiste a dos formaciones de Microsoft Azure y podrás realizar un examen gratis para lograr una de las siguientes certificaciones:

- Azure Fundamentals
- Azure Data Fundamentals
- Azure AI Fundamentals
- Dynamics 365 Fundamentals

➥ https://lnkd.in/etuUwvU5

{9} DevOps

La universidad de Helsinky tiene un curso con certificación para DevOps.

Son 6 semanas de contenido y al final tienes que hacer una entrega con examen para conseguirlo.

➥ https://lnkd.in/ec326fuC

{10} CiberSeguridad por CISCO

Entiende y controla la seguridad de redes, aplicaciones y servidores...
Maneja datos de forma confidencial.

Este curso gratis de 30 horas te da un certificado final y Badge al completarlo.

Disponible en Español.

➥ https://lnkd.in/ejYsbk7w

¿Quieres optimizar las imágenes de tu web o app?
¡Necesitas este nuevo recurso gratuito para devs!

✓ Transforma a JPG, WEBP, AVIF y JXL
✓ Reduce el peso de tus imágenes hasta un 98%

→ imgto․xyz

Mira este ejemplo. De 3MB de PNG a 60KB en AVIF ↓

¡POR FIN llegará esto a JavaScript!

Nuevo método Math.sum:
Para sumar todos los elementos de un Array ↓

¡Este recurso GRATUITO para desarrolladores es TOP!

Crea APIs REST de prueba en segundos:
✓ Métodos GET, POST, PUT y DELETE
✓ Datos aleatorios para la respuesta
✓ Compatible con HTTPS y CORS
✓ Sin despliegues

→ retool.com/api-generator

GPT-4 puede leer un dibujo y crearte el HTML y CSS de una página web. 😱

¡Hola desde Japón 🇯🇵! El viaje de mi vida.
Qué importante es viajar y conocer otras culturas...

Abrir la mente. Estar expuesto a nuevas ideas. Descubrir nuevas formas de vivir.

Muchas veces estamos anclados a nuestras opiniones y creencias. Viajar nos ayuda a romper muchos muros mentales.

También nos vemos obligados a salir de nuestra zona de confort. Un sentimiento que te ayuda incluso en tu vida laboral. Sin duda.

Tampoco hace falta irse a Japón para experimentarlo... No te preocupes. A veces tenemos nuevas experiencias increíbles cerca de donde estamos.

Así que si te puedo dar un consejo... ¡Viaja todo lo que puedas!

Las entrevistas técnicas en programación

La gente que reparte carnets de programador:
Debería saber que la comunidad de programación es diversa.

Hay devs que les apasiona y les encanta pasarse horas programando.

Otros simplemente quieren un sueldo y siguen siendo igual de profesionales.

Hay personas que prefieren disfrutar su tiempo libre haciendo otra cosa.

Otra gente aspira a vivir de un proyecto personal y le invierte tiempo y ganas.

Existen personas que aunque les encantaría no pueden. Por familia. Por responsabilidades. Por energía...

Pero lo que está claro es que todo el mundo puede disfrutar de la programación y cada uno lo hace a su manera.

Es genial dar consejos y compartir experiencias...

Pero hay que entender que algo que a TI te ha servido, puede no servirle a otra persona.

Y que no seguir tu guía NO lo hace peor profesional.

Hay programadores que ni siquiera están en Twitter, ni tienen GitHub, y que nos dan unas cuantas vueltas en calidad y profesionalidad.

Cada persona es un mundo, tiene una historia, su motivación y sus objetivos.

¿Quieres APRENDER PROGRAMACIÓN y CIENCIAS de la COMPUTACIÓN de la mano de la Universidad de HARVARD?
Contenido【 100% GRATIS 】y de máxima calidad.

【 CS50: Introducción a las ciencias de la computación】

⏱ Duración: 11 semanas
📈 Dificultad: Introducción

Contenido:
- Primer acercamiento a la programación
- Algoritmos y abstracción
- Desarrollo web e ingeniería del software

➡️ https://lnkd.in/e3BE3nhS

【 CS50: Introducción a la programación con Python】

⏱ Duración: 9 semanas
📈 Dificultad: Introducción

Contenido:
- Funciones, argumentos y valores de retorno
- Variables, tipos y excepciones
- Condicionales y expresiones booleanas
- Bucles

➡️ https://lnkd.in/e5UpVud6

【 CS50: Desarrollo web con Python y JavaScript】

⏱ Duración: 12 semanas
📈 Dificultad: Intermedio

Contenido:
- HTML, CSS, JavaScripot
- Git y Python
- Django
- SQL, Modelos y Migraciones

➡️ https://lnkd.in/egX5D8ks

【 CS50: Inteligencia Artificial con Python】

⏱ Duración: 7 semanas
📈 Dificultad: Introducción

Contenido:
- Algoritmo de búsqueda en grafos
- Machine learning
- Principios de la IA
- Cómo diseñar sistemas inteligentes
- Cómo usar IA con Python

➡️ https://lnkd.in/eFEW6_jR

【 CS50: Introdución al desarrollo de vídeojuegos】

⏱ Duración: 12 semanas
📈 Dificultad: Intermedio

Contenido:
- Principios de los gráficos 2D y 3D
- Diseño y desarrollo básico de videojuegos
- Detección de colisiones
- Lua y C#
- Unity y LÖVE 2D

➡️ https://lnkd.in/eRUQ3WJU

El contenido es TOTALMENTE gratis.
Si quieres un certificado verificado de cada uno, tiene un coste aproximado de 199$.

¡Ya está disponible la nueva web de React!

✓ Todos los ejemplos con funciones
✓ Diagramas, ilustraciones y retos
✓ +600 ejemplos interactivos
✓ Documentación renovada

Un esfuerzo de años, ya disponible:
🔗 react.dev

¡Este es el paraíso de los programadores!
Un repositorio con cientos de APIs gratuitas.

Perfecto para practicar y mejorar en programación:
⇢ https://lnkd.in/eh_RD36r

¡Preciosos fondos animados para tu web o app!
Usan HTML5 Canvas y están optimizados.

Basados webs de Apple, Stripe y Airbnb.
Fáciles de instalar: un solo componente de React.
→ uvcanvas․com

¡Arrancamos el curso de REACT desde CERO y GRATUITO!

Desde cero, paso a paso y con proyectos prácticos.

HOY es la primera clase. ¡VENTE!

➡️ https://twitch.tv/midudev

Cómo crear un mapa mental de cualquier documento con ChatGPT

¡Generador de efecto cristal para tu web!
Te da el código CSS listo para copiar y usar:
→ buff.ly/3ONTtGX

POR FIN os puedo anunciar la fecha de mi...
¡Curso Gratis para Aprender JavaScript!

- Vídeos cortos y fáciles de entender
- Ejercicios prácticos e interactivos
- De cero a experto

¡Abre el 17 de ABRIL!

Apúntate para que te avise:
🔗

Meta acaba de despedir a 11.000 personas.
El 13% de su plantilla. Impacta en Facebook, WhatsApp e Instagram.

Mark Zuckerberg acaba de anunciarlo en una carta abierta a sus empleados.

Condiciones:
- 16 semanas pagadas + 2 por cada año en la empresa.
- Desbloqueo de acciones
- 6 meses de seguro privado
- 3 meses de apoyo a encontrar empleo
- Apoyo para VISA

Para haceros una idea, Twitter despidió a la mitad de su plantilla y fueron unas 7500 personas.

Estamos ante uno de los despidos más grande de la historia de una Big Tech.

¿Esto significa que no hay trabajo?
Pues nada más lejos de la realidad.

Existen numerosos datos que pese a todos los despidos... en el mundo tech se sigue creando empleo.

¿Se avecina una recesión? Puede ser.
¿Van a venir más despidos? Seguramente.
¿Estalla la burbuja dev? No creo que tenga nada que ver.

¡Hoja de Trucos para trabajar con Git!
En Español y oficial de Github.

Consíguelo aquí: https://lnkd.in/dYQuWiHq

No necesitas gastar dinero para Aprender Programación.
Todos mis cursos son totalmente gratuitos. Aquí los tienes:

1. Curso de JavaScript desde cero

- Con ejercicios prácticos y exámenes
- Clases cortas en vídeo
- Explicaciones en texto y ejemplos
- Desde lo más básico
- Con logros y gamificación

Cada semana una nueva sección

No necesitas experiencia previa:
https://lnkd.in/eqnvp2Xs

2. Curso practico de React de cero a experto:

- Creación de 13 proyectos
- Desde lo más básico
- Testing con Vitest
- Pruebas técnicas
- Redux y Zustand
- Cómo usar TypeScript
- Crea tu propio React Router

https://lnkd.in/eyYCc4Zv

3. Un Bootcamp FullStack JavaScript.
¡55 clases en total!

- Fundamentos de Desarrollo Web
- JavaScript y React
- APIs Node.JS y Express
- MongoDB
- Despliegue a producción
- Tests Jest y react-testing-library
- Tests E2E Cypress
- GraphQL
- GitHub Actions

midu.link/bootcamp

4. Curso de TypeScript de novato a ninja

- Qué no es TypeScript
- Cómo ayuda a mejorar tu código
- La inferencia de tipos
- Arrays y Tuplas
- Alias Types
- Como añadir tipos a funciones

https://lnkd.in/ePW_G3X7

5. React Native desde cero

📱 ¿Qué es React Native?
📦 Instalando Expo
🧩 Componentes principales
🎨 Creando el layout con Flex
🔀 Enrutamiento en apps
✅ Validación de formularios

https://lnkd.in/eqssPrGs

La vida del programador

¿Tienes que añadir Autenticación a tu web o app?
Auth.js es la mejor biblioteca para conseguirlo

✓ Gratis y de código abierto
✓ Para Next.js, Astro, Express, Vue...
✓ Soporte a GitHub, Google, Discord, Twitch y más

Documentación → authjs․dev

¿Hay un bug en tu código y no sabes qué commit lo introdujo?

¡Aprende a utilizar git bisect! Pasos:

1. Inicia el proceso
2. Marca un commit con el error
3. Busca un commit sin bug
4. Automatiza ir probando commits
5. Y al final te dice el commit que introdujo el problema:

📚 LIBROS para mejorar en PROGRAMACIÓN...
¡Que no son de programar! ⇩

¡Atención a esta oferta para Analista en Ciberseguridad!
Para un proyecto en el sector de la banca en Madrid.

Últimamente, muchas empresas han sido hackeadas.
Las noticias sobre datos filtrados son diarias.
¿Qué está pasando en la Ciberseguridad?
Pues yo lo tengo claro…

Muchas empresas, que facturan millones de euros al año, están ofreciendo sueldos irrisorios para puestos tan importantes y con tanta responsabilidad.

Pero piden una lista inmensa de requisitos, funciones y deberes. Y un sueldo de 20.000€ al año.

¡Hoy se celebra La Velada IV! Estoy muy feliz que la Web Oficial que desarrollé ha sido un éxito.

De código abierto
1 millón de visitas
+3 millones de páginas vistas
Desarrollada con Astro y desplegada en Vercel.

¡Gracias por ayudarme a cumplir este sueño!

Gracias a @InfoJobs que patrocinó el desarrollo de la web y nos ayudó a contratar a 2 personas para hacerla. Alejandra y Joel ayudaron un montón a hacerla!

Gracias a todos los contribuidores del proyecto, espectadores y suscriptores por vuestro apoyo y compañía en este tiempo.

¿Qué próximo proyecto te gustaría que hagamos?

¡Esta es mi extensión favorita de Visual Studio Code!

Se llama Console Ninja y muestra la salida de tus console.log directamente en el editor.

No puedo vivir sin ella:

LISTA de +750 EMPRESAS que siguen contratando PROGRAMADORES:
🔗 https://lnkd.in/e-iGmAQ3

Contiene:
- Nombre de la empresa y a qué se dedica
- Desde dónde y si ofrece remoto
- Enlace con más información

* Si eres de LATAM, aprovecha que estás en la misma zona horaria que USA.

¡Directorio de APIs públicas y gratuitas para Devs!
Compatibles con cualquier lenguaje de programación
Hay 797 disponibles → publicapis.io

¡No todo es programar! Acuérdate de vivir
El descanso también es necesario para mejorar

Así funciona la programación

¡Haz que tu página web suba de nivel con animaciones CSS!

Esta colección es super fácil de usar y tiene un montón.

¡Mañana CURSO de NODE.JS desde cero!
Y todos los jueves tendremos nueva clase.

Contenido práctico:
〉 Crear una API Rest con Express
〉 Apps en tiempo real con Web Sockets
〉 Conexión a Bases de Datos
〉 Scraping web paso a paso
〉 CLI, scripts y automatización

Horario por países:
18H 🇪🇸
17H 🇮🇨
13H 🇺🇾 🇦🇷 🇨🇱
12H 🇵🇾 🇹🇹 🇧🇴 🇻🇪 🇩🇴
11H 🇨🇴 🇵🇪 🇪🇨 🇵🇦
10H 🇲🇽 🇨🇷 🇳🇮 🇸🇻 🇭🇳

¿Buscas un Certificado de Inglés gratuito y confiable?
EFSet ofrece uno tras superar un examen de 50 minutos ⬇️

Certifica tu nivel de comprensión oral y lectora:
https://lnkd.in/eFntkvZ2

Mi opinión del certificado:
Obvio no es tan potente como el IELTS o el TOEFL.
Pero su coste es de 0 y puedes incluirlo en tu LinkedIn.
Además sirve para auto evaluar tu nivel de inglés.
Y, por poco que sea, todo suma.

¡Necesitas saber este truco de Visual Studio Code!

Puedes ordenar alfabéticamente una lista.

Selecciona las filas y usa la paleta de comandos.

¡Sin extensiones! ↓