Estos recursos de desarrollo web gratuitos por tech youtubers como: FalconMaster, HolaMundo, Gentleman Programming, midudev, mouredev, manzdev y Condor Coders, que he seguido durante años y de los cuáles he aprendido mucho. He tratado de agregar los recursos más actualizados y de diversos tipos para que puedan encontrar el que mejor entiendan o se adapte a su forma de aprender.
Editor de código recomendado: VS Code. VS Code se mantiene como uno de los editores de código más utilizados, incluso ante el auge de nuevas opciones con IA nativa como Cursor o Windsurf, las cuales irónicamente se basan en su arquitectura. Su gran valor reside en la versatilidad: ofrece una terminal integrada, un ecosistema masivo de extensiones y una integración cada vez más fluida con agentes de IA como Claude Code o Codex.
Estos son los 3 lenguajes base y principales del desarrollo web, junto con cursos de git y GitHub para el tema de control de versiones que puedan crear repositorios, branches, commits y si pueden creen un repositorio compartido para que puedan hacer pruebas en conjunto.
-
HTML5:
-
CSS3:
- https://youtu.be/hrxjBqZWsb0
- https://youtu.be/TlJbu0BMLaY
- https://youtu.be/wZniZEbPAzk
- https://midu.dev/curso/css-desde-cero
- https://lenguajecss.com/css/
- https://lenguajecss.com/cascada-css/
- https://midu.dev/curso/curso-de-css-grid
- https://midu.dev/curso/animaciones-en-css
- https://lenguajecss.com/animaciones/
- https://lenguajecss.com/herramientas-css/
- https://youtu.be/PSwlAuRbv_A
-
JavaScript + ECMAScript (JavaScript moderno):
- https://youtu.be/Eh-s-n_6zNQ
- https://youtu.be/Z34BF9PCfYg
- https://youtu.be/1glVfFxj8a4
- https://lenguajejs.com/aprender-a-programar/
- https://lenguajejs.com/fundamentos/
- https://lenguajejs.com/javascript/
- https://lenguajejs.com/dom/
- https://lenguajejs.com/eventos/
- https://lenguajejs.com/asincronia/
- https://github.com/mouredev/hello-javascript
- https://midu.dev/curso/aprende-lo-ultimo-de-javascript
- https://midu.dev/curso/promesas-javascript
- https://youtu.be/iJvLAZ8MJ2E
- https://youtu.be/MyHfth82wDI?list=PL42UNLc8e48R-32ypLd0wTdh-AW9IG3Vs
-
git + GitHub:
A continución les agrego algunos recursos adicionales sobre tecnologías a aprender una vez dominen la base de HTML, CSS y JS pueden ser Terminal, Node.js, Vite, TypeScript, TailwindCSS, React.
- Terminal: El uso de la terminal es primordial en el desarrollo moderno, muchas tecnologías como git corren en la terminal y ahora tambien la AI puede ejecutarse en la misma por lo cuál tener una comprensión de su uso es muy importante.
Las siguientes tecnologías son la base de todo el desarrollo moderno ya sea para FrontEnd (UI o la parte visual), BackEnd (APIs, Base de datos y todo lo que sucede detrás de las aplicaciones, en el servidor). Vite es uno de los principales ya que con esta herramienta pueden inicializar proyectos de HTML, CSS y JavaScript (Vanilla), Vue, React, Preact, Angular, Svelte, entre otros Frameworks que se usan en la actualidad.
- Node.js: https://youtu.be/yB4n_K7dZV8
- NPM: https://lenguajejs.com/npm/
- Vite: https://youtu.be/YEQ-uMGpQMY
- TypeScript: https://youtu.be/fUgxxhI_bvc
Frameworks CSS recomendados junto a TailwindCSS puede ser también Bootstrap. Agiliza el dar estilos a una página web que solo usar CSS. También podrían revisar sobre preprocesadores como SASS, pero considero que actualmente el más usado o elegido hasta por la AI es TailwindCSS.
Librerías o Frameworks JS para UI, uno de los más sencillos y utilizados para desarrollo web y desarrollo mobile es React, tiene un ecosistema muy amplio de tecnologías. Pero también pueden revisar sobre Angular, Vue, Svelte, entre otros.
- React:
Estos son algunos Bootcamps gratuitos que englobal gran parte de todos los conocimientos previos, pero considero que es bueno profundizar un poco más en cada uno de ellos para tener una mejor comprensión y dominio.
- Bootcamp Desarrollo Web: https://youtu.be/x28OvdVBegU?list=PLx5xbrpW6nXgISwDvrMeKuryN9U1Giqzj
- Bootcamp FullStack: https://youtu.be/wTpuKOhGfJE?list=PLV8x_i1fqBw0Kn_fBIZTa3wS_VZAqddX7
- Guia completa de FrontEnd development: https://youtu.be/GMnWXlJnbNo?list=PL42UNLc8e48QkcuPqCR8CzB4ZnSQqtNnc
Como bonus, un video que habla sobre el Deployment o despliegue de una aplicación a un servidor gratuito o de paga, la posibilidad de vincularlo con un dominio, creación subdominios y teniendo como opciones a Vercel y GitHub Pages.