Guía de Estudio COMPLETA para Programadores Full-Stack 2024

En este video hablaremos sobre tecnologías que creo lo van a reventar en 2024. Esta guía COMPLETA esta pensada para programadores Full-Stack, aunque la puedes adaptar a tu camino o, no sabes como empezar, esta guía te ayudará bastante, ya que, hablaremos también de tecnologías que no se recomiendan usarlas y a otras si y sobre todo ¿POR QUÉ? + datos
▶ No te pierdas más directos en: / midudev
▶ Comunidad chula: / discord
▶ Instagram: / midu.dev
▶ Twitter / midudev
▶ Tiktok: / midudev
Marcadores del video:
00:00:00 - Intro
00:00:34 - Secciones de la guía (Empleabilidad, Sueldo, capa caída etc..)
00:02:43 - Nostramidus Predictions 2022 (o como se escriba jaja)
00:03:51 - Bootstrap
00:06:25 - Style Components
00:08:32 - PandaCSS
00:09:18 - Design systems
00:11:18 - Storybook
00:16:01 - CSS en JS
00:17:40 - TailwindCSS
00:18:25 - Shadcn
00:19:50 - CSS
00:23:12 - Mejorar Sueldo (arquitectura CSS y más)
00:23:57 - Atomic Design
00:24:34 - SASS, LESS y Stylus Capa caída :0
00:29:29 - Gatsby
00:30:10 - GraphQL y Backend for Frontend
00:30:49 - TRPC y BFF
00:32:57 - Next.js :o
00:33:49 - Astro
00:39:17 - Remix
00:39:48 - Nuxt
00:40:06 - Svelte
00:41:55 - React, Angular y Vue
00:43:47 - ¿Por qué?
00:44:47 - p o l e m i c o (React y Vue.js)
00:49:38 - AMP
00:50:42 - PWA (apps web progresivas)
00:55:44 - Lodash
00:57:07 - Alternativas a Lodash
00:59:11 - Testing IMPORTANTE!! (Playwright e2e, Vitest, etc…)
01:02:31 - Testing para ganar dinero (CI/CD, Testing Cross-browser)
01:05:40 - Github Actions, Jenkins
01:08:08 - Git
01:09:59 - Accesibilidad (react-axe)
01:12:01 - Performance
01:16:09 - HTML, CSS, JS, Python, TypeScript, Java, C#, Rust y Cobol
01:19:36 - Para la web
01:19:49 - Data
01:20:32 - Backend y Data
01:21:24 - VideoJuegos y .NET
01:22:06 - El mejor pagado
01:24:25 - Rust (en herramientas y backend)
01:27:12 - no es tier list :) son recomendaciones literal
01:27:33 - Promesas Futuras
01:30:00 - Firebase y supabase
01:32:55 - Three.js
01:33:43 - Lit
01:35:55 - Solid.js y Quick
01:37:12 - Hono
01:38:25 - Elysiajs
01:39:19 - Express, Nestjs y Fastify
01:40:40 - Bases de datos
01:40:51 - Cloud (AWS)
01:42:46 - Azure (OpenIA)
01:44:24 - IA & OPEN SOURCE
01:50:15 - Docker & kubernetes
01:51:03 - SQL
01:52:24 - Redis
01:52:55 - MongoDB

[@4lbert542]

Lindo es ver esas ofertas pars junior que piden 3 años de experiencia y la mitad de todas estas tecnologías

[@jeezlml]

Entre más estudio más me doy cuenta que no se nada XD

[@rafaelb778]

Suele pasar jeje

[@hlm3534]

Eso es tan real 😢

[@WolfBanner_Fox]

Típico😅 recomendación: escoger algo y hacer un máster de eso 😂😂

[@franciscochungatemoche5334]

Efecto Dunning-Kruger 😔

[@max_unch]

Amén hermana. x2

[@koltuz]

Que video más interesante, lo vi completo, y mientras más avanza más me doy cuenta de que no se nada y de lo mucho que save midu

[@MDKSIDE]

Lit y yo aqui creyendome el mejor solo porque se centrar un div 😎🤑 Jejej

[@1kton97]

"Lit"@@MDKSIDE

[@franco6034]

@@MDKSIDE margin auto

[@MDKSIDE]

sisis JAJAJ , con flex , con self tambien , centrar un div es un arte JAJA🤑@@franco6034

[@ppdbm7352]

Buenísima guía y el resumen de cada tecnología Midu!! justo andaba pensando qué aprender ahora y me has orientado muchísimo 😊

[@nahueldonoso3930]

Como te comente en otro video que estoy empezando para desarrollo web fullstack aunque se de Testing así que puede aprender de tu recomendación mientras tanto. Gracias por compartir estos videos.

[@Redworld22]

Había visto muchos videos acerca de que aprender en 2024, ninguno tan bueno como el tuyo, eres sencillamente diferente y mucho mejor que los demás en esas cosas, gracias por tu entrega!

[@FSH2]

33:04 lo que tenemos en mi trabajo son muchos micro servicios específicos según para la plataforma, entonces podemos tener un mismo servicio que se conecte a la misma base de datos y que haga lo mismo, pero uno puede ser para la aplicación móvil y otro para la página web, entonces al final tenemos muchos micro servicios. Me parece muy interesante esa parte del Backend intermedio

[@Joaquin-Bianchi]

Muchas Gracias Midu, Tremendo lo que ayudas con todo el contenido gratuito

[@martipratmaya192]

Muchas gracias por este tipo de video Midu!!!

[@tissianamoreyra1340]

Gracias Midu, desde hace unas semanas te conozco. Y me da gracia que para ver tus videos tengo que investigar aparte porque no logro entender palabras, pero hace 1 mes no más estoy aprendiendo a programar y tus videos fueron los mejores que encontré, logro compréndelos mejor que los demás que vi, gracias...

[@DavidGarcia-lz9sw]

Excellente roadmap muy completo . Eres un crack midu.

[@jesuscuadro228]

Muchas gracias Midu, con este video veo el panorama mas claro de cara al 2024

[@chimosensei]

Muchas gracias por este vídeo. He comprado tu libro de Aprendiendo Git, tras verlo. Feliz año!

[@Martin92138]

Gracias midu por todo!! Sigue asi eres un grande!! :D

[@kaoutarlhore7767]

Qué maravilla de vídeo, gracias Midu por tantooo

[@dayks1805]

Que bueno que alguien con tanto recorrido en el oficio nos pueda mostrar sus puntos de vistas y sus recomendaciones. Es de mucha ayuda, gracias Midu

[@Leo-dg9yp]

Imprecisionante como conoces todo midu! SOS un genio!

[@aureaargaiz4762]

Midu, ya tenía tiempo que no veía videos tuyos me sentía un poco desmotivada pero de verdad desde mi corazón y esperando poder contagiarlo, me has ayudado un montón, muchísimas gracias, mas que una carga lo noto como un reto para aprender, tengo 30 y me siento un poquito estancada pero me doy cuenta de he aprendido cosas sin saber lo que estaba aprendiendo. Nuevamente gracias. Y por supuesto, se toman las recomendaciones.

[@cez1ta]

a poner en práctica las tecnologías de interés, solo así se aprende hoy en día

[@jairgh5351]

Me inspiras mucho, creo en mi y creo en ti, muchas gracias!

[@lucascirille703]

gracias midu!, desde Argentina un abrazo, siempre dandonos una mano para aprender!!😄

[@plasmodiun1]

Antd lo usó en react y con next y es de los mejores porque tiene muchos componentes que bueno que hablas de él

[@alvarohrv]

Brutal, muchas gracias Midu

[@javigemeva5791]

Gran guía!!! Me ha encantado el análisis y muy acertado🎉

[@cdcm]

estoy cansado jefe xd

[@luisruizizarra4160]

Hola Midu, excelente trabajo. Si quieres un apunte adicional, yo añadiria Docker, con tener conocimientos, creo que es necesario ya que has tocado el tema de integración continua con Jenkins y Github Actions, creo que se podria añadir Docker. Un saludo!

[@AlfonsoNeilJimenezCasallas]

qué regalazo de Navidad, Midu, muchísimas gracias de parte de la comunidad de Platzi, y nunca paren de aprender, felices fiestas y muchos éxitos!

[@enriqueruiz320]

Justo estoy aprendiendo CSS para avanzar a full stack

[@loyo3431]

Que buen vídeo, mi completa administración midu! 💪

[@AntonioCruz-bl7hz]

Genial Midu!

[@ari7369]

que grande Midu!

[@grandpowr]

Me vi todo, muy bueno cada segundo muchas gracias! Con respecto a lo de Mongo, si, se suele usar SQL siempre. En el case de Mongo lo usamos para largas listas que son simples como nombres de usuarios con poca metadata. Lastima lo de Svelte, disfruto mucho usarlo, pero es que React es el REY, aunque no me gusta Next, lo se porque hay que saberlo, pero disfruto mas usando VITE con Cliend Side Rendering. No sabia lo de Ollama, es una salvajada!

[@mimi7u7]

Que grande , gracias midu uwu

[@th3ja]

Gracias por todo crack !

[@elmersolis7301]

Esta informacion vale millones

[@angelsanchez497]

Muchas Gracias Midu 🎉🎉

[@MiguelGuerreros]

muchas gracias midu 👏👏👏👏

[@eletronicof]

Cada dia aprendo algo nuevo !!

[@josegimenez-de2jo]

Genial contenido Midu, ¿No harias un curso de Playwright con Typescript? seria espectacular !

Yo, el año pasado me apunté a DAM (Desarrollo de Aplicaciones Multiplataforma(ciclo formativo de grado superior)) en el IES San Vicente (Alicante). Para el que no lo sepa, también está DAW (Desarrollo de Aplicaciones Web), y ambos primeros cursos son exactamente lo mismo. Este año han juntado, en mi instituto, los dos segundos cursos. Terminamos en mayo, en lugar de febrero, como otros ciclos, y en septiembre empezamos las prácticas, en lugar de marzo. También tenemos 700 horas de prácticas, en lugar de 400. La verdad es que es bastante interesante el experimento, pero el nivel de exigencia de mi instituto es más alto que la media y está siendo una locura. En fin, fin de la anécdota. Espero salir vivo de esta 😢 Un saludo!

[@itshroar]

Yo estoy haciendo DAW, la verdad que se aprende mucho, era ese empujón que necesitaba

[@MarcosAntonioBustos]

No se preocupe amigo , si sale mi proyecto bien lo recomendare para un buen futuro

[@DavidBogas]

No sabes lo bien que me viene esto, que justo en 2 meses cambio de oficio y voy de lleno... ¡Gracias!

[@PabloSanDev]

Gracias profe

[@karencordoba5275]

Increíble, es un montón de cosas😅, entiendo que para estudiar y comenzar desde cero no hay que aprender todo, pero joder, si toca aprender bastantes cosas, HTML, CSS, JS, mínimo a con un muy buen nivel, después toca node.Js, react y Next.Js, obviamente Git, flujos y estrategias de git, git actions, SQL. Si son muchas cosas y es bastante abrumador. Pero bueno, el video esta bien explicado y se entiende todo lo que quieres decir

[@JonatanValdiviezo-lo5wv]

siempre ame css desde que empece con esto y despues ame scss y despues tailwind

[@kievandres]

Buenísimo! 💪🏻

[@midulive]

Gracias!!

[@devseryi]

yo hace años que intenté iniciar en el front-end con html/css plano, y a dia de hoy las cosas que no podía hacer antes o era infinitamente mas complicado son muchísimas, de hecho no tengo prisa por dar el salto a js, quiero profundizar en todo lo que conlleva css antes. Se agradecen mucho los videos y el enorme trabajo que tienen detras 🙏

[@yorchrzx]

Yo te diría que, al contrario, no te dé miedo saltar y experimentar nuevas cosas. Yo estaba en una situación donde quería antes dominar al 100% HTML y CSS y lo único que me pasó es que me estanqué y nunca salía de lo básico. Prueba haciendo algo nuevo fuera de lo que aprendes típicamente y la recompensa a nivel de conocimientos va a ser increíble. Mucho éxito!

[@juanblockman9924]

Es cierto, no te limites. En este mundo toca aprender rápido, y solucionar.

[@cristobalvera7676]

html son solo etiquetas y css para darles estilo , mas importante seria en tu caso si quieres desarrllo web de estudiar JavaScript

[@Thenatgamer]

​No tanto, si se pone a aprender de todo muy rápido se va a volver loco y al final no aprende nada como me paso a mí, solo es tener un objetivo claro de porque aprender y que hacer para tener un poco el nivel que quieres con ello por ejemplo un proyecto final o algo asi, pero en este caso si debería de dar el salto al js​@@juanblockman9924

[@juanmanuelmm2570]

de hecho es alcontrario deberias ya entrar contodo a js para que vayas desarrollando pensamiento y logica de programacion. yo te recomendaria mucho el tutorial de js de jhonmircha que aunque son muchos videos se apasiona enseñando y si profundiza en cosas de js que en otros videos de youtibe de 10hrs no puede por ser js tan amplio

[@conradohernanvillagil2764]

Midu que gran video para fin de año. Muchas gracias. Excelente resumen. Lástima lo de MongoDB.

[@dawin09]

Precisamente lo que mencionas de react siendo el que mas empleabilidad tiene pero tambien el que mas competencia tiene, yo trabajo con Vue y todas las veces que he buscado trabajo 9 de cada 10 ofertas son en react, pero cuando aparece una oferta en Vue tienden a contratarme de una vez ya que es mas dificil encontrar un Vuejs developer y con la experiencia que tengo, asi que saber Vue es una desventaja y una ventaja al mismo tiempo.

[@emiliearo1393]

Midu yo sé que nos muestras bastante la consola, pero podrías hacernos un video del Inspector del navegador. Hay mucho ahí y lo vamos descubriendo un poquito a la vez si se da el caso. Quizá ya lo has hecho y no le he visto. Gracias❤❤❤

[@JuanPPPaez]

me encanto lo que dijo en el 45:00 no pudo ser mas acertado!

[@Joel-cp7hy]

Grande midu

[@KhaledN322]

para usarlo en mi portafolio

[@Mik3aglin]

Increible video como siempre. Muchas gracias. Este año a subir al siguiente nivel.

[@lilona13]

Guía estudio 2024 para fronted? Grácias:3

[@gastonartazayanez3730]

Muy bueno Miguel, también hay que señalar que de js y Python hay muchas ofertas , pero a la vez muchos candidatos y menos ofertas de junior, en cuanto con Java y C# está situación cambia

[@midulive]

Lo comentamos en el vídeo eso

[@gastonartazayanez3730]

Voy a mirarlo completo que lo vi por partes ​@@midulive

[@jesusolivares2479]

Sería bueno hacer un video donde priorizas todo lo mencionado. Diciendo que aprender primero

[@rbjmalca2]

Gracias

[@lowlufi]

Te estas volviendo mi teleserie favorita ❤💕

[@midulive]

😍😍😍

[@PedroRodriguez-dl5yt]

Hay hechos y hay opiniones personales. Un hecho es una afirmación que puede verificarse con pruebas o evidencia objetiva. Una opinión personal es una creencia o creencia que se basa en las propias experiencias, valores o creencias del individuo. El video tiene un alto componente de opiniones personales lo cual no significa que sean hipótesis invalidadas.

[@joseparedes8580]

videaso de midudev

[@nova3744]

Tenía una duda con respecto al performance, soy desarrollador en angular y tengo la costumbre de que cuando veo contenido similar creo una constante con el patrón y luego un ngFor para iterarlo creando así el contenido. Esto no de respuestas de API etc... Si no con contenido estático, pero no sé si sea lo mejor, ¿Debería simplemente generar en el html todo el contenido estático en lugar de hacerlo dinámicamente cuando no depende de APIs por ejemplo? Muchas gracias por la info :D

[@yorchrzx]

Joder y ElysiaJS está basado en la wafle del Honkai Impact 3rd ❤ Ya me dieron ganas de aprender Bun

[@Renzo-of3yn]

Midu, pero graphql no es importante aprenderlo para la implementación de una arquitectura de microservicios? En términos de empleabilidad, no sería conveniente ponerlo ahí? Te agradecería bastante puedas responder para aclarar mis objetivos 2024. Feliz año 🎉🥳

[@vide0svirales]

Joder, que buena miniatura 🙂

[@luismendoza8428]

Yo empecé a querer a aprender pwa para solucionar un tema en la empresa, para una parte del sistema que usaban los guardias, pero la verdad me salió mejor aprender react native. Pero es que es eso antes era más complicado desarrollar aps móviles, pero ahora esta xamarin, react native, ionic, kotlin, etc etc

[@XanathosZero]

Cual seria en tu opinión las techs principales para un fullstack si tomas como centro Java en back-end y Angular para back-end? (nota: conozco ambos, pero hay varios temas relacionados por cada cual. Quiero estudiar todos los temas relacionados a Java y Angular, y otros techs que puedan servir [cloud, db, etc], asi que si sabes cuales son, lo agradeceria mucho)

[@FSH2]

1:12:27 yo como soy ciego siempre estoy utilizando mi lector de pantalla (obviamente ja ja ja ja) y si me ha tocado que he dejado de utilizar los servicios de alguna empresa porque simplemente no puedo entrar a su página web correctamente… La verdad es que la accesibilidad es muy importante y lamentablemente muchas empresas no le dan el foco que deberían, lo cual deja a algunas personas fuera

[@mauroezequielbravo]

Yo que vengo del mundo de los datos, que programo bastante en Python o C#. Y si tengo que hacer algo web suelo usar Bootstrap por simplicidad. Ponerme a cargar cosas por npm y cosas raras en javascript me parece muy complicado o demasiado para agregar y aprender. Sin decir que todos los días sale algo nuevo. Y en mí caso solo quiero dashboard, grillas y formularios en páginas. Así que voy a lo seguro. Y si solo necesito mostrar uso cosas como streamlit con Python o parecidos.

[@TheJQKer]

Le creo a Midu todo

[@Alejandro5577]

Espectacular video! Muchas Gracias

[@cryptominero8820]

Tienes que hacer un vídeo de por qué meteor brother

[@hoston1471]

Uno de data science🙌🥳

[@aldobecerra464]

En mi trabajo todos los servicios antiguos los estan migrando a Springboot, siento que hay mucho trabajo de Java y en general paga muy bien a la gente

[@karencordoba5275]

Para el desarrollo de apps Android y iOS, ¿Qué opinas sobre Flutter y Dart?

[@sebastiangrandes]

Acabo de terminar mis estudios de 5 años de ing ambiental en una universidad. Este ultimo año me di cuenta que la programación me encantaba. Este video me cae como anillo al dedo. Muchas gracias midu, a estudiar bastante 😊😊🙌🙌.

[@sundac_]

Me recuerda a la historia de "Programador x", otro creador de contenido sobre programación, que inicialmente era, si no estoy mal (no estoy seguro del todo), era ingeniero ambiental, pero al final, se termino dedicando al desarrollo, puedes buscar su historia. Tú puedes compadre! XD

[@sebastiangrandes]

​@@sundac_ sí amigo, es realmente increible e inspirador. Muchas gracias y buenas vibras en este año 😊👋⭐

[@asembler22]

Cuando mencionaste Svelte querías llorar, jajaja o ¿fue mi impresión?. Buen video. Saludos.

[@midulive]

Claro, me encanta Svelte

[@geovannymichel3399]

yo tengo 29 años, me llama mucho la atencion la programacion, me gustaria comenzar a estudiar programacion y buscar un empleo como programador pero no se si esto sea una locura por la edad que tengo, quisiera saber si aun estoy a tiempo de hacerlo o ya no.

[@IvanGG]

Yo que estaba estudiando un curso de COBOL ya me desanimé pipipi

[@libertad_1214]

Tengo dudas de que solidity sea el más pagado, diría que rust le supera. Algunas encuestas dicen que solidity, pero yo buscando ofertas he visto lo contrario. Creo que el tema es que rust también se usa para otras cosas que no sean blockchain y por eso baja la media, pero las ofertas de blockchain y rust son las más altas

[@devjaime]

viendo el minuto 41 y me acorde del libro de svelte de midu 😅

[@omarvictoria1229]

Desde tu punto de vista midu ...que opinas del full stack !? Sería como el programador perfecto !y su línea de aprendizaje es muy grande!.. Entre la universidad y ser autodidacta ! A un no doy abasto sobre todo ... Aveces ando en back otras en front ...y eso me a llevado unos 5 años ! Y aun siento que no se nada 🤣 al verlos a ustedes de dominar tan bien el lenguaje y que literalmente es como si tuvieran el compilador en la mente me siento agobiado

[@saule.1595]

El full stack sin embargo es el que más sabe pero suele ser el que no se especializa

[@LeoJNidise]

Hola Miguel! Cómo ves a React Native en empleabilidad?

[@BootsDev]

Good

[@carlosalbertorres191]

cual seria el orden exacto para estudiar? teniendo en cuenta que quiero ser fullstack, quiero estudiar todo y a la vez rapido y ganar dinero... ya tengo ingles :D

[@Rodri333]

colega te encanta todo

[@midulive]

Soy positivo 😊

[@YahyrEnriqueParedesArteaga]

Tantos años haciendo codigo y sigo googleando como centrar un div 2024 sera el año del css !

[@ricardofabiocaterinopolini381]

Midu, en cuanto a los lenguajes de programación que opinas de Go? Ya estoy viendo en sectores como el bancario que se está mi grande de java a Go, las aplicaciones con Go pesan muchísimo menos y los costos en infraestructura

[@dikson7951]

lo mismo pasa con rust, creo que son dos lenguajes que a mediano plazo seran muy demandados

[@luismonagas573]

Excelente video.. muuuchas gracias.. Saludos desde Venezuela 28/02/2024

[@santiagososaherrera8504]

Scss muchachos, esa es la clave

[@PedroRodriguez-dl5yt]

Más allá de las montañas hay un oscuro bosque y luego poco a poco se va haciendo la luz.

[@rommelpumisacho6034]

entre a comprar el libro de Git y termine comprando el de React , ahora tengo los dos, estos errores si que me gustan cometer, solo por ti hago estas cosas midu

[@Adormir123]

gay

[@antfun8784]

Una pena con Graphql es muy potente, entiendo que no ha evolucionado mucho pero eso no deja de de que sea muy bueno, lastima que las empresas apuestan por lo clasico y dado que hay poco graphql dev de plano no la usan y optan por trpc que es facil de iniciar y "go to build" basado en ts y ya lo tienes aunque despues integrarlo con otros lenguajes ahi "tela" jejeje y te arrepientes de no usar graphql

[@masaru7142]

saben si ha hablado del SEO en alguno de sus videos?

[@acirdeveloper]

Pregunta saben si Midu subió esa pizarra como imagen al final?

[@diegocorrea8953]

css es hermoso y superpotente, muchas cosas que se programan con js se pueden llegar a hacer con css, obvio conlleva mucho "codigo" pero se puede

[@carlmarfco]

Por qué solo recomienda tecnologías y Frameworks? ¿Qué patrones, prácticas y arquitectura crees que serían adecuados? Al saturarnos de tecnología acabamos con software spagueti, poco mantenible y con dolores de cabeza. Creo que también sería bueno recomendar cómo hacer las cosas bien.

[@kevinlara4959]

Muy interesante y todo el roadmap pero es abrumador para cualquiera ahí afuera que esté iniciándose y sobre todo las bases sólidas de ingeniería de software que son tan necesarias y que no se aprenden en un Boot Camp o tutorial, se requiere tiempo y estudio, sin duda la palabra saturación es acertada.

[@JohanDonadoBanderas]

Qué opinas de la librería Turbo de Hotwire ?

[@Mimi-ov1]

Hola, de casualidad se puede descargar ese board con toda la info lista?

[@PedroRodriguez-dl5yt]

No hay nada gratis, no todo tiene precio pero todo tiene un valor. Otra cosa es que usted no entregue dinero a cambio por algo que recibió pero otro tuvo que pagar o luchar por conseguir.

[@damiantriebl1747]

soy desarrollador de desing system en una empresa muy importante, y quiero cambiar de empresa, (uso todo para desarrollar y tengo todo el expertise para eso) tenes algun contacto que anden buscando a alguien?