I was first introduced to web development when I was in class 11. HTML was a chapter in our Computer Application subject. But there were very basics of HTML like the introduction to the HTML tags and how to write HTML code. (HTML is a markup language used to create webpages.)

But soon I got very interested in web development, I didn’t follow the syllabus and go beyond it, I explored about it on the internet and downloaded many tutorial PDFs and start learning the technologies. This is how I started learning HTML, CSS, and JavaScript.

In college many of my friends, juniors asked me how to start or where to start learning or how to build websites… Well, in this article, I’m not going to teach you web development but I’ll go through the necessary steps on how to learn or start learning web development. I hope this will help you guys 🙂

Okay. So, to master web development, you must learn a set of skills, or at least first learn the basics.

Things to learn first

Here are the skills that you must learn first:

So what is HTML?

Hypertext Markup Language, it is the fundamental technology used to define the structure of a webpage.

HTML is a fairly simple language made up of elements, which can be applied to pieces of text to give them different meaning in a document whether your web content should be recognized as a paragraph, list, heading, link, image, form, or one of many other available elements.

CSS

Cascading Stylesheets — or CSS — is the second technology you should start learning after HTML. Whereas HTML is used to define the structure and semantics of your content, CSS is used to style it and lay it out. So for example, you can use CSS to alter the font, color, size and spacing of your content, split it into multiple columns, or add animations and other decorative features.

JavaScript? is it similar to Java?

Alongside HTML and CSS, JavaScript is one of the three core technologies of web development. JavaScript is a programming language that adds interactivity to your website (for example: games, responses when buttons are pressed or data entered in forms, dynamic styling, animation).

Click here to know what can JavaScript do!

var link = document.getElementById(“demo”);
link.addEventListener(“click”, function(e){
e.preventDefault();
alert(“Hello there! This alert is shown by JavaScript.”);
})

JavaScript and Java are completely unrelated. JavaScript was originally called LiveScript and was renamed when Java was introduced as a kind of cross-marketing.

PHP & MySQL

PHP (recursive acronym for PHP: Hypertext Preprocessor) is a widely-used open source general-purpose scripting language that is especially suited for web development and can be embedded into HTML. What distinguishes PHP from something like client-side JavaScript is that the code is executed on the server, generating HTML which is then sent to the client.

MySQL is an open-source database system used on the web. A database is used to store data of a webpage or web application and PHP or any other server-side language is used to generate the webpage dynamically.


How or where to learn these?

To learn web development you may try some online free interactive courses like:

And here are some good resources to learn the above technologies:

And you may try to find different tutorials on YouTube also!

Some of the best books to follow

I hope this article was helpful. Please comment below if you want to ask something or give any suggestion. You may also get in touch directly. Thank you for reading.

– Uddhab