Тёмный

Mobile Apps - Web vs. Native vs. Hybrid 

Traversy Media
Подписаться 2,3 млн
Просмотров 399 тыс.
50% 1

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

Наука

Опубликовано:

 

2 авг 2024

Поделиться:

Ссылка:

Скачать:

Готовим ссылку...

Добавить в:

Мой плейлист
Посмотреть позже
Комментарии : 346   
@TraversyMedia
@TraversyMedia 7 лет назад
Nativescript is also definitely something to look into - www.nativescript.org/ I will be researching this hard to make a video on it
@JBuchmann
@JBuchmann 7 лет назад
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!
@BillyMahmood
@BillyMahmood 6 лет назад
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.
@bryannbarbosa8126
@bryannbarbosa8126 6 лет назад
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.
@sammykins7778
@sammykins7778 5 лет назад
Do you have a tutorial on how to build a progressive web app? Love your channel!
@alboss6647
@alboss6647 5 лет назад
h
@hugemad
@hugemad 7 лет назад
"the 4 people that use blackberry and windows phones" died.
@birsingh5388
@birsingh5388 6 лет назад
I'm still using windows phone (MS 535). hehehe
@taariqq
@taariqq 5 лет назад
They did not. They switched. haha
@deanheylen
@deanheylen 5 лет назад
A year later.... are there still 4? :)
@ernestogerena7419
@ernestogerena7419 5 лет назад
I use Microsoft Lumia 950, but we are going extinct. LOL
@ashiq1141
@ashiq1141 3 года назад
I'm using BlackBerry priv , itsss awesome
@TraversyMedia
@TraversyMedia 7 лет назад
Hindsight: You actually can have a website as an icon on the home screen. Scratch that disadvantage :) Thanks for watching!
@MrSushant3
@MrSushant3 7 лет назад
Traversy Media but that'll still require a web browser. So let's unscratch 😃
@TraversyMedia
@TraversyMedia 7 лет назад
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
@donpayette7062
@donpayette7062 7 лет назад
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. . .
@jeanpaulgiraldo
@jeanpaulgiraldo 7 лет назад
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!
@gainorbostwick9764
@gainorbostwick9764 7 лет назад
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.
@mattsupertramp6506
@mattsupertramp6506 4 года назад
6:30 you've just destroyed my dream of starting a company making native apps for Windows and Blackberry
@VentusLionheart
@VentusLionheart 7 лет назад
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!
@madhurimandala183
@madhurimandala183 5 лет назад
The way u explained is flawless!! you are a great tutor. thank you man!
@orrigo100
@orrigo100 7 лет назад
yesss. I have waited so long for something like this. Appreciated!
@jaybaybie
@jaybaybie 5 лет назад
This information is amazing. Thank you for taking the time to inform people like me who are clueless about this stuff.
@lenglain
@lenglain 7 лет назад
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!
@mrchaztachaz1264
@mrchaztachaz1264 5 лет назад
Great! Very useful information. That's very clean and clear explanation delivered perfectly, Thanks for making this video!
@johnb1391
@johnb1391 7 лет назад
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").
@markomiljkovic4646
@markomiljkovic4646 7 лет назад
Great video and One of the best youtube chanells out there
@taariqq
@taariqq 5 лет назад
Needed that information for clarity. Thank you Brad and than you youtube for suggesting.
@rachelray2631
@rachelray2631 5 лет назад
Brilliant Video and really useful information for my Angular exam Friday. Thanks a bunch!
@bangkokbkk1574
@bangkokbkk1574 7 лет назад
Great work Brad. I have learned so much from your videos over the past month I just became a Patreon
@jgraves4532
@jgraves4532 6 лет назад
Consistently one of the best on youtube.
@ahmedfouzan
@ahmedfouzan 7 лет назад
Another informative video! Keep going man!
@juicynewz
@juicynewz 7 лет назад
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.
@akshayyadav7539
@akshayyadav7539 4 года назад
Very nice Video & Very nice Explanation. Finally I understood the concepts and difference between Native, Hybrid and Web Apps. Thanks.
@khalidyo640
@khalidyo640 4 года назад
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 .
@katzy687
@katzy687 7 лет назад
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
@tinnguyen2219
@tinnguyen2219 5 лет назад
Thank you so much for sharing this useful data! Greatly appreicated
@akshayyadav7539
@akshayyadav7539 4 года назад
Very nice Video. Thanks. Finally I understood the concepts and difference between Native, Hybrid and Web Apps.
@darrenthompson442
@darrenthompson442 7 лет назад
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)
@jaikangammalangmei8271
@jaikangammalangmei8271 6 лет назад
Thank you great video. explain well making very clear concept. I did learn something form this tutorial...
@artiomoganesyan8952
@artiomoganesyan8952 4 года назад
I would love to see this updated in 2019. With Kotlin I think and other changes this has changed.
@chiaramariadedominicis458
@chiaramariadedominicis458 7 лет назад
Very interesting subject. I think I'll go hybrid from now on... thank you for opening my eyes ☺
@hitec1691
@hitec1691 5 лет назад
please make a 2019 version of this.
@YoungDen
@YoungDen 5 лет назад
Flutter pretty much is added to the list
@andyjagroom.3878
@andyjagroom.3878 3 года назад
Kotlin
@TheBj100m
@TheBj100m 7 лет назад
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.
@Super_Cool_Guy
@Super_Cool_Guy 7 лет назад
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 !
@schrodingerscat3912
@schrodingerscat3912 5 лет назад
the fog has been cleared. thank you sincerely
@goopy303
@goopy303 5 лет назад
This video helped alot!!!! Thank you!
@Ipadstands
@Ipadstands 6 лет назад
Thanks, I wished you picked out 2 hybrid apps that are stellar for Android and IOS that shows hybrids potential !
@donpayette7062
@donpayette7062 7 лет назад
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.
@OnTheArchipelago
@OnTheArchipelago 7 лет назад
Awesome video! Thank you
@alexandros-markovits
@alexandros-markovits 7 лет назад
a series on hybrid or xamarin would be pretty good. nice video :)
@mrgreggles998
@mrgreggles998 7 лет назад
An interesting overview. If you do a tutorial/series with Xamarin, I'll shout "Yay!" for sure. :-)
@jessicamorris8035
@jessicamorris8035 Год назад
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.
@vincedprime
@vincedprime 6 лет назад
Thanks for thos video It helps me a lot in my project
@prometteursolutions5421
@prometteursolutions5421 5 лет назад
Great and Informative Video!!
@oussamacheta7106
@oussamacheta7106 5 лет назад
thank you so much ! great video ,you just made my life a lot easier !!!
@zsoltoroszlany7172
@zsoltoroszlany7172 7 лет назад
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.
@MuhammadUsman-vb6pn
@MuhammadUsman-vb6pn 7 лет назад
thumbs up for you (Y) Very Informative video!! Looking forward to more videos like this
@abosoar
@abosoar 2 года назад
awesome explanation! keep up the good work
@soumik450
@soumik450 6 лет назад
superb demonstration !!!
@AtamMardes
@AtamMardes 7 лет назад
Hi, Off topic question: Have you made any video tutorials on OOP design patterns with examples? If not, any plans to make one?
@iamuchealex
@iamuchealex 7 лет назад
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
@stephenhu9561
@stephenhu9561 7 лет назад
What a good example of a hybrid app?
@VictorFlames
@VictorFlames 5 лет назад
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 RU-vid and it says the course is no longer available. Please how can I get the course?
@swordfishandtuna
@swordfishandtuna 6 месяцев назад
Thank you for this educational piece!!
@walidbannour
@walidbannour 5 лет назад
Thank you Sir for these infos
@AnwayPramanik
@AnwayPramanik 5 лет назад
great video dude!
@mohamedhatim4541
@mohamedhatim4541 6 лет назад
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 :)
@imadabab
@imadabab Год назад
Brilliant. Thanks a lot Brad.
@mgpyaephyoswe5464
@mgpyaephyoswe5464 5 лет назад
Very Nice Explaination !!!
@bryanyamego8425
@bryanyamego8425 3 года назад
This video really opened my eyes
@brunofilgueiras3518
@brunofilgueiras3518 4 года назад
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.
@FalcoAcePilot
@FalcoAcePilot 6 лет назад
That was great info! Very compact and structured though one false information, Xamarin doesnt use javascript im pretty sure
@savedbygrace.slowedreverb
@savedbygrace.slowedreverb 2 года назад
Very helpful! Thank you.
@destinram
@destinram 2 года назад
Thank you sir for this session
@webdevviolinist1698
@webdevviolinist1698 7 лет назад
NativeScript is the Angular version of React Native and should be slotted into the 4th type.
@mistypixstudios6304
@mistypixstudios6304 7 лет назад
which is better in your view?
@alvinsovereign2581
@alvinsovereign2581 7 лет назад
Depends what you prefer. Angular then go NativeScript, React, then go React Native.
@joseberardocunha
@joseberardocunha 7 лет назад
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
@carlosalvarez4188
@carlosalvarez4188 7 лет назад
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.
@CamiloGomezDev
@CamiloGomezDev 7 лет назад
C# is a web technology in that it is used as a server-side language for web apps
@carlosalvarez4188
@carlosalvarez4188 7 лет назад
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..
@LELABTV
@LELABTV 5 лет назад
With what I'm doing this is very useful im really interested in the hybrid app 🧐
@DaddyDadBod
@DaddyDadBod 7 лет назад
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#.
@mehsamnaqvi6332
@mehsamnaqvi6332 7 лет назад
ya ... Xamarin is the best platform to build native apps in cross platform....
@catchwest.combypuneetgrover
@catchwest.combypuneetgrover 5 месяцев назад
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.
@evanskariuki2799
@evanskariuki2799 15 дней назад
Excellent explanation.
@learnthenew3119
@learnthenew3119 5 лет назад
clear explanation, good video
@muhammadumer2011
@muhammadumer2011 4 года назад
Excellent tutorial sir
@mohammeddhillshaardthd2122
@mohammeddhillshaardthd2122 4 года назад
That's where Flutter comes to solve many of the disadvantages.
@jeab4721
@jeab4721 4 года назад
thank you i was going to say that.
@rotimibest8530
@rotimibest8530 7 лет назад
Great Video, Thanks
@AlphaScorpii86
@AlphaScorpii86 7 лет назад
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.
@yosoX
@yosoX 7 лет назад
Chrome on Android has a similar feature. But a user has to do it manually and might not even know about that feature.
@bonnyboy23
@bonnyboy23 7 лет назад
You can have quick links to web apps on mobile devices so it looks like an app shortcut
@blu8762
@blu8762 5 лет назад
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 ?
@cabdullaahicabdicasiisxuse9797
@cabdullaahicabdicasiisxuse9797 3 года назад
thank you cleared a lot.
@mohitsinghpawar5682
@mohitsinghpawar5682 7 лет назад
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.
@riznikhan8856
@riznikhan8856 2 года назад
excellent video
@vaibhavnaik12
@vaibhavnaik12 5 лет назад
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?
@alifiyalahori8247
@alifiyalahori8247 2 года назад
Really useful 💯
@IHSANAGuides
@IHSANAGuides 4 года назад
great tutorial!
@tahello1158
@tahello1158 6 лет назад
thanks. it's helpful :)
@aQilahQi
@aQilahQi 7 лет назад
What about progressive web apps?
@dobladov5055
@dobladov5055 7 лет назад
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.
@lucyegan82
@lucyegan82 7 лет назад
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.
@xpopcornx1747
@xpopcornx1747 5 лет назад
@@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.
@lucyegan82
@lucyegan82 5 лет назад
@@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.
@xpopcornx1747
@xpopcornx1747 5 лет назад
@@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.
@md.sabbirhoshen2419
@md.sabbirhoshen2419 9 месяцев назад
thank you very nice explain.
@uch195
@uch195 7 лет назад
Do you plan to cover PWA as well? In future videos
@alexkey9372
@alexkey9372 7 лет назад
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
@TraversyMedia
@TraversyMedia 7 лет назад
Thanks. Yeah, check the slide that says "4th Type". Im talking about React Native, Xamarin, Nativescript, etc. I think these are the future
@gonzo191
@gonzo191 7 лет назад
The 4 people that use blackberry and lumina phone and the video has 4 dislikes. Coincidence?
@parulson6274
@parulson6274 5 лет назад
the video had 4 dislikes when you looked at it... you are the coincidence.. hahaha
@darinsiegle9424
@darinsiegle9424 4 года назад
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.
@nikolabadjevic8189
@nikolabadjevic8189 5 лет назад
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
@kahratka
@kahratka 4 года назад
Is there an updated version of this presentation?
@suneelpallinti2949
@suneelpallinti2949 4 года назад
Excellent explanation..! I have One more doubt, can you explain me examples of Native and hybrid mobile applications?
@B_COOPER
@B_COOPER Год назад
“The four people that use blackberry & windows phones” Thank you for a genuine laugh right in the middle of your lecture.
@SogMosee
@SogMosee 6 лет назад
good video, thanks
@AgentCell
@AgentCell 7 лет назад
Hmm this is a tough one for me. What if you started already learning swift? Should I continue or drop it to learn hybrid?
@Albertmars32
@Albertmars32 7 лет назад
trav k you make a tutorial on how to deploy a nodejs app on digital ocean using nginx?
@EdelalaEth
@EdelalaEth 6 лет назад
useful info thankyou
@albertgalvez2556
@albertgalvez2556 7 лет назад
Interesting, thanks.
@knowah.
@knowah. 7 лет назад
"...the 4 people that use blackberry or windows phones...." hahaha
@tajayeb
@tajayeb 6 лет назад
more like one person for blackberry
@knowah.
@knowah. 6 лет назад
Me too, by far my favorite mobile OS. It's too bad that MS dropped the ball so many times with it.
@lifesuckssometimesbutthats6344
@lifesuckssometimesbutthats6344 3 года назад
yeah, hahaha
@2istoomuch333
@2istoomuch333 6 лет назад
great video
@nidaiqbal1740
@nidaiqbal1740 5 лет назад
from where i can learn to create hybrid app using node.js
@hav0x963
@hav0x963 3 года назад
Read about Electron! Discord is a good example that uses it.
@bashirmustaf4182
@bashirmustaf4182 7 лет назад
thank you so much
@junka3
@junka3 7 лет назад
hey brad nice video, thank you for insight. Any chance for a tutorial about building a progressive web app in vue.js in the near future?
@TraversyMedia
@TraversyMedia 7 лет назад
Very good chance. Need to do some more research first
@cagansit7268
@cagansit7268 7 лет назад
Thanks Brad :)
@JohnDoe-rk7ex
@JohnDoe-rk7ex 7 лет назад
Hello there. Interesting videos! Would it possible to make a video on how to set up a signaling server (webrtc)? Thank you.
Далее
Choosing the best mobile app framework
11:53
Просмотров 769 тыс.
What Is A RESTful API? Explanation of REST & HTTP
18:38
Vite Crash Course | Faster Alternative To CRA
16:24
Просмотров 194 тыс.
The Story of Next.js
12:13
Просмотров 559 тыс.
Web App vs Mobile App - Is there a difference?
7:16
Просмотров 15 тыс.
100+ Web Development Things you Should Know
13:18
Просмотров 1,4 млн
7 Amazing Developer Tools that you're not using yet
6:27
Native vs Hybrid Apps
8:04
Просмотров 4,1 тыс.
Новые iPhone 16 и 16 Pro Max
0:42
Просмотров 2,3 млн
Telefonu Parçaladım!😱
0:16
Просмотров 30 млн
#samsung #retrophone #nostalgia #x100
0:14
Просмотров 13 млн
НОВЫЕ ФЕЙК iPHONE 🤯 #iphone
0:37
Просмотров 353 тыс.