One Click Convert Web App to Mobile Application

No video

One Click Convert Web App to Mobile Application

Рет қаралды 90,530

Жыл бұрын

Demonstration using a one-click web-based conversion tool that makes app store files for you from a web application built using JavaScript, CSS and HTML.

Пікірлер: 112

@user-ps8jg3hz8w Жыл бұрын

Am so happy to see Adam's tut again. I learned greatly from your PHP tutorial series about 11 years ago. Thank you

@MRMOTOFOTO Жыл бұрын

The old school thumbnail made me think this was from years ago. Lol

@AdamKhoury Жыл бұрын

lol yeah I thought everyone would get a kick out of seeing the old thumbnail layout

@DustinJJ98 Жыл бұрын

😂same

@AzlanAziz 9 ай бұрын

Same

@IamEffiom Жыл бұрын

Adam So glad to hear from you again Actually made my childhood days with good tutorials

@cirusMEDIA Жыл бұрын

Thanks, nice to see a video from you again. Just recently, I was forced to upload a .AAB file to the Google PlayStore since they no longer accept the .APK files. Just something to note.

@uv886 2 ай бұрын

Error show . Index.html not found under root of the zip file.

@mododi2072 2 ай бұрын

Same

@hanes2 Жыл бұрын

Wow, I haven’t seen a video from you in very long. I remember you doing tons of php

@sauravdas8390 2 ай бұрын

This is exactly what I was looking for, thank you mate, you are great...

@natz1990 Жыл бұрын

Thanks for your contribution to my learning in PHP HTML JS AND CSS, your a great teacher! I donated £100 to your paypal via developphp about a year ago, but couldn't leave a thank you message. From learning PHP (Web Development) I now understand C# and can develop games

@AdamKhoury Жыл бұрын

Thanks for the donation! Nice to see the attached "thank you" message. Sounds like the student has surpassed the teacher! Awesome.

@aaroncatolico7550 7 ай бұрын

*Great tutorial as usual, Adam, but just to let you know, you could have done a very simple internal recording in your mobile phone using your mobile phones internal "Screen recorder" instead of an external recording. Also, do you have anything showing how to convert PHP applications to mobile? Thanks again.*

@GustavoFerreira-cx5ok Жыл бұрын

I did exactly what you did but the website says my index.html is not in the root of the zip folder. Does anyone knows why?

@hanes2 Жыл бұрын

Yeah damn, I checked your video history,,, it was 9 years ago I saw your last video 😮

@AdamKhoury Жыл бұрын

haha... nice we can connect again, thanks for interacting

@user-hh9qt7kp8t 20 күн бұрын

What if you want to convert a folder that has individual html, css, and js files in it for organization purposes?

@brightkinful9146 4 ай бұрын

Hi, there Great Man. I am profoundly grateful for this tutorial. You bailed me out of jail as I was stuck in the middle of a very important and crucial project. Hope to see you Apache Cordova tutorials soon. God Bless You.

@SylviaKhan02 11 ай бұрын

I have three files separate files of html (index.html), css and java script in a single folder .....I zipped the folder and tried to upload it I am getting the error ""index.html" file is not found in the folder" what shall i do ?

@Aditya_Soni_23 10 ай бұрын

same error

@sentient1705 Жыл бұрын

Remember to use the total before taxes to calculate tip

@holisticdevelopment4202 Жыл бұрын

Hi Adam, its 9 days already, we are waiting for your next technical video. Thanks

@AdamKhoury Жыл бұрын

Currently experimenting with all of the conversion software, to see which I like best. There are 4 or 5 popular tools. Won't be much longer.

@cyriljimrylgana3243 11 ай бұрын

tysm i really need this for our research proposal u save my day

@AndyRocket1000 Жыл бұрын

Great, looking forward😞to more tecnocal episode ⛄️

@muhammadabdullah3566 Жыл бұрын

it is giving me error like The file 'index.html' was not found under the root of the ZIP file.

@judeleon8485 Жыл бұрын

Thanks Adam, for this tutorial

@miguiaculiacan Жыл бұрын

Looking forward next videos on this topic !

@AdamKhoury Жыл бұрын

Just uploaded a new one for Apache Cordova.

@PennyPincherCoins 2 ай бұрын

if a person do not want to use on store, how to use? also how to make so users will install to homepage with icon like all mobile apps have shortcut?

@sonleq987 Жыл бұрын

Nice tutorial, but the progress bar doesn't update as we drag it. Can you show us how to do it?

@AdamKhoury Жыл бұрын

I remember you from Facebook. Nice to see you again. Sure you can add oninput or onmousemove event handlers to the slider that has onchange event. Try oninput first. This way not only when the slider value changes upon mouseup do you get numbers, but while dragging also, the function should be firing off giving numbers.

@AdamKhoury Жыл бұрын

onchange="tipCalculate()" (

@sonleq987 Жыл бұрын

@@AdamKhoury hi Adam, I am glad you still remember me. I am really glad you are back :) I was looking at youtube tutorial on how to update slide percentage on youtube. After going to all that crap, it still didn't work. Then, you just give a simple answer, change onchange to oninput or onmousemove and it update the percentage as we slide the bar. onchange="tipCalculate(this.value,'bill')", >>>>> oninput="tipCalculate(this.value,'bill')", That is all I did...:)

@AdamKhoury Жыл бұрын

@@sonleq987 Right on partner. That's better functionality for the app. Talk to you soon.

@TA-MUSIIQUE 3 ай бұрын

how to do that (html) + with CSS and Javascript files attached + making the app work offline ?

@intelula 6 ай бұрын

awesome video. For future videos, you can either lower the screen brightness to match the ambient light your camera is adjusted for or just do a screen record on your phone.

@Stranger-gd6sc 2 ай бұрын

I did html css and javascript in separate files then how to do this

@piyush5070 Жыл бұрын

You are amazing sir ❤🎉

@sonleq987 Жыл бұрын

@Adamkhoury Does the conversion scale the web app you created in html, css, js? Or do you have to build the responsive in CSS before uploading the file to convert to mobile?

@AdamKhoury Жыл бұрын

I'm not sure. I only used that tool 1 time for demo purposes. I would guess that we have to program in the scaling or visual changes when a user turns their device to different landscape/portrait viewing modes.

@ToddMichaelSoule 4 ай бұрын

Do you know how you would submit to app to the Play Store? Figured it out actually... t's a bit obnoxious honestly.

@cnrivernene Жыл бұрын

Great video Adam! 🙌👏

@AdamKhoury Жыл бұрын

thanks!

@kevinthomas3669 Жыл бұрын

Big thanks Adam.

@AdamKhoury Жыл бұрын

yes sir no problem

@hk254lyt8 Жыл бұрын

So I don’t need to build the app from scratch? I’m doing a school project and I have already built the web and I want to make the app too but I don’t know if the professor will allow this method

@christian-schubert Жыл бұрын

Man, Adam, this tutorial and your announcement got me REALLY excited. REALLY hoping you're following through with it! 😃 I remember there was a time when you could just upload your files to Phonegap with no strings attached whatsoever - didn't even have to log in or anything and would still end up with a viable APK after literally MINUTES. These days, whenever there's a tutorial that claims to "easily convert the classic HTML, CSS, Javascript stack to mobile", you can literally count the seconds until Angular, etc. are mentioned for the first time. However, in simple instances (like the one you demonstrated), I'm not interested in jumping through all these hoops - if going native requires me to rewrite half of my codebase anyway, I'll rewrite it in Kotlin / C# right away (not that I'm an expert, but really simple projects shouldn't be too hard to pull off). Why for the love of God should I or does ANYONE (for that matter) take the Angular detour in the aforementioned usecase - NEVER understood that (sorry Angular for all the tough love, you're merely serving as an example for the plethora of frameworks out there 😄) Merry Christmas everyone

@AdamKhoury Жыл бұрын

I wish KZfaq would give me notifications consistently, just seeing this. Sorry about late response. Apache Cordova is Phonegap's new name. I am going to follow through with converting web apps to mobile apps tutorials. I installed Cordova, set it to produce Android app from my JavaScript app and it worked. I still need to experiment some more to nail it down. Honestly, it is cumbersome and technically difficult for someone like me. Took me two days of free time to just make it operational on my Windows 10 OS, fulfilling its list of demands and dependencies. You should install it and play around, might be easier for you. I'm in agreement with you about jumping through hoops to convert web to mobile. After playing with it a bit, I prefer to just open Android Studio and code with Java. I am formulating a curriculum of sorts for 2023 that goes something like this... 1. Cordova(or similar) to convert JavaScript app to native mobile app or desktop software 2. SPA(single page application) development 3. PWA(progressive web app) development using the SPA from previous vids The latter 2 topics make a domain or URL into a mobile app of sorts that users can add to their homescreens, complete with access to mobile hardware like gyrosensors, camera flash, etc... PWAs could take some power and monopoly away from Google and Apple slowly over time if web geeks can do impressive things.

@christian-schubert Жыл бұрын

Forget PWAs. Progressive Web Apps are a typical usecase for someone who expects a WEBSITE and is then pleasantly surprised by the bonus functionality of a shortcut on their device's interface for facilitated revisits. However, that option of "installing" said website on the device may or may not be offered to the end user, depending on their browser mode, the browser itself, their device configurations etc. This leads to all kinds of unforeseen consequences when you conceive your product as an "app" - yet half of your pool of end users is still accessing your "app" as a website. If you're tasked with building an APP, a PWA simply doesn't cut it.

@AdamKhoury Жыл бұрын

@@christian-schubert Nobody is saying that PWA === Native Mobile App. That's why Apache Cordova is #1 on my upcoming tutorials list. If we thought PWA === Mobile App, Cordova would not be in my curriculum. PWA has its place as a new tech currently, and if it offers nothing special as you say, it will not last and fall away, and that is fine. However I would not avoid learning it, some client may request it. Business owners will see others sites and services offering it, and might request their developer make it happen. Even if the perks or advantages are slight.

@AdamKhoury Жыл бұрын

Also before anyone reading this gets the wrong idea about Cordova or similar conversion tools, nobody is saying that... Cordova === Java and Android Studio For best results, learn Java and Android Studio. Some people might not have time or mind for that though.

@christian-schubert Жыл бұрын

Well, whatever you'll come up with in the end, I'm certainly along for the ride! Still remember the golden days of a long bygone era (when Flash still was a thing) - I constantly got stuck being the absolute noob that I was, however, WHENEVER some problem would come up, you could ALWAYS revert back to some video by Adam Khoury that would simply NEVER fail you. 👍 So great to see the legend return!

@justayoutuber4457 Жыл бұрын

can it run push notifications ? ive done the other thing like firebase , google fcm etc. but need to connect the code to the paltform. how ?

@HZBaloch 7 ай бұрын

Really great helpful tutorial 🙌🙌 Also, do you have anything showing How to Convert a Django Website to a Mobile App?? Looking forward next videos on this topic

@Craftjo-tb1ud 3 ай бұрын

Does this also work when having seperate JavaScript or Css files?

@tagelassefa Жыл бұрын

Hi Boss, why dont you use a simple mobile screen recording software to make a record on your phone and merge with the desktop recorded video....

@NedumEze Жыл бұрын

Wow! Highly instructive, Adam. Thanks. But, it appears that process cannot handle PHP projects?

@General_Aladeen Жыл бұрын

move on from php, gotta go with NodeJS

@NedumEze Жыл бұрын

@@General_Aladeen Nope

@AdamKhoury Жыл бұрын

@@NedumEze Shame on you Paul hehe. Every highest-traffic websites in the world uses PHP. Don't throw PHP out for any up-and-coming frameworks. Use both. Ajax call to a .php file on your server. We'll return a JSON data packet to the App. Sit tight buddy, I'm going to produce a video series on taking things further using one of the conversion tools, but not the one in this video. We may use Node.js in the video series... but if Ajax can call from the App to PHP file on your server online, we won't use node.js for that call, I will use PHP where possible for server-side and database comms.

@kakschoen Жыл бұрын

That's because PHP is a server script. You can host your PHP on a regular webhost and use the URL to generate an app.

@ho77iday Жыл бұрын

I watched this 4 times trying to grasp the same thing

@Tokinjester Жыл бұрын

Any plans for covering (PWA) Progressive Web Apps?

@AdamKhoury Жыл бұрын

sounds good to me Jim. I'll cover this material first then look into making a series for that. Personally I think all software that is not part of an operating system should be web-based for maximum reach and ease of access regardless of OS.

@Robel-ng9ij 5 ай бұрын

Thanks bro

@getsmartonline509 Жыл бұрын

Ok now let's look at the scenario where the app needs to be ONLINE How do you make it synchronized with the hosting server

@lsouza1327 Жыл бұрын

you can use a program called scrcpy to stream your phone screen to the computer

@beinyourguard Жыл бұрын

very nice

@bollywoodmovies32023 Жыл бұрын

Awesome thumbnail bro

@S-Lomar 10 ай бұрын

Thank you for sharing ❤️💕💕💓💕💓💕💓

@AdamKhoury 10 ай бұрын

No problem 😊

@dastgirakhtar9782 Жыл бұрын

Nice

@dennisfrancisco908 Жыл бұрын

not working for my laptop i did not see html css javascript and also php file in this application i follow the tutorial already

@anmec9484 Ай бұрын

Maybe if you turn off the lights

@kiwalabyebash8947 11 ай бұрын

how do other people access and download my apps because i see downloads i dont know how they come about? anyone help me

@1playfair Жыл бұрын

Cool video thanks for the knowledge

@UlfaNadia 14 күн бұрын

can this web in php to mobile apps?

@metamask0x 9 ай бұрын

Is there android app to website converter ?

@Anythinggoesmusic755 8 ай бұрын

do it contain annoying auto ads by that site

@maxharrison-jt5qw Жыл бұрын

Hello Adam, let me if you can make a private script for me. I will be waiting

@AdamKhoury Жыл бұрын

Sure what kind of script are you looking for? Describe what you require, it may already exist somewhere online. If it doesn't exist we'll talk about rigging it up from scratch.

@anmec9484 Ай бұрын

Can´t see the cell screen