Learn webdev without distractions
- Introduction
- Learning web development back then
- Learning web development today
- The goal of this website
- What’s next
Introduction
Do you want to learn how to make websites but you don’t know where to start ? Or do you want a better understanding of the basics ? Don’t worry you’re not alone. With new tools, frameworks, and libraries coming out every single day it’s hard to keep track of things. Luckily one thing that doesn’t change much are the basics. For Front-end development it’s still HTML, CSS, and JavaScript. If some of this didn’t make sense to you, don’t worry. You’ll understand what all of these things mean by the end of this article.
Learning web development back then
About 10 years ago I decided I wanted to learn how to make websites. So I asked my best friend Google “How to make a website from scratch”. About 10 minutes later I found that I should start front-end development by learning HTML & CSS and so I did. After a couple of months I was already able to make a complete website with multiple pages. But the websites I made with only HTML & CSS had their limits. While they looked okay they had no interactive elements. I wanted to create more interesting navigation bars, slideshows, etc… This is where JavaScript came into the picture. JavaScript was the first programming language I ever learned and it was hard but after a couple months I finally felt like a had a decent understanding of how JavaScript works and how I could use it to make my websites better and how to create small applications for the web. I even started making simple video games in JavaScript.
Learning web development today
Those of you who already started doing research on web development might have noticed that for the front-end it’s not just HTML, CSS, and JavaScript anymore. There are a bunch of JavaScript frameworks/libraries like React, Angular, Vue, etc.. There are also things like tailwind and bootstrap that allow you to style websites without having to write any CSS. While all of these are great it can lead to a lot of confusion for new developers who just want to start learning. If new developers jump into these frameworks without solid knowledge of the fundamentals they will slow down their learning process and a lot of stuff just won’t make much sense.
The goal of this website
With this website I want to reach people who want to learn web development without any unnecessary distractions. I strongly believe that having a streamlined way of learning helps people stay motivated. Each section will have some challenges you can try directly in the website’s code editor. Aside from the courses I also want to write tutorials on how to build certain things with the technologies we learned to gain some real world experience. A lot of tutorials out there teach web development topic by topic but don’t really give the student an understanding of how to implement these techniques into larger projects. My goal is to teach you everything you need to know about building your own website but I also want to teach you how to put it online so I’m also planning on covering some of the most popular webhosting options out there by writing some tutorials on them. Since I believe this content should be available to everyone everything I release on this website will be completely free. Instead of charging money for the content this website will most likely use some affiliate links and ads to keep the website alive.
What’s Next
The HTML & CSS courses will be the first courses I will release on this website together with the code editor. I'm also planning on creating some blogpost before that. I'll keep this article up to date so you know when something changes. I hope that got you excited and see you soon !