Epic developerz: 2017-01-22

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 in ionic. We can create ionic apps using ready made ionic ap…

28 Jan 2017

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 hybrid or a native mobile app.However in the recent past hybrid mobi…

27 Jan 2017

How To Switch Off Windows Updates in a PC

<span style="font-family: "verdana" , sans-serif;"><span style="font-family: "georgia" , "times new roman" , serif;"><br /></span></span>

<br />
<div class="MsoNormal" style="line-height: normal; margin-bottom: .0001pt; margin-bottom: 0in;">
<div style="text-align: justify;">
<span style="font-family: "verdana" , sans-serif;"><span style="font-family: inherit; font-size: 12pt;">Window updates and other patches are
major part of Microsoft windows application. These updates are mainly aimed at solving
operating systems bugs and also prevent malicious threats and attacks.</span></span></div>
</div>
<div class="MsoNormal" style="line-height: normal; margin-bottom: .0001pt; margin-bottom: 0in;">
<div style="text-align: justify;">
<span style="font-family: "verdana" , sans-serif;"><span style="font-family: "georgia" , "times new roman" , serif;"><span style="font-family: inherit; font-size: 12.0pt;">While these updates are a wise
option for any windows user, they tend to be time consuming and an also expensive.
Alternatively windows update can be messy and  can also takes upto one or two hours
while updating certain patch and<span style="mso-spacerun: yes;">  </span>you
cannot cancel it once it starts.</span></span></span></div>
</div>
<div class="MsoNormal" style="line-height: normal; margin-bottom: .0001pt; margin-bottom: 0in;">
<div style="text-align: justify;">
<span style="font-family: "verdana" , sans-serif;"><span style="font-family: inherit;"><br /></span></span></div>
</div>
<div class="MsoNormal" style="line-height: normal; margin-bottom: .0001pt; margin-bottom: 0in;">
<div style="text-align: justify;">
<span style="font-family: "verdana" , sans-serif;"><span style="font-family: "georgia" , "times new roman" , serif;"><span style="font-family: inherit; font-size: 12.0pt;">But before that,did you know that
you can <b>switch off these windows update</b> and save that time to  do something
constructive with your pc??.Today am going to show you how you can switch off
windows update in your<span style="mso-spacerun: yes;">  </span>PC.Lets go!!!</span></span></span><span style="font-family: inherit; font-size: 12pt;">Open control panel</span><span style="font-family: inherit; font-size: 12pt;">  </span><span style="font-family: inherit; font-size: 12pt;">and head over to </span><b style="font-family: inherit; font-size: 12pt;">system and security</b><span style="font-family: inherit; font-size: 12pt;">
tab.</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/AVvXsEhV7UUwEFWrLRjmA-FnmpMS0qq7rSZgG2-VWgRDlr11ZGTpf8lVts9WQp7yystS31inpgIztOeBULZA-K4onMtwg-9Y46lymexfDF126-upN4aIlCKLavuq6r0b5XAPOvd74AdTzRDLJG8/s1600/l1.PNG" imageanchor="1" style="margin-left: 1em; margin-right: 1em;"><img alt="How To Switch Off Windows Updates in a PC" border="0" height="184" src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEhV7UUwEFWrLRjmA-FnmpMS0qq7rSZgG2-VWgRDlr11ZGTpf8lVts9WQp7yystS31inpgIztOeBULZA-K4onMtwg-9Y46lymexfDF126-upN4aIlCKLavuq6r0b5XAPOvd74AdTzRDLJG8/s400/l1.PNG" title="How To Switch Off Windows Updates in a PC" width="400" /></a></span></div>
<div class="MsoNormal" style="line-height: normal; margin-bottom: .0001pt; margin-bottom: 0in;">
<span style="font-family: "verdana" , sans-serif;"><span style="font-family: "georgia" , "times new roman" , serif;"><span style="font-size: 12.0pt;"><span style="mso-spacerun: yes;"> </span></span><span style="font-size: 12.0pt;">While on system and security tab,click on<span style="mso-spacerun: yes;">  
</span>and<span style="mso-spacerun: yes;">  </span>you will head over to a tab
like this.</span></span></span></div>
<div class="MsoNormal" style="line-height: normal; margin-bottom: .0001pt; margin-bottom: 0in;">
<span style="font-family: "verdana" , sans-serif;"></span></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/AVvXsEiEROWPR5iGBIzWVt7U47dsCbpKDHD11_4382FyI_9BbFvy0UGneTvnhgmcQh8S2RG-6TgYv8k7iFhCgspZDLFeWrgO3-AUhV4nAEKCVBHJqD9wK7esNHkwpVsGncr6dxiRg4bZK57G-YA/s1600/l2.PNG" imageanchor="1" style="margin-left: 1em; margin-right: 1em;"><img alt="How To Switch Off Windows Updates in a PC" border="0" height="206" src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEiEROWPR5iGBIzWVt7U47dsCbpKDHD11_4382FyI_9BbFvy0UGneTvnhgmcQh8S2RG-6TgYv8k7iFhCgspZDLFeWrgO3-AUhV4nAEKCVBHJqD9wK7esNHkwpVsGncr6dxiRg4bZK57G-YA/s400/l2.PNG" title="How To Switch Off Windows Updates in a PC" width="400" /></a></span></div>
<div class="MsoNormal" style="line-height: normal; margin-bottom: .0001pt; margin-bottom: 0in;">
<span style="font-family: "verdana" , sans-serif;"><span style="font-family: "georgia" , "times new roman" , serif;"><span style="font-size: 12.0pt;"><span style="mso-spacerun: yes;"> </span>While on that tab ,head to <b>windows<span style="mso-spacerun: yes;">  </span>update</b> and<span style="mso-spacerun: yes;"> 
</span>click on it and you will be redirected to<span style="mso-spacerun: yes;">  </span>a tab like this.</span></span><span style="font-family: "georgia" , "times new roman" , serif;"><br /></span></span></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/AVvXsEg5MSawiNZ8hIjGHR4XcW77GkOikByaJDnkBi328Eirp4v53oZTswg0tFNIbyANX65mjoNMf7ZA3zP5XvwUA7Xs9eg1SxIMFx_0UQBmLBl_zJqstXp8u2y-icf15nUqs6c01Pt2bO5c5jo/s1600/l3.PNG" imageanchor="1" style="margin-left: 1em; margin-right: 1em;"><img alt="How To Switch Off Windows Updates in a PC" border="0" height="120" src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEg5MSawiNZ8hIjGHR4XcW77GkOikByaJDnkBi328Eirp4v53oZTswg0tFNIbyANX65mjoNMf7ZA3zP5XvwUA7Xs9eg1SxIMFx_0UQBmLBl_zJqstXp8u2y-icf15nUqs6c01Pt2bO5c5jo/s400/l3.PNG" title="How To Switch Off Windows Updates in a PC" width="400" /></a></span></div>
<div class="MsoNormal" style="line-height: normal; margin-bottom: .0001pt; margin-bottom: 0in;">
<span style="font-family: "verdana" , sans-serif;"><span style="font-family: "georgia" , "times new roman" , serif;"><span style="font-size: 12.0pt;">This <span style="mso-spacerun: yes;"> </span>tabs contains four options such as <b><span style="mso-spacerun: yes;"> </span>check<span style="mso-spacerun: yes;"> 
</span>for updates</b>,<b>change your <span style="mso-spacerun: yes;"> </span>settings</b>,<b>view
update history </b>and<b> restore hidden updates</b>.However our main aim is to switch off
updates. So we will<span style="mso-spacerun: yes;">  </span>head over to <b>change
settings</b> and click on it and it will redirect us to<span style="mso-spacerun: yes;">  </span></span></span></span><br />
<span style="font-family: "verdana" , sans-serif;"><span style="font-family: "georgia" , "times new roman" , serif;"><span style="font-size: 12.0pt;">this tab</span></span></span></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/AVvXsEgCgt55Im-6gsmH3g09NNuhsLAu-RSprNTIcGq2jhu-HnUzDFMn_DBtkh43Sg3P0SO-5LbF3OT4qMZWjpys4-qmzumUgmoaUV8cdl86csLwQlbHLQ6do0a2xV_FUflxNkuZdUjnDxV3vmA/s1600/20170127_170648.jpg" imageanchor="1" style="margin-left: 1em; margin-right: 1em;"><img alt="How To Switch Off Windows Updates in a PC" border="0" height="192" src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEgCgt55Im-6gsmH3g09NNuhsLAu-RSprNTIcGq2jhu-HnUzDFMn_DBtkh43Sg3P0SO-5LbF3OT4qMZWjpys4-qmzumUgmoaUV8cdl86csLwQlbHLQ6do0a2xV_FUflxNkuZdUjnDxV3vmA/s320/20170127_170648.jpg" title="How To Switch Off Windows Updates in a PC" width="320" /></a></span></div>
<div class="MsoNormal" style="line-height: normal; margin-bottom: .0001pt; margin-bottom: 0in;">
<div style="text-align: justify;">
<span style="font-family: "verdana" , sans-serif;"><span style="font-family: inherit; font-size: 12pt;">While on this tab we will head to
<b>important updates</b> and there we will be presented with several options which we
have to choose the one that suits us.</span></span></div>
</div>
<div class="MsoNormal" style="line-height: normal; margin-bottom: .0001pt; margin-bottom: 0in;">
<div style="text-align: justify;">
<span style="font-family: inherit;"><span style="font-family: "georgia" , "times new roman" , serif;">Now the best option which will help us switch the regular windows
updates is the last option which reads as <b>“Never<span style="mso-spacerun: yes;">  </span>check for updates”</b>.Click on it <span style="mso-spacerun: yes;">  </span>and head to <b>ok</b> button to save it and<span style="mso-spacerun: yes;">  </span>you have switched off windows update.</span>
<span style="font-family: "georgia" , "times new roman" , serif;"><br /></span></span></div>
</div>
<div class="separator" style="clear: both; text-align: center;">
<span style="font-family: inherit;"><a href="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEij890mvzTT_BB1A6DQ4hO9H1qCAnV4nAsvYgsJAV0swEuHd7c7eh2bZgr52MGvj6HGMeII5SdtZ6sCKFKf4RnxpR38gxRgKUL0PWf2tkqMZTuolULdIIX372UXvAyYANIhj8yedCoNrvo/s1600/l5.PNG" imageanchor="1" style="margin-left: 1em; margin-right: 1em;"><img alt="How To Switch Off Windows Updates in a PC" border="0" height="146" src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEij890mvzTT_BB1A6DQ4hO9H1qCAnV4nAsvYgsJAV0swEuHd7c7eh2bZgr52MGvj6HGMeII5SdtZ6sCKFKf4RnxpR38gxRgKUL0PWf2tkqMZTuolULdIIX372UXvAyYANIhj8yedCoNrvo/s400/l5.PNG" title="How To Switch Off Windows Updates in a PC" width="400" /></a></span></div>
<div class="MsoNormal" style="line-height: normal; margin-bottom: .0001pt; margin-bottom: 0in;">
<div style="text-align: justify;">
<span style="font-family: inherit;"><span style="font-family: "verdana" , sans-serif;"><span style="font-family: "georgia" , "times new roman" , serif;">For the users  willing to update their operating systems patches, they can do it
<span style="mso-spacerun: yes;"> </span>by scheduling the time they want to
install  these windows update.To schedule these windows update,click on<span style="mso-spacerun: yes;">  </span>“<b>install updates automatically</b> “ and you will
be presented with a tab like this.</span></span>
<span style="font-family: "verdana" , sans-serif;"><span style="font-family: "georgia" , "times new roman" , serif;"><br /></span></span></span></div>
</div>
<div class="separator" style="clear: both; text-align: center;">
<span style="font-family: inherit;"><a href="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEhT465VeeVyfzdGU4JjLWP8WfHh3mBA7oCQD38jcmS7KWO0ys4XYgCc6XyBeu7_0lldFGgOVL1zaqvMB_CyDQ70J-1jypGxwSfMdD_KXjsdDRtbLy0lOYpg17hhGfh4apz7ADDTTXDREbk/s1600/l7.PNG" imageanchor="1" style="margin-left: 1em; margin-right: 1em;"><img alt="How To Switch Off Windows Updates in a PC" border="0" height="217" src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEhT465VeeVyfzdGU4JjLWP8WfHh3mBA7oCQD38jcmS7KWO0ys4XYgCc6XyBeu7_0lldFGgOVL1zaqvMB_CyDQ70J-1jypGxwSfMdD_KXjsdDRtbLy0lOYpg17hhGfh4apz7ADDTTXDREbk/s320/l7.PNG" title="How To Switch Off Windows Updates in a PC" width="320" /></a></span></div>
<div class="MsoNormal" style="line-height: normal; margin-bottom: .0001pt; margin-bottom: 0in;">
<span style="font-family: "verdana" , sans-serif;"><span style="font-family: inherit;">Select the day and time you like<span style="mso-spacerun: yes;"> 
</span>to receive these updates<span style="mso-spacerun: yes;">  </span>on your
pc.Hope I have helped<span style="mso-spacerun: yes;">  </span>you .</span></span></div>

How To Switch Off Windows Updates in a PC

v\:* {behavior:url(#default#VML);} o\:* {behavior:url(#default#VML);} w\:* {behavior:url(#default#VML);} .shape {behavior:url(#default#VML);} Normal 0 false false false …

27 Jan 2017

How to create a login page using PHP AND MYSQL

</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

v\:* {behavior:url(#default#VML);} o\:* {behavior:url(#default#VML);} w\:* {behavior:url(#default#VML);} .shape {behavior:url(#default#VML);} Hey guys it is very easy and simple indeed.Today I have …

25 Jan 2017

Epic developerz

How to create a simple mobile apps using html5 part 2

How to create a simple mobile apps using html5 part 1

How To Switch Off Windows Updates in a PC

How to create a login page using PHP AND MYSQL

Popular Posts

Blog Archive

Total Pageviews