Epic developerz: angularjs

How to Sign Android App In Ionic Framework

<div style="text-align: justify;">
<span style="font-family: inherit;">After building our Android app in the last session, we ended up having the final product as <b>android-debug.apk</b> as seen in the build message console below.</span></div>
<div class="separator" style="clear: both; text-align: center;">
<a href="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEjufY0QaJhnaKABdZJTv1e5bxYgWqnd_QutYRZDsAQxD1nmbtKGB4Yz3X6wSa63xb7LtWBl8Fg2YNcXlm28I-ttPVoYBnxOgOI_pVHy-ZmOBfNLlbhihUMKsG0V-1ra5VbE-FPSnD-8HlQ/s1600/a1.PNG" imageanchor="1" style="margin-left: 1em; margin-right: 1em;"><span style="font-family: inherit;"><img alt="How to Sign Android App" border="0" height="160" src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEjufY0QaJhnaKABdZJTv1e5bxYgWqnd_QutYRZDsAQxD1nmbtKGB4Yz3X6wSa63xb7LtWBl8Fg2YNcXlm28I-ttPVoYBnxOgOI_pVHy-ZmOBfNLlbhihUMKsG0V-1ra5VbE-FPSnD-8HlQ/s400/a1.PNG" title="How to Sign Android App" width="400" /></span></a></div>
<br />
<div style="text-align: justify;">
<span style="font-family: inherit;">Our final application was debug apk file which can only  be used for development purposes.However, when  if we want to publish our app in play store or AppStore and also share with our friends, we will be required to  have or build a release apk file.</span></div>
<span style="font-family: inherit;"><br /><div style="text-align: justify;">
The  main differences between a debug file and release file apk is that release  apk file is more optimized and doesn't  contain any debugged symbols.Release apks are also  digitally signed which makes it easy for devices to install easily as they from verified publishers as compared to their counterparts the debug apk files which are signed using the development certificates which are usually generated automatically by Android SDK tool.</div>
<div style="text-align: justify;">
<br /></div>
<div style="text-align: justify;">
Every mobile application has to be digitally signed with a unique  signature which will be used to identify the publisher of the app or the owner. Now, lets sign our apk and the first thing we need is to generate our own certificate.To do this,go to your command line and type this code as shown below ;</div>
</span><br />
<div class="separator" style="clear: both; text-align: center;">
<a href="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEiXKMfWyZsq_whtmMIUohzcObgPMnh91iNabcgeO-GQJ6BOI-ZJpWfhXhgFklkZoAR6f2H015FYVpMUWd-OUGrt8vfs33BeWBtH-GwTRqb999CCQO4ABI5SZhwlnHbtRsOEejknGxlvRIk/s1600/a2.PNG" imageanchor="1" style="margin-left: 1em; margin-right: 1em;"><span style="font-family: inherit;"><img alt="How to Sign Android App" border="0" height="162" src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEiXKMfWyZsq_whtmMIUohzcObgPMnh91iNabcgeO-GQJ6BOI-ZJpWfhXhgFklkZoAR6f2H015FYVpMUWd-OUGrt8vfs33BeWBtH-GwTRqb999CCQO4ABI5SZhwlnHbtRsOEejknGxlvRIk/s400/a2.PNG" title="How to Sign Android App" width="400" /></span></a></div>
<div style="text-align: justify;">
<span style="font-family: inherit;">After that change the destination of the key file  which is<b> "my-release-key"</b> to one which you may desire and also change the name of it to yours in the <b>"alias-name"</b> as shown below.</span></div>
<div class="separator" style="clear: both; text-align: center;">
<a href="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEjvzww-RF9dMyutRPJA7J81WC2BIStcMBC2mjdEvAWjCVGPIEUg_BdkpiL7VuK5jKgbU_CeULtM5c4VYRELUNqjE7P1-WMr55MCYT6ejPy8Dos_6wV3gWadxxJO-lQ2Ro_taFC5TB1zdFA/s1600/a3.PNG" imageanchor="1" style="margin-left: 1em; margin-right: 1em;"><span style="font-family: inherit;"><img alt="How to Sign Android App" border="0" height="166" src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEjvzww-RF9dMyutRPJA7J81WC2BIStcMBC2mjdEvAWjCVGPIEUg_BdkpiL7VuK5jKgbU_CeULtM5c4VYRELUNqjE7P1-WMr55MCYT6ejPy8Dos_6wV3gWadxxJO-lQ2Ro_taFC5TB1zdFA/s400/a3.PNG" title="How to Sign Android App" width="400" /></span></a></div>
<div style="text-align: justify;">
<span style="font-family: inherit;">After that you will be prompted to fill in some few details so as to set up your full profile as the owner of application as shown here  below.</span></div>
<div class="separator" style="clear: both; text-align: center;">
<a href="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEiXKMfWyZsq_whtmMIUohzcObgPMnh91iNabcgeO-GQJ6BOI-ZJpWfhXhgFklkZoAR6f2H015FYVpMUWd-OUGrt8vfs33BeWBtH-GwTRqb999CCQO4ABI5SZhwlnHbtRsOEejknGxlvRIk/s1600/a2.PNG" imageanchor="1" style="margin-left: 1em; margin-right: 1em;"><span style="font-family: inherit;"><img alt="How to Sign Android App" border="0" height="161" src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEiXKMfWyZsq_whtmMIUohzcObgPMnh91iNabcgeO-GQJ6BOI-ZJpWfhXhgFklkZoAR6f2H015FYVpMUWd-OUGrt8vfs33BeWBtH-GwTRqb999CCQO4ABI5SZhwlnHbtRsOEejknGxlvRIk/s400/a2.PNG" title="How to Sign Android App" width="400" /></span></a></div>
<div style="text-align: justify;">
<span style="font-family: inherit;">The next thing we need is  to create the<b> release apk version</b> which we will do it by using  ionic command  such as ionic build   --release android, and in no time your release build which is unsigned will be ready as shown below.</span></div>
<div class="separator" style="clear: both; text-align: center;">
<a href="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEhUM7Kr3YhwroEwsLKkDyO6FxWRFTrvyCb_GOy2j0pI3ujUmkOzz2-vuWYYiv9nSpsv3gntcU-1WXtARF4FGCeNqFKHkvkNDBkpsczubRflP8pPine26SooZ_-R4kTg7byz80Kl-2y6hbw/s1600/a5.PNG" imageanchor="1" style="margin-left: 1em; margin-right: 1em;"><span style="font-family: inherit;"><img alt="How to Sign Android App" border="0" height="155" src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEhUM7Kr3YhwroEwsLKkDyO6FxWRFTrvyCb_GOy2j0pI3ujUmkOzz2-vuWYYiv9nSpsv3gntcU-1WXtARF4FGCeNqFKHkvkNDBkpsczubRflP8pPine26SooZ_-R4kTg7byz80Kl-2y6hbw/s400/a5.PNG" title="How to Sign Android App" width="400" /></span></a></div>
<span style="font-family: inherit;">After the above process is done,it is now our turn sign the <b>unsigned apk</b> file using the ionic jarsigner command as shown here below;</span><br />
<div class="separator" style="clear: both; text-align: center;">
<a href="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEjX3GDVlDY4XHBTDr8Ll_AKIMd_YgcC-XKlcAE25-ZBetfOp_Nz_uOlTd0qhPQuCQpPE2hOEZm7QbmkXSAyEsIxro5sUCnYmHfxBOZ97QZJQMcDDsmELofX09lVL6i9FUhnM_GHqiSKn3o/s1600/a7.PNG" imageanchor="1" style="margin-left: 1em; margin-right: 1em;"><span style="font-family: inherit;"><img alt="How to Sign Android App" border="0" height="35" src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEjX3GDVlDY4XHBTDr8Ll_AKIMd_YgcC-XKlcAE25-ZBetfOp_Nz_uOlTd0qhPQuCQpPE2hOEZm7QbmkXSAyEsIxro5sUCnYmHfxBOZ97QZJQMcDDsmELofX09lVL6i9FUhnM_GHqiSKn3o/s640/a7.PNG" title="How to Sign Android App" width="640" /></span></a></div>
<div style="text-align: justify;">
<span style="font-family: inherit;">The final step of getting our release apk is to<b> align</b> it for the purposes of optimization as required by the Android standards.To align it,we  will use the <b>zip align command from ionic </b> as shown here  below;</span></div>
<div class="separator" style="clear: both; text-align: center;">
<a href="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEh3AffKHt_H43EYbXH1DhMnVDefI0tF1bb9Pt1rv3iv83B3GrfmGV8hds_J7I7vO9LHRafQ-thgPx6LXdcmxcrLQuHdzUV7I5xr0i-uWHiirTZKcgO0aGEH2gUBRtD504jId-WH5v216zs/s1600/a8.PNG" imageanchor="1" style="margin-left: 1em; margin-right: 1em;"><span style="font-family: inherit;"><img alt="How to Sign Android App" border="0" height="163" src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEh3AffKHt_H43EYbXH1DhMnVDefI0tF1bb9Pt1rv3iv83B3GrfmGV8hds_J7I7vO9LHRafQ-thgPx6LXdcmxcrLQuHdzUV7I5xr0i-uWHiirTZKcgO0aGEH2gUBRtD504jId-WH5v216zs/s400/a8.PNG" title="How to Sign Android App" width="400" /></span></a></div>
<br />
<div style="text-align: justify;">
<span style="font-family: inherit;">Now the zip aligned app is our final product which we will need to upload in play store and also share  with our friends.If you have experienced any problem in signing your apk let me know and i will be of great help to you.</span></div>
<div style="text-align: justify;">
<span style="font-family: inherit;"><br /></span></div>
<div style="text-align: justify;">
<span style="font-family: inherit;">Enjoy and dont forget to share my posts with your friends.stay tuned for greater posts.</span></div>
<span style="font-family: "verdana" , sans-serif;"><span style="font-family: inherit;"><br /></span></span>

How to Sign Android App In Ionic Framework

After building our Android app in the last session, we ended up having the final product as android-debug.apk as seen in the build messag...

How to Create a simple Login Application With Java.

<br />
<div style="text-align: justify;">
<span style="font-family: inherit;">Desktop programming has been one of the household programming talks which has been in demand since the inception of Java  programming language by James Gosling in the year 1990.</span></div>
<span style="font-family: inherit;"><br /><div style="text-align: justify;">
Since then many developers have shown interest in studying and developing desktop applications using Java language, and the  main reason behind this is because Java applications  have a high potential in earning in the market  and also Java language is an open source which is freely distributed and therefore any user doesn't need to pay to be be granted access  to its binary files and libraries while building applications.Also,java languages is easy to learn as it adopts object oriented programming in its functionality.</div>
<div style="text-align: justify;">
<br /></div>
<br /><div style="text-align: justify;">
Today am going to take newbies  through a step by step guide  on how they can  create a simple java application using Netbeans IDE even though there are other IDEs you can use such as Eclipse to develop similar applications.</div>
<br /><div style="text-align: justify;">
Before we start our journeey, You need to have <b>Netbeans IDE </b> installed in your machines.You will be required to visit the Java website  to download the Netbeans setup and  then from there u will follow the due instructions to install it.Then after that open your it and this Gui window will show up.</div>
</span><br />
<div class="separator" style="clear: both; text-align: center;">
<a href="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEgx1riXZVHxZKtvzoXX5yy2oLSTdFVjgk-JGIKnWX4tU4Jphv6SqUII-cx_oVoufIXjHRElY7lPp7ooZwqwmrfh30fOzN9Jv_8K62d0Myvh2n-BM1K0RKJc1PvdBig4-KdXbXQn67m2A3o/s1600/n1.PNG" imageanchor="1" style="margin-left: 1em; margin-right: 1em;"><span style="font-family: inherit;"><img alt="How to Create a simple Login With Java." border="0" height="224" src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEgx1riXZVHxZKtvzoXX5yy2oLSTdFVjgk-JGIKnWX4tU4Jphv6SqUII-cx_oVoufIXjHRElY7lPp7ooZwqwmrfh30fOzN9Jv_8K62d0Myvh2n-BM1K0RKJc1PvdBig4-KdXbXQn67m2A3o/s400/n1.PNG" title="How to Create a simple Login With Java." width="400" /></span></a></div>
<div style="text-align: justify;">
<span style="font-family: inherit;">While in that window, go to the <b>File option</b> on the menu bar and click on it and a navigation drawer like this one below  will show up as shown ;</span></div>
<div class="separator" style="clear: both; text-align: center;">
<a href="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEi6_dxZHwEDFSBLFhY31_AAx4jFpW7QwnN3VgF9A6gK7Nl8bVbJTFUPXfrITnsbZPOyj6SxGAYqlRVYEhCIX8pC_EFByUIeOOeHxiUQjebiKHrj4mJndsiH5esXilBgRIYZ8bz8x8m7iI4/s1600/n8.jpg" imageanchor="1" style="margin-left: 1em; margin-right: 1em;"><span style="font-family: inherit;"><img alt="How to Create a simple Login With Java." border="0" height="247" src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEi6_dxZHwEDFSBLFhY31_AAx4jFpW7QwnN3VgF9A6gK7Nl8bVbJTFUPXfrITnsbZPOyj6SxGAYqlRVYEhCIX8pC_EFByUIeOOeHxiUQjebiKHrj4mJndsiH5esXilBgRIYZ8bz8x8m7iI4/s400/n8.jpg" title="How to Create a simple Login With Java." width="400" /></span></a></div>
<div style="text-align: justify;">
<span style="font-family: inherit;">In selecting new project, a new window will open and  from there select  <b>Java</b> option from the several categories and <b>Java application</b> as the project and click next  to proceed to the next steps as shown below.</span></div>
<div class="separator" style="clear: both; text-align: center;">
<a href="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEj7ow5dXXqLstuSp2o0ttNizSM5iYPAOPLYuASFgRl5Bm9EalgoGVtEURUqCRiJCNsjlHwvPtzTMzDySGNuhvYDIXP04v0EzE9JQ2fh5NurinaNY5FJntzGfo5tyX1I07gnDj_wYvdMriI/s1600/n2.PNG" imageanchor="1" style="margin-left: 1em; margin-right: 1em;"><span style="font-family: inherit;"><img alt="How to Create a simple Login With Java." border="0" height="270" src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEj7ow5dXXqLstuSp2o0ttNizSM5iYPAOPLYuASFgRl5Bm9EalgoGVtEURUqCRiJCNsjlHwvPtzTMzDySGNuhvYDIXP04v0EzE9JQ2fh5NurinaNY5FJntzGfo5tyX1I07gnDj_wYvdMriI/s400/n2.PNG" title="How to Create a simple Login With Java." width="400" /></span></a></div>
<div style="text-align: justify;">
<span style="font-family: inherit;">Then another window open up where you will be required to enter the name of the project and also choose the directory where your projects will be stored.Click finish as shown below.</span></div>
<div class="separator" style="clear: both; text-align: center;">
<a href="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEjuustDV7XZ7kLqiEchxI3UE5SrwBqNaVGR995LBDum10RefGlEZ93UIBttRjKmS5jyaVgjJ_GhSKCyv7YsfKhl47eF4xA-OcjxqDUnz_6f3NlC-RnqfOubZu0gbQ-Et-nWCYR1kbfBlFg/s1600/n3.PNG" imageanchor="1" style="margin-left: 1em; margin-right: 1em;"><span style="font-family: inherit;"><img alt="How to Create a simple Login With Java." border="0" height="266" src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEjuustDV7XZ7kLqiEchxI3UE5SrwBqNaVGR995LBDum10RefGlEZ93UIBttRjKmS5jyaVgjJ_GhSKCyv7YsfKhl47eF4xA-OcjxqDUnz_6f3NlC-RnqfOubZu0gbQ-Et-nWCYR1kbfBlFg/s400/n3.PNG" title="How to Create a simple Login With Java." width="400" /></span></a></div>
<div style="text-align: justify;">
<span style="font-family: inherit;">On clicking the <b>Finish</b> button, you will be redirected to another new window where you can start writing you code for your login program.Now lets write this simple java code which will prompt you to enter username and password and then it will show a notification message that "you are logged in" as shown below;</span></div>
<div class="separator" style="clear: both; text-align: center;">
<a href="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEgeFH-7S_NvwDcUWaYLt_Av67GO9j_m43w4oT3CquKoh0jcaJEQR7-lZaMWiGf199lUk8dAj4luktDDtymY1iwKs_iXOieXVvjuAUzWVzVmQ_WfOF6wtSdbVsLFL5A1OPZhhjYv8a5dU_g/s1600/n5.PNG" imageanchor="1" style="margin-left: 1em; margin-right: 1em;"><span style="font-family: inherit;"><img alt="How to Create a simple Login With Java." border="0" height="262" src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEgeFH-7S_NvwDcUWaYLt_Av67GO9j_m43w4oT3CquKoh0jcaJEQR7-lZaMWiGf199lUk8dAj4luktDDtymY1iwKs_iXOieXVvjuAUzWVzVmQ_WfOF6wtSdbVsLFL5A1OPZhhjYv8a5dU_g/s400/n5.PNG" title="How to Create a simple Login With Java." width="400" /></span></a></div>
<div style="text-align: justify;">
<span style="font-family: inherit;">After you have written all the above code,it is time to debug so as to ensure its error free. Netbeans IDE provides a tool for debug your codes.After debugging your application, the next thing is to run your login program to see if it works.,To do so, go to  the menu bar and click on the <b>Run</b> option and thereafter  you will see this kind of output.</span></div>
<div class="separator" style="clear: both; text-align: center;">
<a href="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEjO1c_GoR41dn0CbWvqEdIoaBJut2pLcmeA0jm7Phit8UN37RTyUZlkBTuP3cow14juNOoUy-77yvsl5tGashLA9GvJDlsGAKIVT1bEVD3_HzgsWNRbzOJQy83dd7Swv49em55wNgcMsdo/s1600/n9.PNG" imageanchor="1" style="margin-left: 1em; margin-right: 1em;"><span style="font-family: inherit;"><img alt="How to Create a simple Login With Java." border="0" height="183" src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEjO1c_GoR41dn0CbWvqEdIoaBJut2pLcmeA0jm7Phit8UN37RTyUZlkBTuP3cow14juNOoUy-77yvsl5tGashLA9GvJDlsGAKIVT1bEVD3_HzgsWNRbzOJQy83dd7Swv49em55wNgcMsdo/s400/n9.PNG" title="How to Create a simple Login With Java." width="400" /></span></a></div>
<div style="text-align: justify;">
<span style="font-family: inherit;"><span style="font-family: "verdana" , sans-serif;">Hope this is guide is helpful to many beginners out there.If you have any issue in running your program, please dont hesitate to get back to me and i will be of great help.</span>Enjoy,share  and stay tuned for more greater posts</span></div>

How to Create a simple Login Application With Java.

Desktop programming has been one of the household programming talks which has been in demand since the inception of Java programming lang...

How to install Gulp.Js on Windows Operating System.

<br />
<div style="text-align: justify;">
<span style="font-family: inherit;">For those newbies  developers who have passion in venturing into the world of scripting, then tool-kits like Gulp will be of great help to you when it comes to achieving success in the front end development of your applications.Gulp .js is cross  platform service which can be readily integrated in all IDEs.</span></div>
<div style="text-align: justify;">
<span style="font-family: inherit;"><br /></span></div>
<span style="font-family: inherit;"><div style="text-align: justify;">
In this tutorial, am going to take you through a step by step guide on how  you can install <b>gulp.js</b>  on windows operating system.But first , what is gulp.js?Gulp.js is a command line which utilizes node.js  to run and can be installed using npm. The core function of this gulp java script file is to manage automated tasks  and run repetitive processes during development of  web system applications.</div>
<div style="text-align: justify;">
<br /></div>
<div style="text-align: justify;">
Gulp.js being a unique tasker has a behavior of employing the use of node streams and also  piping outputs from one task to the other.<b>Gulp js</b> can read files once and then process them into different tasks.This is important as it leads to a faster performance when building processes of files starts.The other functions which gulp js carries are the automatic reloading of web servers and optimizing web assets.</div>
<div style="text-align: justify;">
<br /></div>
<div style="text-align: justify;">
Now lets install gulp.Js on our computers and then after that we will create our first gulp file.First, download and install node .js from their official site.Choose the LTS version as shown below.</div>
</span><br />
<span style="font-family: inherit;"><span style="font-family: "verdana" , sans-serif;"></span><br /></span>
<div class="separator" style="clear: both; text-align: center;">
<a href="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEitCQsr5UgmSYx-el6Oc-MoLpclERdEqXmknTgCna4lNuMyXBI6Iyei31wWtD1VNAxDuoUCzbU2W6Z6Me_RDxlRID6_q5QkYpINoIYu4inNcMiV6yHIbkfOJkV3agBf5qcl_1_kCH5BrWI/s1600/g1.PNG" imageanchor="1" style="margin-left: 1em; margin-right: 1em;"><span style="font-family: inherit;"><img alt="How to install Gulp.Js  on Windows." border="0" height="107" src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEitCQsr5UgmSYx-el6Oc-MoLpclERdEqXmknTgCna4lNuMyXBI6Iyei31wWtD1VNAxDuoUCzbU2W6Z6Me_RDxlRID6_q5QkYpINoIYu4inNcMiV6yHIbkfOJkV3agBf5qcl_1_kCH5BrWI/s400/g1.PNG" title="How to install Gulp.Js  on Windows." width="400" /></span></a></div>
<div style="text-align: justify;">
<span style="font-family: inherit;">To check if node .js  and npm have installed correctly in your pc, go to your terminal or command and type node -v and npm -v as shown below.</span></div>
<div class="separator" style="clear: both; text-align: center;">
<a href="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEhS-ncCV0Su9kBoUutHmiAppLFp6OQxCOT56NuH70qclKT_OZTkwB-zjXp7BICOAW5sdUdB_fRi5WTH7Td0H1rhPrTokbIdwAo9dLI_VDJML2-Np3hlx9eH1Vn6nPHFq1qZrfvs4nkuJ-g/s1600/g2.PNG" imageanchor="1" style="margin-left: 1em; margin-right: 1em;"><span style="font-family: inherit;"><img alt="How to install Gulp.Js  on Windows." border="0" height="124" src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEhS-ncCV0Su9kBoUutHmiAppLFp6OQxCOT56NuH70qclKT_OZTkwB-zjXp7BICOAW5sdUdB_fRi5WTH7Td0H1rhPrTokbIdwAo9dLI_VDJML2-Np3hlx9eH1Vn6nPHFq1qZrfvs4nkuJ-g/s400/g2.PNG" title="How to install Gulp.Js  on Windows." width="400" /></span></a></div>
<br />
<div style="text-align: justify;">
<span style="font-family: inherit;">If your node.js has not installed correctly, try rebooting  reinstalling it or rebooting the PC.Then after that, type npm install -g gulp in your terminal.The<b> -g</b> means the gulp will install globally on your pc as shown below here.Also, make sure your are working in your projects root folder before running this command or else your  gulp.js modules will be installed on wrong directory</span></div>
<div style="text-align: justify;">
<span style="font-family: inherit;"><br /></span></div>
<br />
<div class="separator" style="clear: both; text-align: center;">
<a href="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEhRhorkF6ft9y4skfDITPJVyIQCQV6lHC9RXhyphenhyphen19z5_LvcB-M0feryCAGMHxHzt09Dq5XwMAOczKHcCNv4Db7D1Ae5q94TZxPyF6fxqt_lprAMw3SIiiDaCDFfnLdjgSy63OGvi2-fbKXQ/s1600/g3.PNG" imageanchor="1" style="margin-left: 1em; margin-right: 1em;"><span style="font-family: inherit;"><img alt="How to install Gulp.Js  on Windows." border="0" height="140" src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEhRhorkF6ft9y4skfDITPJVyIQCQV6lHC9RXhyphenhyphen19z5_LvcB-M0feryCAGMHxHzt09Dq5XwMAOczKHcCNv4Db7D1Ae5q94TZxPyF6fxqt_lprAMw3SIiiDaCDFfnLdjgSy63OGvi2-fbKXQ/s400/g3.PNG" title="How to install Gulp.Js  on Windows." width="400" /></span></a></div>
<div style="text-align: justify;">
<span style="font-family: inherit;">To check if your gulp has installed correctly, type gulp on your terminal and  if it not available it should show you that no gulp file found has shown here below.</span></div>
<div class="separator" style="clear: both; text-align: center;">
<a href="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEgyHTNlQRZMtRTPtN2NrZdyGUVQWSeCoh9bV_TH02UBrRQKPi6rYpx3FxIYGiX5hREJ_MaXE_thTrOZDxQwyyDbM6D6ATMmeIoecDRlRQyiajQmboKBnyLBnDNz7dKeovv3mHzT6teKDc4/s1600/g4.PNG" imageanchor="1" style="margin-left: 1em; margin-right: 1em;"><span style="font-family: inherit;"><img alt="How to install Gulp.Js  on Windows." border="0" height="72" src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEgyHTNlQRZMtRTPtN2NrZdyGUVQWSeCoh9bV_TH02UBrRQKPi6rYpx3FxIYGiX5hREJ_MaXE_thTrOZDxQwyyDbM6D6ATMmeIoecDRlRQyiajQmboKBnyLBnDNz7dKeovv3mHzT6teKDc4/s400/g4.PNG" title="How to install Gulp.Js  on Windows." width="400" /></span></a></div>
<span style="font-family: inherit;"><br /></span>
<b style="color: #333333; font-size: 16px;"><span style="font-family: inherit;">                                      Creating a  "hello-world" using gulp.js</span></b><br />
<div style="text-align: justify;">
<span style="font-family: inherit;">Now, lets create our first gulp file .We will execute a hello world  task using gulp . When we run the code below , we will be telling our gulp toolkit to execute the "hello world"  task  which is inside our gulp.js file.<span style="color: #333333; font-size: 16px;"> </span><span style="color: #333333; font-size: 16px;">Now , go to command line and try executing this code below here;</span></span></div>
<div style="text-align: justify;">
<span style="color: #333333; font-size: 16px;"><span style="font-family: inherit;"><br /></span></span></div>
<ol class="linenums" style="counter-reset: prettyprintlinenumber 0; font-size: 13px; list-style: none; margin: 0px; padding: 0px;">
<li class="L0" style="color: #999999; counter-increment: prettyprintlinenumber 1; margin: 0px; padding: 0px 0px 0px 3em; position: relative;"><span style="font-family: inherit;"><span class="kwd" style="color: #007020; font-weight: bold;">var</span><span class="pln" style="color: #666666;"> gulp </span><span class="pun" style="color: #666600;">=</span><span class="pln" style="color: #666666;"> </span><span class="kwd" style="color: #007020; font-weight: bold;">require</span><span class="pun" style="color: #666600;">(</span><span class="str" style="color: #4070a0;">'gulp'</span><span class="pun" style="color: #666600;">);</span></span></li>
<li class="L1" style="color: #999999; counter-increment: prettyprintlinenumber 1; margin: 0px; padding: 0px 0px 0px 3em; position: relative;"><span class="pln" style="color: #666666;"><span style="font-family: inherit;"> </span></span></li>
<li class="L2" style="color: #999999; counter-increment: prettyprintlinenumber 1; margin: 0px; padding: 0px 0px 0px 3em; position: relative;"><span style="font-family: inherit;"><span class="pln" style="color: #666666;">gulp</span><span class="pun" style="color: #666600;">.</span><span class="pln" style="color: #666666;">task</span><span class="pun" style="color: #666600;">(</span><span class="str" style="color: #4070a0;">'hello-world'</span><span class="pun" style="color: #666600;">,</span><span class="pln" style="color: #666666;"> </span><span class="kwd" style="color: #007020; font-weight: bold;">function</span><span class="pun" style="color: #666600;">(){</span></span></li>
<li class="L3" style="color: #999999; counter-increment: prettyprintlinenumber 1; margin: 0px; padding: 0px 0px 0px 3em; position: relative;"><span style="font-family: inherit;"><span class="pln" style="color: #666666;">    console</span><span class="pun" style="color: #666600;">.</span><span class="pln" style="color: #666666;">log</span><span class="pun" style="color: #666600;">(</span><span class="str" style="color: #4070a0;">'hello world'</span><span class="pun" style="color: #666600;">);</span></span></li>
<li class="L4" style="color: #999999; counter-increment: prettyprintlinenumber 1; margin: 0px; padding: 0px 0px 0px 3em; position: relative;"><span class="pun" style="color: #666600;"><span style="font-family: inherit;">});</span></span></li>
</ol>
<div>
<span style="font-family: inherit;"><br /></span></div>
<div>
<span style="font-family: inherit;"><br /></span></div>
<div style="text-align: justify;">
<span style="font-family: inherit;">Our gulp.js file will need a require function which will used for adding references  to the  node  modules which we had installed earlier. After referencing our file using require function, we can use in creating our tasks.The code above is simply writing  to the console window informing it to display hello-world . You can use it automate several tasks.</span></div>
<span style="font-family: inherit;"><br /></span>
<span style="font-family: inherit;">If you have any problem in installing gulp  and creating your first gulp file, dont hesitate in getting back to me and i will  be of great help to you.Enjoy and share widely with your friends.</span>

How to install Gulp.Js on Windows Operating System.

For those newbies developers who have passion in venturing into the world of scripting, then tool-kits like Gulp will be of great help to...

Epic developerz

How to Sign Android App In Ionic Framework

How to Create a simple Login Application With Java.

How to install Gulp.Js on Windows Operating System.

Popular Posts

Blog Archive

Total Pageviews