Free
Introduction to the App
2:40
Creating the Weather Component
12:28
Creating the Weather Component Template
7:43
Styling the Weather Component
6:22
Creating the Weather Component (Services)
12:33
An Introduction to Dependency Injection
13:19
Getting the User's Geographical Location
11:11
Signing Up for Forecast.io (Weather Data Web API)
4:22
Introduction to Observables (ReactiveX (RXJS) Library)
6:22
Introduction to JSONP Get Requests (HTTP/JSONP)
3:11
Getting the Weather Data (HTTP/JSONP)
18:57
Converting the Location Method to an Observable
14:43
Creating the Weather Model Class
3:33
Introduction to the Component Lifecycle
2:45
Subscribing to the Weather Data Observable (ngOnInit)
11:22
Displaying the Weather Data in the Template
2:53
Formatting the Weather Data on the Template (Pipes)
7:15
Converting the Wind Value (Custom Pipes)
11:58
Converting the Temperature Value (Custom Pipes)
9:34
Getting a Google Maps API Key
5:15
Getting the Location Name Using Reverse Geocoding (Google Maps API)
15:49
Displaying the Location on the Component
3:12
Allowing the Changing of the Data Units
11:57
Adding the Javascript Icon Library (Skycons)
3:49
Adding the Animated Weather Icons
10:32
Configuring the Weather Based Colors
9:20
Changing the Component Colors Based on the Weather (ngStyle)
13:31
Hiding the Component Content Until the Data is Available
7:56
Adding a Loading Indicator
6:15
Reusing the Component in Another App
13:42