DEV Community

Cover image for Setup Code Editor – JavaScript Series – Part 11
Muhammad Ali (Nerdjfpb)
Muhammad Ali (Nerdjfpb)

Posted on • Originally published at

Setup Code Editor – JavaScript Series – Part 11

Up until now we just worked with the console. But now we’ll work on a code editor.

I’m mostly a vscode fan so I’m going to use vscode. You can use whatever you want.

For folder I’ll create like –

Alt Text

There is nothing in css or js file. Now we’ll include this with the index.html

Alt Text

I’m using the live server extensions to run the files.

Alt Text

Now we’ll just console in our script.js file and we can see the result on our console of the website.

Alt Text

I am using the live server extension which give me the way to run live the code

Alt Text

I use the prettier which helps me to easily arrange the code, so I don’t have any messy codes.

Alt Text

Is this lot to take or this is easy ?

You can see the graphical version here

Source Codes - { Check commits }

GitHub logo nerdjfpb / javaScript-Series

A tutorial for JavaScript Beginners


A tutorial for Absolute Beginners of JavaScript.

You can find the total pdf in - Here

You can check the commits to find the part by part codes.


Day 1
  • Day 1 - What is JavaScript?
Day 2
  • Day 2 - JavaScript Types?
Day 3
  • Day 3 - Javascript Types Cont.
Day 4
  • Day 4 - Javascript Types Cont.
Day 5
  • Day 5 - Javascript Comparisons
Day 6
  • Day 6 - Javascript Variables
Day 7
  • Day 7 - More About Variables
Day 8
  • Day 8 - Conditional Statement
Day 9
  • Day 9 - More Conditional Statement
Day 10
Day 11
Day 12
Day 13
Day 14
Day 15
Day 16
Day 17

Originally it published on nerdjfpbblog. You can connect with me in twitter or linkedin!

Top comments (0)