Learning FRONT-END DEVELOPMENT as a beginner!👨🏻‍💻
Tags: devjournal, webdev, javascript, programming
Published: 2021-10-30 13:41:26

As a beginner it's always hard to start and follow a new passion. You don't know where to start, what resources to use or what language to learn first. Especially in the coding section/area it's extremely hard to find a way how to start. That's the reason, why I created this post on my Instagram account [@javascript_coding](https://www.instagram.com/javascript_coding/). At the end of the post I gave a free guide I had written on my own, to all my followers. If you are interested in, too, make sure to read the whole article and stay tuned till the end!
<br>
<hr>
## 1. Start learning HTML
![HTML - Part of Instagram Post](https://dev-to-uploads.s3.amazonaws.com/uploads/articles/k8gh3hq2pmjxtfdnisa5.png)

HTML (Hypertext Markup Language) creates the whole structure of a website. Any text or headline is created/written in HTML. 
<br>
Without any style your website looks extremely empty and boring, like this:
![website example without CSS](https://dev-to-uploads.s3.amazonaws.com/uploads/articles/o8b5waq6nuz1hizxibv6.png)
That's the reason why any website needs CSS...
<br>
<br>
## 2. Continue learning CSS
![CSS - Part of Instagram Post](https://dev-to-uploads.s3.amazonaws.com/uploads/articles/zcgtr5ixx2q7hbl3d8wd.png)

CSS (Cascading Style Sheets) gives you the possibility to style the HTML elements, like headlines or normal text fields. With CSS you can create animations and way more!
<br>
With CSS, the example you've seen above the CSS section, looks way more interesting.
![Styled example from my website](https://dev-to-uploads.s3.amazonaws.com/uploads/articles/tcivmufx7xp79j8f3lt2.png)
This example is a part of my website [javascriptcoding.org](https://javascriptcoding.org).
<br>
<br>
## 3. Keep going with JavaScript
![JavaScript - Part of Instagram Post](https://dev-to-uploads.s3.amazonaws.com/uploads/articles/u4430bwle46873ee3yhe.png)

JavaScript is the biggest part of all sections! To become a master in JavaScript, it takes years. In comparison to HTML and CSS it's way more complex, but it takes only a few weeks to understand the basics. To learn these basics it takes only a few good YouTube tutorials on JavaScript. The main functionality can be done by only an experience of less than one month. Functionalities like clicking on a button or changing the content on your page. Change the style of HTML elements with JavaScript and a lot more!
<br>
<br>
## 4. Creating apps on the internet with ReactJS
![ReactJS - Part of Instagram Post](https://dev-to-uploads.s3.amazonaws.com/uploads/articles/zhtivyiud83xnqv76mbu.jpeg)

One HTML file for a whole website? That's true in some way. In ReactJS, the HTML part is written in JavaScript classes. These classes are taken and "send" all content to the single HTML file.
<br>
<br>
## 5. FREE Web Development GUIDE!
Go to my Instagram Account and click on the link in my bio. On this page you'll see the link to my free PDF guide. In this guide, there are several tips and links to YouTube videos. This guide gives you the possibility to start learning web development as a whole beginner!
<br>
Make sure to like and save this article and don't forget to download your guide ;)