Epic developerz: 2017-01-29

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://4.bp.blogspot.com/-gm5GxE04fpI/WJXDddzHXnI/AAAAAAAAAJU/5lG02JXMrIgjI0WBAGy8Rv-IUleQ6xpDwCEw/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://4.bp.blogspot.com/-gm5GxE04fpI/WJXDddzHXnI/AAAAAAAAAJU/5lG02JXMrIgjI0WBAGy8Rv-IUleQ6xpDwCEw/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://3.bp.blogspot.com/-dreBj0QbPPo/WJXDNJiVmFI/AAAAAAAAAJY/V6ydzp4_sfANf2lKjlIa4a6w4mdfIYlfQCEw/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://3.bp.blogspot.com/-dreBj0QbPPo/WJXDNJiVmFI/AAAAAAAAAJY/V6ydzp4_sfANf2lKjlIa4a6w4mdfIYlfQCEw/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://1.bp.blogspot.com/-hQoSHjb8EsI/WJXDNoBPzfI/AAAAAAAAAJY/HwASQ2-53HYhYrMtB2sntdX6nz8YU7BoACEw/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://1.bp.blogspot.com/-hQoSHjb8EsI/WJXDNoBPzfI/AAAAAAAAAJY/HwASQ2-53HYhYrMtB2sntdX6nz8YU7BoACEw/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://3.bp.blogspot.com/-dreBj0QbPPo/WJXDNJiVmFI/AAAAAAAAAJY/V6ydzp4_sfANf2lKjlIa4a6w4mdfIYlfQCEw/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://3.bp.blogspot.com/-dreBj0QbPPo/WJXDNJiVmFI/AAAAAAAAAJY/V6ydzp4_sfANf2lKjlIa4a6w4mdfIYlfQCEw/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://4.bp.blogspot.com/-Oh3NqGysGls/WJXDP2S4QQI/AAAAAAAAAJY/KdtHUS6GpPkTL08ocO8O0kiyjMea8Gm-gCEw/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://4.bp.blogspot.com/-Oh3NqGysGls/WJXDP2S4QQI/AAAAAAAAAJY/KdtHUS6GpPkTL08ocO8O0kiyjMea8Gm-gCEw/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://3.bp.blogspot.com/-ZRLrHNH3jXY/WJXDQRDNfnI/AAAAAAAAAJY/7k1JOkVMve4ie6hCY_iDiOYHFkuBekIHgCEw/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://3.bp.blogspot.com/-ZRLrHNH3jXY/WJXDQRDNfnI/AAAAAAAAAJY/7k1JOkVMve4ie6hCY_iDiOYHFkuBekIHgCEw/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://2.bp.blogspot.com/-1G3L2q75Myg/WJXDSOfQL0I/AAAAAAAAAJY/5x1rIJ2I18sqNg6-JlRJM7BYkZLsrQ-NwCEw/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://2.bp.blogspot.com/-1G3L2q75Myg/WJXDSOfQL0I/AAAAAAAAAJY/5x1rIJ2I18sqNg6-JlRJM7BYkZLsrQ-NwCEw/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 Update NetBeans IDE plugins and updates

<div style="text-align: justify;">
<span style="font-family: inherit;">For most of the Netbeans IDE users working on their projects which are either a mobile, web or desktop projects have ever came across this message popup as shown below notifying them to update their Netbeans IDE<b> plugins and binaries</b>.</span></div>
<div class="separator" style="clear: both; text-align: center;">
<a href="https://1.bp.blogspot.com/-qBWm1SNT-P8/WJRYe3o1JAI/AAAAAAAAAIE/v6bxZY5gAfoVtt9TIkugETuE2jYa-mH6gCLcB/s1600/u11.PNG" imageanchor="1" style="margin-left: 1em; margin-right: 1em;"><span style="font-family: inherit;"><img alt="How To Update NetBeans IDE plugins and updates" border="0" height="160" src="https://1.bp.blogspot.com/-qBWm1SNT-P8/WJRYe3o1JAI/AAAAAAAAAIE/v6bxZY5gAfoVtt9TIkugETuE2jYa-mH6gCLcB/s400/u11.PNG" title="How To Update NetBeans IDE plugins and updates" width="400" /></span></a></div>
<br />
<div style="text-align: justify;">
<span style="font-family: inherit;">Now having this,have you ever thought how you would solve this issue temporary and work on your projects without disruption?.You should never worry anymore as in this blueprint  I will show you how you can get this issue solved  by going through a step by step on how to fix it and update your IDE plugins.</span></div>
<span style="font-family: inherit;"><br /><div style="text-align: justify;">
While updating these binaries and plugins, its good to update one component at a time.Also, you need to check on your antivirus software or firewall settings as these tend to block the IDE from fetching the binary files from certain  repositories such as GitHub or gitlab when updating.</div>
<br />Now its time to update your old netbeans plugins and binaries.To do this, open your Netbeans and head over the menu bar and look for <b>Tools </b>option  as shown here below; </span><br />
<div class="separator" style="clear: both; text-align: center;">
<a href="https://4.bp.blogspot.com/-BX_xBkPj55Q/WJRZFGqNhuI/AAAAAAAAAIM/4ytkcuKurCcU3lMUvu-Hrm2Tmx2y8SmdQCLcB/s1600/n4.PNG" imageanchor="1" style="margin-left: 1em; margin-right: 1em;"><span style="font-family: inherit;"><img alt="How To Update NetBeans IDE plugins and updates" border="0" height="190" src="https://4.bp.blogspot.com/-BX_xBkPj55Q/WJRZFGqNhuI/AAAAAAAAAIM/4ytkcuKurCcU3lMUvu-Hrm2Tmx2y8SmdQCLcB/s400/n4.PNG" title="How To Update NetBeans IDE plugins and updates" width="400" /></span></a></div>
<div style="text-align: justify;">
<span style="font-family: inherit;">While on Tools option,Click on it and a drop-down  like one here below will appear.Hover down and click on <b>plugins</b> and another window popup will show up like this one below.This window will display a list of all available updates and plugins together with their versions and their descriptions.</span></div>
<div class="separator" style="clear: both; text-align: center;">
<a href="https://3.bp.blogspot.com/-5_EYpNfWWaM/WJRZeaX2FXI/AAAAAAAAAIQ/6HmLs8pM9hobn19iGNdGmzMZtAJFQhVSwCLcB/s1600/u4.PNG" imageanchor="1" style="margin-left: 1em; margin-right: 1em;"><span style="font-family: inherit;"><img alt="How To Update NetBeans IDE plugins and updates" border="0" height="250" src="https://3.bp.blogspot.com/-5_EYpNfWWaM/WJRZeaX2FXI/AAAAAAAAAIQ/6HmLs8pM9hobn19iGNdGmzMZtAJFQhVSwCLcB/s400/u4.PNG" title="How To Update NetBeans IDE plugins and updates" width="400" /></span></a></div>
<div style="text-align: justify;">
<span style="font-family: inherit;">Then highlight the update you need to install and click on update button, and in no time you will be redirected to this window popup which will show you that your update is downloading .</span></div>
<div class="separator" style="clear: both; text-align: center;">
<a href="https://2.bp.blogspot.com/-h1MfMSxiHNo/WJRZrW7eGKI/AAAAAAAAAIU/RjgEjracoiwpFR5tyWbFy5Unq-U1TXYZgCLcB/s1600/u1.PNG" imageanchor="1" style="margin-left: 1em; margin-right: 1em;"><span style="font-family: inherit;"><img alt="How To Update NetBeans IDE plugins and updates" border="0" height="289" src="https://2.bp.blogspot.com/-h1MfMSxiHNo/WJRZrW7eGKI/AAAAAAAAAIU/RjgEjracoiwpFR5tyWbFy5Unq-U1TXYZgCLcB/s320/u1.PNG" title="How To Update NetBeans IDE plugins and updates" width="320" /></span></a></div>
<div style="text-align: justify;">
<span style="font-family: inherit;">After your update has finished downloading,it will automatically checked to be verified if  its from trusted sources before being installed and synced in the IDE  it as shown here below.</span></div>
<div class="separator" style="clear: both; text-align: center;">
<a href="https://2.bp.blogspot.com/-wpVDyQVHJ3Y/WJRZ40lHd2I/AAAAAAAAAIc/gLroJqBtZ-8U8fa6pKNxlupLF251shUcgCLcB/s1600/u2.PNG" imageanchor="1" style="margin-left: 1em; margin-right: 1em;"><span style="font-family: inherit;"><img alt="How To Update NetBeans IDE plugins and updates" border="0" height="280" src="https://2.bp.blogspot.com/-wpVDyQVHJ3Y/WJRZ40lHd2I/AAAAAAAAAIc/gLroJqBtZ-8U8fa6pKNxlupLF251shUcgCLcB/s320/u2.PNG" title="How To Update NetBeans IDE plugins and updates" width="320" /></span></a></div>
<div style="text-align: justify;">
<span style="font-family: inherit;">After the update has  finished installing, another window popup like one below will show up showing that the Netbeans installer has successfully installed the updates.It will ask you to either restart the Netbeans IDE immediately or restart it later so that the changes may be effected.</span></div>
<div class="separator" style="clear: both; text-align: center;">
<a href="https://1.bp.blogspot.com/-djneHdOmg48/WJRaFcp-XvI/AAAAAAAAAIk/QfTiHVhZQO04Y9aAlfFnPmuJ31bQKcWiQCLcB/s1600/u3.PNG" imageanchor="1" style="margin-left: 1em; margin-right: 1em;"><span style="font-family: inherit;"><img alt="How To Update NetBeans IDE plugins and updates" border="0" height="283" src="https://1.bp.blogspot.com/-djneHdOmg48/WJRaFcp-XvI/AAAAAAAAAIk/QfTiHVhZQO04Y9aAlfFnPmuJ31bQKcWiQCLcB/s320/u3.PNG" title="How To Update NetBeans IDE plugins and updates" width="320" /></span></a></div>
<div style="text-align: justify;">
<span style="font-family: inherit;">If you have any issue with updating your Netbeans IDE , dont hesitate in getting back to me and i will be of great help to you.Enjoy and don't forget to share with yourpals.</span></div>

How To Update NetBeans IDE plugins and updates

For most of the Netbeans IDE users working on their projects which are either a mobile, web or desktop projects have ever came across this ...

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://4.bp.blogspot.com/-wMSm-8-Z9W8/WJIg1peg3nI/AAAAAAAAAHQ/5X4voOvNyzo6BoWkbowhmCVuKi7oyzRMQCLcB/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://4.bp.blogspot.com/-wMSm-8-Z9W8/WJIg1peg3nI/AAAAAAAAAHQ/5X4voOvNyzo6BoWkbowhmCVuKi7oyzRMQCLcB/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://4.bp.blogspot.com/--5kFxbx5klU/WJIhMcPG6oI/AAAAAAAAAHU/6GCC2fD-nJwVZh85XvWeAsm4lwXQoyUSACLcB/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://4.bp.blogspot.com/--5kFxbx5klU/WJIhMcPG6oI/AAAAAAAAAHU/6GCC2fD-nJwVZh85XvWeAsm4lwXQoyUSACLcB/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://4.bp.blogspot.com/-jVHia7zkKE0/WJIhYZZSKzI/AAAAAAAAAHc/lBCyJPtg1h8Kgr8z4oWNBLQnZZt7Wtb5gCLcB/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://4.bp.blogspot.com/-jVHia7zkKE0/WJIhYZZSKzI/AAAAAAAAAHc/lBCyJPtg1h8Kgr8z4oWNBLQnZZt7Wtb5gCLcB/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://3.bp.blogspot.com/-onNeeOCjQWs/WJIhmQv2AyI/AAAAAAAAAHg/TQ9-B0cAz5Y7WNurTSLtVnnwMQwDtZG7QCLcB/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://3.bp.blogspot.com/-onNeeOCjQWs/WJIhmQv2AyI/AAAAAAAAAHg/TQ9-B0cAz5Y7WNurTSLtVnnwMQwDtZG7QCLcB/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://2.bp.blogspot.com/-3CuVdHJFi58/WJIh5ZoXSvI/AAAAAAAAAHk/6zzMf8Pl6gYr3d4-HC5KdWpioYJs3cCfwCLcB/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://2.bp.blogspot.com/-3CuVdHJFi58/WJIh5ZoXSvI/AAAAAAAAAHk/6zzMf8Pl6gYr3d4-HC5KdWpioYJs3cCfwCLcB/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://2.bp.blogspot.com/-SGv9dY92UPg/WJIiFVQGFWI/AAAAAAAAAHs/Q3WF2_UqP-4YKu2FnrUYEqAvD4r1Tcc_gCLcB/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://2.bp.blogspot.com/-SGv9dY92UPg/WJIiFVQGFWI/AAAAAAAAAHs/Q3WF2_UqP-4YKu2FnrUYEqAvD4r1Tcc_gCLcB/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://4.bp.blogspot.com/-WcHWe5XnSmQ/WJClmAyPTuI/AAAAAAAAAGs/oFyiqGygM1kqg6F5hej8DJclk3VgP6_wACLcB/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://4.bp.blogspot.com/-WcHWe5XnSmQ/WJClmAyPTuI/AAAAAAAAAGs/oFyiqGygM1kqg6F5hej8DJclk3VgP6_wACLcB/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://4.bp.blogspot.com/-kqBzTnk9VOc/WJCl3VIJwbI/AAAAAAAAAGw/HyH3cRpf8IIQ7p1jMDoygFSGtlB-IQ3jACLcB/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://4.bp.blogspot.com/-kqBzTnk9VOc/WJCl3VIJwbI/AAAAAAAAAGw/HyH3cRpf8IIQ7p1jMDoygFSGtlB-IQ3jACLcB/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://3.bp.blogspot.com/-pT_A-E5C6AQ/WJCl3kE2c6I/AAAAAAAAAG0/NF3rGmAg188uWkfk3-2yqZBvywWbRkdWQCEw/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://3.bp.blogspot.com/-pT_A-E5C6AQ/WJCl3kE2c6I/AAAAAAAAAG0/NF3rGmAg188uWkfk3-2yqZBvywWbRkdWQCEw/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://2.bp.blogspot.com/-eHIHAF0jDvo/WJCl3pcfRGI/AAAAAAAAAG4/clrQ4mJnHGk_mMxjlwR2GnAeikUCXQQvQCEw/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://2.bp.blogspot.com/-eHIHAF0jDvo/WJCl3pcfRGI/AAAAAAAAAG4/clrQ4mJnHGk_mMxjlwR2GnAeikUCXQQvQCEw/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...

How To Share Files Between a Pc and Mobile Using ShareIt App

<br />
<div style="text-align: justify;">
<span style="font-family: inherit;">Sharing files between a computer and mobile gadgets has never been an easy task when it comes to file transmission if they you are not using USB cable or  bluetooth.But today am going to show you a simple and the fastest way of sharing data between a computer and a mobile phone.</span></div>
<span style="font-family: "verdana" , sans-serif;"><div style="text-align: justify;">
<br /></div>
<div style="text-align: justify;">
<span style="font-family: inherit;">To share files between these two devices, you need to have an installed  program or software called <b>Shareit</b> on both devices.<b>ShareIt</b> shares data using WiFi hotspot or WiFi direct  and doesn't need any internet nor Bluetooth connection . ShareIt creates a server  of files with your wifi hotspot.You must also ensure that your PC has a wifi adapter or wifi LAN card installed.</span></div>
<div style="font-family: verdana, sans-serif; text-align: justify;">
<br /></div>
<div style="text-align: justify;">
<span style="font-family: inherit;">Am going to take through on how you can configure the application in both PC and a mobile phone.</span></div>
<div style="text-align: justify;">
<span style="font-family: inherit;">First, of all , you need to download the shareit application for both PC and mobile device from the shareit website.Once the application has been installed in PC, open it and click on </span><b style="font-family: inherit;">navigation bar</b><span style="font-family: inherit;"> icon and head to settings  pane shown here below.</span></div>
</span><br />
<div class="separator" style="clear: both; text-align: center;">
<a href="https://1.bp.blogspot.com/-X1qdx4i6qYg/WI-ZOH6wG5I/AAAAAAAAAFw/0d6YuVi-k0cICE-Pf7ankEVudHhRFIzrgCEw/s1600/pc1.PNG" imageanchor="1" style="margin-left: 1em; margin-right: 1em;"><img alt="How To Share Files Between a Pc and Mobile Using ShareIt App" border="0" height="320" src="https://1.bp.blogspot.com/-X1qdx4i6qYg/WI-ZOH6wG5I/AAAAAAAAAFw/0d6YuVi-k0cICE-Pf7ankEVudHhRFIzrgCEw/s320/pc1.PNG" title="How To Share Files Between a Pc and Mobile Using ShareIt App" width="200" /></a></div>
<br />
<div style="text-align: justify;">
<span style="font-family: inherit;">While on </span><b style="font-family: inherit;">settings pane</b><span style="font-family: inherit;">,  set the folder directory which you want the shared files to be stored and you can also set password so as to make sure your files are secure while sharing them if you need.After that click on</span><b style="font-family: inherit;"> </b><span style="font-family: inherit;">save</span><span style="font-family: inherit;"> button </span></div>
<span style="font-family: "verdana" , sans-serif;"><span style="font-family: inherit;"><div style="text-align: justify;">
<span style="font-family: inherit;">After that, it is our turn to start sharing files between the two devices now.Open the </span><b style="font-family: inherit;">shareit App</b><span style="font-family: inherit;"> on the mobile phone and click on </span><b style="font-family: inherit;">navigation icon</b><span style="font-family: inherit;">, and it will show a navigation drawer with a list of an items like this.</span></div>
</span></span><br />
<div class="separator" style="clear: both; text-align: center;">
<a href="https://3.bp.blogspot.com/-fe8hx5uqx8g/WI-bfM0UjXI/AAAAAAAAAGY/wvcqzTxr6q8kGxLekGjVaLvJQ9DiH_t-wCLcB/s1600/Screenshot_2017-01-30-22-03-18.png" imageanchor="1" style="margin-left: 1em; margin-right: 1em;"><img alt="How To Share Files Between a Pc and Mobile Using ShareIt App" border="0" height="320" src="https://3.bp.blogspot.com/-fe8hx5uqx8g/WI-bfM0UjXI/AAAAAAAAAGY/wvcqzTxr6q8kGxLekGjVaLvJQ9DiH_t-wCLcB/s320/Screenshot_2017-01-30-22-03-18.png" title="How To Share Files Between a Pc and Mobile Using ShareIt App" width="192" /></a></div>
<div style="text-align: justify;">
<span style="font-family: inherit;">While on navigation drawer ,select the    "<b>Connect Pc</b>" item and now the app will start searching for the available  computer devices which it will display them as shown below. Devices which are discoverable by ShareIt should be within a range of  about 100 feets</span></div>
<div class="separator" style="clear: both; text-align: center;">
<a href="https://3.bp.blogspot.com/-nNlK2qlzIdQ/WI-akDu8PEI/AAAAAAAAAGU/Q27pozqsZeMOZQH9Lxnvj_ocCHamIixpgCEw/s1600/Screenshot_2017-01-30-22-23-51.png" imageanchor="1" style="margin-left: 1em; margin-right: 1em;"><img alt="How To Share Files Between a Pc and Mobile Using ShareIt App" border="0" height="320" src="https://3.bp.blogspot.com/-nNlK2qlzIdQ/WI-akDu8PEI/AAAAAAAAAGU/Q27pozqsZeMOZQH9Lxnvj_ocCHamIixpgCEw/s320/Screenshot_2017-01-30-22-23-51.png" title="How To Share Files Between a Pc and Mobile Using ShareIt App" width="192" /></a></div>
<div style="text-align: justify;">
<span style="font-family: inherit;">After that,click on the computer device you want to share files with, and thereafter an alert message on the PC will prompt you to accept to connect with a mobile phone, and in no time you will be connected. </span><span style="background-color: white; color: #222222; font-family: arial, sans-serif; font-size: 16px;"> T</span><span style="background-color: white; color: #222222; font-size: 16px;"><span style="font-family: inherit;">o send files,</span></span><span style="font-family: inherit;">After that, highlight the files you need to share with  a PC as shown below.</span></div>
<div class="separator" style="clear: both; text-align: center;">
<a href="https://4.bp.blogspot.com/-xjSNZDG2g_w/WI-alBCZZMI/AAAAAAAAAGU/_rD2wEkpN6Y5rlVeQIYt6g0n0ZMadFtLACEw/s1600/Screenshot_2017-01-30-22-24-49.png" imageanchor="1" style="margin-left: 1em; margin-right: 1em;"><img alt="How To Share Files Between a Pc and Mobile Using ShareIt App" border="0" height="320" src="https://4.bp.blogspot.com/-xjSNZDG2g_w/WI-alBCZZMI/AAAAAAAAAGU/_rD2wEkpN6Y5rlVeQIYt6g0n0ZMadFtLACEw/s320/Screenshot_2017-01-30-22-24-49.png" title="How To Share Files Between a Pc and Mobile Using ShareIt App" width="192" /></a></div>
<div style="text-align: justify;">
<span style="font-family: inherit;">After selecting the files, click on <b>next</b> and the shared files will be received immediately as shown below.You can also</span><span style="background-color: white; color: #222222; font-family: arial, sans-serif; font-size: 16px;"> </span><span style="background-color: white; color: #222222; font-size: 16px;"><span style="font-family: inherit;">use drag and drop files to transfer files using ShareIt.</span></span></div>
<br />
<div style="text-align: justify;">
<span style="font-family: inherit;"><br /></span></div>
<span style="font-family: inherit;"><div style="text-align: justify;">
To view the received files, follow the directory of the folder you set to store your files. If you have experienced difficulties in setting up your shareIt let me know and i will be of great help to you.Enjoy  sharing files now and please dont forget to share my posts with your friends  and stay tuned for more greater blog posts</div>
</span>

How To Share Files Between a Pc and Mobile Using ShareIt App

Sharing files between a computer and mobile gadgets has never been an easy task when it comes to file transmission if they you are not usi...

Epic developerz

How to Sign Android App In Ionic Framework

How To Update NetBeans IDE plugins and updates

How to Create a simple Login Application With Java.

How to install Gulp.Js on Windows Operating System.

How To Share Files Between a Pc and Mobile Using ShareIt App

Popular Posts

Blog Archive

Total Pageviews