Since Phonegap is not a programming or scripting language, you don't "code Phonegap". That may be the reason why you don't find any tutorials.
You want to change the Hello World app? Then change the html, css and images included in the default package.
Yeah, the CSS was the issue. Both the index page and the other page had the same background image. I changed some of the html and it looked like it was only updating a piece of the page. We have built Web Apps before, that were browser based and worked online/offline with sync. So most of those types of things are familiar to us. We just have not packaged things up in PhoneGap yet. In fact we used KendoUI for that project.
jQM, that has not been updated in LONG time, and it is questionable if it will be updated in the future. I like bootstrap sort of, but for a dedicated app having a locked footer menu (icon) bar doesn't seem to be possible. It may be but I did not find that.
I am curious how to add plugins and configure things using the Desktop app. Any suggestions there would be helpful as the documentation here is really thin.
If you're using Phonegap Build, the Desktop app will most likely not be your first choice for a tool to work with. It is targeted at local Phonegap, and will - as far as I know - only support core plugins, not third party plugins.
You'd be better off editing your code in your favorite code editor and testing it on real devices. You may want to use emulators, Phonegap debugging facility and/or a local console, but that's not strictly necessary. Before publishing your app, it is almost required to test on various real devices, though.
The Phonegap Build docs and the docs for each plugin will guide you on how to configure and use each of them.
How does it support core plugins? I don't see the docs on using those. It looks more like prototyping and mock'n out the UI as far as where it will help.
Oh, VectorP, there is no editor in the Desktop. Yes, I know the docs tell us how to use them in code. I am wanting to learn how to get to that stage in the dev workflow.
"Your favorite code editor" would be a third party editor, or perhaps even Windows Notepad. Developers usually have their own favorite editor, chosen from hundreds available. They are also called "html editors" and there are also full fledged IDE's.
What do you use to create a website?
The Desktop App is indeed a basic thing to get a feel of what Phonegap is like. Play around a bit, test a couple of basic things, but that's about it. Some developers use it for a quick first test of the UI. (I don't)
It's not something you will want to use for serious development.
I am working on a Win 10 system, that has PhoneGap installed and tried to update to the current version of CLI. This was my results, and I have no idea how to update those pieces.
I am considering creating a community of testers that walk through tutorials on popular tech recording screens to show the difference between what they experience and what the creators think is happening. This is not to be spiteful but rather it would be a great thing to bring clarity and to eliminate the thinking end users just don't follow instructions. It would also be great for enhancing the instructions for regular stumbling points.
I have used Visual Studio, Notepad, ColdFusion Studio, DreamWeaver, Sublime, Brackets, PHP Studio, and many other IDEs over the nearly 40 years I have been writing software. My development began on a Commodore Pet with 4K of system memory. Then to PHP 11/45 systems as a flight simulator technician in the US Navy. The list goes on... just thought it might help you to know tech is not a stranger to me.
Yes, I am familiar with searching for answers. That is why I am here, the answers I am finding are not working answers. Notice the image capture here.
You see the version for mismatch is 3.10.6 and still the install upgrade is giving warnings for a different version. That kinda kills development productivity.
I am not familiar with that software. But I notice you display the version for 'mismatch', not for 'minimatch'.
- The WARN errors you get when installing PhoneGap, though not ideal, are not going to cause issues with running the CLI. They should be updated, yes, but that's typically not something that will break the install.
- The error indicating that "inflight" can't be found feels to me like a borked/incomplete install. It's hard to give any advice other than "Uninstall PhoneGap and try again" since we don't have the complete output. Some threads that might be of use: react starter kit - npm module error on 'inflight' when attempting to build semantic UI - Stack Overflow ,Modular error when running gulp serve-dev · Issue #77 · johnpapa/ng-demos · GitHub
- Please, please, please paste error messages as text, not images. I can zoom in on text and still read it, copy & paste for Google and other forum searches, quote it, etc.
- "npm -v mismatch" will not tell you anything about the version of a particular package. npm is just ignoring the "mismatch" parameter and returning the version of npm. If you want the latest available version for a package, you want this: "npm info mismatch version". And this would also point out a problem: there is no package named "mismatch". As @VectorP mentioned, you've got mismatch and minimatch mixed up. "npm info minimatch version" gives 3.0.2.
- PhoneGap Desktop is extremely limited in scope -- it currently aids only in the creation of projects and in serving those projects to either the browser or the PhoneGap Developer app. It has no mechanism currently for adding platforms or plugins, although I imagine it will gain that functionality at some point.
- PhoneGap Desktop / Developer App combination only really makes sense for playing around with an idea and rapid iteration (that is, trying to avoid time consuming build phases). It is not intended as a replacement for the CLI yet (and perhaps never? I don't know the long-term goals there).
- PhoneGap doesn't care what tools you use to edit your web code. Use whatever tool you are most comfortable with. Personally, I am quite enjoying Visual Studio Code at the moment, but if you're comfortable with emacs, you can do that too.