Mi Ruta de Aprendizaje para ser Desarrollador Web en 2024
HTML-код
- Опубликовано: 9 фев 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.com/
⭐ Cursos Recomendados
Curso de Nodejs ⮕ fazt.dev/nodejs
Curso de Python⮕ faztweb.com/python
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/social/discord
Whatsapp ⮕ www.whatsapp.com/channel/0029...
🎒 Servicios Recomendados
DigitalOcean ⮕ m.do.co/c/8ef261d77de5
Namecheap ⮕ namecheap.pxf.io/ErDe9
Ledger ⮕ (Hardware Wallet) bit.ly/3ijsVNW
SiteGround ⮕ bit.ly/31u9ZEk
Cloudinary ⮕ bit.ly/3ohNlJ7
Notion ⮕ affiliate.notion.so/yj9uc7bi3miq
Codecrafters ⮕ app.codecrafters.io/join?via=...
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?
Veo esto y la verdad voy por buen camino. Gracias por estos vídeos Fazt
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 😊
Eres demasiado Pro, gracias por estos videos gratuitos!
Muy revelador el vídeo, aclaro muchas dudas y da muchas ideas , gracias
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.
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?
Saludos Master, se te quiere un monton!
Está de lleno chachi, me sirvió de mucho bro... gracias por los cnsejos.
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
Gracias como siempre fazt genial video
Wow explicas muy bien entendi mucho en tan poco tiempo
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.
Gracias!!! Fazt, Excelente explicación
muchas gracias por la informacion, seria genial y de gran ayuda la informacion
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í 👍
Excelente vídeo, gracias 👍
Queremos un ultra proyecto fazt ;) gracias por la ruta :)
Gracias, ahora lo tengo mas claro.
Gracias por tu video.
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
fazt! puede ser un video de Next.js con postgreSQL nuevo?
excelente rowmap! yo le hubiera metido por ahi docker basico.
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
muchas gracias fazt
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
El mejor canal de programación, con los ojos cerrados yo te sigo
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
Estos vídeos me motivan
este canal nunca decepciona 😎
Wao gracias por el dato.
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.
Que buena explicación 🎉😃
Excelente!!!!
exelente el video fazt , recomendás aprender este stack para hacer paginas a clientes ?
muchas gracias :3
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.
gran road map fazt
gracias , podrias hacer un video de como te diste cuenta que esta era tu vocacion?
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
Excelente video
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.
Cómo siempre un buen video ❤ , estaría Genial ver algo con Postgresql
Uyyyyyy... para un proyecto de verdad no usar Svelte... primera vez que discrepo contigo. Que no se entere Oscar Barajas.
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 ?
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.
Muy bueno Fazt. Podrías hacer algun tutorial para Nest JS?
Muy pronto estaré publiando un curso de Nestjs en el canal
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.
Fazt, cusndo un curso con arquitectura limpia?
Gracias Fazt, podrias hacer uno de mobile?
EXCELENTE
Fatz puedes hacer un roadmad de ingeniero en machine learning 😊
Yo uso Html, JS, BootStrap5, Flask y MYSQL, espero contuniar expandiendo mi conocimiento en el desarrollo web.
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
Deberia crear un royecto como se ua todo en partes, seria genial
Señor don fazt sería bueno tutorial de capacitor con vuejs
Excelente, nunca vi a alguien que lo haga tan bien! Ahora, aprender todo esto debe tomar mínimo un par de años =/
Con que herramienta creaste la ruta? osea me interesan esos íconos y esa herramienta
que programa es eso que usan para escribir en un tablero?
Hola fazt como se llama la aplicacion que has usado para explicar en este video
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?
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 🤘🏻
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...
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
Crea otro para Java porfa 😅
para esto de la web sirve patrones de diseño ?
Necesitamos el tutorial de NestJS con microservicios
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. 😅
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 ?
En mi caso yo uso Flutter con Go y Net C#
Por qué no todo desde nextjs?
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
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
y yo terco aprendiendo Ruby on Rails
Quién y por qué no se recomienda Prisma?
Y documentación...?
Y para las pruebas no falto Postman?
Como Se llama la herramienta que usar para explicar?
Excalidraw ruclips.net/video/KjyBL60uFL0/видео.html
Hola, como se llama esa app que utilizas para realizar los dibujos explicativos?? Saludos..
Excalidraw, creo
@@Yasma527 Gracias..
Fazt, q opinas de usar Python en lugar de node.js como backend?
Cada technology sirve para algo en especifico. Si usas conexiones en tiempo real, mejor nodejs
Y una acá recién luchando por aprender JavaScript jaja 🥲
bro cual es el software que usaste en el video?
Es este ruclips.net/video/KjyBL60uFL0/видео.html
Gracias Fazt 🥲 mi primer maestro
Me frusto con Javascript no puedo entender conocen a alguna forma de poder entender o de estudiar y q no desista
como se llama la app de apuntes?
Es excalidraw ruclips.net/video/KjyBL60uFL0/видео.html
A mi en lo personal no me gustó React, no sabría porque, pero me encantó Angular
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.
Prefiero usar react, node.js express, postgressql se me hace más fácil, utilizo poco html con DOM
Como se llama la aplicacion que usaste en el video para hacer el diseño?
Excalidraw
Es este ruclips.net/video/KjyBL60uFL0/видео.html
Que tiempo puede tardar aprender todo eso. Dedicando 2 horas al día?
3 a 4 años siendo optimista 😅
una ruta para desarolllo movil
como se llama la app que usaste para hacer la guia?
Se llama excalidraw
gracias!!@@FaztCode
como se llama la libreria que usaste?@@FaztCode
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.
Svelte >>> React en performance 😊
falto docker
Es necesario aprender Linux para aprender backend? Pregunto desde mi total ignorancia
No es necesario pero si ayuda mucho entender el despliegue de proyectos y determinados paquetes de código
Si manejas servidores con windows no creo que seria necesario pero la mayoria usamos servidores linux que son los mas confiables del mundo
@@FaztCode Muchas gracias por la ayuda
@@innerfinder100 Entiendo, si habia escuchado que el 98% de los servidores utilizan Linux, de ahí mi duda. Muchas gracias por la ayuda
puedes pasar el diagrama ?
Lo he publicado en Twitter, alli puedes descargar la imagen: twitter.com/FaztTech/status/1756899398456340842
pensar que antes te contrataban sabiendo html, css y el console.log de javascript
Xd
Creo que faltó framework para CSS
Sí verdad, Tailwind principalmente y algún catálogo de componentes para React como Shadcn o MUI
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