When I started teaching myself how to code I quickly realized how many resources there actually are. That's great, because a lot of it is free in the beginning! But with so many tutorials and articles, you don't really know where to start. So, I collected the resources I personally found most helpful.

HTML & CSS

It is extremely important to understand and become familiar with the basics. Apart from that, you can also create very exciting and beautiful websites with only HTML and CSS.

The Creative HTML5 & CSS3 Course
HTML Crash Course For Absolute Beginners
CSS Crash Course For Absolute Beginners
CSS Grid
What the Flexbox?
Mimo: Learn to Code

JavaScript

When I started adding JavaScript to my projects, I had no idea what was going on and I didn't really understand what kind of code I was writing. That's when I realized that I had to spend quite a bit of time to really get to know JavaScript. Even understanding the basics was a big step forward for me. Variables, Functions, Arrays, Objects, Events, Conditionals, Loops. I certainly had a lot of setbacks, but at some point, all the parts fit together and that's a great feeling.

I would recommend you take a full (paid) course that will guide you through all the important concepts of JavaScript. Although it's a bit expensive, I really liked Wes Bos Beginner JavaScript Course – maybe this is something for you too!

Beginner JavaScript
The Complete JavaScript Course
JavaScript30
Just JavaScript

JavaScript Frameworks

Before you dive into a framework, the better you know Vanilla JS the more it helps in the beginning. Understanding ES6 Features (Arrow Functions, Destructuring, Spread, Modules, Promises, Template Literals) and Array Methods helped me a lot to get started with React.

Level Up Tutorials
Frontend Masters

Terminal & Git

At first I thought I would delete my entire computer when using the terminal. But especially with Git, you can't really go wrong – don't be scared of the command line!

The Beginner's Guide To Terminal
Git & GitHub Crash Course For Beginners

Stuff I listen to regularly

Youtube channels

Traversy Media
Dev Ed
DesignCourse
Flux
Jason Lengstorf

Podcasts

Syntax.fm
React Podcast
99% Invisible

Tools I use

Code

Visual Studio Code
iTerm
RunJS

Design

Figma
Affinity
ImageOptim

Productivity

Alfred
Notion
Things
Magnet
Raindrop
iStat Menus