Epic developerz: css

How to submit your website or blog to webmaster

<span style="font-family: inherit;"><span style="font-family: "verdana" , sans-serif;"><br /></span>
</span><br />
<div style="text-align: justify;">
<span style="font-family: inherit;">It has been worthwhile since I posted an article on this great and educative blog.Now am back and today I would like to take you through on how you can submit you blogs and websites sitemap to google webmaster for easier indexing in search engines.</span></div>
<div style="text-align: justify;">
<span style="font-family: inherit;">For those people who own  tabloids, blogs and websites and would like to have their sites to be ranked first in search engines such as google, yahoo or bing and also  need to increase traffic to their sites,then you have no  other option rather than generating a sitemap and submit it to webmasters where all you pages will be indexed during any search a user conducts on any browser.</span></div>
<div style="text-align: justify;">
<span style="font-family: inherit;">If your site has posts which are more than 600, then you will have to submit a multiple of sitemaps so that Google can  be able to crawl them and index them easily.Now, let me take you the whole process of submitting your website sitemap  to webmasters of search engines such as google.</span></div>
<span style="font-family: inherit;"><span style="font-family: "verdana" , sans-serif;">
</span>
<span style="font-family: "verdana" , sans-serif;"><br /></span>
</span><br />
<div style="text-align: justify;">
<span style="font-family: inherit;"><b>Submitting Your blog to  Google Webmaster.</b></span></div>
<div style="text-align: justify;">
<span style="font-family: inherit;">To submit your blog, first you need to sign up  for an account with Webmaster using your gmail account you are using for website administration purposes.</span><span style="font-family: inherit;">After signing in to webmasters account, select the website or  blog you would like to submit the site map to webmasters as shown here below;-</span></div>
<div class="separator" style="clear: both; text-align: center;">
<a href="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEhAo1VaRIwlrXqE_rCqk50zx6a0G6VawdzhlXdO93g9fCH3zhGR1_g0DAOClJFueSFRiIgWqflqi1g5W1SiOFSRRJ_oXmaZZN8FuaTvatgbBHvfdZMytImXxFdrZBiCNPHA-e7irAeLbCA/s1600/k1.PNG" imageanchor="1" style="margin-left: 1em; margin-right: 1em;"><span style="font-family: inherit;"><img alt="How to submit your website or blog  to webmaster" border="0" height="139" src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEhAo1VaRIwlrXqE_rCqk50zx6a0G6VawdzhlXdO93g9fCH3zhGR1_g0DAOClJFueSFRiIgWqflqi1g5W1SiOFSRRJ_oXmaZZN8FuaTvatgbBHvfdZMytImXxFdrZBiCNPHA-e7irAeLbCA/s640/k1.PNG" title="How to submit your website or blog  to webmaster" width="640" /></span></a></div>
<div style="text-align: justify;">
<span style="font-family: inherit;"><span style="font-family: "verdana" , sans-serif;">After that, hover to the navigation  bar on the left side where </span><b>search console</b><span style="font-family: "verdana" , sans-serif;"> is and click on </span><b>Sitemaps</b><span style="font-family: "verdana" , sans-serif;">  and then head to the </span><b>crawl options</b><span style="font-family: "verdana" , sans-serif;"> as shown here below.</span></span></div>
<div class="separator" style="clear: both; text-align: center;">
<a href="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEgqZ-a1TEcv26PET1i6JAoe_TrBEbvXTbC_W1tFA77kU6vsarnCH_XKk-sJPtDlYKclnQwloOZV7GrugsrJzN17YOzc7HEbsf96Ha2HsmFcu2CddWSlkvmKocKvUbXGUQtFLkvdim0ep6g/s1600/k2.PNG" imageanchor="1" style="margin-left: 1em; margin-right: 1em;"><span style="font-family: inherit;"><img alt="How to submit your website or blog  to webmaster" border="0" height="321" src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEgqZ-a1TEcv26PET1i6JAoe_TrBEbvXTbC_W1tFA77kU6vsarnCH_XKk-sJPtDlYKclnQwloOZV7GrugsrJzN17YOzc7HEbsf96Ha2HsmFcu2CddWSlkvmKocKvUbXGUQtFLkvdim0ep6g/s400/k2.PNG" title="How to submit your website or blog  to webmaster" width="400" /></span></a></div>
<div style="text-align: justify;">
<span style="font-family: inherit;">Now on the sitemaps option, on the far right-hand side, click on <b>ADD/TEST SITEMAP</b> button, and popup like this one below will show up.</span></div>
<div class="separator" style="clear: both; text-align: center;">
<a href="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEieInobhXOL2nAUHFwuY81GncU434GryWz2-h8TDpw8EKfDdv-YuvCpAk008z93swUqufx0n9woLjl0jBkm-q4KHXzp3mGBFn5MHzZFveJHnuB4RezzNwNcYs4lyleqdgTPHp_5Fr_NAN4/s1600/k3.PNG" imageanchor="1" style="margin-left: 1em; margin-right: 1em;"><span style="font-family: inherit;"><img alt="How to submit your website or blog  to webmaster" border="0" height="193" src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEieInobhXOL2nAUHFwuY81GncU434GryWz2-h8TDpw8EKfDdv-YuvCpAk008z93swUqufx0n9woLjl0jBkm-q4KHXzp3mGBFn5MHzZFveJHnuB4RezzNwNcYs4lyleqdgTPHp_5Fr_NAN4/s400/k3.PNG" title="How to submit your website or blog  to webmaster" width="400" /></span></a></div>
<span style="font-family: inherit;">Now these are the codes you should fill in the blank spaces. You should fill these codes below according to these conditions i have outlined here below;</span><br />
<span style="font-family: inherit;">(a).If your blog has posts which are below 500, then add this code below;</span><br />
<div class="separator" style="clear: both; text-align: center;">
<a href="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEi55q5c6xiJ1Y4i64618hfEckSb5AA7z3iQlXbANV9s-QGDRlSLPJL6ciVtoYTYO3M_cjTSYFCgRxs1jwIPrONHbgx41GPsw_zYzC0_BgyZlL9z3JlotJOkZARjLR-e7mKqkNyG4atM68Y/s1600/k500.PNG" imageanchor="1" style="margin-left: 1em; margin-right: 1em;"><span style="font-family: inherit;"><img alt="How to submit your website or blog  to webmaster" border="0" height="59" src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEi55q5c6xiJ1Y4i64618hfEckSb5AA7z3iQlXbANV9s-QGDRlSLPJL6ciVtoYTYO3M_cjTSYFCgRxs1jwIPrONHbgx41GPsw_zYzC0_BgyZlL9z3JlotJOkZARjLR-e7mKqkNyG4atM68Y/s640/k500.PNG" title="How to submit your website or blog  to webmaster" width="640" /></span></a></div>
<div style="text-align: justify;">
<span style="font-family: inherit;">(b)For those blogs with posts between 5001 and 1000, the code below suits it;</span></div>
<div class="separator" style="clear: both; text-align: center;">
<a href="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEjcY5_t7B0syoVpE4KH2AYYseALU-TK-0zHldM1-K0hea5WjHXv3Die3qbfF0CtAE5Ukr2jsDclJMum_kMiv_nPj0-AA53dvNSSS1yD0FxWIez2PuqTMZeb_ll9vD4oUe2oWZ8EjHDSG60/s1600/k5001.PNG" imageanchor="1" style="margin-left: 1em; margin-right: 1em;"><span style="font-family: inherit;"><img alt="How to submit your website or blog  to webmaster" border="0" height="76" src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEjcY5_t7B0syoVpE4KH2AYYseALU-TK-0zHldM1-K0hea5WjHXv3Die3qbfF0CtAE5Ukr2jsDclJMum_kMiv_nPj0-AA53dvNSSS1yD0FxWIez2PuqTMZeb_ll9vD4oUe2oWZ8EjHDSG60/s640/k5001.PNG" title="How to submit your website or blog  to webmaster" width="640" /></span></a></div>
<div style="text-align: justify;">
<span style="font-family: inherit;">(c)For blogs with posts  above 1000, then fill this code below;</span></div>
<div class="separator" style="clear: both; text-align: center;">
<a href="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEghZGvWUGs0hozpPQnawzl4rahQUdQ1ys0eGGWD835hJxflAIriXJ6c1XPIviAM3eU-il0qeB5eERxeVFB7Cc4qH5REAZPWUGnlZjjPsRUPUJMLlTDtVNdSY69nUWE0lnl05iKJzAf7fLk/s1600/k1000.PNG" imageanchor="1" style="margin-left: 1em; margin-right: 1em;"><span style="font-family: inherit;"><img alt="How to submit your website or blog  to webmaster" border="0" height="52" src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEghZGvWUGs0hozpPQnawzl4rahQUdQ1ys0eGGWD835hJxflAIriXJ6c1XPIviAM3eU-il0qeB5eERxeVFB7Cc4qH5REAZPWUGnlZjjPsRUPUJMLlTDtVNdSY69nUWE0lnl05iKJzAf7fLk/s640/k1000.PNG" title="How to submit your website or blog  to webmaster" width="640" /></span></a></div>
<div style="text-align: justify;">
<span style="font-family: inherit;">Now, that's its,and you are done adding your blog to webmaster to be crawled by Google when it crawls all its databases.You can sit down and watch how your website fairs in the search engines. </span></div>
<div style="text-align: justify;">
<span style="font-family: inherit;">You can also  confirm the  added sitemaps of your blog here below in this picture</span></div>
<div class="separator" style="clear: both; text-align: center;">
<a href="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEgZwTFhIJszWAS5PNsrQgFNqfOmLpOYtAeQC6LbDIiLHhdipZ2LxFOh-TMc65WtHxGHGiykSrSW_m3WGvylDOzeryhx7ObvAs_t8F39FKIWuIfysWMNIDRF4dViwtLy_6hWl00iltcCFz0/s1600/k4.PNG" imageanchor="1" style="margin-left: 1em; margin-right: 1em;"><span style="font-family: inherit;"><img alt="How to submit your website or blog  to webmaster" border="0" height="121" src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEgZwTFhIJszWAS5PNsrQgFNqfOmLpOYtAeQC6LbDIiLHhdipZ2LxFOh-TMc65WtHxGHGiykSrSW_m3WGvylDOzeryhx7ObvAs_t8F39FKIWuIfysWMNIDRF4dViwtLy_6hWl00iltcCFz0/s640/k4.PNG" title="How to submit your website or blog  to webmaster" width="640" /></span></a></div>
<div class="separator" style="clear: both; text-align: justify;">
<span style="font-family: inherit;">The process of submitting your websites sitemaps to other search engines such as bing' and yahoo is similar to one of the submitting a sitemap to webmaster. Ensure you submit your website to such engines to improve your rankings.</span></div>
<div class="separator" style="clear: both; text-align: justify;">
<span style="font-family: inherit;">If you have any issue with submitting your blog to  any webmaster , don't hesitate to let me  know and i will be of great help to  you.Enjoy , share and e</span>nsure you stay tuned for  greater posts.</div>
<div style="text-align: justify;">
<span style="font-family: "verdana" , sans-serif;"><br /></span>
</div>

How to submit your website or blog to webmaster

It has been worthwhile since I posted an article on this great and educative blog.Now am back and today I would like to take you through ...

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 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://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEg6sZQJUxi-TqDeIVYs2daLkfAZAHGsYuqoYuSwYdT-4ocGjO98pV_Tlmxrl4chchjhp8gPNapIhquDIIaVfaZyv5GsAxLXd0RCqXvd3KM_-sFyacKSgm8de7VChXj8UWtDEiZySXrv0Po/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://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEg6sZQJUxi-TqDeIVYs2daLkfAZAHGsYuqoYuSwYdT-4ocGjO98pV_Tlmxrl4chchjhp8gPNapIhquDIIaVfaZyv5GsAxLXd0RCqXvd3KM_-sFyacKSgm8de7VChXj8UWtDEiZySXrv0Po/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://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEibg2zw9k5_Z140fTi-EHAROdXV7ybzeJni_l5WJIRGacKSEBIhMVMak1KhstmOFrIU73lqPNRMdNaX0S28BWgaGUy_B110kZLnyDcojccRv73HvYBkee-B8lQWmkt5sL4k-6UCbNcmqSk/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://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEibg2zw9k5_Z140fTi-EHAROdXV7ybzeJni_l5WJIRGacKSEBIhMVMak1KhstmOFrIU73lqPNRMdNaX0S28BWgaGUy_B110kZLnyDcojccRv73HvYBkee-B8lQWmkt5sL4k-6UCbNcmqSk/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://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEgo0sjBvtptUMPZhEGlkeubu1uaUv4jCitpPqgVuQH2bXSqLAmsnTZxHwSbD0mNOHrVDtOLzXSQ_vRXPdZobWROKxr_kiug-luyy5tAvB60XWVx1F1N41NI_Jyv3ZTRnWjWnEMcsgt9CD4/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://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEgo0sjBvtptUMPZhEGlkeubu1uaUv4jCitpPqgVuQH2bXSqLAmsnTZxHwSbD0mNOHrVDtOLzXSQ_vRXPdZobWROKxr_kiug-luyy5tAvB60XWVx1F1N41NI_Jyv3ZTRnWjWnEMcsgt9CD4/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://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEjxbLEmDBHl-bKsA_4UCSl8Cb2i-ziI6R8nXNdTzN8U7P1uX9KfRuglWJgUkTx2Ur5JtAiN27i0ZOB3s0W1Ch5S6MMVjnmCi6KRi8BGkhcuGFweqat-cmIf2ipe8RJk5SUJhOOxZt8NiNA/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://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEjxbLEmDBHl-bKsA_4UCSl8Cb2i-ziI6R8nXNdTzN8U7P1uX9KfRuglWJgUkTx2Ur5JtAiN27i0ZOB3s0W1Ch5S6MMVjnmCi6KRi8BGkhcuGFweqat-cmIf2ipe8RJk5SUJhOOxZt8NiNA/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://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEiThf-V39_FLK6LckiCiowaQ3c6HVwT_B_HP260zgO2x3o_ECaQKo8NMsz-nDrTCZT3Pd6_v0xV5dIf-DrSanHiPo2JbU2UcczwKDxQO0whyphenhyphen9reWsmylUW-lHAh8Q3DBOeSbY7hVBCJM8w/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://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEiThf-V39_FLK6LckiCiowaQ3c6HVwT_B_HP260zgO2x3o_ECaQKo8NMsz-nDrTCZT3Pd6_v0xV5dIf-DrSanHiPo2JbU2UcczwKDxQO0whyphenhyphen9reWsmylUW-lHAh8Q3DBOeSbY7hVBCJM8w/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://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEjVX3ISpofg7WIIn2mMYweOOpJUWoXiX9nQEYywYmWkqqWPY7DkK9tbFhTIwPP-xDXaL9KcnBxuRauj6ir6Jdd0WTFEtTpjgYCO-iI57KJlK-sgZZFg3lVyMrAJSWDFtFzRiG8UHVdwo0k/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://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEjVX3ISpofg7WIIn2mMYweOOpJUWoXiX9nQEYywYmWkqqWPY7DkK9tbFhTIwPP-xDXaL9KcnBxuRauj6ir6Jdd0WTFEtTpjgYCO-iI57KJlK-sgZZFg3lVyMrAJSWDFtFzRiG8UHVdwo0k/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 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...

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://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEgE0ryf2pKjQ4_2cTFw3B93-agsnsrTUi6F96PNMYEWW8eJAf5flzBWXLibAA_UJtKJKPSC4L89VthIWWqX5Gp4WGpi3WGzn8XSeC8_Qun1-YrjKw1p1WjVQ_a2e4wY-ZxVqMfkMaLLaoE/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://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEgE0ryf2pKjQ4_2cTFw3B93-agsnsrTUi6F96PNMYEWW8eJAf5flzBWXLibAA_UJtKJKPSC4L89VthIWWqX5Gp4WGpi3WGzn8XSeC8_Qun1-YrjKw1p1WjVQ_a2e4wY-ZxVqMfkMaLLaoE/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://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEg0lXYnBegRLxOFTiDfF7wy-wUZ38wv14MGF08sUw8VugI3R7jL21WYCRjnZcBWbCQ2e9Pzri98rFLH-Dz1SavZBitLo7GkVmfk003MMhBvvFUh0x9WmLAEpjWMpv4-v11Rq1kRJpq4uVc/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://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEg0lXYnBegRLxOFTiDfF7wy-wUZ38wv14MGF08sUw8VugI3R7jL21WYCRjnZcBWbCQ2e9Pzri98rFLH-Dz1SavZBitLo7GkVmfk003MMhBvvFUh0x9WmLAEpjWMpv4-v11Rq1kRJpq4uVc/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://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEin9H0q0ve7TcSxaC0_Ng78azHo3R2P-HDHRs2EqzYbwOR4Cidgby18MPkZ47jboMVBf9afYzORTIle-HOj64VeiI2yIhDNyE5LHbtT6lrpq4PW2lLt0H8DTQ6NvEZWgWd49ndGgwBjYek/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://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEin9H0q0ve7TcSxaC0_Ng78azHo3R2P-HDHRs2EqzYbwOR4Cidgby18MPkZ47jboMVBf9afYzORTIle-HOj64VeiI2yIhDNyE5LHbtT6lrpq4PW2lLt0H8DTQ6NvEZWgWd49ndGgwBjYek/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://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEg86kf_E1AnSZUflDGhXaAO-zf9DGuIS34TIzYUfOtg2nSiidXyJs5gS-G1G_R5cFgJQFFJ3LvNlsyBKXVgGAnM1HH0UBRjjXyi3nKU2bZH8MiMNr6PDnrDvXP85cW2w1z5-YOiZAnyZoI/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://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEg86kf_E1AnSZUflDGhXaAO-zf9DGuIS34TIzYUfOtg2nSiidXyJs5gS-G1G_R5cFgJQFFJ3LvNlsyBKXVgGAnM1HH0UBRjjXyi3nKU2bZH8MiMNr6PDnrDvXP85cW2w1z5-YOiZAnyZoI/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...

How to create a simple mobile apps using html5 part 2

<div style="text-align: justify;">
<span style="font-family: inherit;">Now after installing the required tools which will enable us to compile our projects, its our turn now to create our first android project in ionic.</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;">We can create ionic apps using ready made ionic app templates or start a fresh from scratch and come with our own user interface design.Also,you can head to market Ionic.io  to have an overlook of more templates you can use.</span><span style="font-family: inherit;">There are several templates you can use to build your mobile app when you are a starter.These include tabs,complex-lists,maps,side-menu,Sales-force and blank template.You can also check the available templates in your ionic version, go to command prompt and </span><b style="font-family: inherit;">type, ionic start –-list</b><span style="font-family: inherit;"> as seen below.</span></div>
<div class="separator" style="clear: both; text-align: center;">
<a href="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEiKLSJ_ZQob_1rELZTa-KxibckKqiZVmNj1RElIzigoooxIn2DN8KyU_4nR7Px_RGvrzi65r30bygWB5_szMKCVepAWgAORS2NG2Av5a-7eYQMORyuC0e1o4skLOwr302FGhyphenhyphenZ-SX0EnUg/s1600/temp.PNG" imageanchor="1" style="margin-left: 1em; margin-right: 1em;"><img alt="How to create a simple mobile apps using html5 part 2" border="0" height="167" src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEiKLSJ_ZQob_1rELZTa-KxibckKqiZVmNj1RElIzigoooxIn2DN8KyU_4nR7Px_RGvrzi65r30bygWB5_szMKCVepAWgAORS2NG2Av5a-7eYQMORyuC0e1o4skLOwr302FGhyphenhyphenZ-SX0EnUg/s400/temp.PNG" title="How to create a simple mobile apps using html5 part 2" width="400" /></a></div>
<div style="text-align: justify;">
<span style="font-family: inherit;">We will start by creating a folder where you want your projects to be stored. In the command prompt, type cd (name of your folder)  to set the directory of your projects and then <b>type ionic start demoapp tabs</b> as shown below.</span></div>
<div class="separator" style="clear: both; text-align: center;">
<a href="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEinZ3vsoSJ1OYXIaYhvZ1LCrDmJab3MR5LG3czWK1pX3KBdtW5MAg-7ZIYVAQ_5U8MX9LjC4tEQyhMQksXP520SRxzNNcwUwZMGC-FSSSG7tkEkLaf5tL4OEc2uau1wGYaUmcEOQ7he8xg/s1600/p2.PNG" imageanchor="1" style="margin-left: 1em; margin-right: 1em;"><img alt="How to create a simple mobile apps using html5 part 2" border="0" height="164" src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEinZ3vsoSJ1OYXIaYhvZ1LCrDmJab3MR5LG3czWK1pX3KBdtW5MAg-7ZIYVAQ_5U8MX9LjC4tEQyhMQksXP520SRxzNNcwUwZMGC-FSSSG7tkEkLaf5tL4OEc2uau1wGYaUmcEOQ7he8xg/s400/p2.PNG" title="How to create a simple mobile apps using html5 part 2" width="400" /></a></div>
<div style="text-align: justify;">
<span style="font-family: inherit;">The <b>ionic start demoapp</b> tabs command means that our project name will be  "demoapp" and we will use tabs template as provided by Ionic.Also if you don’t specify your type of template, the ionic framework will assign you a default template which is tabs.</span></div>
<span style="font-family: inherit;"></span><br />
<div style="text-align: justify;">
<span style="font-family: inherit;">Now after the project has downloaded the required packages from GitHub repositories. If you are creating your project for the first time, you will see a query like  this the one below.</span></div>
<br />
<div class="separator" style="clear: both; text-align: center;">
<a href="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEjJ72YHXLceldatT8-orJ6To2cCBe_R3nicAU1xCRS-nz3UbsW_cQr08JPKdUkPuEBiXVnf7tFj_6U8ToNScDibESuQqjvHxGKU1X7HEULZh6ZeX9NwkBXWGlCSlDg3iMdg6USuHVtmMqc/s1600/p3.PNG" imageanchor="1" style="margin-left: 1em; margin-right: 1em;"><img alt="How to create a simple mobile apps using html5 part 2" border="0" height="162" src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEjJ72YHXLceldatT8-orJ6To2cCBe_R3nicAU1xCRS-nz3UbsW_cQr08JPKdUkPuEBiXVnf7tFj_6U8ToNScDibESuQqjvHxGKU1X7HEULZh6ZeX9NwkBXWGlCSlDg3iMdg6USuHVtmMqc/s400/p3.PNG" title="How to create a simple mobile apps using html5 part 2" width="400" /></a></div>
<br />
<div style="text-align: justify;">
<span style="font-family: inherit;">This query would like you to verify if you have an ionic account with the frame and if you don’t have it, just type Y and you will be directed to a main ionic site to sign up for a ionic account .</span></div>
<span style="font-family: "verdana" , sans-serif;"><div style="text-align: justify;">
<span style="font-family: inherit;">This account will allow you enjoy some ionic services when you start hosting your app.After that, we can start our project in new development mode by typing ionic serve and there we will be presented with GUI with several local addresses, select <b>localhost </b> because is the best option to use as seen below</span><span style="font-family: verdana, sans-serif;"> </span></div>
</span><br />
<div class="separator" style="clear: both; text-align: center;">
<a href="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEiGWE_2ekVIcpT5pcHQ4S7oEuKfctfeKni6H3Ftk_YSUvVhFr0h0t3IPGaUD93kDBwTc28B9SftDZqzszWcd6OBBIkRRRcovIjQHfIyEm4gT6JMbKVVnmv4ih-vfbPIQ7AiUkF5R8TDHYA/s1600/p4.PNG" imageanchor="1" style="margin-left: 1em; margin-right: 1em;"><img alt="How to create a simple mobile apps using html5 part 2" border="0" height="162" src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEiGWE_2ekVIcpT5pcHQ4S7oEuKfctfeKni6H3Ftk_YSUvVhFr0h0t3IPGaUD93kDBwTc28B9SftDZqzszWcd6OBBIkRRRcovIjQHfIyEm4gT6JMbKVVnmv4ih-vfbPIQ7AiUkF5R8TDHYA/s400/p4.PNG" title="How to create a simple mobile apps using html5 part 2" width="400" /></a></div>
<div style="text-align: justify;">
<span style="font-family: inherit;"><span style="font-family: "verdana" , sans-serif;">Choosing the <b>localhost address </b>we are presented with another GUI which has the UI of our app as generated by tabs template As seen below.</span><span style="font-family: "verdana" , sans-serif;">You can hover the app and click on each feature as its clickable.</span></span></div>
<div class="separator" style="clear: both; text-align: center;">
<a href="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEhx2q5zKYR3yP5-y2z7Z_eo0iT4K0tSa-n7CflN9s2dyRl3EUKmzbiGrg3WzZEMEsvgVQ4lDP-R4bRn1-qFBQdzHIAo0x4_keOQHuV7iLmqmTrpWd3a3x0CDrttuOp6Rk8zHdYCKO-Y0OM/s1600/p6.PNG" imageanchor="1" style="margin-left: 1em; margin-right: 1em;"><img alt="How to create a simple mobile apps using html5 part 2" border="0" height="320" src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEhx2q5zKYR3yP5-y2z7Z_eo0iT4K0tSa-n7CflN9s2dyRl3EUKmzbiGrg3WzZEMEsvgVQ4lDP-R4bRn1-qFBQdzHIAo0x4_keOQHuV7iLmqmTrpWd3a3x0CDrttuOp6Rk8zHdYCKO-Y0OM/s320/p6.PNG" title="How to create a simple mobile apps using html5 part 2" width="193" /></a></div>
<div class="separator" style="clear: both; text-align: center;">
</div>
<span style="font-family: "verdana" , sans-serif;"><br /></span>
<div style="text-align: justify;">
<span style="font-family: "verdana" , sans-serif;"><span style="font-family: inherit;">Now after that you can customize the template to suit your needs by opening it in sublime as seen below</span><span style="font-family: verdana, sans-serif;">.</span></span></div>
<br />
<div class="separator" style="clear: both; text-align: center;">
<a href="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEgXV9rbb2eOh0TWfefSavn4vBj-Yift53Yp0_ldglBnYmcP9tUzAH3t7xEtHbmYBcpgNq2lpVCQ48j_e2E-ojDnJCFuvrBRy9uxn-LczvdTPnwk4CBSiHFp_BOqE4YuynxUOpTPS0okdgQ/s1600/p15.PNG" imageanchor="1" style="margin-left: 1em; margin-right: 1em;"><img alt="How to create a simple mobile apps using html5 part 2" border="0" height="216" src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEgXV9rbb2eOh0TWfefSavn4vBj-Yift53Yp0_ldglBnYmcP9tUzAH3t7xEtHbmYBcpgNq2lpVCQ48j_e2E-ojDnJCFuvrBRy9uxn-LczvdTPnwk4CBSiHFp_BOqE4YuynxUOpTPS0okdgQ/s320/p15.PNG" title="How to create a simple mobile apps using html5 part 2" width="320" /></a></div>
<div class="separator" style="clear: both; text-align: center;">
</div>
<div class="separator" style="clear: both; text-align: center;">
</div>
<div class="separator" style="clear: both; text-align: center;">
</div>
<br />
<div style="text-align: justify;">
<span style="font-family: inherit;">The most important part here is <b>index.html</b> as it hosts the homepage of our application.Also find the javascript file inside js folder which contains the controllers and services of our app.</span></div>
<div style="text-align: justify;">
<span style="font-family: inherit;">Finally, you can build the application and deploy it in Google play store or </span>AppStore. To<span style="font-family: inherit;"> do this, we need to add platforms for ios and android by typing </span><b style="font-family: inherit;">ionic platform add android or ionic platform add ios</b><span style="font-family: inherit;"> As seen here below.</span></div>
<br />
<div class="separator" style="clear: both; text-align: center;">
<a href="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEjWNnn4xPWHkro5CQ2m1-FSOxhAeEalqS1l943tiI6JrlswoT72Zo9OARHL-4JLDcH7Ik-RsFzZot_O0z1rQkwpDIzMcoTIHsQlheX334jmbQKbH5BIkl0oUYqDaRXnuENobDP-QxRffKE/s1600/p7.PNG" imageanchor="1" style="margin-left: 1em; margin-right: 1em;"><img alt="How to create a simple mobile apps using html5 part 2" border="0" height="150" src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEjWNnn4xPWHkro5CQ2m1-FSOxhAeEalqS1l943tiI6JrlswoT72Zo9OARHL-4JLDcH7Ik-RsFzZot_O0z1rQkwpDIzMcoTIHsQlheX334jmbQKbH5BIkl0oUYqDaRXnuENobDP-QxRffKE/s400/p7.PNG" title="How to create a simple mobile apps using html5 part 2" width="400" /></a></div>
<div style="text-align: justify;">
<span style="font-family: inherit;">After that type ionic build Android and when its already compiled, you will see a  message seen like the one here below.</span></div>
<div class="separator" style="clear: both; text-align: center;">
<a href="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEiZvyRtw2JNeqPbBkTQ3BAEWPjCyr7C6QVQxfxf2XyYz3ATL6mclpuC-MjIXtgaoL8j0E1Zv2Y-pBsP-ML4CNxneN4ShZA_aFz6valwgdSJmDAWAQfIQsyqS3edQK7lUmFAOn8In6-kY9A/s1600/p13.PNG" imageanchor="1" style="margin-left: 1em; margin-right: 1em;"><img alt="How to create a simple mobile apps using html5 part 2" border="0" height="157" src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEiZvyRtw2JNeqPbBkTQ3BAEWPjCyr7C6QVQxfxf2XyYz3ATL6mclpuC-MjIXtgaoL8j0E1Zv2Y-pBsP-ML4CNxneN4ShZA_aFz6valwgdSJmDAWAQfIQsyqS3edQK7lUmFAOn8In6-kY9A/s400/p13.PNG" title="How to create a simple mobile apps using html5 part 2" width="400" /></a></div>
<div style="text-align: justify;">
<span style="font-family: inherit;">Follow that directory in project folder to get <b>the. Apk file</b> which you will install in you phone gadget.Have fun</span></div>

How to create a simple mobile apps using html5 part 2

Now after installing the required tools which will enable us to compile our projects, its our turn now to create our first android project ...

How to create a simple mobile apps using html5 part 1

<br />
<br />
<div style="text-align: justify;">
<span style="font-family: inherit;">For any mobile developer thinking of </span><b style="font-family: inherit;">creating a mobile application</b><span style="font-family: inherit;">, he or she is usually caught up in a dilemma whether to build a hybrid or a native mobile app.However in the recent past hybrid mobile apps have become a preferred choice for many mobile apps developer and businesses.</span></div>
<span style="font-family: "verdana" , sans-serif;"><div style="text-align: justify;">
<br /></div>
<span style="font-family: inherit;"><div style="text-align: justify;">
<span style="font-family: inherit;">The reason behind this is because hybrid apps are usually built using a combination of different web technologies such as HTML, cascading style sheet (CSS) and the JavaScript.</span><span style="font-family: inherit;">The other reason why developers have preferred hybrid apps over native apps is that these apps can be deployed in different cross platforms such Android, Ios, and windows.</span></div>
<div style="text-align: justify;">
<span style="font-family: inherit;"><br /></span></div>
</span><div style="text-align: justify;">
<span style="font-family: inherit;">Building a hybrid mobile apps is easy and simple and today am going to take you through on how you can build a simple mobile app using </span>HTML5. So<span style="font-family: inherit;">  what do you need  exactly to start creating these apps? </span><span style="font-family: inherit;">First, you need to have a PC machine running either Windows, Mac or Linux Os.You also need to have an installed browser such as chrome or firefox, a text editor such as atom and Node .js application.</span></div>
</span><br />
<br />
<div style="text-align: justify;">
<br /></div>
<span style="font-family: "verdana" , sans-serif;"><div style="font-family: inherit; text-align: justify;">
<span style="font-family: inherit;">For window users, you need to install Android SDK tools for testing and emulation purposes.For Mac users, install Xcode for simulation of  your Ios apps.</span><span style="font-family: inherit;">Now its our turn to install ionic Command line interface (CLI) which will help us start, build, run and emulate these hybrid apps.To install this ionic CLI, go to command prompt, and type </span><b style="font-family: inherit;">npm install –g ionic</b><span style="font-family: inherit;"> as shown below.</span></div>
</span><br />
<div class="separator" style="clear: both; text-align: center;">
<a href="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEgAXigWv7tSa4M_dYNQHp5accYkfsUctl15L5M73hpTkhc53BeF4T7RbqdJyF02efKWCHPp8lrgN48QYyADrP-P3Kj6FFjMJvzjv4lWFZvDKiDz1oDrCINLAEXEEjQO7ndyRzyhtZ-o5mM/s1600/ion.PNG" imageanchor="1" style="margin-left: 1em; margin-right: 1em;"><img alt="How to create a simple mobile apps using html5 part 1" border="0" height="41" src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEgAXigWv7tSa4M_dYNQHp5accYkfsUctl15L5M73hpTkhc53BeF4T7RbqdJyF02efKWCHPp8lrgN48QYyADrP-P3Kj6FFjMJvzjv4lWFZvDKiDz1oDrCINLAEXEEjQO7ndyRzyhtZ-o5mM/s640/ion.PNG" title="How to create a simple mobile apps using html5 part 1" width="640" /></a></div>
<br /><span style="font-family: "verdana" , sans-serif;"></span>
<span style="font-family: "verdana" , sans-serif;"></span><br />
<div style="text-align: justify;">
<span style="font-family: "verdana" , sans-serif;"><span style="font-family: inherit;">Since ionic depends on cordova for wrapping of CSS,Sass , HTML and javascript codes so as to work on different devices, we also need to install it.In the command prompt, type <b>npm install  -g Cordova</b> . as shown below.</span></span></div>
<br />
<div class="separator" style="clear: both; text-align: center;">
<a href="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEg-nUmEmvIl-kqzcJcWcGuyOvz-Rr06lr9OLGYYmmK4MdKBwFLVWaerjbSy9NAXNoFDD6DlBt9lCHxf2cn4u6u3FUVjfFbxL3BIaBBK_dRtgI8o2TUKxlT5TdxAmAnTJeYdhC0EyXp4PNU/s1600/cord.PNG" imageanchor="1" style="margin-left: 1em; margin-right: 1em;"><img alt="How to create a simple mobile apps using html5 part 1" border="0" height="168" src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEg-nUmEmvIl-kqzcJcWcGuyOvz-Rr06lr9OLGYYmmK4MdKBwFLVWaerjbSy9NAXNoFDD6DlBt9lCHxf2cn4u6u3FUVjfFbxL3BIaBBK_dRtgI8o2TUKxlT5TdxAmAnTJeYdhC0EyXp4PNU/s400/cord.PNG" title="How to create a simple mobile apps using html5 part 1" width="400" /></a></div>
<div style="text-align: justify;">
<span style="font-family: inherit;">After that, we also need to install bower package which is a package manager for web libraries, and it is also useful in adding third party javascript libraries.To install it, type <b>npm install  -g bower</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/AVvXsEg6KJbl_Qovm0wOLGG9uCuN84r3_qZu8bag2uFmEsMlZ4sRREHKI0GN5C1OCQmsAQBu-o6GRt090x3d40gF-RS3UbQE6anGJGQAjJIMaG3ShnTxKbuwXeJgVgyYUM4BzGJezddQZj46wsk/s1600/bower.PNG" imageanchor="1" style="margin-left: 1em; margin-right: 1em;"><img alt="How to create a simple mobile apps using html5 part 1" border="0" height="72" src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEg6KJbl_Qovm0wOLGG9uCuN84r3_qZu8bag2uFmEsMlZ4sRREHKI0GN5C1OCQmsAQBu-o6GRt090x3d40gF-RS3UbQE6anGJGQAjJIMaG3ShnTxKbuwXeJgVgyYUM4BzGJezddQZj46wsk/s640/bower.PNG" title="How to create a simple mobile apps using html5 part 1" width="640" /></a></div>
<div style="text-align: justify;">
<span style="font-family: inherit;">Finally, we need to install gulp. Gulp is a javascript tool used by ionic for purposes of optimizing performance of ionic projects.To install it, type <b>npm install –g gulp</b> in your command prompt as seen here below.</span></div>
<div class="separator" style="clear: both; text-align: center;">
<a href="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEj_OuGAmEzZ3TKScgGeRfncJKSupOy20Pg2vFPojkjKpCz53G3YywCJahE4iOj1zM_kTdEfxeqUCJ2lVXFZRD8_2Z-SNRwTCfWAplm37xv4JbyTLuSzULhY4IxDmGCa6ynxKtM3TXi15zI/s1600/gulp.PNG" imageanchor="1" style="margin-left: 1em; margin-right: 1em;"><img alt="How to create a simple mobile apps using html5 part 1" border="0" height="48" src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEj_OuGAmEzZ3TKScgGeRfncJKSupOy20Pg2vFPojkjKpCz53G3YywCJahE4iOj1zM_kTdEfxeqUCJ2lVXFZRD8_2Z-SNRwTCfWAplm37xv4JbyTLuSzULhY4IxDmGCa6ynxKtM3TXi15zI/s640/gulp.PNG" title="How to create a simple mobile apps using html5 part 1" width="640" /></a></div>
<br />
<div style="text-align: justify;">
<span style="font-family: inherit;">Now having installed all these packages, we are good to go and start building our ionic projects.</span><span style="font-family: inherit;">In the next session, we will start creating our first ionic project of a simple app.Be vigil and lets meet in the next session.If you experience any difficulties in setting up the ionic environment, let me know and i will be of great help unto 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 please dont forget to share with your friends</span></div>
<span style="font-family: "verdana" , sans-serif;"><br /><br /></span>

How to create a simple mobile apps using html5 part 1

For any mobile developer thinking of creating a mobile application , he or she is usually caught up in a dilemma whether to build a hybri...

How to create a login page using PHP AND MYSQL

<span style="font-family: "verdana" , sans-serif;"><br /></span>
<div style="text-align: justify;">
<span style="font-family: "verdana" , sans-serif;"><span style="font-family: inherit;">Hey guys
it is very easy and simple indeed.Today  I
have decided to share with you some information on how to create a login page
using these two vibrant languages which are 
commonly used by web developers and programmer,i.e <b>PHP AND MYSQL.</b></span></span></div>
<br />
<div class="MsoNormal">
<div style="text-align: justify;">
<span style="font-family: inherit;"><br /></span></div>
</div>
<span style="font-family: "verdana" , sans-serif;"><span style="font-size: small;"><span style="font-family: inherit;">

</span></span></span><br />
<div class="MsoNormal">
<div style="text-align: justify;">
<span style="font-family: "verdana" , sans-serif;"><span style="font-size: small;"><span style="font-family: inherit;">To Start
creating your login page,you need to have any web development IDE such as
dreamweaver,atom or sublime and a local server 
applications such as Xamp for windows,Lamp for linux  and Mamp for mac os.</span></span></span></div>
</div>
<span style="font-family: "verdana" , sans-serif;"><span style="font-size: small;"><span style="font-family: inherit;">

</span></span></span><br />
<div class="MsoNormal">
<div style="text-align: justify;">
<span style="font-family: "verdana" , sans-serif;"><span style="font-size: small;"><span style="font-family: inherit;">Open
your Dreamweaver and head to <b>File tab</b> ,then click on New file and select the
new document  and click on <b>create  button</b>  
to create a file with a php extension..</span></span></span></div>
</div>
<div class="separator" style="clear: both; text-align: center;">
<span style="font-family: "verdana" , sans-serif;"><a href="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEiS8AqduCUuWzfhzmOAZRo-LEkyVnE8m1O3ZeGth9LLfAxwNzTWaOAEKZyEKD6I4hDOgNI6hM05MeVB963kCVpRqfUFOXTBuBEMfrzZtIxjpL_NgT8jxzDETbG_D5gPdl9-GKVF4Z4uYuc/s1600/l1.PNG" imageanchor="1" style="margin-left: 1em; margin-right: 1em;"><img alt="How to create a login page using php and my mysql" border="0" height="232" src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEiS8AqduCUuWzfhzmOAZRo-LEkyVnE8m1O3ZeGth9LLfAxwNzTWaOAEKZyEKD6I4hDOgNI6hM05MeVB963kCVpRqfUFOXTBuBEMfrzZtIxjpL_NgT8jxzDETbG_D5gPdl9-GKVF4Z4uYuc/s320/l1.PNG" title="How to create a login page using php and my mysql" width="320" /></a></span></div>
<div class="MsoNormal">
<div style="text-align: justify;">
<span style="font-family: "verdana" , sans-serif;"><span style="font-size: small;"><span style="font-family: inherit;">Then on
that new file we will start by creating <b>login form</b> with simple text inputs for
<b>email </b>and<b> password</b>. Like here below. The form should have a POST method so that
it may send data to our database in which has 
been created in MySQL  Also we
need to have a <b>submit button</b> which we will use while posting our data in
database. .You can also format your login form to look more interesting  with <b>CSS</b>.</span></span></span></div>
</div>
<div class="separator" style="clear: both; text-align: center;">
<span style="font-family: "verdana" , sans-serif;"><a href="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEiXWUZZoodDldlIIJAD5i1F80EiKoihHPFg2ILsRTU1Ne_KhAOUR1W1kBpdMwypRQqVs8XUhlkz-tulQv2vtMeacH2c1oL22hjLxV-TD2dvPncamHMhw0ppHGOHROY76MGPePTRlavr_MA/s1600/l2.PNG" imageanchor="1" style="margin-left: 1em; margin-right: 1em;"><img alt="How to create a login page using php and my mysql" border="0" height="112" src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEiXWUZZoodDldlIIJAD5i1F80EiKoihHPFg2ILsRTU1Ne_KhAOUR1W1kBpdMwypRQqVs8XUhlkz-tulQv2vtMeacH2c1oL22hjLxV-TD2dvPncamHMhw0ppHGOHROY76MGPePTRlavr_MA/s400/l2.PNG" title="How to create a login page using php and my mysql" width="400" /></a></span></div>
<span style="font-family: "verdana" , sans-serif;"><span style="font-size: small;"><span style="font-family: "georgia" , "times new roman" , serif;">

</span></span></span><br />
<div class="MsoNormal">
<div style="text-align: justify;">
<span style="font-family: "verdana" , sans-serif;"><span style="font-size: small;"><span style="font-family: inherit;">After creating
the two inputs and a button, it is our turn to create another <b>php function</b>
which we will use to  verify the data
which we have received from  inputs  if it matches with our  login data  in the database.</span></span></span></div>
</div>
<span style="font-family: "verdana" , sans-serif;"><span style="font-size: small;"><span style="font-family: inherit;">

</span></span></span><br />
<div class="MsoNormal">
<div style="text-align: justify;">
<span style="font-family: "verdana" , sans-serif;"><span style="font-size: small;"><span style="font-family: inherit;">The
function will run through our database table rows with a if statement while
checking if the data it has received from the text field inputs matches the
data in our tables.</span></span></span><span style="font-family: inherit;">If the
data from the text inputs matches the one in our database table,the user is
authenticated to login  and access the
index or home page.</span></div>
</div>
<div class="MsoNormal">
<span style="font-family: "verdana" , sans-serif;"><br /></span></div>
<span style="font-family: "verdana" , sans-serif;"><span style="font-size: small;"><span style="font-family: "georgia" , "times new roman" , serif;">

</span></span></span><br />
<div class="MsoNormal">
<div style="text-align: justify;">
<span style="font-family: "verdana" , sans-serif;"><span style="font-size: small;"><span style="font-family: inherit;">If the
data from text inputs doesn’t match  the
data in the database tables ,then the user is prompted with a alert message
that the either the password or email  is
wrong and is returned to login page to try other login credentials.Below is
a script of the login function.</span></span></span></div>
</div>
<div class="separator" style="clear: both; text-align: center;">
<span style="font-family: "verdana" , sans-serif;"><a href="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEjVxBikNrvvcRbdVeg_8HL_GldxGKS6mN24B_OvbtxzXrKHuoCZk7pGOvuxcHwE0OB4d-9rQ6aMFZFvXnlvtX_-eiOfxBtJIHY15hJT_G3AsAu0hmfWio6Qb8oGCwtJOSlR33aybwwa1yI/s1600/l3.PNG" imageanchor="1" style="margin-left: 1em; margin-right: 1em;"><img alt="How to create a login page using php and my mysql" border="0" height="174" src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEjVxBikNrvvcRbdVeg_8HL_GldxGKS6mN24B_OvbtxzXrKHuoCZk7pGOvuxcHwE0OB4d-9rQ6aMFZFvXnlvtX_-eiOfxBtJIHY15hJT_G3AsAu0hmfWio6Qb8oGCwtJOSlR33aybwwa1yI/s320/l3.PNG" title="How to create a login page using php and my mysql" width="320" /></a></span></div>
<span style="font-family: "verdana" , sans-serif;"><span style="font-size: small;"><span style="font-family: "georgia" , "times new roman" , serif;">

</span></span></span><br />
<div class="MsoNormal">
<div style="text-align: justify;">
<span style="font-family: "verdana" , sans-serif;"><span style="font-size: small;"><span style="font-family: inherit;">Finally
we will also need to  another php file called
<b>connection</b> which we will use to communicate with the database and local
server.Here is the code of the connection file.</span></span></span></div>
</div>
<div class="separator" style="clear: both; text-align: center;">
<span style="font-family: "verdana" , sans-serif;"><a href="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEis1AUzz3tzN_fwnS9CYGE-4g_HprZJJAeSX8cB2n2maoKKAGokea6UQN6j1OMDpgb_Q4eM_wwhnK1ZFZodd4yu2kMzjZFQhNs4w4hJ32B8E74jNbv4dln8jmYEIzLOSqpHeUpswqnfC48/s1600/l4.PNG" imageanchor="1" style="margin-left: 1em; margin-right: 1em;"><img alt="How to create a login page using php and my mysql" border="0" height="80" src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEis1AUzz3tzN_fwnS9CYGE-4g_HprZJJAeSX8cB2n2maoKKAGokea6UQN6j1OMDpgb_Q4eM_wwhnK1ZFZodd4yu2kMzjZFQhNs4w4hJ32B8E74jNbv4dln8jmYEIzLOSqpHeUpswqnfC48/s640/l4.PNG" title="How to create a login page using php and my mysql" width="640" /></a></span></div>
<div class="MsoNormal">
<span style="font-family: "verdana" , sans-serif;"><br /></span></div>

How to create a login page using PHP AND MYSQL

Hey guys it is very easy and simple indeed.Today I have decided to share with you some information on how to create a login page using th...

Epic developerz