Read on TwitterThere 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& #39;ve made a good progress in the last three months and want to give you my resources and some tips.
A very long
Let& #39;s start with the resources, I& #39;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& #39;d recommend Udemy, freeCodeCamp and Youtube paired with the MDN web docs.
freeCodeCamp,
Codecademy,
W3Schools,
TheOdinProject,
SoloLearn,
Udemy,
MDN Web docs,
Youtube.
I& #39;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& #39;s important to repeat stuff and practice it. That& #39;s why everyone should use freeCodeCamp.
The explanations aren& #39;t the best but the exercises are. You should try to solve exercises without using the solution, because it& #39;s important for evolving problem solving skills.
The explanations aren& #39;t the best but the exercises are. You should try to solve exercises without using the solution, because it& #39;s important for evolving problem solving skills.
If you can& #39;t solve a problem and / or don& #39;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& #39;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& #39;s also good to learn how the site is structured.
Another great method is to use Youtube.
Just search for the topic you don& #39;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& #39;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& #39;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& #39;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& #39;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& #39;d recommend this free courses:
https://www.coursera.org/specializations/ui-ux-design
and">https://www.coursera.org/specializ... DesignCourse (Gary Simon) on Youtube.
I& #39;d recommend this free courses:
https://www.coursera.org/specializations/ui-ux-design
and">https://www.coursera.org/specializ... DesignCourse (Gary Simon) on Youtube.
I& #39;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& #39;s also good to post your progress on Twitter!
A few good challenges I know are:
#100DaysOfCode
#javascript30
#DailyUI
#NoPreviewHtmlCss (by @jackdomleo7)
It& #39;s also good to post your progress on Twitter!
Where we talk about Twitter there& #39;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"> http://javascript.info & #39;s "The Modern JavaScript Tutorial"
- Devin Ford& #39;s "A list of CSS resources for beginners". For CSS resources.
- Kamran Ahmed& #39;s "Web Developer Roadmap". It& #39;s a Roadmap which is VERY detailed.
- http://javascript.info"> http://javascript.info & #39;s "The Modern JavaScript Tutorial"
- Devin Ford& #39;s "A list of CSS resources for beginners". For CSS resources.
- Kamran Ahmed& #39;s "Web Developer Roadmap". It& #39;s a Roadmap which is VERY detailed.
And it& #39;s important
https://abs.twimg.com/emoji/v2/... draggable="false" alt="❗️" title="Rotes Ausrufezeichen" aria-label="Emoji: Rotes Ausrufezeichen">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& #39;s a marathon and not a sprint.
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& #39;s a marathon and not a sprint.
