I've put together an ordered list of how I would go about learning web development and basic programming, tried to add everything I wished I'd had when I started.
Learn the basics of the web:
- Basic concepts: https://youtu.be/eesqK59rhGA
- Basic overview of how a simple website works: https://youtu.be/RsQ1tFLwldY
- Don't worry about learning all the terms just to give you an idea of how it all works together
Learn basic HTML and CSS:
- Everything about HTML: https://youtu.be/kDyJN7qQETA (I'd skip the PHP part it's old)
- Everything about CSS: https://youtu.be/CUxH_rWSI1k (don't worry about remembering everything just get a feel for how it works)
- Building a basic responsive website: https://youtu.be/Wm6CUkswsNw
- Using the Bootstrap CSS framework: https://youtu.be/9cKsq14Kfsw
- Lots more you can find on youtube
- Further learning: CSS precompiler that's used a lot called SASS https://youtu.be/wz3kElLbEHE
First thing you'll want to do is learn the basics of programming:
- Basic concepts of programming: -- Variables/datatypes: https://youtu.be/R6nApgQLFeg -- Control flow: https://youtu.be/nBj2nJup8xU -- Functions: https://youtu.be/PTTNDi1__cc -- Iteration: https://youtu.be/soprv_Xixfg
- Don't worry about learning the language at this point just get used to the idea of variables and functions
Then learn basic JavaScript:
- Basic javascript in browser: https://youtu.be/Ukg_U3CnJWI
- A bit more in depth: https://youtu.be/hdI2bqOjy3c
- I'd recommend an editor called VSCode https://code.visualstudio.com/
Learn Git:
- Learn the basics: https://youtu.be/SWYqp7iY_Tc
Build a full stack app:
- Node.js Express framework https://youtu.be/xDCKcNBFsuI
- Basic app: https://www.youtube.com/watch?v=k_0ZzvHbNBQ&list=PLillGF-RfqbYRpji8t4SxUkMxfowG4Kqp
- Now try to build your own basic one and put it on GitHub
Overview of the current web development ecosystem:
- Don't worry about knowing everything, there are so many different routes and technologies
- https://youtu.be/UnTQVlqmDQ0
After this, here are some more specific areas to look into:
- Databases: SQL (mySQL specifically), MongoDB
- Auth and security best practices
- Linux / servers
- React.js
- React Native