How I programmed my Independent FIFA WorldCup Russia 2018 Android Mobile App

/, General Technology, Java Script, Phone, Programming, Windows/How I programmed my Independent FIFA WorldCup Russia 2018 Android Mobile App

How I programmed my Independent FIFA WorldCup Russia 2018 Android Mobile App

I am excited to write about this topic. I felt I could build an android mobile app solution that would make people connect to the 2018 World Cup activities with both online and offline functionalities. Then the idea of building this app came up.

 

TOOLS USED

I designed the front end with HTML5, CSS  you could take free lesson here https://www.quanzhanketang.com/css/default.html on CSS  and JQUERY. The search input display is an HTML5 data list input form. You could take an online free lesson here on that https://www.w3schools.com/html/html_forms.asp on HTML% forms.  I used Javascript to display content corresponding to the inputed value on the app.

 

JQUERY MOBILE

I used Jquery Mobile to sort the sliding tab on the left.  Jquery is a good tool to integrate some cool effects on mobile apps. There are better libraries for building more better Apps UI, such as React.JS, Vue.js and so on. A starter could learn Jquery mobile as it motivates one to understand programming more clearer. There are free lessons here https://www.quanzhanketang.com/jquerymobile/default.html on Jquery Mobile

GOOGLE FIREBASE

I used  firebase to call the offline and online functions. When the app is online, it connects to the firebase database and loads the news update and image in realtime. If it is offline. It informs the user. If you want t learn more on firebase check https://www.firebase.com

 

JAVASCRIPT

This one of the most powerful programming languages in the present time. The app is developed from beginning to the end in JS. You could learn JS here as a starter https://www.quanzhanketang.com/js/default.html

 

 

 

 

PHONEGAP

After my web app was fully developed and tested fine on google chrome, I used phone gap to convert to .apk for the android users, Phone can also convert your cross platform HTML5,CSS and JS app into iphone apps ,ipad apps and windows phone apps. You may want to check this out here phonegap.com.

 

You may install the finished App here https://play.google.com/store/apps/details?id=com.terahertztechnology.FifaWorldCupRussia2018

 

You could adopt this concept to build more events apps that require realtime update. Reply below if you need some assiatnce with your codes. Best of luck!

By |2018-03-09T16:23:10+00:00March 9th, 2018|Android, General Technology, Java Script, Phone, Programming, Windows|0 Comments

About the Author:

Leave A Comment