Esta es la guía completa extraída del video en YouTube por Traversy Media, donde toca a detalle un mapa para aprender desarrollo web desde cero. Es una guía muy completa ya que ye lleva de manera cronológica por todos sus recursos gratuitos en YouTube y algunos de paga en Udemy.
En lo personal Brad Traversy es uno de los facilitadores acerca de desarrollo web más completos, explica de manera muy clara y con una infinidad de ejercicios para practicar.
Web Development A Practical Guide 2021 – Traversy Media
Foundational Frontend Developer
HTML & CSS
- HTML & CSS playlist
- Modern HTML & CSS from the beginning
- 50 projects in 50 days – HTML, CSS & Javascript
SASS
CSS/UI Frameworks
- Bootstrap crash course
- Materialize crash course
- Build your first Tailwind CSS site
- Bulma crash course
- Bootstrap 4 from scratch
- Materialize CSS from scratch
UI Design
JavaScript
- Vanilla Javascript playlist
- Modern JS from the beginning
- 20 web projects with vanilla Javascript
- 50 Projects in 50 days – HTML, CSS & Javascript
Other tools to start to learn
- Git crash course
- Getting started with open source
- NPM crash course
- Yarn crash course
- Chrome Dev Tools Crash Course
- Emmet Crash Course
- ESLint & prettier setup
Basic Frontend Deployment
- Deploying sites with Netlify
- Build & deploy a portfolio website
- Build a responsive website (netlify deploy)
- Github deploy & domain
- Web hosting & cPanel guide
Front-End Superstar
Frontend Framework
- React crash course
- React project playlist
- Vue crash course
- Angular crash course
- Redux crash course
- Vuex Crash Course
- React & context API project
- React front to back
- MERN stack front to back
- MERN eCommerce from scratch
- Angular front to back
Typescript
Testing
Server Side Rendering
Server Side Generators
- Gatsby Crash Course
- Build an event app with Vue.js, Gridsome & Strapi
- Build a website with 11ty
Headless CMS
- Strapi crash course
- Build an event app with Vue.js, Gridsome & Strapi
- Sanity.io crash course
- Build a portfolio with React & Sanity.io
- Explore the WordPress REST API
The Jamstack – Javascript, APIs & Markup
Backend / Full Stack
Server Side Language
- Node.js Crash Course
- Python Crash Course
- Python OOP
- PHP Front To Back
- Full PHP course – 6.5 hours
- C# Project in 60 minutes
- Go crash course
- Kotlin crash course
- Node.js API Masterclass
- MVC PHP OOP
- Python Django Dev To Deployment
Server Side Framework
- Express crash course
- Laravel crash course
- Django crash course
- Flask series
- Rails crash course
- Node.js API Masterclass
- Python Django Dev To Deployment
GraphQL
- Realtime chat App – GraphQL & Websockets
- Full stack photobook | Vue, GraphQL, AWS Amplify
- GraphQL with React & Apollo
- Build a GraphQL server
Socket.io & Real-Time Technologies
- Chat cord project
- Real-time chat app | React, GraphQL & Websockets
- Real-time tweets & Socket.io
- Multiplayer snake game
WordPress Development
Deployment, Servers & DevOps
- Exploring Docker
- DevOps crash course
- Automatic deployment with github actions
- Full Node.js deployment – NGINX, SSL with Lets Encrypt
- Full Stack Photobook | Vue, GraphQL, AWS Amplify
Mobile Experience
Mobile Development
- Flutter crash course
- React native crash course
- Ionic mobile weather app
- Kotlin crash course
- Build a simple android app with Kotlin
Progressive Web Apps (PWA)
Desktop Experience
Desktop Apps With Web Technologies
- An intro to Electron
- Desktop Apps with NW.js
- Desktop GUI with Python & Tkinter
- Electron from scratch
![Guía para hacer un presupuesto [2020]](https://www.irinadelgado.com/wp-content/uploads/2020/04/irina-delgado-presupuesto-2020.png)