Enough of Theory

now that we've learnt enough of the theory , it's now time to write your first JavaScript Program 🎉

Resources we're Going to use throughout the series

1. Chrome Browser

2. Vs Code – IDE for Writing code

How to use Developer Tools

👉 Head over to Chrome Browser and type ctrl+shift+i

👉hey what's this?

1. the part which is highlighted with red color is known as window which is used for displaying output

2. the part which is highlighted with yellow color is known as developer tools window which offers many functionalities for debugging and performance of web app

3. the part which is highlighted with green color is known as console which is used for seeing errors and responses of JS code , but we're using it for typing JS code , console helps to write code in live environment and throws output in console

👉 take a look at window opened in side , if you want to become a web developer chances are you'll open chrome dev tools on day to day basis for debugging your JavaScript code

Let's write first line of code

in the dev tools go to console and start typing the following code and hit enter :

console.log("Hello John"); 

👉 Notice that the part in “”(quotes) is the text we want to print and we can type whatever we want

👉 log method prints the text which is passes inside (“pass the text here”)

👉 Exercise : Change hello john to hello + your name

Let me know in comment section if you have any doubt or feedback. it's always worth to give time to thriving developer community 🙂

Keep Coding ❤

Hey , Let' Connect👋

Twitter /
Github