<![CDATA[Top 7 Javascript Best Practices For Beginners 👍]]>alt text

1. Always use camelcase when declare variables.

❌ Don't Use

var first_name = document.ElementById("firstname").value;
var date_of_birth = document.ElementById("dob").value;

✔ Use

var firstName = document.ElementById("firstname").value;
var dateOfBirth = document.ElementById("dob").value;

2. Use shorten IF in small conditions.

❌ Don't Use

//Un-Compressed Code
if ( age < 19 ) {
      isMajor = false;
} else {
      isMajor = true;
}

✔ Use

//Compressed Code
isMajor = ( age < 19 ) ? false : true;

3. Declare Variables outside of loop.

Not in all cases. Do it when you use common components/functions/DOMs inside the loop.

❌ Don't Use

for(var i = 0; i < someArray.length; i++) {
   var container = document.getElementById('container');
   container.innerHtml += 'my number: ' + i;
}

/* 
This will load the DOM each time of the loop. 
Will slowdown your application performance in big cases.
*/

✔ Use

var container = document.getElementById('container');

for(var i = 0; i < someArray.length; i++) {
   container.innerHtml += 'my number: ' + i;
   console.log(i);
}

4. Reduce the single global variables.

❌ Don't Use

var userId = '123456';
var userName = 'username';
var dateOfBirth = '06-11-1998';

function doSomething(userId,userName,dateOfBirth){
      //Your Implementation
}

✔ Use

//Make a collection of data
var userData = {
   userId : '123456',
   userName : 'username',
   dateOfBirth : '06-11-1998'
}

function doSomething(userData){
      //Your Implementation
}

function doSomethingElse(userData.userId){
      //Your Implementation
}

5. Always comment your works & function input,outputs.

❌ Don't Use

function addNumbers(num1, num2){
     return num1 + num2;
}

function getDataById(id){
     return someDataArray[id];
}

✔ Use

/*
* Adding two numbers
* @para num1 (int), num2 (int)
* @return int
*/
function addNumbers(num1, num2){
     return num1 + num2;
}

/*
* Adding two numbers
* @para id (int)
* @return Array
*/
function getDataById(id){
     return someDataArray[id];
}

6. Always Build/Minify your JS before move it to live.

Commenting your works, New lines & other best practices will increase your javascript file size. We need this stuffs in Development Environment only.

So Build & Minify your javascript file using build tools. It will compress your javascript to load much faster.

Asserts Build Tool : Webpack
Online Javascript Minifier : javascript-minifier

7. Load your scripts just before </body> Tags.

❌ Don't Use

<head>
     <!--Don't Load JS files here.-->
</head>

<body>
      <!--Don't Load JS files here.-->

✔ Use

          <!--Load JS  files here.-->
     </body>
</html>
]]>https://lankadevelopers.lk/topic/151/top-7-javascript-best-practices-for-beginnersRSS for NodeMon, 15 Jun 2026 20:54:19 GMTTue, 19 Feb 2019 06:39:01 GMT60<![CDATA[Reply to Top 7 Javascript Best Practices For Beginners 👍 on Sat, 16 Mar 2019 07:48:26 GMT]]>Thank u bro

]]>https://lankadevelopers.lk/post/1242https://lankadevelopers.lk/post/1242Sat, 16 Mar 2019 07:48:26 GMT<![CDATA[Reply to Top 7 Javascript Best Practices For Beginners 👍 on Sat, 09 Mar 2019 16:44:57 GMT]]>@kapilsri thx bro

]]>https://lankadevelopers.lk/post/1215https://lankadevelopers.lk/post/1215Sat, 09 Mar 2019 16:44:57 GMT<![CDATA[Reply to Top 7 Javascript Best Practices For Beginners 👍 on Sat, 09 Mar 2019 16:44:38 GMT]]>@dee_kas thx bro

]]>https://lankadevelopers.lk/post/1214https://lankadevelopers.lk/post/1214Sat, 09 Mar 2019 16:44:38 GMT<![CDATA[Reply to Top 7 Javascript Best Practices For Beginners 👍 on Sat, 09 Mar 2019 16:44:25 GMT]]>@DevKasun thx bro

]]>https://lankadevelopers.lk/post/1213https://lankadevelopers.lk/post/1213Sat, 09 Mar 2019 16:44:25 GMT<![CDATA[Reply to Top 7 Javascript Best Practices For Beginners 👍 on Thu, 07 Mar 2019 14:31:27 GMT]]>really good thing

]]>https://lankadevelopers.lk/post/1208https://lankadevelopers.lk/post/1208Thu, 07 Mar 2019 14:31:27 GMT<![CDATA[Reply to Top 7 Javascript Best Practices For Beginners 👍 on Sat, 02 Mar 2019 08:22:26 GMT]]>Nice work.really useful

]]>https://lankadevelopers.lk/post/1150https://lankadevelopers.lk/post/1150Sat, 02 Mar 2019 08:22:26 GMT<![CDATA[Reply to Top 7 Javascript Best Practices For Beginners 👍 on Fri, 01 Mar 2019 05:22:09 GMT]]>useful article

]]>https://lankadevelopers.lk/post/1138https://lankadevelopers.lk/post/1138Fri, 01 Mar 2019 05:22:09 GMT<![CDATA[Reply to Top 7 Javascript Best Practices For Beginners 👍 on Sun, 24 Feb 2019 04:31:22 GMT]]>@lkdev 😊😊😊

]]>https://lankadevelopers.lk/post/1091https://lankadevelopers.lk/post/1091Sun, 24 Feb 2019 04:31:22 GMT<![CDATA[Reply to Top 7 Javascript Best Practices For Beginners 👍 on Sat, 23 Feb 2019 13:11:23 GMT]]>wow, nice looking post with very useful content, thanks @b6

]]>https://lankadevelopers.lk/post/1084https://lankadevelopers.lk/post/1084Sat, 23 Feb 2019 13:11:23 GMT<![CDATA[Reply to Top 7 Javascript Best Practices For Beginners 👍 on Fri, 22 Feb 2019 12:35:50 GMT]]>@b6 niceee

]]>https://lankadevelopers.lk/post/1038https://lankadevelopers.lk/post/1038Fri, 22 Feb 2019 12:35:50 GMT<![CDATA[Reply to Top 7 Javascript Best Practices For Beginners 👍 on Wed, 20 Feb 2019 16:52:29 GMT]]>@tnlthanzeel yep.. the assets will.be loaded quickly before javascript. So the site renders before, functions loads after

]]>https://lankadevelopers.lk/post/1006https://lankadevelopers.lk/post/1006Wed, 20 Feb 2019 16:52:29 GMT<![CDATA[Reply to Top 7 Javascript Best Practices For Beginners 👍 on Wed, 20 Feb 2019 03:04:56 GMT]]>isnt it better to load the javascripts just before closing the body tag? so the page will render faster

]]>https://lankadevelopers.lk/post/998https://lankadevelopers.lk/post/998Wed, 20 Feb 2019 03:04:56 GMT<![CDATA[Reply to Top 7 Javascript Best Practices For Beginners 👍 on Tue, 19 Feb 2019 16:37:41 GMT]]>@dev_lak thx bro

]]>https://lankadevelopers.lk/post/995https://lankadevelopers.lk/post/995Tue, 19 Feb 2019 16:37:41 GMT<![CDATA[Reply to Top 7 Javascript Best Practices For Beginners 👍 on Tue, 19 Feb 2019 16:37:22 GMT]]>@GeethOnion Thx bro

]]>https://lankadevelopers.lk/post/994https://lankadevelopers.lk/post/994Tue, 19 Feb 2019 16:37:22 GMT<![CDATA[Reply to Top 7 Javascript Best Practices For Beginners 👍 on Tue, 19 Feb 2019 16:37:10 GMT]]>@devR Thx bro

]]>https://lankadevelopers.lk/post/993https://lankadevelopers.lk/post/993Tue, 19 Feb 2019 16:37:10 GMT<![CDATA[Reply to Top 7 Javascript Best Practices For Beginners 👍 on Tue, 19 Feb 2019 12:51:18 GMT]]>Nice post bro

]]>https://lankadevelopers.lk/post/991https://lankadevelopers.lk/post/991Tue, 19 Feb 2019 12:51:18 GMT<![CDATA[Reply to Top 7 Javascript Best Practices For Beginners 👍 on Tue, 19 Feb 2019 12:09:11 GMT]]>Very useful 😍

]]>https://lankadevelopers.lk/post/990https://lankadevelopers.lk/post/990Tue, 19 Feb 2019 12:09:11 GMT<![CDATA[Reply to Top 7 Javascript Best Practices For Beginners 👍 on Tue, 19 Feb 2019 11:38:48 GMT]]>useful post @b6

]]>https://lankadevelopers.lk/post/989https://lankadevelopers.lk/post/989Tue, 19 Feb 2019 11:38:48 GMT<![CDATA[Reply to Top 7 Javascript Best Practices For Beginners 👍 on Tue, 19 Feb 2019 11:12:21 GMT]]>@root thx bro

]]>https://lankadevelopers.lk/post/988https://lankadevelopers.lk/post/988Tue, 19 Feb 2019 11:12:21 GMT<![CDATA[Reply to Top 7 Javascript Best Practices For Beginners 👍 on Tue, 19 Feb 2019 11:12:04 GMT]]>@Malith 👌👌

]]>https://lankadevelopers.lk/post/987https://lankadevelopers.lk/post/987Tue, 19 Feb 2019 11:12:04 GMT<![CDATA[Reply to Top 7 Javascript Best Practices For Beginners 👍 on Tue, 19 Feb 2019 08:10:46 GMT]]>Nice post bro.

]]>https://lankadevelopers.lk/post/983https://lankadevelopers.lk/post/983Tue, 19 Feb 2019 08:10:46 GMT<![CDATA[Reply to Top 7 Javascript Best Practices For Beginners 👍 on Tue, 19 Feb 2019 07:10:47 GMT]]>Thanks Bro

]]>https://lankadevelopers.lk/post/980https://lankadevelopers.lk/post/980Tue, 19 Feb 2019 07:10:47 GMT