DEV Community

loading...
Cover image for Enough JavaScript to get you Started : #3 Hello JavaScript !

Enough JavaScript to get you Started : #3 Hello JavaScript !

whoadarshpandya profile image Adarsh Pandya ・2 min read

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

browser.png

πŸ‘‰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");
Enter fullscreen mode Exit fullscreen mode

πŸ‘‰ 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

Discussion (0)

pic
Editor guide