Read on Twitter
How to learn Web-Developement There are a lot of people wanting to learn how to code, there are also a lot of resources which teach you how to code.
I've made a good progress in the last three months and want to give you my resources and some tips.
A very long
Let's start with the resources, I'll list all I know/recommend and then highlight which I like most and why:
freeCodeCamp,
Codecademy,
W3Schools,
TheOdinProject,
SoloLearn,
Udemy,
MDN Web docs,
Youtube.
I'd recommend Udemy, freeCodeCamp and Youtube paired with the MDN web docs.
freeCodeCamp,
Codecademy,
W3Schools,
TheOdinProject,
SoloLearn,
Udemy,
MDN Web docs,
Youtube.
I'd recommend Udemy, freeCodeCamp and Youtube paired with the MDN web docs.
Udemy is great when you get the right course, as far as I know the best teachers there are:
Colt Steele,
Brad Traversy,
Andrew Mead,
Andrei Neagoie,
Jonas Schmedtmann,
Maximilian SchwarzmĂĽller.
You should start with a HTML & CSS course or a course which includes HTML, CSS, JS.
Colt Steele,
Brad Traversy,
Andrew Mead,
Andrei Neagoie,
Jonas Schmedtmann,
Maximilian SchwarzmĂĽller.
You should start with a HTML & CSS course or a course which includes HTML, CSS, JS.
But it's important to repeat stuff and practice it. That's why everyone should use freeCodeCamp.
The explanations aren't the best but the exercises are. You should try to solve exercises without using the solution, because it's important for evolving problem solving skills.
The explanations aren't the best but the exercises are. You should try to solve exercises without using the solution, because it's important for evolving problem solving skills.
If you can't solve a problem and / or don't understand a specific topic you definitely should use the MND web docs.
There is everything a web-dev needs with an explanation and examples.
You will use this site quite often so it's also good to learn how the site is structured.
There is everything a web-dev needs with an explanation and examples.
You will use this site quite often so it's also good to learn how the site is structured.
Another great method is to use Youtube.
Just search for the topic you don't understand or want to learn and there will be a great video.
The best Youtubers (imo) for tutorials etc. are:
Traversy Media,
Dev Ed,
Web Dev Simplified,
Steve Griffith,
The Coding Train.
Just search for the topic you don't understand or want to learn and there will be a great video.
The best Youtubers (imo) for tutorials etc. are:
Traversy Media,
Dev Ed,
Web Dev Simplified,
Steve Griffith,
The Coding Train.
This way to learn should give you a good knowledge.
Now it's important to do as many projects as possible. Which projects? There are a lot.
You could start with some made up company websites or / and web apps like a To-Do, Calculator or a simple game like RPS.
Now it's important to do as many projects as possible. Which projects? There are a lot.
You could start with some made up company websites or / and web apps like a To-Do, Calculator or a simple game like RPS.
But you will discover a lot of so called "problems" which you have to solve. To improve your "problem solving" skills I'd recommend practicing on one of these sites:
Codewars,
Hackerrank,
Leetcode,
Exercism.
You could also read a book like "Think Like A Programmer".
Codewars,
Hackerrank,
Leetcode,
Exercism.
You could also read a book like "Think Like A Programmer".
Another good thing is to learn UI / UX design because you want to create beautiful and modern sites.
I'd recommend this free courses:
https://www.coursera.org/specializations/ui-ux-design
and DesignCourse (Gary Simon) on Youtube.
I'd recommend this free courses:
https://www.coursera.org/specializations/ui-ux-design
and DesignCourse (Gary Simon) on Youtube.
I'd also recommend to do challenges for creating a habit or just for challenging yourself.
A few good challenges I know are:
#100DaysOfCode
#javascript30
#DailyUI
#NoPreviewHtmlCss (by @jackdomleo7)
It's also good to post your progress on Twitter!
A few good challenges I know are:
#100DaysOfCode
#javascript30
#DailyUI
#NoPreviewHtmlCss (by @jackdomleo7)
It's also good to post your progress on Twitter!
Where we talk about Twitter there's a lot of stuff you can learn from some developers on twitter! So make sure to follow:
@NehemiahKiv
@jackdomleo7
@DThompsonDev
@dan_spratling
@anniebombanie_
@jh3yy
@devinDford
They post amazing content and help the community a lot!
@NehemiahKiv
@jackdomleo7
@DThompsonDev
@dan_spratling
@anniebombanie_
@jh3yy
@devinDford
They post amazing content and help the community a lot!
A few more resources I can recommend are:
- http://javascript.info 's "The Modern JavaScript Tutorial"
- Devin Ford's "A list of CSS resources for beginners". For CSS resources.
- Kamran Ahmed's "Web Developer Roadmap". It's a Roadmap which is VERY detailed.
- http://javascript.info 's "The Modern JavaScript Tutorial"
- Devin Ford's "A list of CSS resources for beginners". For CSS resources.
- Kamran Ahmed's "Web Developer Roadmap". It's a Roadmap which is VERY detailed.
And it's important
to take breaks and be patient.
I had a lot of moments where I thought: "I will never understand this"... and guess what? I fully understood it a few days later or sometimes even after a break.
It's a marathon and not a sprint.
to take breaks and be patient.I had a lot of moments where I thought: "I will never understand this"... and guess what? I fully understood it a few days later or sometimes even after a break.
It's a marathon and not a sprint.
That's it!
I'm definitely not an expert or a professional, but I hope my list helps you to get started, make progress and maybe you found one or two new resources.
Let me know what you think about my list and feel free to add even more resources.
I'm definitely not an expert or a professional, but I hope my list helps you to get started, make progress and maybe you found one or two new resources.
Let me know what you think about my list and feel free to add even more resources.
