Coding from the passion!

I have been writing computer programs from the second year of my bachelor study. Now, it has been over 6 years since then. I did not have CSE as major in the University. That's why writing code was my hobby, passion, art whatever you say. I feel most excitement when my code works and gives me output as I expect. Therefore, programming started to be considered as a creative field for me where I can show up or create most challenging things. I know every programmer feel the things same as I do.

As programming is an art and creative things derive from passion, Programmer always love to work in good environment with latent peoples and with challenging exciting projects. But, Traditional full-time job sometimes becomes boring and even bitter in some cases. These days remote work is being more popular among software developers for its various advantages.

JavaScript Best Practices Checklist / Important Things

Learning new things every day is a great habit that makes people great and ideal human being. As a developer, it is a part of our job. Developers are always accustomed to learn new things regularly. Sometimes, it becomes part of our daily work and sometimes it happens for more curious minds who advance always themselves with new technology and best practices.

Best practices is a significant coding style for every professional software developer. Your code is not enough good when machine can only read it and other developers can not. Your code should be human readable too. That's why ideal developers follow best practices for their coding style. It makes their code more sophisticated, readable, elegant, and comprehensive for every other developer.

In this article, I will point out a few important JavaScript best practices that you can remember easily.

1. Avoid polluting global scope. Always use IIFE (Immediately-Invoked Function Expression)

(function () {
   var foo = 12;
   console.log(foo);
   // 12
})();

 More Examples:

const getName = function () { }()     // ✗ avoid 
 
const getName = (function () { }())   // ✓ ok 
const getName = (function () { })()   // ✓ ok 

2. Use "use strict" to protect version compatibility and unexpected error. Best to use inside IIFE

(function () {

   "use strict";

   var foo = 40;
   console.log(foo);
   // 40
})();

How to make image slider in AngularJS from scratch

Hi, I hope you like angular and seeking to make an image slider, right? I will show you how to make image slider in AngularJS from scratch.
I was searching for a good slider in AngularJS that will be able to show my products with three images in a row or carousal but one image in the middle will be some bigger or some different style look. I did not find proper library that can meet my exact need. Finally, I decided to make the slider from scratch that will fulfill my requirements.

I will share with you the tricky ways in AngularJS that I followed to make the slider. You can also make your own slider if you can understand my tricky rules. That's actually very easy thing when you know JavaScript well and set necessary algorithm. I will make a slider that will display three image in a row and will pass by one image when click on next or previous and it will come the next images repeated after it  finishes the view. The slider will look like the following.

I have followed a basic project structure for angular slider project. Here is my folder and files structure.