Author: Ali Shirzad

How to setup a contact form on your WordPress Website

step by step to set up a contact form on your WordPress website or Blog If you ever need a simple page where you want your customers to contact you, Contact Form 7 is really easy to use plugin for this job. You can simply design your form with required text fields and even add a CAPTCHA (recommended). Then specify an Email so the messages will be sent to your specified email. Setting up a contact form is as easy as following these steps: Login to your WordPress admin section via yourdomain/wp-admin From the left menu select Plugins ->...

Read More

AngularJS in 20-ish Minutes by Dan Wahlin

A quick tutorial by Dan Wahlin on AngularJS framework developed by Google. Source taken from ng-conf 2014 Source: Find out more about AngularJS by Google: Stay tune for a complete tutorial by me on how to create a powerful web app using AngularJS and...

Read More

Akismet WordPress plugin for advance spam filtering

How to automatically manage spam filtering on your WordPress website using Akismet WordPress plugin? From top of my WordPress Plugin list, Akismet is the number one plugin for spam protection on WordPress. Once your blog gets popular on the Internet, many people start to put their own website links in your blog/website comments section in order to get some traffic out from your website and ‘rank higher’ in search engines such as Google. Or worth case scenario they could inject miscellaneous codes through your blog comment section or forms. Akismet is great tool to automatically detect and delete these spam. It is very easy to set up just by following these steps: Log in to your WordPress admin section via yourdomain/wp-admin From the left menu select Plugins -> Add New Search for Akismet and click Install Go back to plugins list and click activate Now click on Settings Inside the Akismet Setting page you need to provide an ‘Akismet API Key’. You can obtain this when you sign up for an account on Akismet website. The sign up page’s link is provided in the Setting page but you can access it here as well: After sign up you can choose the free subscription plan and get the API key Once you have the API Key simply add it to the setting page and click Save Changes That’s it;...

Read More

How to develop a responsive Node.js Express website using Bootstrap

step by step tutorial on how to develop a responsive website using Node.js, Express Framework and Twitter Bootstrap Following my previous tutorial on setting up a Node.js project using Eclipse IDE which incredibly can fast track our web development; I’m gonna show you the steps to build a responsive website using the famous front-end framework Bootstrap. Prerequisites I assume that you have basic knowledge about Bootstrap. If not, read more here; and also you already have followed my previous tutorial and your project template is ready. Quick fix for .ejs files syntax highlighting Open the index.ejs file inside views folder in your project. You will see that the Eclipse shows HTML code inside our ejs file as a plain text and not coloured coded. To fix this open preferences window from Eclipse menu bar; Eclipse > Preferences Then click on Content Types > HTML Next click Add button and in the popup window add the .ejs extension and click ok. This was one time requirement, from now on Eclipse will treat .ejs files as normal HTML files with proper coloured codings. Setting up the Views Under the Project Explorer open index.ejs file and copy & paste the following codes into your index.ejs file. <!DOCTYPE html> <html lang="en"> <% include header %> <body> <% include navbar %> <!-- Main jumbotron for a primary marketing message or call to action --> <div class="jumbotron"> <div class="container">...

Read More

How to setup Node.js project in Eclipse

Step by step tutorial on how to setup your Node.js project in Eclipse IDE This tutorial shows you how to setup a professional web application project using Node.js and Express framework in a Eclipse IDE Prerequisites First Download and install Node.js on your machine if you haven’t already. Then install Express framework using Node.js Command Line: $ npm install -g express Now Download Eclipse IDE for EE Developers, the Juno package from here. It can be any other Eclipse packages but I recommend using Eclipse EE Juno packages as it comes with many web development packages. Install Node Eclipse Update: node eclipse has a new eclipse IDE called Enide, prepackaged with all necessary softwares. download Enide from and come back for rest of tutorial here to learn how to use it 🙂 1. Drag and drop  into a running Eclipse (menu area) to install Nodeclipse. Or from Eclipse Menu click Help > Install new softwares 2.  Enter the update site URL into the Work with text Box: UPDATE: for the latest version read this page   Uncheck “Contact all updates site during install to find required software” to make installation quicker. You should see centre box filled with the list of plugins, first three are essential and the rest are optional. Select the appropriate and click next. 3. Review features and accept the licence. 4. You will be ask if you...

Read More

File Transfer App

FileTransfer by TechPrd

Access your mobile files over WiFi