DEV Community

Ahumuza Ceasar
Ahumuza Ceasar

Posted on

Beginning JavaScript: A Complete Guide For Beginners

Hi, my name is Ahumuza Julius Ceasar. I am a student doing B.Tech and also currently learning web development. After a year of learning, I have decided to help and teach other newbies trying to dive into the technology. My main area of focus will be JavaScript as it is a good language for beginners to learn. So Please be able to follow my weekly blogs course on mastering JavaScript from beginner to a level I will call advanced. Let’s get started.

What is JavaScript?
JavaScript is a programming language that allows you to implement complex features on web pages . Among these include creating interactive websites, 2D and 3D graphics on a web page. JavaScript is better used along side HTML and CSS. I will assume that you have basic HTML and Css knowledge. But if you are not it would be better taking beginner courses on Free code Camp or W3C schools. A short disclaimer: JavaScript is not Java.

**
Required Software:**

  • Install Google Chrome -Install Vs Code Or Sublime I will be using Vs code for this crash course * How To add JavaScript in an HTML file:** -Open Vs code and create a folder -create two files in in the folder -One of the files named index.html and another main.js

After creating the two files add the following code snippets in those files

a*)Index.html*

Image description

**
What’s happening Here:**
-We created our HTML file and on line (14) we linked our external javaScript file called main.js

b)** JavaScript file**
Add the following code in your main.js file

Image description
What’s happening Here:
-We would like to display output in the console of our web browser.

Next Steps
-Save the two files
-Open the index.html file in your favorite browser
-Write click in the blank web page
-Choose inspect
-Go to console

You should the following output if it was successful. Congratulations, You just created your first JavaScript Program.

Image description

Thank You for following along, I hope this was quite helpful to some struggling beginner. I hope to cover more sections of JavaScript. Follow me on twitter @ahumuza_ceasar

Top comments (1)

Collapse
 
thomasbnt profile image
Thomas Bnt ☕

Hello ! Your markdown is sometimes badly written. Feel free to preview your article before publishing it. 👍🏼