Tuesday, April 4, 2017

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.

Sunday, October 16, 2016

Comparing Nodejs v6 Vs PHP7 Performance Benchmarking

I will show you a comparison of performance between Nodejs and PHP. This is my PC configuration.

I will compare
The version of NodeJS:  v6.4.0
The version of PHP   : PHP 7.0.8

Nodejs Code:

var http = require('http');
var server = http.createServer(function (request, response) {
response.writeHead(200, {"Content-Type": "text/plain"});
response.end("Hello World\n");

PHP code



echo "Hello world";

Running the server:
I have used node built-in http server to run the nodejs code
node app.js 
 the node server is running on http://localhost:8000

And I have used php built-in server to run the php code

php -S localhost:8080

the php server is running on http://localhost:8080

I did benchmark with siege, and ran them on the same machine. To install siege on Ubuntu, you can run sudo apt-get install siege . First, I have run this test on node server

siege -q -c 100 -b -t 60s http://localhost:8000/

and got this result for Node:

Transactions:              572363 hits
Availability:              100.00 %
Elapsed time:               59.29 secs
Data transferred:            6.55 MB
Response time:                0.01 secs
Transaction rate:         9653.62 trans/sec
Throughput:                0.11 MB/sec
Concurrency:               99.83
Successful transactions:      572363
Failed transactions:               0
Longest transaction:            0.04
Shortest transaction:            0.00

Afterwards, I have ran the same test on php  server  by the following command

siege -q -c 100 -b -t 60s http://localhost:8080

and got this result for PHP:

Transactions:              443534 hits
Availability:              100.00 %
Elapsed time:               59.49 secs
Data transferred:            4.65 MB
Response time:                0.01 secs
Transaction rate:         7455.61 trans/sec
Throughput:                0.08 MB/sec
Concurrency:               99.74
Successful transactions:      443534
Failed transactions:               0
Longest transaction:            0.08
Shortest transaction:            0.00

Finally, we can see that NodeJS is more faster than PHP.

Thursday, September 1, 2016

What is Module in AngularJS

AngularJS is one of the most popular JavaScript MVC framework now in the field of web application development. It is used mostly to develop Single Page Application (SPA). Understanding Module in AngularJS is very important to develop your application efficiently, Most importantly when you need to write modular code.

Sunday, August 21, 2016

Notification Schema Design in MongoDB

 I was searching for a best solution to design a notification schema in No-SQL database. I was using MongoDB and Mongoose ORM in Node app. I had to maintain the idea of scalability. That's why I tried to keep my schema in a single collection instead of using multiple collections.

Monday, August 15, 2016

Nodejs Route Prefixing in Expressjs

Routing is an important part of modern web applications. we do route for various features development. Routing is actually handling the receiving request and providing response properly. Routing is a getway to receive request from various sources into your application and responding to that request with required data.

Sunday, August 14, 2016

How to integrate Paypal payment API with Laravel 5.2?

Toady I will discuss about Paypal payment API to integrate with Laravel 5.2 . Paypal has an official payment SDK to work with PHP. Let's see how we can work with this SDK and make payment in Larvel.

Friday, November 13, 2015

How to make read more and read less in angularjs for a large description?

I will write today about a cool functions to make read more and read less system for your large description in AngularJS.  I have observed that it require many coding to make read more function in php, or other language that provide backend query in database to show additional text in read more. But it is very easy now to handle in front end MVC. I am talking about AngularJS. You can handle this in AngularJS very smothly.