How to create your first mobile app using Ionic Angular - Javascript weather app tutorial

In this Ionic Angular tutorial for beginners, we will learn Javascript mobile app development. This is an Angular mobile app example where we go through how to build a weather app with Javascript & Ionic 6. DOWNLOAD PROJECT CODE - https://bit.ly/34Vlp8T We will go over the following: - How to build the UI using HTML and style it using CSS - How to fetch data for our Javascript weather app from the openweathermap API using Angular Services - How to transform data using Angular Pipes - How to implement pull to refresh using the ion-refresher component This is a step-by-step tutorial with detailed explanations along the way. Let's learn Ionic 6 by building an ionic 6 weather app! Get the extended tutorial where we add more features to this weather app - https://bit.ly/3gKGvJO TIMESTAMPS 00:00 - Ionic Angular Weather App overview 00:36 - Create a new ionic project 02:40 - Toggle device frame view 03:48 - Building the weather app UI 05:26 - UI code explanation 09:28 - Styling the UI 10:55 - UI styles explanation 15:56 - How to add Google Fonts to Ionic Angular App 20:30 - Fetching data from OpenweatherMap API using Angular Services 23:05 - Weather Service code explanation 27:26 - Using the weather service in home.page.ts 28:07 - home.page.ts code explanation 30:55 - Populating our UI with dynamic weather data from the API 31:40 - code explanation 37:01 - Creating a custom Angular Pipe 53:34 - Implementing pull-to-refresh using ion-refresher Get the extended tutorial where we add more features to this weather app - https://bit.ly/3gKGvJO DOWNLOAD PROJECT CODE - https://bit.ly/34Vlp8T Support codeswag on Patreon - https://www.patreon.com/codeswag Social Media Links ------------------------------- Facebook - https://www.facebook.com/codeswag.net/ Twitter - https://twitter.com/codeswagYoutube Instagram - https://www.instagram.com/codeswag.co.uk/ Support codeswag on Patreon - https://www.patreon.com/codeswag Please support this channel by buying some awesome tech gadgets for yourself or a loved one from our online store at www.codeswag.net/shop DOWNLOAD PROJECT CODE - https://www.buymeacoffee.com/codeswag/project-code-ionic-angular-weather-app