This is exactly what I needed to launch some app ideas! Finally, a way through that doesn't involve first becoming a rocket surgeon! Much appreciated amigo!
Absolutely eye-opening, this jQuery Mobile with Phone Gap Builder is really excellent. What a forgotten gem. People are chasing terribly complex frameworks, let's not name any of them here, when jQuery Mobile is available for many long years. As far as I know Samsung's Tizen Web App for Galaxy Watch was based on jQuery Mobile. This page concept is brilliant. I bought the $1 package right away, My Young Friend.
Found your videos on phonegap by accident. Its a pity there is no part 3. Hope you will still continue and hope you also will do something with databases. Please continue this series!
Like the style very much! Good, clear voice in a right pace (not too quick, not too slow). Good level of nice background music (not too loud, not too low), really helps to focus and stay focused. Good material and great teacher. Thank you!
Hey! :) Been awhile since you created this (these) vids, and I thought I should at least let you know that I appreciate that you've spent a great amount of time putting these together. I'm trying to find a solution myself for creating an application that can use spreadsheet data, etc., that is completely customizable, and 100% free. Thanks for sharing! :)
Great explanation, really helped me get started on the App Development unit of my Computing course. Any chance of another video explaining what you mentioned at the end of this one: plugins and encryption keys?
Found this by accident and so pleased I did. Can't wait to get started building my app. Totally gonna hook you up with some cash if I ever make anything from my app. 👍😁
I think google doesn't want people to know the info you share because they have friends who are ripping people off with outrageous costs for doing small coding jobs. thanks for the cool info bud. Ill give it a try.
Hi Michael, I’ve watched your 2 videos on how to make an App and found it fascinating. I did a programming class back in 1980 but now I’m 75 years old my brain is a bit soggy. I am a volunteer to a community based organisation here in NZ. They have recently purchased an iPad to use for logging patrol reports. I created a template in numbers and it seems to work quite well. Some of the people that volunteer are older and not very computer savvy so I thought I could create an App to do some simple tasks as follows. A. Log on. B. View previous reports. C. Load template. E. Automatically email numbers report (template ) to an fixed email address. If there was an App that they can just push a button,it would make it easy for them. The organisation has very little funds. Do you think there is any way that one of your subscribers would take this on as a project to help our community here in NZ . Looking forward to any replies Take care. Thank you Michael
Hmmm, I'm going to go back and watch the first video again. Long ago I wrote an app for my treo using HanDBase. I kept track of my flight instructor times and used it for simple cost plus tax billing and customer info. I'll go back to the first video, but do you think I can use this? Will it allow for saving some data and exporting to something like a laptop? Really sketchy info I know. Thanks. Jim
Hi Jim, I first used this system to make a data tracking app for my sports performances. Everything is handled with Javascript and the local storage feature, which I use like a database after stringifying it: www.w3schools.com/jsref/prop_win_localstorage.asp Will definitely work the same way for you but it's probably too complicated to make a video about.
Localstorage is the only viable option for saving and loading data locally right now using phone gap is you want cross platform support over the long haul. By design html/Javascript etc is not supposed to have access to local device storage for security. You wouldn't want websites accessing your hard drive... There are some apis that exist but they do not support ios and Android and it looks like support will either be dropped or limited to a single browser type. Boo. No good. The only reliable, cross platform way to export data out of the app for a user to use somewhere else is by sending the data to a server. This could be via Ajax, some kind database, etc. I have not seen a way with straight Javascript that isn't some hack that won't reliably work on all devices to export files for a lay user to pull from the device. If anyone knows please update me.
Do all the pages have to be coded directly within the index html? If I have a website with various hmtl pages, how would I get it to link to each separate html file rather than having to put all the text of each page within the index file?
They can be set up like any other web page, so separate html is fine. Normally you would use a server side language like php and a database like mysql to store and make searchable your content. Hard to do that here, so a single page might work better.
@@TeachingTech Thanks for the response. I imagine you are busy and I hesitate to take up too much of your time. From your answer, it sounds like you can't just have the links go to different html files for a mobile app, and that all the information must be put into a single html file. Is that right? If not, how would you link to the other html files. And if so, how much info can a single html file hold in this situation? Is there a threshold at which it stops working well?
Ok, so i am using WYSIWYG web builder to create html pages for a mobile app, it creates sperate html page files, i have problem changing the transition style, i copy and pasted data-transition="slide" but wont work.
Hi I tried building an app and now I am stuck with two problems as follows:- 1. When I installed it I got a popup stating that the app was build for older versions of android. I used the jQuery Mobile so was it due to jQuery or anything else? 2. I wanted to embed one of my youtube video so I did it and it worked fine on browser even on the inspect screen when I used some phone simulators to check whether the css class for making the yt video size responsive were working or not. However when I installed the app instead of an embedded video I could see the message : Webpage not available The webpage at url could not be loaded because: net::ERR_INVALID_RESPONSE
Hi NIce tutorials.. I followed your technique but...I cant view the app on the iphone. Only on android devices.Even though the compiler does an ios version it scans but does not open in ios. Is there a way to bypass the apple store while testing till the final project finishes or all together and have a private only app on my iphone or ipad? Please help
Hi, Thank you for this interesting video. I have a built a simple two pages in the same file, but in the apk on the mobile all the pages are visible in the same time ! Do you have a solution for that ? Thanks
Nice video guide. Thanks a lot. Could you please make a video which shows how to connect an app to data base and use information from data base in app?!
Hi i have a problem it says that its outdated on my phone and if i add a site with Button than it wont doe anything in my phone it is like nothing is connected to the button
i typed in the script to create the format of the website exactly as you typed it, yet the format is not changing, and i changed the format on inspect element! Can you help? Please and thank you!
You mentioned you will make another tutoring for plugins but you haven't? can I ask why? also, you need to use a better camera sometimes to see what are you doing it is hard
Hi..i'm Iwan.first of all i want to say thank you so much i've been able to bulid my own apps by following your style. But i've one problem and the problem is i couldn't link to external websites when i bulid it as an apps. I hope that you can show me the solution to solve this problem.
Hi, I downloaded the complete code. I am trying to phonegap build for IOS and android. IOS build failed as expected(asking for certificate and profile). Is there a way to generate a profile by which I can test the app in multiple IOS devices?. I have a developer account. My requirement is to test the app in a variety of devices using saucelabs or browserstack. Whats the best approach i can follow?
You should add platform for ios as well. If you have used phonegap application to create required folders. There's a folder called platform you should add ios platform.
@@SagarThapa-nm6pe Thanks, i generated wrong profile. Corrected and it worked like a charm. Do u have any tutorial where we have an app(android and IOS) with both webview and native view components?
I still didn't watch your video, I only saw the final result and I need to know before watching it if I can link a database to the app (I need to save and extract informations from database )
my code is exactly the same but my page doesn't have the smooth transition from bar to foo its both on the same page i am so confused please help if can Anyone probably no one will cause its 2019
When I try to put the default transition, it doesn't work for me... is my text correct? $(document).on('mobileinit', function()( $.mobile.defaultPageTransition = 'slide'; ));
I used HTML5 web storage with JSON as a make shift database for storing stuff. I don't have experience integrating SQLite with Phonegap, although I've used it with PHP.
I use javascript variables stored as json in the html5 storage: www.w3schools.com/htmL/html5_webstorage.asp I will make a video at some stage but it won't be soon.
Can you do tutorials like this with googles flutter framework for making phone apps with native performance (without using the confusing native code, it uses dart instead)
This is exactly what I needed to launch some app ideas! Finally, a way through that doesn't involve first becoming a rocket surgeon! Much appreciated amigo!
Absolutely eye-opening, this jQuery Mobile with Phone Gap Builder is really excellent. What a forgotten gem. People are chasing terribly complex frameworks, let's not name any of them here, when jQuery Mobile is available for many long years. As far as I know Samsung's Tizen Web App for Galaxy Watch was based on jQuery Mobile. This page concept is brilliant. I bought the $1 package right away, My Young Friend.
Found your videos on phonegap by accident. Its a pity there is no part 3. Hope you will still continue and hope you also will do something with databases. Please continue this series!
Like the style very much! Good, clear voice in a right pace (not too quick, not too slow). Good level of nice background music (not too loud, not too low), really helps to focus and stay focused. Good material and great teacher. Thank you!
Thank you very much for the nice feedback. Good luck with your app.
The name of background music mate? It is as good as your tutorial
Hey! :) Been awhile since you created this (these) vids, and I thought I should at least let you know that I appreciate that you've spent a great amount of time putting these together. I'm trying to find a solution myself for creating an application that can use spreadsheet data, etc., that is completely customizable, and 100% free. Thanks for sharing! :)
Please continue your series. Your videos are amazing and great help.
Great explanation, really helped me get started on the App Development unit of my Computing course.
Any chance of another video explaining what you mentioned at the end of this one: plugins and encryption keys?
can you please post part3 for getting key and posting to appstore? many thanks
Really key work bro.... Please continue with the series of the App development
It really helps me about creating mobile app. Thank you for this video. I hope you will keep on providing useful videos like this.💕
Found this by accident and so pleased I did. Can't wait to get started building my app.
Totally gonna hook you up with some cash if I ever make anything from my app. 👍😁
i love this way to create apps, if you know HTML,CSS and JS but dont know JAVA for AndroidStudio , thanks for showing this way
I subscribe because of your 3D printing / CNC videos, but this series is awesome! Had no idea I could make an app with web-programming knowledge.
i paid just for the support you thanks a lot its very big start for me I am your brother Mohamed Muslim from Egypt
I will be glad to support your project , you are a gift to my vission
Hi Michael. Have you had a thought about the third video to get the app a bit more functional as mentioned yet?
This is a brilliant video! Easy to understand, step by step, app beginner friendly! Please, show us the next video about the plugins!
Genius Teacher.......ALL the Best !
Very nice indeed! Great explanatory video for people like me - untouched by any web technology. Thank you.
I've been waiting far too long to see the next video from you on this topic
Thanx dude, wait for the next video. If i may request, can you add an in-app web browser in this project?
It would be great if Adobe Phonegap would accept the entire app, back too and not just frontend, but for what it is, this is really cool
Awesome channel .....
one question, when will u upload next video, cause we are waiting for it, a long time....:)
thank you, i bought this :) ...part 3 please? :(
You have no idea how much you've helped me.
Thanks a lot for this vids .. Hope you will bring more similar tutorials oriented to this app development.
please continue this series. u r doing great work. please continue. please reply ur plan. i m waiting......
TH-cam algorithms are broken. There should be thousands of comments and at least 500k subs here..
algorithm won't make people comment or click on a video.. this video has a very basic thumbnail😒
otherwise this is the best video!!😌
hands down
Damn this was one of the only vids that got me something I was actually looking for
Thank you so very much for posting this. It is clear and informative. And, it has given me great courage to write my own app! Awesome!
I think google doesn't want people to know the info you share because they have friends who are ripping people off with outrageous costs for doing small coding jobs. thanks for the cool info bud. Ill give it a try.
Very nice explained tutorial. Can't wait to see more.
Hi Michael,
I’ve watched your 2 videos on how to make an App and found it fascinating. I did a programming class back in 1980 but now I’m 75 years old my brain is a bit soggy.
I am a volunteer to a community based organisation here in NZ. They have recently purchased an iPad to use for logging patrol reports. I created a template in numbers and it seems to work quite well. Some of the people that volunteer are older and not very computer savvy so I thought I could create an App to do some simple tasks as follows.
A. Log on. B. View previous reports. C. Load template. E. Automatically email numbers report (template ) to an fixed email address.
If there was an App that they can just push a button,it would make it easy for them. The organisation has very little funds. Do you think there is any way that one of your subscribers would take this on as a project to help our community here in NZ .
Looking forward to any replies
Take care.
Thank you Michael
Great training video. Please take care when you copy and paste that you include all the tags properly.
Earlier in the video, you missed a '
I am indeed the typo king. I fixed them mid video but left it out as the video is already very long. Good advice!
One typo error can ruin your day ;-)
Hmmm, I'm going to go back and watch the first video again. Long ago I wrote an app for my treo using HanDBase. I kept track of my flight instructor times and used it for simple cost plus tax billing and customer info. I'll go back to the first video, but do you think I can use this? Will it allow for saving some data and exporting to something like a laptop? Really sketchy info I know. Thanks. Jim
Hi Jim, I first used this system to make a data tracking app for my sports performances. Everything is handled with Javascript and the local storage feature, which I use like a database after stringifying it: www.w3schools.com/jsref/prop_win_localstorage.asp
Will definitely work the same way for you but it's probably too complicated to make a video about.
Localstorage is the only viable option for saving and loading data locally right now using phone gap is you want cross platform support over the long haul. By design html/Javascript etc is not supposed to have access to local device storage for security. You wouldn't want websites accessing your hard drive... There are some apis that exist but they do not support ios and Android and it looks like support will either be dropped or limited to a single browser type. Boo. No good. The only reliable, cross platform way to export data out of the app for a user to use somewhere else is by sending the data to a server. This could be via Ajax, some kind database, etc. I have not seen a way with straight Javascript that isn't some hack that won't reliably work on all devices to export files for a lay user to pull from the device. If anyone knows please update me.
:/ jquerymobile in 2018?
Amazing video! You are a great teacher
Do all the pages have to be coded directly within the index html? If I have a website with various hmtl pages, how would I get it to link to each separate html file rather than having to put all the text of each page within the index file?
They can be set up like any other web page, so separate html is fine. Normally you would use a server side language like php and a database like mysql to store and make searchable your content. Hard to do that here, so a single page might work better.
@@TeachingTech Thanks for the response. I imagine you are busy and I hesitate to take up too much of your time. From your answer, it sounds like you can't just have the links go to different html files for a mobile app, and that all the information must be put into a single html file. Is that right? If not, how would you link to the other html files. And if so, how much info can a single html file hold in this situation? Is there a threshold at which it stops working well?
again great video! very useful to understand the basics.
Hello, is it possible to do this with the phonegap desktop tool?
very useful tutorial. thanks a lot for this. I will probably donate more than a dollar once I start monetizing my venture. :)
I love this , but I have been searching for the continuation of this tutorial. please can you send me the link. thank you
Hi, I purchased the shortcut, but I need to change some of the text in the app. How do I edit the index HTML file that comes with it?
Ok, so i am using WYSIWYG web builder to create html pages for a mobile app, it creates sperate html page files, i have problem changing the transition style, i copy and pasted data-transition="slide" but wont work.
Hi I tried building an app and now I am stuck with two problems as follows:-
1. When I installed it I got a popup stating that the app was build for older versions of android. I used the jQuery Mobile so was it due to jQuery or anything else?
2. I wanted to embed one of my youtube video so I did it and it worked fine on browser even on the inspect screen when I used some phone simulators to check whether the css class for making the yt video size responsive were working or not. However when I installed the app instead of an embedded video I could see the message :
Webpage not available
The webpage at url could not be loaded because:
net::ERR_INVALID_RESPONSE
This video is great easy to follow. thanks so much.
Hi NIce tutorials.. I followed your technique but...I cant view the app on the iphone. Only on android devices.Even though the compiler does an ios version it scans but does not open in ios. Is there a way to bypass the apple store while testing till the final project finishes or all together and have a private only app on my iphone or ipad?
Please help
Hi, Thank you for this interesting video. I have a built a simple two pages in the same file, but in the apk on the mobile all the pages are visible in the same time ! Do you have a solution for that ? Thanks
Does it display correctly in the local browser when you test it?
I have found the solution, I just had to put Jquery mobile files in local rather than CDN.
liked your tutorial....bring on more of these...you just made 30000++ coders
i cant do it with ios sir, please help me
Thanks,
how about side server? got any tutorials?
The best app video on TH-cam but now it doesn't work any updates on new programs?
Nice video guide. Thanks a lot. Could you please make a video which shows how to connect an app to data base and use information from data base in app?!
I have followed your video, but in my app all the pages show up instead of showing up one at a time. everything else works what am I doing wrong?
This has been so helpful, did you go on to make any other app videos?
Hi i have a problem it says that its outdated on my phone and if i add a site with Button than it wont doe anything in my phone it is like nothing is connected to the button
i typed in the script to create the format of the website exactly as you typed it, yet the format is not changing, and i changed the format on inspect element! Can you help? Please and thank you!
You are a legend!! Thank you for helping us all...
i did everything but it is not making a menu like yours
You mentioned you will make another tutoring for plugins but you haven't? can I ask why? also, you need to use a better camera sometimes to see what are you doing it is hard
Thank you for this tutorial. It is very helpful.
Where is the video on plugins?
Very helpful. Thanks.
Very good info. Thank you
Epic when are the next ones coming out?
i update my new app goes error?
what should i do
Hi does anyone know if you can upload mp3's on the app that users can play and listen to? Thank you!
the shortcut is not available in my location
Just bought your code :-),
and then found out that Phonegap Build stops working Oct 1 2020.
Any alternative ??
Man you're helping me a lot! Thanks in advance.
How can I upload images to the app
If we would like to add video can you make a video on that?
is there a code for changing background/color?
Thank you so much, dude 😎
I am so fascinated by everything ive learnt from you so far. Is there anyway to get in contact you one on one.
Hi..i'm Iwan.first of all i want to say thank you so much i've been able to bulid my own apps by following your style. But i've one problem and the problem is i couldn't link to external websites when i bulid it as an apps. I hope that you can show me the solution to solve this problem.
Thanks for this 👍
This very helpeful thank you.
Hi, I downloaded the complete code. I am trying to phonegap build for IOS and android. IOS build failed as expected(asking for certificate and profile). Is there a way to generate a profile by which I can test the app in multiple IOS devices?. I have a developer account. My requirement is to test the app in a variety of devices using saucelabs or browserstack. Whats the best approach i can follow?
You should add platform for ios as well. If you have used phonegap application to create required folders. There's a folder called platform you should add ios platform.
@@SagarThapa-nm6pe Thanks, i generated wrong profile. Corrected and it worked like a charm. Do u have any tutorial where we have an app(android and IOS) with both webview and native view components?
I still didn't watch your video, I only saw the final result and I need to know before watching it if I can link a database to the app (I need to save and extract informations from database )
But how do I put a picture in the coding
Amazing video! Thank you so much! this helps me alot.
please create more pleeease
Thanks for watching. There is a follow up video on jQuery Mobile.
my code is exactly the same but my page doesn't have the smooth transition from bar to foo its both on the same page i am so confused please help if can Anyone
probably no one will cause its 2019
got the same issue. u find a fix?
When I try to put the default transition, it doesn't work for me... is my text correct?
$(document).on('mobileinit', function()(
$.mobile.defaultPageTransition = 'slide';
));
This isn't working for me either.
Sir, how to open a link and open it to a browser?
Very nice video more video upload.
Can you please teach us how to add admob ads to our phonegap projects? Thanks 🙏. I love ur vids u are best explainer
I bought it. Thank you!
Hi Buddie, I loved your video, what is the next? how can I connect to an SQLite Database from PhoneGap?
I used HTML5 web storage with JSON as a make shift database for storing stuff. I don't have experience integrating SQLite with Phonegap, although I've used it with PHP.
Where do I get the zip folder/
uau you help me soo much. thank you. you have my like and one more subscriber
Hi can you also add to your next vid about how to deal with database or sqlite ? thanks
I use javascript variables stored as json in the html5 storage: www.w3schools.com/htmL/html5_webstorage.asp
I will make a video at some stage but it won't be soon.
I cant find out how to change background color / image!!!
Isn't it just some css code to add?
Can you do tutorials like this with googles flutter framework for making phone apps with native performance (without using the confusing native code, it uses dart instead)
I can look into it but videos on coding aren't as pool
Umar for me so I only do them occasionally.
you're the best!!
Back to foo isn't working, can you help?
But Does the CDN WOrks Offline? W
Your Tutorial Helps alot, Please Can you Help and Do Tutorial On How To Install Cordova Plugin On PHONEGaB?
Thank you!
the scaling doesn't work for me! Could you help me find issues?
I am having the same issue were you able to figure it out?
@@codywilk75056 Nope
@@FmgroupStudios Same for me.
It's working for me. I have wrong words in js line. try make sure every words correct.
Please do an updated part 3