Guía de Estudio COMPLETA para Programadores Full-Stack 2024
HTML-код
- Опубликовано: 8 июл 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 - Наука
Lindo es ver esas ofertas pars junior que piden 3 años de experiencia y la mitad de todas estas tecnologías
Entre más estudio más me doy cuenta que no se nada XD
Suele pasar jeje
Eso es tan real 😢
Típico😅 recomendación: escoger algo y hacer un máster de eso 😂😂
Efecto Dunning-Kruger 😔
Amén hermana. x2
estoy cansado jefe xd
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
Lit y yo aqui creyendome el mejor solo porque se centrar un div 😎🤑 Jejej
"Lit"@@MDKSIDE
@@MDKSIDE margin auto
sisis JAJAJ , con flex , con self tambien , centrar un div es un arte JAJA🤑@@franco6034
Buenísima guía y el resumen de cada tecnología Midu!! justo andaba pensando qué aprender ahora y me has orientado muchísimo 😊
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
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.
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!
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...
Muchas Gracias Midu, Tremendo lo que ayudas con todo el contenido gratuito
Muchas gracias por este tipo de video Midu!!!
Muchas gracias Midu, con este video veo el panorama mas claro de cara al 2024
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
Justo estoy aprendiendo CSS para avanzar a full stack
Gracias midu por todo!! Sigue asi eres un grande!! :D
No se preocupe amigo , si sale mi proyecto bien lo recomendare para un buen futuro
Antd lo usó en react y con next y es de los mejores porque tiene muchos componentes que bueno que hablas de él
Imprecisionante como conoces todo midu! SOS un genio!
Me inspiras mucho, creo en mi y creo en ti, muchas gracias!
Excellente roadmap muy completo . Eres un crack midu.
Qué maravilla de vídeo, gracias Midu por tantooo
gracias midu!, desde Argentina un abrazo, siempre dandonos una mano para aprender!!😄
Brutal, muchas gracias Midu
Muchas gracias por este vídeo. He comprado tu libro de Aprendiendo Git, tras verlo. Feliz año!
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.
a poner en práctica las tecnologías de interés, solo así se aprende hoy en día
Gran guía!!! Me ha encantado el análisis y muy acertado🎉
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!
Esta informacion vale millones
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!
Que buen vídeo, mi completa administración midu! 💪
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!
Que grande , gracias midu uwu
No sabes lo bien que me viene esto, que justo en 2 meses cambio de oficio y voy de lleno... ¡Gracias!
Gracias por todo crack !
Muchas Gracias Midu 🎉🎉
muchas gracias midu 👏👏👏👏
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!
Yo estoy haciendo DAW, la verdad que se aprende mucho, era ese empujón que necesitaba
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
Genial Midu!
que grande Midu!
Gracias profe
me encanto lo que dijo en el 45:00 no pudo ser mas acertado!
siempre ame css desde que empece con esto y despues ame scss y despues tailwind
Cada dia aprendo algo nuevo !!
para usarlo en mi portafolio
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.
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.
Increible video como siempre.
Muchas gracias. Este año a subir al siguiente nivel.
Genial contenido Midu, ¿No harias un curso de Playwright con Typescript? seria espectacular !
Buenísimo! 💪🏻
Gracias!!
Te estas volviendo mi teleserie favorita ❤💕
😍😍😍
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 🙏
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!
Es cierto, no te limites. En este mundo toca aprender rápido, y solucionar.
html son solo etiquetas y css para darles estilo , mas importante seria en tu caso si quieres desarrllo web de estudiar JavaScript
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
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
Gracias
Midu que gran video para fin de año. Muchas gracias. Excelente resumen. Lástima lo de MongoDB.
Más allá de las montañas hay un oscuro bosque y luego poco a poco se va haciendo la luz.
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❤❤❤
Sería bueno hacer un video donde priorizas todo lo mencionado.
Diciendo que aprender primero
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
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.
Joder y ElysiaJS está basado en la wafle del Honkai Impact 3rd ❤ Ya me dieron ganas de aprender Bun
Le creo a Midu todo
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
Lo comentamos en el vídeo eso
Voy a mirarlo completo que lo vi por partes @@midulive
Guía estudio 2024 para fronted? Grácias:3
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 🎉🥳
Grande midu
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
Joder, que buena miniatura 🙂
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 😊😊🙌🙌.
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
@@sundac_ sí amigo, es realmente increible e inspirador. Muchas gracias y buenas vibras en este año 😊👋⭐
Aguante el t3-stack!!!! Aguante Tailwind!!!
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.
Espectacular video! Muchas Gracias
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
El full stack sin embargo es el que más sabe pero suele ser el que no se especializa
Me da coraje que cada vez que termino de aprender algo ya no vale para nada xD
Aprende bien Java o cualquier lenguaje OOP, crea buenos backends
El frontend es todo moda!
svelte y astro se llevan tan bien
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
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
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
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
gay
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
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)
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.
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.
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.
colega te encanta todo
Soy positivo 😊
Hola Miguel! Cómo ves a React Native en empleabilidad?
videaso de midudev
Uno de data science🙌🥳
viendo el minuto 41 y me acorde del libro de svelte de midu 😅
Yo que estaba estudiando un curso de COBOL ya me desanimé pipipi
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
lo mismo pasa con rust, creo que son dos lenguajes que a mediano plazo seran muy demandados
Astro + Strapi es el Worpress killer
Tienes que hacer un vídeo de por qué meteor brother
Excelente video.. muuuchas gracias.. Saludos desde Venezuela 28/02/2024
Creo que hay problemas con la idea de ser Full-stack. Para empezar atraes a un tipo de empresa que quiere recortar gastos, seguramente startups pequeñas que no usan las mejores prácticas. Cuidado, se puede aprender en este tipo de empresa, pero yo recomendaría a un junior que acabe decidiendo un roadmap un poco más definido en cuanto ya tenga una idea de todos los roles: frontend, backend, devOps, Data engineering o cualquier otro. . . Luego, tu te puedes presentar como Software Engineer y no cerrarte, pero insisto, presentarte como full-stack puede dar a entender que no conoces la complejidad (y buenas prácticas) que implica un proyecto grande. Por poner un ejemplo, uno de los aspectos mas importantes del backend es la seguridad, que se suele pasar por alto, y es crítico.
Donde puedo encontrar esos roadmap?
Para el desarrollo de apps Android y iOS, ¿Qué opinas sobre Flutter y Dart?
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
Los reclutadores 📝👀 tomando nota sobre los 20 de experiencia que van a pedir por tecnologia a los junior... PD: Este video sirvio para abrir los ojos, mil gracias midu 😎
Jajaja me hizo reír este comentario 😂😅😅😅😅
Tantos años haciendo codigo y sigo googleando como centrar un div 2024 sera el año del css !
problema de tailwind es que no tiene soporte con angular
Cuando mencionaste Svelte querías llorar, jajaja o ¿fue mi impresión?. Buen video. Saludos.
Claro, me encanta Svelte
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