By the end of this course, you will be able to
Understand the basics of React Native and its core concepts related to building mobile applications.
Develop user interface components using React Native to display the current weather information in an aesthetically pleasing manner.
Set up a React Native project and configure the necessary dependencies for weather data retrieval.
Course details
- 4 h 7 m/23 lessons
- Last updated: 10/5/2022
- Course completion certificate
Course Content
Location Weather Screen Overview
Requesting Location Permissions
Getting the Phone's Current Location
Location Weather Screen Overview
Requesting Location Permissions
Getting the Phone's Current Location
Using React Context to Manage the Location
OpenWeatherMap API Overview
Using Fetch to Get the Weather data
Using Axios to Get the Weather data
Handling API Errors
Writing a Function for getting the Sky Color
Getting the Current Location Name
Writing Functions for Displaying Arabic Numbers & Temperatures
Installing Moment Tiemzone to Display Dates
Displaying the Current Weather Information
Displaying the Current Weather Icon
Styling the Current Weather
Styling the Current Weather (Cont.)
Displaying the Hourly Weather Data
Styling the Hourly Weather Data
Displaying the Daily Weather Data
Styling the Daily Weather Data
Adding Humidity, Visibility & Feels Like
Adding Wind Speed & Direction
Refreshing the Weather Information
About this course
Mobile applications are used in pretty much every aspect of our lives these days. From social networking, entertainment, and gaming to shopping, commuting, and banking. And if you got an idea for an application that you’d like to build, it could be quite expensive and time-consuming to develop two separate applications, for iOS and Android, with two code bases from scratch. Therefore, this series of five training courses is designed to teach you about React Native that enables developers to utilize the very same code base to effortlessly build native applications operating on both platforms.
Course requirements and prerequisites
This training course requires prior knowledge of JavaScript, ReactJS, and Git.
Mentor
Ali Alaa
Front-end Developer
398 Learners
5 Courses