Author: Ali Shirzad

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 http://www.nodeclipse.org/enide/studio/2014/ 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: http://marketplace.eclipse.org/marketplace-client-intro?mpc_install=1520853 UPDATE: for the latest version read this page http://www.nodeclipse.org/updates/   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

Setup Node.js web server on Amazon EC2

step-by-step tutorial to setup and run your Node.js server on Amazon EC2 instances Part one: Setup an EC2 Instance  First you need to login into your Amazon AWS account and go to AWS Management Console. click on EC2: Select a region for your sever from top right corner of the page and click on Lunch Instance: * please note that there are different pricing for different regions; for full details visit here. From the list of Amazon Machine Images select one of the Ubuntu Images. Ubuntu LTS stands for Long Term Support but you can choose the latest version instead. Next step is to select a type for your instance. The Instance types start from Micro to Extra large instance. Each type is optimized with different computing power and memory allocations to suit different needs. However for a simple Node.js application a micro instance is more than sufficient. Click on review and lunch button. Check out the final details then click on lunch button. you will be prompted to select a key pair with a pem format. The key pair is later used to authenticate and access the EC2 instance.You can choose an existing key or create a new key. You must make sure to save the key in a known and confidential place for your later use. After a few minutes the instance will be in running status. You...

Read More

how to start a new WordPress website in a few steps

This is a simple guide to start your new WordPress blog or website in a few steps. First step is to find a good hosting server. There are numerous WordPress hosting servers, however I recommend using hostgator.com for two reasons: Native support for WordPress hosting Very low price for unlimited disk space, unlimited bandwidth and unlimited databases Fortunately Hostgator supports cPanel which is a great way to control the content of your website as well as many more features. After setting up your hosting package and your domain, you can login into control panel of your server by visiting yourdomain.com/cpanel. Login to cPanel using details you have received by email from Hostgator then scroll down to ‘software/services’ section and click on ‘QuickInstall’. Click on WordPress and then continue: Fill in the details and click install now. Make sure it is a valid Admin Email because the password is sent to the Admin Email you enter. The WordPress is installed in home directory of domain by default but you can choose a different directory by entering a name at the end of Application URL. That’s it. Congratulations you have WordPress running on your server now. To get start with your WordPress simply go to youdomain.com/wp-admin and login using details sent to your Admin...

Read More

File Transfer App

FileTransfer by TechPrd

Access your mobile files over WiFi