Ionic 3 Mobile Weather App Build

CODE: Code for this project

SPONSORS:

ANGULAR 4 FRONT TO BACK: FOR $10!

BECOME A PATRON: Show support & get perks!

ONE TIME DONATIONS:

FOLLOW TRAVERSY MEDIA:

[TraversyMedia]

What do you guys think of doing this same project in React Native? Let's get to 1, 000 likes and Ill do it :)

[rockboyjazz]

Brad is the real deal. Probably one of the few teachers out there who I feel like paying to watch and learn their stuff.

[NicholasIbarra]

Fantastic video. To the point, let the code do the explaining, build a real application, and showed how to deploy. The hero we wanted and deserved. Great videos keep them up!

[leetcodes]

For anyone wondering, around 36:40 that we are updating the app.module.ts to contain the httpModule the code now should be:

and down in the @NgModule imports accordingly:
imports: [
BrowserModule,
HttpClientModule,
IonicModule.forRoot(MyApp)
]

[trojanboy]

every cases in my head have been solved in every videos
which you explain in every tutorial. Thanks man, God bless you!

[jollystuff]

I thought that after DevTips was over, that was all for me in youtube...but since i've found your channel...I get back to life! cheers mate, thk you so much..you're gonna make me get a new job :)

[pmlistener]

Great video! Thanks for making it easy to follow. So many people make videos in which they cut and paste and then say, "See, it's that simple." You walked through each step, explaining along the way. Good job!

I strayed from your example a little. I created a Location class with a constructor which compressed the setting of city and state to one line.

export class Location {
city: string;
state: string;

constructor(c: string, s: string) {
this.city = c;
this.state = s;
}
}

[aleferrira]

Thank you for making these videos, Brad. My college classes suck, but I know I can always learn a lot here.

[TrouvatkiDePercusion]

Absolutely the very best Ionic course in existence (and I've looked through all of them). This is even better than the official docs on IonicFramework.com. Once Ionic 4 is stable and released to the public, if you create a Udemy course for it that goes into extensive detail and teaches by making 5, 10, 15 different apps, I'd pay top-dollar for that course for sure.

[onursaral]

Thank you Traversy Media. I watch your videos with curiosity and interest...And i'm making. You have a fluent and understandable expression.

[rashidquamar]

Great initiator for me Brad, bunch of thanks for comprehensive step-by-step details

[ep]

Great video. Built the app alongside the video and everything went really well! Thank you so much for doing this project.
I wrote this in 2018, with the latest version of ionic, so there are a few changes that need to be made for anyone who is just finding this now.

- The API is deprecated, and now must be purchased, so i used openweathermap.org instead. Process is very similar, just different structure of JSON object returned;

(and add "HttpClientModule" to the imports array)

Thanks again!

[KiffinGish]

Wow, this is by far the best Ionic 3 training video I've seen so far, thanks!

[ricardocolares]

Hey, you can't imagine how much u helped me now. I have a ionic project to develop and it's a simple app consuming some existem apis. Thank you so much for this!!!

[arnoldoumana]

Congratulations Brad..!! you now have 150.000 + subscribers ... you have Great content and very easy teaching..

[emreatl]

If you are using Angular 5 and having res.json() is not a function error; you can just use res => res(be sure response is json in other weather api websites.)

[Daamilola]

Awesome tutorial, I watched during the day, did an all-nighter and reproduced it. Because I already do angular though 😊

[omerjan]

thank you so much man . you are my hero in coding and i have followed you step by step and finally got my Iweather app

[RubenYebran]

If someone is having problems with .map you just need to import the map operator by pasting: import 'rxjs/add/operator/map';
on top of your code.

check out line 3 in the video

[JimitPatel]

Helped me to understand Ionic. This was my first time in hybrid app and I actually understood lot of stuffs. I hope I would be expert in this like I am in Android. Enjoyed your video. Great content!!