Mi Ruta de Aprendizaje para ser Desarrollador Web en 2024
HTML-код
- Опубликовано: 5 фев 2025
- Este es un Roadmap o una ruta de aprendizaje de Desarrollo web Fullstack, en el que habra temas de Backend, Frontend, y base de datos, tipicamente uso estas tecnologías que menciono para proyectos de clientes, y en proyectos personales. Todo el stack de tecnologías típicamente es Javascript, y herramientas relacionados como React, nodejs, nextjs, prisma, y muchas otras mas.
Curso Recomendados
Curso de React: • Curso de Reactjs desde...
Curso de Nextjs: • Curso de Nextjs desde ...
🛒 Fazt Web
Tienda Online: store.faztweb....
⭐ Cursos Recomendados
Curso de Nodejs ⮕ fazt.dev/nodejs
Curso de Python⮕ faztweb.com/py...
Curso de React ⮕ • Curso de Reactjs desde...
Curso de Javascript para React ⮕ • Javascript para Aprend...
🗣 Redes Sociales
Github ⮕ github.com/fazt
Twitter ⮕ / fazttech
Discord ⮕ faztweb.com/so...
Whatsapp ⮕ www.whatsapp.c...
🎒 Servicios Recomendados
DigitalOcean ⮕ m.do.co/c/8ef2...
Namecheap ⮕ namecheap.pxf....
Ledger ⮕ (Hardware Wallet) bit.ly/3ijsVNW
SiteGround ⮕ bit.ly/31u9ZEk
Cloudinary ⮕ bit.ly/3ohNlJ7
Notion ⮕ affiliate.noti...
Codecrafters ⮕ app.codecrafte...
Puedes encontrar la lista de tutoriales de React en:
faztweb.com/web
#javascript #nodejs #desarrolloweb
Yo veo este canal prácticamente desde sus inicios y siempre estoy agradecido y atento a todo lo que saca. El mundo de la programación es bastante abrumador, estuve desarrollando alrededor de dos años en una empresa con ReactJs y al salir de allá enfrenté la realidad de las ofertas laborales. Por todos lados el tema de cloud se volvió fundamental así que recomiendo mucho aprender AWS. Con esto viene docker, y de ser posible algo de kubernetes. Es una profesión difícil, la verdad hay que saber muchas cosas
Coincido amigo, ahora es importante aprender Docker y Kubernetes
X3
anotado, aunque recien estoy comenzando jejeje
Oye, cuándo recomiendas aprender AWS. Después de saber bien JavaScript o inmediatamente?
gracias por la info, te lo agradezco mucho yo estoy iniciando en frontend
me encanta tu contenido, te conocí en 2022 por un catedrático y ha sido de gran ayuda!!!!
Muy bueno el video, independientemente del framework/tecnología que se elija para cada área particular.
Un agregado que sumaría es herramientas para los test unitarios, tanto pal front como el back.
Un saludo Fazt, gracias x todo lo que nos haz compartido y compartes 😊
Chamo tremendo video súper claro, súper bien explicado es verdad quizás te falta Docker y Kubernetes pero igual diste una excelente ruta y es normal que se te haya pasado por alto alguna tecnología pero de verdad te felicitó por lo bien que realizas tus videos, yo actualmente estoy interesado por el mundo Java si puedes hacer un vídeo de una ruta backend en Java te lo agradecería 🎉👏👏👏👏
Voy a elaborar algo muy pronto
Coincido contigo mi pana
Muy buen resumen, y eso que sólo es el esqueleto básico de lo que se debe conocer y dominar. A mi criterio faltó lo más importante que es el testing como Playwright, Cypress o Jest.
Todo eso para hacer una p*ta pagina web?
@@ezequielsaavedra9670 es lo minimo, y necesitas muchisimo mas solo para que despues te terminen pagando miserias y te hagan trabajar muchisimo.
Muy buen video, falta agregar el aprender Docker, ya que es fundamental en el día de hoy, del resto, perfecto 👏👏
porque es fundamental ? doker es para gays
@@gaston3345 Porque en un punto empezarás a tener clientes con base de datos distintas y versiones distintas, necesitarás una serie de herramientas con versiones especificas, y el estar modificando el de tu PC llegara a ser muy tedioso o hasta incluso te quitara mucho tiempo, docker te ayudará a virtualizar esto y por más que tengas Postgres 12 en tu pc y el proyecto necesite Postgres 10, no hay problema porque esta version se aloja en la imagen que descargaste de la base de datos; ya verás que en algun momento lo necesitás para mejorar, saludos.
Hey, eres el mejor, gracias a ti soy mejor cada día, desde que inicié empecé a ver tus videos. Un saludo dese Barranquilla Colomboa, me voy a España a buscar trabajo y una vida por allá con apoyo y la moral de tus vídeos. Eres un makia (crack)
Gracias por el apoyo Andres
Y una acá recién luchando por aprender JavaScript jaja 🥲
Acompaño la emocion de aprender la parte de los servicios en la nube, se volvio algo fundamental para conseguir trabajo en este rubro. Mil gracias por tu tiempo amigo
Gracias a ti por el apoyo Manu
Man muchas gracias por tu trabajo te juro q mi camino en la programación sería el doble de dificil sin tus vídeos y recomendaciones. Se q es un tema complicado para un vídeo pq ya sería para un público más experimentado pero me gustaría ver algo de aws. Sigue así 👍
Fazt, excelente, muchas gracias. Actualmente tengo un roadmap similar solo que el backend es en php con Laravel y lastimosamente aún no usamos cloud
Lara el es un buen framework, muy pronto traeré contenido de php también
No es facil desarrollar una aplicación completa y con las mejores tecnologias en primer lugar cuesta elegir cual stack es ideal pero gracias por compartir tu stack es muy completo.
Veo esto y la verdad voy por buen camino. Gracias por estos vídeos Fazt
Excelente ruta. Bastante práctica y sencilla.
El año pasado retome la programación y desconocía hasta cierto punto algunos conceptos, tuve que reaprender todo, desde las bases hasta librerias, en total tuve que aprender más de 15 tecnologías otra vez y aprende como 5 nuevas y viendo el video comprendí que aprendí cosas que no tienen sentido como pygame y kivy ya que casi nunca me enfoco en movil o juegos
Eres demasiado Pro, gracias por estos videos gratuitos!
En mi concepto particular, prefiero que los estudiantes inicien con Svelte para una fácil transición hacia componentes web. React lo veo más complejo de aprender por la cantidad de hooks a utilizar (15 y subiendo).
Después de aprender Svelte, si quieren, se pueden pasar al framework que deseen ya que conocen las bases sólidas de la creación de componentes web y herramientas de transpilación de código.
Uyyyyyy... para un proyecto de verdad no usar Svelte... primera vez que discrepo contigo. Que no se entere Oscar Barajas.
Faltó un manejador de paquetes como npm o pnpm, un empaquetador como Vite, el test como Vitest o Cypress, Astro también lo tomaría en cuenta como alternativa a Next para páginas estáticas o que no necesiten mucha interactivdad el cual se da en bastantes casos.
Excelente, nunca vi a alguien que lo haga tan bien! Ahora, aprender todo esto debe tomar mínimo un par de años =/
Está de lleno chachi, me sirvió de mucho bro... gracias por los cnsejos.
Wow explicas muy bien entendi mucho en tan poco tiempo
Como siempre un bueno video que siempre alegra 😄😄 , creo que te falto comentar alguna libreria de css como tailwind o boostrap pero con los demas esto agradecido, saludos ❤❤
Eso lo toco en herramientas Frontend de React
ruclips.net/video/MbUDckATH0Q/видео.html
aunque si creo que tambien hubiera quedado bien mencionarlo aqui tambien
El mejor canal de programación, con los ojos cerrados yo te sigo
excelente vide como siempre Fazt!. Sería genial que subas un video de twilio con llamdas y tal, no he visto casi nada de contenido en español de Twilio.
Queremos un ultra proyecto fazt ;) gracias por la ruta :)
Saludos Master, se te quiere un monton!
Estos vídeos me motivan
No sé qué tienes, pero desde hace un buen rato sigo a tu canal, pero me encantan tus vídeos, soy un egresado de la carrera de Ingeniería en Sistemas y casi no se tocó la programación, pero tu canal siempre me ha motivado a buscar ser programador aunque este algo mayor. Gracias por el Roadmap.
No te arrepentiras
@@user-hf6uo6zw3w Gracias por las buenas vibras...
Muy revelador el vídeo, aclaro muchas dudas y da muchas ideas , gracias
fazt! puede ser un video de Next.js con postgreSQL nuevo?
excelente rowmap! yo le hubiera metido por ahi docker basico.
muchas gracias por la informacion, seria genial y de gran ayuda la informacion
Gracias como siempre fazt genial video
Gracias, ahora lo tengo mas claro.
Gracias Fazt 🥲 mi primer maestro
este canal nunca decepciona 😎
Fazt no sé si sería una buena idea pero para salir un poco de codificación podrías explicar o mostrar cómo se usan algunas herramientas para organizarse como Obsidian o Notion ?
Necesitamos el tutorial de NestJS con microservicios
gran road map fazt
gracias , podrias hacer un video de como te diste cuenta que esta era tu vocacion?
Gracias!!! Fazt, Excelente explicación
muchas gracias fazt
Fatz puedes hacer un roadmad de ingeniero en machine learning 😊
Gracias por tu video.
Yo uso Html, JS, BootStrap5, Flask y MYSQL, espero contuniar expandiendo mi conocimiento en el desarrollo web.
Que buena explicación 🎉😃
Excelente vídeo, gracias 👍
Fazt, está muy bueno el roadmap, siento que la mayoría de los programadores nos vamos por ese camino, tengo una consulta, recomiendas usar nextjs como backend para aquellas personas a las que no les gusta mucho el backend y no quieran dedicarse mucho a express y base de datos? Saludos 🤘🏻
Señor don fazt sería bueno tutorial de capacitor con vuejs
Una pregunta, si quiero enfocarme solo en frontend, también tendria que aprender bien backend y base de datos, o puede ser de manera superficial?
exelente el video fazt , recomendás aprender este stack para hacer paginas a clientes ?
Muy bueno Fazt. Podrías hacer algun tutorial para Nest JS?
Muy pronto estaré publiando un curso de Nestjs en el canal
Wao gracias por el dato.
Puedes hacer un vídeo de cómo haces para aprender tanto y tan rápido.? Llevo varios años aprendiendo Html5, Css3, Js, WordPress, Shopify, Woocommerce, Seo, pero quiero aprender algo mas. 😅
Deberia crear un royecto como se ua todo en partes, seria genial
Cómo siempre un buen video ❤ , estaría Genial ver algo con Postgresql
Bro, excelente video
Empecé estudiando HTML y CSS
Estoy iniciando con Javascript, me recomendaron bootstrap
No lo nombraste, debería descartarlo???
Me parece interesante tu roap map, pero en el frontend porque no mencionas angular ya que he escuchado que para react realizar operaciones es mas complicado a comparación de angular me puedes dar tu opinión sobre eso
falto involucrar mas a la inteligencia artificial en el road map, hoy en dia una webapp debe trabajar con LLMs, esta gemini pro para probar, luego aws bedrock, vortex ai de google para conectar webapp con LLMs y pretrained models seria genial. Siento que la comunidad de desarrolladores en general no estan aprovechando el maximo de gemini pro, stability, para una webapp y se estancan en puros jupyter notebooks, google colab, pueden salir de ahi y empezar a involucrarlos en los proyectos reales.
Antes que nada muy buen video, quería consultar la aplicación que estas ocupando en el video para hacer los diagramas y dibujos. ¿Cuál es? Saludos.
Crea otro para Java porfa 😅
Prefiero usar react, node.js express, postgressql se me hace más fácil, utilizo poco html con DOM
Buen video, pero me quedo una duda estoy recién empezando y no se si aprender la última versión de next14 o versiones anteriores.
una pregunta espero la puedas contestar.. Todo este Stack aproximadamente en que tiempo se aprenderia 12 meses o 24 meses Aproximadamentes mas o menos ?? gracias por los videos y espero la respuesta
Y después de aprender las 20 tecnologías necesitas 3 años de experiencia para que te contraten como junior... Con un sueldo de 400 dlls al mes... 😢😢...
O peor que a más de que programaras harás de técnico de computadoras
@@Q89qika es por eso que preferia ir a la universidad
@@Q89qika Depende la tecnología, hay algunas muy simples. Ponele que Tailwind, tecnologías de manejo de estado (a excepción de Redux que sí es tediosa de aprender), librerías de componentes o preprocesadores de CSS (que ya están medio obsoletos) la verdad que no requieren de 6 meses y como mucho en 1 semana ya aprendes a trabajar con ellas. Creo que 6 meses te tardas a aprender un lenguaje de programación, o eso es lo que me tomó con JavaScript. El hecho de que te contraten también inside en que los empleadores vean tus proyectos, vean tu código y sepan que sos bueno en lo que haces y que sos lo que ellos necesitan. No se trata de saber toda tecnología que exista
@@jhguiiusuuYo estudio una carrera, pero jamás creas que con ir a la universidad ya te salvas de aprender tecnologías, porque complementar los estudios con aprendizaje autodidacta es la clave. En la universidad no aprendes todas las tecnologías necesarias y en general se ven los temas por encima. A mí en particular me dió conocimientos en ingeniería de software. A fin de cuentas estudiar una carrera te da las bases y conocimientos adicionales que complementan a tu stack como desarrollador
@@juan7114 y cuando dije lo contrario ? solo lo dije para que tenga una guia no porque sea todo completo
Fazt, cusndo un curso con arquitectura limpia?
y yo terco aprendiendo Ruby on Rails
Recomiendo otra cosa, que capaz escapa del desarrollo web y sirve para toda la programación, pero aprendan a escribir buen código gente. Sus compañeros de trabajo lo van a agradecer
me parece imposible aprender esto en un año, realmente es posible? actualmente estoy avanzado en el curso cs50x y este año empiezo una tecnicatura en sistemas, leo recomendaciones
A mi en lo personal no me gustó React, no sabría porque, pero me encantó Angular
Gracias Fazt, podrias hacer uno de mobile?
Fast puedes compartir el archivo que creaste en excalidraw ?
Pero fijate q no es tanto, parece demasiado y es abrumador pero ya x ejemplo con lo de frontend consigues trabajo o con lo de backend.
Fazt puedes hacer un vídeo de las mejores distros de Linux que se pueden emplear para estudiar, programar y trabajar
Ya tiene un video de eso amigo. En mi experiencia si ya the sabes mover en Linux, te recomiendo Manjaro Linux. Por el contrario, Linux mint o Linux lite e incluso Ubuntu
En mi caso yo uso Flutter con Go y Net C#
Excelente!!!!
muchas gracias :3
Hola fazt como se llama la aplicacion que has usado para explicar en este video
1000 años es poco para aprender todas esas tecnologias
unos cuantos años nada mas realmente
CON 5 O 6 AÑOS ESTAS
Hola, como se llama esa app que utilizas para realizar los dibujos explicativos?? Saludos..
Excalidraw, creo
@@Yasma527 Gracias..
Quién y por qué no se recomienda Prisma?
Y para las pruebas no falto Postman?
Excelente video
Svelte >>> React en performance 😊
Con que herramienta creaste la ruta? osea me interesan esos íconos y esa herramienta
Es excalidraw
Crack!
Y documentación...?
que programa es eso que usan para escribir en un tablero?
Por qué no todo desde nextjs?
Hola estoy metiendome en este camino largo y dificil del desarrollo web mi idea es en este momento hacer los contenidos de los videos de RUclips playlist de freecodecamp de front y back end y lurgo sacar sus certificados de la web tambien pensaba hacer lo de soy dalto de hecho hice 3 horas y 1 hora del video de freecode camp español y no me decido ayuda plis o tienen otra idea como lo hago ?
o solamente aprender c#, es el lenguaje del año, y para empezar es un gran lenguaje que se puede utilizar en múltiples entornos (web backend / web frontend, escritorio, movil ...)
En mis tiempos aun aparecia PHP en las listas jajajajajajaja que atrás me quedé
para esto de la web sirve patrones de diseño ?
Como se llama la aplicacion que usaste en el video para hacer el diseño?
Excalidraw
Es este ruclips.net/video/KjyBL60uFL0/видео.html
Como Se llama la herramienta que usar para explicar?
Excalidraw ruclips.net/video/KjyBL60uFL0/видео.html
EXCELENTE
falto docker
Me frusto con Javascript no puedo entender conocen a alguna forma de poder entender o de estudiar y q no desista
Me pasó lo mismo, trata de practicar mucho, y preguntarle mucho a chat gpt que no entiendes, y de ir explicándole qué es lo que estás codificando. Créeme que te va a ayudar mucho...
Var algo = 10;
Estoy creando una variable que se llama algo y es igual a 10, pero no entiendo porque no se usan las comillas dobles, veo que hay ejemplos donde se usan... Me explicas porqué?
Y chat gpt te va a responder lo que ya imaginarás...
Con Nestjs puedes crear una aplicación completa, backend y fontend?
NestJS es sólo back
Nest es solo backend
Sino estoy mal con nest se pueden usar motor de plantillas.
creo que fazt se quedo corto faltan mas cosas que aprender