Mobile Apps - Web vs. Native vs. Hybrid

Поділитися
Вставка
  • Опубліковано 6 лип 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
  • Наука та технологія

КОМЕНТАРІ • 345

  • @TraversyMedia
    @TraversyMedia  7 років тому +68

    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 років тому +10

      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 років тому +2

      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 років тому +1

      Do you have a tutorial on how to build a progressive web app? Love your channel!

    • @alboss6647
      @alboss6647 5 років тому

      h

  • @hugemad
    @hugemad 6 років тому +362

    "the 4 people that use blackberry and windows phones"
    died.

    • @birsingh5388
      @birsingh5388 6 років тому +6

      I'm still using windows phone (MS 535). hehehe

    • @taariqq
      @taariqq 5 років тому +5

      They did not. They switched. haha

    • @deanheylen
      @deanheylen 5 років тому +2

      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 років тому +129

    Hindsight: You actually can have a website as an icon on the home screen. Scratch that disadvantage :) Thanks for watching!

    • @MrSushant3
      @MrSushant3 7 років тому +3

      Traversy Media but that'll still require a web browser. So let's unscratch 😃

    • @TraversyMedia
      @TraversyMedia  7 років тому +8

      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 років тому +1

      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 років тому +2

      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 роки тому +29

    6:30 you've just destroyed my dream of starting a company making native apps for Windows and Blackberry

  • @madhurimandala183
    @madhurimandala183 5 років тому +13

    The way u explained is flawless!! you are a great tutor.
    thank you man!

  • @orrigo100
    @orrigo100 7 років тому +2

    yesss. I have waited so long for something like this. Appreciated!

  • @VentusLionheart
    @VentusLionheart 7 років тому +13

    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!

  • @jaybaybie
    @jaybaybie 5 років тому +1

    This information is amazing. Thank you for taking the time to inform people like me who are clueless about this stuff.

  • @rachelray2631
    @rachelray2631 5 років тому +1

    Brilliant Video and really useful information for my Angular exam Friday. Thanks a bunch!

  • @mrchaztachaz1264
    @mrchaztachaz1264 5 років тому +3

    Great! Very useful information. That's very clean and clear explanation delivered perfectly, Thanks for making this video!

  • @taariqq
    @taariqq 5 років тому +1

    Needed that information for clarity. Thank you Brad and than you youtube for suggesting.

  • @markomiljkovic4646
    @markomiljkovic4646 7 років тому +2

    Great video and One of the best youtube chanells out there

  • @lenglain
    @lenglain 7 років тому +1

    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!

  • @jgraves4532
    @jgraves4532 6 років тому +1

    Consistently one of the best on youtube.

  • @bangkokbkk1574
    @bangkokbkk1574 7 років тому

    Great work Brad. I have learned so much from your videos over the past month I just became a Patreon

  • @ahmedfouzan
    @ahmedfouzan 7 років тому +2

    Another informative video! Keep going man!

  • @jaikangammalangmei8271
    @jaikangammalangmei8271 6 років тому +3

    Thank you great video. explain well making very clear concept. I did learn something form this tutorial...

  • @schrodingerscat3912
    @schrodingerscat3912 5 років тому +10

    the fog has been cleared. thank you sincerely

  • @akshayyadav7539
    @akshayyadav7539 3 роки тому +1

    Very nice Video & Very nice Explanation.
    Finally I understood the concepts and difference between Native, Hybrid and Web Apps.
    Thanks.

  • @juicynewz
    @juicynewz 7 років тому +2

    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.

  • @tinnguyen2219
    @tinnguyen2219 5 років тому +2

    Thank you so much for sharing this useful data! Greatly appreicated

  • @VictorFlames
    @VictorFlames 5 років тому +1

    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 UA-cam and it says the course is no longer available.
    Please how can I get the course?

  • @darrenthompson442
    @darrenthompson442 7 років тому +3

    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)

  • @akshayyadav7539
    @akshayyadav7539 3 роки тому

    Very nice Video.
    Thanks.
    Finally I understood the concepts and difference between Native, Hybrid and Web Apps.

  • @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 .

  • @chiaramariadedominicis458
    @chiaramariadedominicis458 7 років тому +2

    Very interesting subject. I think I'll go hybrid from now on... thank you for opening my eyes ☺

  • @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

  • @AtamMardes
    @AtamMardes 7 років тому +2

    Hi, Off topic question:
    Have you made any video tutorials on OOP design patterns with examples? If not, any plans to make one?

  • @stephenhu9561
    @stephenhu9561 6 років тому +2

    What a good example of a hybrid app?

  • @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").

  • @Super_Cool_Guy
    @Super_Cool_Guy 7 років тому +3

    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 !

  • @swordfishandtuna
    @swordfishandtuna 5 місяців тому

    Thank you for this educational piece!!

  • @artiomoganesyan8952
    @artiomoganesyan8952 4 роки тому +5

    I would love to see this updated in 2019. With Kotlin I think and other changes this has changed.

  • @OnTheArchipelago
    @OnTheArchipelago 7 років тому +1

    Awesome video! Thank you

  • @goopy303
    @goopy303 5 років тому +1

    This video helped alot!!!! Thank you!

  • @mohammeddhillshaardthd2122
    @mohammeddhillshaardthd2122 4 роки тому +4

    That's where Flutter comes to solve many of the disadvantages.

    • @jeab4721
      @jeab4721 3 роки тому

      thank you i was going to say that.

  • @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?

  • @oussamacheta7106
    @oussamacheta7106 5 років тому

    thank you so much ! great video ,you just made my life a lot easier !!!

  • @abosoar
    @abosoar 2 роки тому

    awesome explanation!
    keep up the good work

  • @alexandros-markovits
    @alexandros-markovits 7 років тому +1

    a series on hybrid or xamarin would be pretty good. nice video :)

  • @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 ?

  • @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

  • @TheBj100m
    @TheBj100m 7 років тому +10

    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.

  • @savedbygrace.slowedreverb
    @savedbygrace.slowedreverb 2 роки тому

    Very helpful! Thank you.

  • @LELABTV
    @LELABTV 5 років тому

    With what I'm doing this is very useful im really interested in the hybrid app 🧐

  • @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

  • @soumik450
    @soumik450 5 років тому

    superb demonstration !!!

  • @mrgreggles998
    @mrgreggles998 7 років тому +2

    An interesting overview. If you do a tutorial/series with Xamarin, I'll shout "Yay!" for sure. :-)

  • @bryanyamego8425
    @bryanyamego8425 3 роки тому

    This video really opened my eyes

  • @walidbannour
    @walidbannour 5 років тому +1

    Thank you Sir for these infos

  • @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?

  • @vincedprime
    @vincedprime 6 років тому +1

    Thanks for thos video
    It helps me a lot in my project

  • @imadabab
    @imadabab Рік тому

    Brilliant. Thanks a lot Brad.

  • @MuhammadUsman-vb6pn
    @MuhammadUsman-vb6pn 7 років тому

    thumbs up for you (Y)
    Very Informative video!!
    Looking forward to more videos like this

  • @hitec1691
    @hitec1691 4 роки тому +51

    please make a 2019 version of this.

  • @prometteursolutions5421
    @prometteursolutions5421 5 років тому

    Great and Informative Video!!

  • @Ipadstands
    @Ipadstands 6 років тому +3

    Thanks, I wished you picked out 2 hybrid apps that are stellar for Android and IOS that shows hybrids potential !

  • @destinram
    @destinram 2 роки тому

    Thank you sir for this session

  • @kahratka
    @kahratka 4 роки тому

    Is there an updated version of this presentation?

  • @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.

  • @cabdullaahicabdicasiisxuse9797
    @cabdullaahicabdicasiisxuse9797 3 роки тому

    thank you cleared a lot.

  • @mgpyaephyoswe5464
    @mgpyaephyoswe5464 5 років тому

    Very Nice Explaination !!!

  • @brunofilgueiras3518
    @brunofilgueiras3518 4 роки тому +1

    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.

  • @bonnyboy23
    @bonnyboy23 7 років тому +1

    You can have quick links to web apps on mobile devices so it looks like an app shortcut

  • @Albertmars32
    @Albertmars32 7 років тому +1

    trav k you make a tutorial on how to deploy a nodejs app on digital ocean using nginx?

  • @FalcoAcePilot
    @FalcoAcePilot 6 років тому +1

    That was great info! Very compact and structured though one false information, Xamarin doesnt use javascript im pretty sure

  • @muhammadumer2011
    @muhammadumer2011 4 роки тому

    Excellent tutorial sir

  • @learnthenew3119
    @learnthenew3119 5 років тому

    clear explanation, good video

  • @md.sabbirhoshen2419
    @md.sabbirhoshen2419 8 місяців тому

    thank you very nice explain.

  • @uch195
    @uch195 7 років тому +2

    Do you plan to cover PWA as well? In future videos

  • @suneelpallinti2949
    @suneelpallinti2949 4 роки тому

    Excellent explanation..! I have One more doubt, can you explain me examples of Native and hybrid mobile applications?

  • @rotimibest8530
    @rotimibest8530 7 років тому

    Great Video, Thanks

  • @donpayette7062
    @donpayette7062 7 років тому +2

    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.

  • @rajjotokshorts3200
    @rajjotokshorts3200 5 років тому +3

    Is React Native really a full native app?

  • @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.

  • @pierpaolowurzburger7193
    @pierpaolowurzburger7193 5 років тому

    Should we learn Flutter for native web app?

  • @nidaiqbal1740
    @nidaiqbal1740 5 років тому +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.

  • @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.

  • @royalbinus
    @royalbinus 7 років тому

    What's your opinion on Tabris.js it lets you develop native iOS and Android apps

  • @zsoltoroszlany7172
    @zsoltoroszlany7172 6 років тому

    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.

  • @edwinlemeilleur
    @edwinlemeilleur 7 років тому

    Do Ionic and Cordova apps support things like push notifications, background services that are always running even if the app is closed, use of sensors, Bluetooth, SQLite, Receivers, etc. I'm an Android developer and I am wondering if should learn hybrid app development or iOS development so I can work with both platforms.

  • @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 :)

  • @webdevviolinist1698
    @webdevviolinist1698 7 років тому +15

    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 років тому +2

      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

  • @skaruts
    @skaruts 2 роки тому

    Where do applications like VLC, Bandicam or even KeePassXC fit in all of this?

  • @christiandaleapolinario8738
    @christiandaleapolinario8738 2 роки тому

    Hi any thoughts on wordpress websites converted to mobile app?

  • @aQilahQi
    @aQilahQi 7 років тому +52

    What about progressive web apps?

    • @dobladov5055
      @dobladov5055 7 років тому +16

      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 років тому +3

      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 років тому +1

      @@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 років тому +2

      @@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.

  • @AnwayPramanik
    @AnwayPramanik 5 років тому

    great video dude!

  • @IHSANAGuides
    @IHSANAGuides 4 роки тому

    great tutorial!

  • @everestgjonaj
    @everestgjonaj 7 років тому

    Can i convert a laravel app in hybrid mobile app using cordova?

  • @XerosXIII
    @XerosXIII 7 років тому +2

    How about Progressive Web App?

  • @DaddyDadBod
    @DaddyDadBod 7 років тому +13

    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 років тому +2

      ya ... Xamarin is the best platform to build native apps in cross platform....

    • @catchwest.combypuneetgrover
      @catchwest.combypuneetgrover 4 місяці тому

      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.

  • @WinnerSingh
    @WinnerSingh 5 років тому

    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.

  • @bashirmustaf4182
    @bashirmustaf4182 7 років тому

    thank you so much

  • @premkamban
    @premkamban 5 років тому

    Hey Brad ,can u get through PWA

  • @adiitibaev8055
    @adiitibaev8055 4 роки тому

    what programming language is used to create an e-wallet?

  • @riznikhan8856
    @riznikhan8856 2 роки тому

    excellent video

  • @EdelalaEth
    @EdelalaEth 6 років тому

    useful info thankyou

  • @albertgalvez2556
    @albertgalvez2556 7 років тому

    Interesting, thanks.

  • @clickmintaka1232
    @clickmintaka1232 4 роки тому +1

    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??????......

  • @alifiyalahori8247
    @alifiyalahori8247 2 роки тому

    Really useful 💯