Mi Ruta de Aprendizaje para ser Desarrollador Web en 2024

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

[@pythonbrothersandfamily]

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

[@ViudaDeMoloko]

Coincido amigo, ahora es importante aprender Docker y Kubernetes

[@lock_9983]

X3

[@Felipe-Bustos-24]

anotado, aunque recien estoy comenzando jejeje

[@jualexesrio]

Oye, cuándo recomiendas aprender AWS. Después de saber bien JavaScript o inmediatamente?

[@roquelopez5456]

Muy buen video, falta agregar el aprender Docker, ya que es fundamental en el día de hoy, del resto, perfecto 👏👏

[@gaston3345]

porque es fundamental ? doker es para gays

[@roquelopez5456]

@@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.

[@Venethian]

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.

[@ezequielsaavedra9670]

Todo eso para hacer una p*ta pagina web?

[@spidey00x]

Y una acá recién luchando por aprender JavaScript jaja 🥲

[@waler9]

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 🎉👏👏👏👏

[@FaztCode]

Voy a elaborar algo muy pronto

[@josemejiasdesarrolloweb]

Coincido contigo mi pana

[@andresgarciaalves]

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 😊

[@davidsch22]

Gracias fazt estaba perdido y tú explicación me ayudó mucho a aclarar mi camino ☺️

[@andresberdugo561]

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)

[@FaztCode]

Gracias por el apoyo Andres

[@ccmarin14]

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

[@FaztCode]

Lara el es un buen framework, muy pronto traeré contenido de php también

[@manularrere]

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

[@FaztCode]

Gracias a ti por el apoyo Manu

[@AlessandroSec1808]

me encanta tu contenido, te conocí en 2022 por un catedrático y ha sido de gran ayuda!!!!

[@frankniermorales8256]

Eres demasiado Pro, gracias por estos videos gratuitos!

[@agustinmolina1027]

fazt! puede ser un video de Next.js con postgreSQL nuevo?

[@luisdavidmartinezfundora8224]

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í 👍

[@hazlosipuedes]

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... 😢😢...

[@jhguiiusuu]

O peor que a más de que programaras harás de técnico de computadoras

[@jhguiiusuu]

@@Q89qika es por eso que preferia ir a la universidad

[@juan7114]

​@@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

[@juan7114]

​@@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

[@jhguiiusuu]

@@juan7114 y cuando dije lo contrario ? solo lo dije para que tenga una guia no porque sea todo completo

[@UnDarkVader]

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.

[@oh-vito]

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.

[@Josvytron]

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.

[@edwinspiredev4930]

Uyyyyyy... para un proyecto de verdad no usar Svelte... primera vez que discrepo contigo. Que no se entere Oscar Barajas.

[@giovannyvanegas88]

Veo esto y la verdad voy por buen camino. Gracias por estos vídeos Fazt

[@mansulol5458]

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 ❤❤

[@FaztCode]

Eso lo toco en herramientas Frontend de React kzbin.info/www/bejne/g5O4dZahdrl7ZrM aunque si creo que tambien hubiera quedado bien mencionarlo aqui tambien

[@chrystian4517]

Estos vídeos me motivan

[@IsraelVilleteSiale]

Está de lleno chachi, me sirvió de mucho bro... gracias por los cnsejos.

[@putinninovacuna8976]

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.

[@waler9]

Crea otro para Java porfa 😅

[@celsomartin9634]

Saludos Master, se te quiere un monton!

[@poixd1ro]

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

[@theroytop_Hn]

Wow explicas muy bien entendi mucho en tan poco tiempo

[@arielbravocaceres7054]

Gracias por tu video.

[@user-fm9uc6ih8c]

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.

[@sergiovargas7019]

El mejor canal de programación, con los ojos cerrados yo te sigo

[@user-fh8nv2ny5x]

A mi en lo personal no me gustó React, no sabría porque, pero me encantó Angular

[@karlsour500]

y yo terco aprendiendo Ruby on Rails

[@sombra4990]

Fazt, cusndo un curso con arquitectura limpia?

[@Catralasarguido]

Excelente, nunca vi a alguien que lo haga tan bien! Ahora, aprender todo esto debe tomar mínimo un par de años =/

[@SonGoku-pc7jl]

Queremos un ultra proyecto fazt ;) gracias por la ruta :)

[@raymundopena1706]

Muy revelador el vídeo, aclaro muchas dudas y da muchas ideas , gracias

[@danimartin238]

Crack!

[@aguilarchavezalexisdaniel6497]

muchas gracias fazt

[@operacionparawhy9061]

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 ?

[@miguelmoyamontero5624]

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. 😅

[@waler9]

Con que herramienta creaste la ruta? osea me interesan esos íconos y esa herramienta

[@JORGE-cb5oi]

Gracias como siempre fazt genial video

[@franciscoalbert1021]

Muy bueno Fazt. Podrías hacer algun tutorial para Nest JS?

[@FaztCode]

Muy pronto estaré publiando un curso de Nestjs en el canal

[@elbachi7146]

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.

[@user-hf6uo6zw3w]

No te arrepentiras

[@elbachi7146]

@@user-hf6uo6zw3w Gracias por las buenas vibras...

[@videovideo166]

excelente rowmap! yo le hubiera metido por ahi docker basico.

[@KbitsR]

muchas gracias por la informacion, seria genial y de gran ayuda la informacion

[@mectoystv]

Yo uso Html, JS, BootStrap5, Flask y MYSQL, espero contuniar expandiendo mi conocimiento en el desarrollo web.

[@Nicolas-vj5zc]

este canal nunca decepciona 😎

[@simoncuervo9821]

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?

[@CharlDev]

Gracias, ahora lo tengo mas claro.

[@Hackeandomivida]

gran road map fazt gracias , podrias hacer un video de como te diste cuenta que esta era tu vocacion?

[@enemyunknown3445]

Bro, excelente video Empecé estudiando HTML y CSS Estoy iniciando con Javascript, me recomendaron bootstrap No lo nombraste, debería descartarlo???

[@luiscarlosantequerapena6667]

Gracias!!! Fazt, Excelente explicación

[@jonathan8225]

Fatz puedes hacer un roadmad de ingeniero en machine learning 😊

[@AlanDanielx]

Necesitamos el tutorial de NestJS con microservicios

[@MORFO458]

Prefiero usar react, node.js express, postgressql se me hace más fácil, utilizo poco html con DOM

[@luiskevintrujillohoyos2316]

Excelente!!!!

[@Deus-lo-Vuilt]

Cómo siempre un buen video ❤ , estaría Genial ver algo con Postgresql

[@rodrigocordova9362]

Deberia crear un royecto como se ua todo en partes, seria genial

[@device8466]

Señor don fazt sería bueno tutorial de capacitor con vuejs

[@jodel0n]

Me frusto con Javascript no puedo entender conocen a alguna forma de poder entender o de estudiar y q no desista

[@joseguzman2689]

Excelente vídeo, gracias 👍

[@geovanigallardo8867]

Wao gracias por el dato.

[@sebastianvasquezf]

Y documentación...?

[@elnegroweb6398]

creo que fazt se quedo corto faltan mas cosas que aprender

[@sebastianvasquezf]

Y para las pruebas no falto Postman?

[@theenriquecarbo]

Que buena explicación 🎉😃

[@ncleeg]

falto docker

[@linknatsu5426]

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

[@marcelobecerra8687]

exelente el video fazt , recomendás aprender este stack para hacer paginas a clientes ?

[@enmanuelbaldonedo8018]

Gracias Fazt 🥲 mi primer maestro

[@juan7114]

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

[@asddasdsd123]

Quién y por qué no se recomienda Prisma?

[@carlosjeg5663]

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 🤘🏻

[@girosinside]

Por qué no todo desde nextjs?

[@catmanmovie8759]

Svelte >>> React en performance 😊

[@chaosdemon3182]

En mi caso yo uso Flutter con Go y Net C#

[@nicolasgallegos4863]

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.

[@_.lucasespinoza]

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.

[@urielalesandromariscal2423]

Gracias Fazt, podrias hacer uno de mobile?

[@NicolMusic]

que programa es eso que usan para escribir en un tablero?

[@JuanjoPalurdo]

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 KZbin 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 ?

[@user-ic9nw2oi7h]

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

[@Matew056]

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

[@mimi7u7]

muchas gracias :3

[@gabrielmorales4458]

Fazt puedes hacer un vídeo de las mejores distros de Linux que se pueden emplear para estudiar, programar y trabajar

[@user-hf6uo6zw3w]

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

[@armandonavarro9199]

una ruta para desarolllo movil

[@maggot008]

Excelente video

[@novacode999]

Como Se llama la herramienta que usar para explicar?

[@FaztCode]

Excalidraw kzbin.info/www/bejne/gZvcc39sZdp5gpI

[@lucasjaviergraffacosta6470]

Hola, como se llama esa app que utilizas para realizar los dibujos explicativos?? Saludos..

[@Yasma527]

Excalidraw, creo

[@lucasjaviergraffacosta6470]

@@Yasma527 Gracias..

[@JhonDrock]

EXCELENTE

[@catmanmovie8759]

Nextjs === Spring

[@rodrigocordova9362]

para esto de la web sirve patrones de diseño ?

[@soypooofavo]

Hola fazt como se llama la aplicacion que has usado para explicar en este video

[@carlozbohorquez5864]

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 ...)

[@user-op2hz7iq3c]

Como se llama la aplicacion que usaste en el video para hacer el diseño?

[@juan7114]

Excalidraw

[@FaztCode]

Es este kzbin.info/www/bejne/gZvcc39sZdp5gpI

[@edwardardila1510]

como se llama la app de apuntes?

[@FaztCode]

Es excalidraw kzbin.info/www/bejne/gZvcc39sZdp5gpI

[@2020mateo]

1000 años es poco para aprender todas esas tecnologias

[@FaztCode]

unos cuantos años nada mas realmente

[@enzogiacoia843]

CON 5 O 6 AÑOS ESTAS

[@maximolive]

pensar que antes te contrataban sabiendo html, css y el console.log de javascript

[@user-hf6uo6zw3w]

Xd