Hello Friends, In this article I will discuss and demonstrate how to learn and practice the JavaScript programming with plnkr. JavaScript is Interpreted language and doesn’t require any compiler to convert the code in machine language. But how does the JavaScript code is converted to machine language. Browser engine does all this magic. Instead of writing our code in Script.js file and running the web browser every time, we can use plnkr to practice the coding.
Steps to practice JavaScript in plnkr
If you are a begineer and want to practice the JavaScript programming, plnkr comes with very handy and interactive interface. Instead of creating the .js file and changing it every time just create a new project in plnkr and you are ready to go.
Moreover follow the below steps to have a live coding experience in JavaScript programming.
- Browse to plnkr at the URL: http://www.plnkr.co
- On the home page, click on the “New” button on the top left-hand side corner and Select JS default option.
- On the left hand side under files you can see all the files named index.html, readme.md, script.js and style.css.
- Click on the Editor settings pane button in the left-hand side. Finally confirm the “refresh the preview automatically” checkbox is checked.
- Now go to the script.js file and open it by clicking on it.
- To see the output of your JavaScript code you need to open the console of your web browser. Since I am working in Mozilla , I can open it by clicking F12. Once you are done with all the steps you can see the screen as shown in the figure below:
- Now as you type in the script.js file in the editor. You will be able to see the output in the console.
- Since this is a live session and I would not be able to explain by writing. I have created a video and uploaded it on my you tube channel. And this is my first video uploaded to the channel.
You can watch the video at(The video quality is not good, I will make one more video. Apologies !) :https://youtu.be/9CdoOsv9M1k
In this article I have demonstrated how we can practice and learn JavaScript programming using plnkr. This tip can be really handy for the people who want to learn the JavaScript programming.
Leave a Reply