WebDevPersonalList

Hi there,

Here is a list of useful sources to help you with the often “Where to start” question.

Also, I included a few very personal tips below:
1 - The higher the number of different and reliable sources of information, the better your knowledge about a topic will be. Each experience and learning time is unique and must be respected. What works for me may not work well for you, so never stick with only one source of information.
2 - This list is far from being enough for you to become a web developer (check again my tip number 1), however independent of the pathway you decide to follow or course you decide to take, covering all these topics in advance will make your life pretty much easier to understand what will come after.
3 - Find what works better for you: instructors, courses, videos, but NEVER stick only to tutorials. Build your projects. Try different things, analyse the results and learn from them. Start to explore places where you can ask for help (such as meetup groups, slack channels, and websites such as https://stackoverflow.com/ - PS: incidentally, this is one of the websites that will be part of your every day for the rest of your life when moving to “programming life”)
4 - Never be ashamed to ask questions. There are no stupid questions. If someone does not answer you, he is the stupid, NOT you. Knock on another door and ask again. There are lots of good developers willing to mentor someone engaged, motivated and curious.
5 - Never rely on your learning journey only on tutorials and articles. Your main source of information MUST be the documentation. E.g:

NodeJs: https://docs.npmjs.com/
Javascript: https://developer.mozilla.org/en-US/docs/Web/JavaScript
React: https://reactjs.org/
Redux: https://redux.js.org/

Please note that these lines below are based on my experience and are mainly related to JavaScript programming language, which was my learning pathway. You are welcome to provide feedback or suggest more courses and links to be included here.

Roadmap

It's not mandatory, but a roadmap can help you with your study plan and path to follow

https://roadmap.sh/

COURSES

FREE (or you can audit for free without some options, e.g. tests and/or exercises)

Web Development / Front End Development / Back End Development and more:

Freecodecamp (Responsive Web Design / Front End / Back End / Databases / Data Analysis / Machine Learning)

https://www.freecodecamp.org/

MDN - Learn Web Development

https://developer.mozilla.org/en-US/docs/Learn

W3C - HTML, CSS & JavaScript

https://www.w3schools.com/

Udacity

GIT: https://www.udacity.com/course/version-control-with-git--ud123

HTML & CSS: https://www.udacity.com/course/intro-to-html-and-css--ud001

The Odin Project

https://www.theodinproject.com/

EDX

HTML & CSS: https://www.edx.org/course/html5-and-css-fundamentals

JavaScript: https://www.edx.org/learn/javascript/the-world-wide-web-consortium-w3c-javascript-introduction

Professional Certificate in Front-End Web Developer: https://www.edx.org/certificates/professional-certificate/w3cx-front-end-web-developer

HarvardX - Introduction to Computer Science: https://www.edx.org/course/introduction-computer-science-harvardx-cs50x

HarvardX - CS50's Web Programming with Python and JavaScript: https://www.edx.org/learn/web-development/harvard-university-cs50-s-web-programming-with-python-and-javascript

IBM - Introduction to Web Development with HTML5, CSS3, and JavaScript: https://www.edx.org/learn/web-development/ibm-introduction-to-web-development-with-html5-css3-and-javascript

PAID

Udacity, EDX, Udemy, eg.
https://www.udemy.com/course/modern-javascript-from-the-beginning/

https://www.udemy.com/course/the-web-developer-bootcamp/

Introduction to Programming: https://www.udacity.com/course/intro-to-programming-nanodegree--nd000

BOOKs:

JavaScript https://eloquentjavascript.net/

Websites for TUTORIALS and Information (and to be your best friend forever):

Mozilla
HTML: https://developer.mozilla.org/en-US/docs/Web/HTML
CSS: https://developer.mozilla.org/en-US/docs/Web/CSS
JavaScript: https://developer.mozilla.org/en-US/docs/Web/JavaScript

W3C
HTML: https://www.w3schools.com/html/default.asp CSS: https://www.w3schools.com/css/default.asp
JavaScript: https://www.w3schools.com/js/default.asp

CSS-Tricks
https://css-tricks.com/

JavaScript.Info https://javascript.info/first-steps

Useful Websites for ARTICLES:

General topics and articles about Web Dev can be found at:
Dev.to: https://dev.to/

Freecodecamp: https://www.freecodecamp.org/news/common-mistakes-beginning-web-development-students-make/

Medium: https://medium.com/codex/youre-missing-out-on-vanilla-js-91aceec917d6

Readwrite: https://readwrite.com/2013/09/30/understanding-GitHub-a-journey-for-beginners-part-1/

Great articles / Other resources

Awesome JavaScript Resources: https://github.com/olawanlejoel/Awesome-Javascript-resources

CRASH COURSES on YouTube

GIT

https://www.youtube.com/watch?v=RGOj5yH7evk

https://www.youtube.com/watch?v=_OZVJpLHUaI

HTML

https://www.youtube.com/watch?v=UB1O30fR-EE

https://www.youtube.com/watch?v=DPnqb74Smug

CSS

https://www.youtube.com/watch?v=mudOTSUumXg

https://www.youtube.com/watch?v=yfoY53QXEnI

JavaScript

https://www.youtube.com/watch?v=hdI2bqOjy3c

https://www.youtube.com/watch?v=W6NZfCO5SIk

JavaScript Dom

Lecture with 4 parts: https://www.youtube.com/watch?v=0ik6X4DJKCc
https://www.youtube.com/watch?v=mPd2aJXCZ2g
https://www.youtube.com/watch?v=wK2cBMcDTss
https://www.youtube.com/watch?v=i37KVt_IcXw

Node.js

https://www.youtube.com/watch?v=U8XF6AFGqlc

https://www.youtube.com/watch?v=TlB_eWDSMt4

React

https://www.youtube.com/watch?v=Ke90Tje7VS0&t=4086s

https://www.youtube.com/watch?v=dGcsHMXbSOA

https://www.youtube.com/watch?v=w7ejDZ8SWv8

https://www.youtube.com/playlist?list=PLC3y8-rFHvwgg3vaYJgHGnModB54rxOk3

Redux

https://www.youtube.com/playlist?list=PLC3y8-rFHvwheJHvseC3I0HuYI2f46oAK

CHANNELs and instructors I follow:

Mosh
https://www.youtube.com/channel/UCWv7vMbMWH4-V0ZXdmDpPBA

Traversy:
https://www.youtube.com/channel/UC29ju8bIPH5as8OGnQzwJyA

Academind:
https://www.youtube.com/channel/UCSJbGtTlrDami-tDGPUV9-w

Code Evolution:
https://www.youtube.com/channel/UC80PWRj_ZU8Zu0HSMNVwKWw

Dev Ed
https://www.youtube.com/channel/UClb90NQQcskPUGDIXsQEz5Q

Florin Pop
https://www.youtube.com/channel/UCeU-1X402kT-JlLdAitxSMA

Learning by playing games

15 Games That'll Teach You How to Code (That Also Happen to Be Really Fun): https://www.freecodecamp.org/news/javascript-projects-for-beginners/

12 Free Coding Games to Learn Programming for Beginners: https://www.freecodecamp.org/news/12-free-coding-games-to-learn-programming-for-beginners/

Ideas for projects

https://www.freecodecamp.org/news/javascript-projects-for-beginners/

Practice, practice, practice

Katas https://jskatas.org/katas/groups/level-easy/

Exercism https://exercism.org/tracks/javascript/exercises

HackerRack https://exercism.org/tracks/javascript/exercises

Ready to go?

Here is one last advice: Getting a job as a Software Developer

https://www.youtube.com/watch?v=JxUDdUU6N6k