Mobile Apps - Web vs. Native vs. Hybrid
HTML-код
- Опубликовано: 1 июл 2024
- In this presentation we will examine the pros and cons of the different types of mobile apps that you can build. We will look at web, native and hybrid mobile apps and compare things like performance, price, difficulty to maintain, etc
SPONSORS:
ZEQR - www.zeqr.com
MEGA MOBILE COURSE:
www.eduonix.com/affiliates/id...
BECOME A PATRON: Show support & get perks!
/ traversymedia
ONE TIME DONATIONS:
www.paypal.me/traversymedia
FOLLOW TRAVERSY MEDIA:
/ traversymedia
/ traversymedia
/ traversymedia 
Наука
Nativescript is also definitely something to look into - www.nativescript.org/
I will be researching this hard to make a video on it
I was about to post a comment on you not mentioning NativeScript. Seems to be a competitor to Xamarin, but it uses Javascript instead of C# so should be easier if you already know JS. Looking forward to your video on this!
Great Video however I was a bit let down because you missed out NativeScript.
NativeScript is brilliant, it is the biggest competitor to React Native however NativeScript is well documented and is easier to get up and running. I look forward to your video on this.
If you will make a app like Snapchat, with camera and filters, i don't recommend NativeScript.
He's less popular and don't have much plugins to specifics tasks.
I try to build an app like that and it was a failure, React Native is superior in these points and others.
Do you have a tutorial on how to build a progressive web app? Love your channel!
h
"the 4 people that use blackberry and windows phones"
died.
I'm still using windows phone (MS 535). hehehe
They did not. They switched. haha
A year later.... are there still 4? :)
I use Microsoft Lumia 950, but we are going extinct. LOL
I'm using BlackBerry priv , itsss awesome
Hindsight: You actually can have a website as an icon on the home screen. Scratch that disadvantage :) Thanks for watching!
Traversy Media but that'll still require a web browser. So let's unscratch 😃
I just meant that particular point of not being able to have the icon on the home screen. Yes running in a web browser sucks
Could you give us a short vid to show how to create an icon pointing to a web app? Also, in thinking about it, I don't really see the issue of having to use a browser. All platforms have them and they are mainly a rendering engine, right? I would also guess that a hybrid app has a browser in there somewhere. Just musing. . .
In the video he's talking about icons on your cellphone's desktop, I'm not sure about iPhone, but on Android, if you're using Google Chrome as a browser, just click/touch the icon for more options on your top right corner (the 3 vertical dots) and choose Add to Home screen from the menu, it'll send the current website to your desktop.
As always, great video!
On iOS using Chrome for example, you can bookmark websites to your home screen, in doing so it will create an image of the website and save it to your home screen. Clicking this icon on your home screen will now open up Chrome and go directly to that website.
6:30 you've just destroyed my dream of starting a company making native apps for Windows and Blackberry
The way u explained is flawless!! you are a great tutor.
thank you man!
I recently build a hybrid app with Ionic 2, and my experience with it was pretty good! If you know Angular, you know Ionic, which was really cool for me!
yesss. I have waited so long for something like this. Appreciated!
This information is amazing. Thank you for taking the time to inform people like me who are clueless about this stuff.
Needed that information for clarity. Thank you Brad and than you youtube for suggesting.
Brilliant Video and really useful information for my Angular exam Friday. Thanks a bunch!
Great! Very useful information. That's very clean and clear explanation delivered perfectly, Thanks for making this video!
Great video and One of the best youtube chanells out there
Consistently one of the best on youtube.
Great work Brad. I have learned so much from your videos over the past month I just became a Patreon
Very nice Video & Very nice Explanation.
Finally I understood the concepts and difference between Native, Hybrid and Web Apps.
Thanks.
So... late last night I was looking at mid 90's Zoo York videos of skateboarders that used to hang around washington square park and Harold Hunter vids....when I see Traversy Media commenting on how the area has now changed.... Didn't know you were a skater!
That aside, thanks for the hybrid app overview!
Thank you great video. explain well making very clear concept. I did learn something form this tutorial...
Another informative video! Keep going man!
Very nice Video.
Thanks.
Finally I understood the concepts and difference between Native, Hybrid and Web Apps.
Thank you so much for sharing this useful data! Greatly appreicated
You are the man!! thank you for your effort short video but very handful knowledge for the ones who just want to understand the differences . Thank you again .
Great, I love your tutorials and you are doing excellent. My humble suggestion is if you could create tutorials on creating mobile apps using android studio.
Thank you for this educational piece!!
Very interesting subject. I think I'll go hybrid from now on... thank you for opening my eyes ☺
Awesome video! Thank you
superb demonstration !!!
awesome explanation!
keep up the good work
This video helped alot!!!! Thank you!
thank you so much ! great video ,you just made my life a lot easier !!!
Great overview, Brad! I've heard of React Native and have considered learning it alongside React after finishing your Angular 4 video, however I was also tempted to learn Kotlin (a replacement to Java for Android SDK) to dip my toes into mobile development. However I think you explained in a very succinct manner both from a student's standpoint (i.e. what to learn) and a business's perspective on what the best tools to learn would be (in this case, going from Hybrid apps as the best "bang for your buck").
Thank you sir for this session
This video really opened my eyes
Very helpful! Thank you.
Great and Informative Video!!
Thanks for thos video
It helps me a lot in my project
What a good example of a hybrid app?
Very Nice Explaination !!!
Brilliant. Thanks a lot Brad.
a series on hybrid or xamarin would be pretty good. nice video :)
I would love to see this updated in 2019. With Kotlin I think and other changes this has changed.
Nativescript is dope. Using it at work right now. Very solid API and set of core modules, and they even let you write your own custom typescript/javascript if you need to reach out to a native component that is not yet supported through their core modules
Hi! Thanks for the videos! I was wondering what your thoughts are on replacing flexbox and bootstrap with CSS grids. Can you make a video if you have had any experiences with CSS grids in your job?(I know they only recently became supported on all browsers)
What an Outstanding video and content as well. I found this an excess of informatics. I was looking for it. I might want to suggest that if it's not too much trouble, continue to share such kind of data. If potential, Thanks.
Thank you Sir for these infos
Excellent tutorial sir
clear explanation, good video
the fog has been cleared. thank you sincerely
I watch your videos Every day and I really want to take your Mega Mobile development course. I checked out the link you provided on RUclips and it says the course is no longer available.
Please how can I get the course?
thumbs up for you (Y)
Very Informative video!!
Looking forward to more videos like this
HI Brad , can you advise or make a video on PROGRAMMING FRAMEWORKS , I mean what components does a framework rely on or need . The reason I ask is because I was trying to learn c++ but am struggling with what types of compilers I need for even how to install one .... this would really be helpful ...thanks man !
With what I'm doing this is very useful im really interested in the hybrid app 🧐
Hi Brad, you are amazing! I checked your tutorial on eduonix using your link at the end of the clip and do I need to learn JavaScript first before taking on the course or is it covered in it. Thanks
An interesting overview. If you do a tutorial/series with Xamarin, I'll shout "Yay!" for sure. :-)
great video dude!
Great Video, Thanks
Hi, Off topic question:
Have you made any video tutorials on OOP design patterns with examples? If not, any plans to make one?
thank you cleared a lot.
Thanks, I wished you picked out 2 hybrid apps that are stellar for Android and IOS that shows hybrids potential !
please make a 2019 version of this.
Flutter pretty much is added to the list
Kotlin
thank you very nice explain.
It seems to me there is a huge advantage for web apps in secure environments. When I worked for the Federal Government I had a govt laptop, but I was not an admin. Generally I couldn't install apps. Not sure if the Windows store would have allowed me to "install" a hybrid app or a pure app on my machine. A web only "app" wouldn't have this issue. Interestingly my govt phone (Galaxy S5) was less restrictive. I installed a number of apps from the AppStore, no problem.
This is really useful video and it's give good view to choose what is the good thing i could start with when to start mobile application developing , I Think i will straggle in AngularJs tech. and React too , Thanks for the video keep up the good work :)
That was great info! Very compact and structured though one false information, Xamarin doesnt use javascript im pretty sure
Another advantage of hybrid app is there are tons of code snippet on the internet that you can copy & paste or modify to use in your project .Bad point many native app developers hate you.
Do you plan to cover PWA as well? In future videos
I really like your videos in fact I started watching a tutorial videos of yours some day ago. I was was curious about this topic you bring on now and I waited and have to say that I disagree about web apps disadvantages the only disadvantage is that you can not post it on any app store. A web app is fast, however it may be slow if you have a slow internet connection. Mobile browsers are blazing fast. Also you can pin any web app start url on your phone screen. Recently there appeared new APIs for mobile web developers and with that you are abble to access almost every aspect of your phone eg geo location, orientation, is it charging and many more.
every time I need to have an insight for something I`d rather check first if Traversy Media has something uploaded before trying to find any other new sources.
NativeScript is the Angular version of React Native and should be slotted into the 4th type.
which is better in your view?
Depends what you prefer. Angular then go NativeScript, React, then go React Native.
Nativescript is not "limited" to Angular. In fact, you can go vanilla JS, "vanilla" TypeScript or on top of a number of different frameworks. Angular is basically the first that comes to mind, but there's nothing to prevent using others and I've seen people working with Preact or VueJS along with Nativescript
excellent video
great tutorial!
Hmm this is a tough one for me. What if you started already learning swift? Should I continue or drop it to learn hybrid?
Really useful 💯
You can have quick links to web apps on mobile devices so it looks like an app shortcut
Is there an updated version of this presentation?
thanks. it's helpful :)
Hey! Thanks for the video. I just want to point out that on iOS, you can actually access any website with an icon on the home screen: Safari provides an option for that.
Chrome on Android has a similar feature. But a user has to do it manually and might not even know about that feature.
good video, thanks
would it be a good idea to first create a test app as hybrid or web and then if your users like the service very much then you can rebuild the app from scratch in native. i understand that this can become expensive but what is your opinion on that? thanks
useful info thankyou
That's where Flutter comes to solve many of the disadvantages.
thank you i was going to say that.
what if i want my app to work on browsers and as an app too ? i mean i have to make each one separately right ?
trav k you make a tutorial on how to deploy a nodejs app on digital ocean using nginx?
Hi, I am a UI designer just wanted to know, do deigners need to provide two different ui screens to developer for android and iOS for Hybrid app?
Interesting, thanks.
Excellent explanation..! I have One more doubt, can you explain me examples of Native and hybrid mobile applications?
Hi. As far as I know Xamarin doesn't use strictly web technologies (html, css, js) as react native does (jsx), Xamarin uses C#. Great video.
C# is a web technology in that it is used as a server-side language for web apps
Dok Asov Yes C# can be used as a server Side tech with .net but in Xamarin is used to build the client, the app..
The 4 people that use blackberry and lumina phone and the video has 4 dislikes. Coincidence?
the video had 4 dislikes when you looked at it... you are the coincidence.. hahaha
gonzo191 I just think a lot of you don't know how good blackberry &a windows phone were. They worked great. Platform & security top notch. For black not windows. You all are just not old enough to know. Or sent enough time with to see pros and cons. If supported I would take either over android any day. But big $ couldn't have that.
What about progressive web apps?
I was going to point out exactly this, progressive web apps solves the problem with the Icon, and also allows the web app to work offline which is a great disadvantage if you don't use service workers.
PWA's are being listed in windows store/soon to be, and play is considering adding them too(though i'm pretty sure you can grab the apk that the pwa now generates and list it yourself).
As for IOS, it may be getting there slowly as they are now marked as in development for Service workers for safari, so thats a start.
@@lucyegan82 Won't be backwards compatible though. Why not instead use a cross platform native framework, gives you more control and is more fun. In my opinion people who develop for mobile should in any case learn the underlying platforms.
@@xpopcornx1747 fun is the last word I would use, atleast for react native, we use it at work for 1 app and it's the worst thing ever. Also if your worrying about older devices they can always fall back to the browser hence the progressive part.
@@lucyegan82 As a mobile dev I am simply not nearly as interested in making web apps as I am native mobile. Have not used React Native but with Xamarin you use much of the same api as native development only with c# wrappers, unless it's Xamarin.Forms which has its own layer on top. Still this is more interesting to me than making web apps as it is something that runs natively on the device. I think it is important to differentiate mobile developers and web developers because these are usually not the same people.
thank you so much
Hey make a video on app development with nativescript
Hello Sir !! You make Great Videos sir, I just had One Question to ask I have completed Your CSS and Html5 courses and also Finished with Bootstrap and Flexbox.
I am currently working with Java script . So I just Wanted to Ask You what should I go for Next ..
I want to make apps also and I have knowledge of basic JavaScript so should I go for angular if so , then Which ?I don't know much about it.
Thanks
Would be Glad if you can help me once more.
Thanks Brad :)
It seems like you didnt research much about this technologies 😥😥😥 you missed a lot, as a mobile app dev for 5 years now. I used native more than others. It actually depends on the project if you can use hybrid for fast deployment then you can do so. But for some hardware interactive app, it is really better to use native. And correct me if im wrong, you forgot to mention Kotlin. Xamarin uses C#.
ya ... Xamarin is the best platform to build native apps in cross platform....
That was obvious when he said javascript is easy and java is difficult that he didn't do any research.. he want to say fighting a dinosaur is easy than fighting a newly born puppy, again low on research when claimed web programmers comes cheap than app developers. With web being everywhere from browsers to webview in apps, obviously they can't come cheap.
great video
ok. Well. Can you make video again on the topic of "how to develop hybrid app", with complete project from start to the end. e.g., i want to develop taxi booking system as same as Careem taxi app. to facilitate the public by using my app. Can you help me in this matter please??????......
Can you make the video how to create a android app which has few pages, like a website. I mean what ever in our website convert to android app, backend from website, frontend new design for app.
What's your opinion on Tabris.js it lets you develop native iOS and Android apps
Hi any thoughts on wordpress websites converted to mobile app?
cool overview! although, react native is not really a hybrid app though, it just generates components from xcode and android studio which actually what you have at the end is a native app whilst coding kind of in javascript
Thanks. Yeah, check the slide that says "4th Type". Im talking about React Native, Xamarin, Nativescript, etc. I think these are the future
Where do applications like VLC, Bandicam or even KeePassXC fit in all of this?