Mobile App Design with React Native

Latest Framework from Facebook for Professional Apps

16h 56m84 lectures9 sections

What you'll learn

  • Learn React Native fundamentals
  • Master user interface creation
  • Understand network handling
  • Design professional applications
  • Manage screen navigation
  • Use basic components

About this course

React Native is an open-source framework created by Facebook, used for developing Android and iOS applications. It enables developers to use the React framework alongside native platform capabilities. React Native provides complete tools for building professional applications that resemble those created with specialized programming languages like Java or Swift, while also allowing the use of basic UI building blocks for both iOS and Android. In this course, we will explore all the capabilities of React Native from beginner to expert.

Expected outcomes

  • Ability to create mobile applications using React Native.
  • Deep understanding of network handling and device features.
  • Create applications that support screen navigation and user interaction.
  • Master the use of tools that enhance application efficiency.

Course content

1

Introduction to React Native

6 lectures
  1. Course Introduction3:01
  2. Course Requirements3:44
  3. What is React Native9:31
  4. Installing the Tools17:07
  5. Creating Your First Project14:30
  6. An Overview of Expo13:52
2

Explaining Basic Components

9 lectures
  1. Chapter Introduction (Explaining the Basic Components)9:49
  2. View18:02
  3. Text14:48
  4. Image19:09
  5. Touchable18:56
  6. Buttons8:06
  7. Alerts15:55
  8. Style Sheet7:33
  9. Platform12:23
3

Dimensions and Layout Organization

10 lectures
  1. Dimensions17:50
  2. Orientations19:07
  3. FlexBox10:46
  4. FlexDirection7:34
  5. Control Element Position17:59
  6. Element Exit from Screen4:41
  7. Define Element Position6:57
  8. Design First Screen in Project29:51
  9. Design Second Screen in Project25:29
  10. Upload Project Files 1
4

Style

12 lectures
  1. Border8:30
  2. Shadow8:18
  3. Padding7:47
  4. Text Formatting16:12
  5. Create New Text Element12:23
  6. Icon9:53
  7. Re-edit First Screen in Project27:36
  8. Re-edit Second Screen in Project6:17
  9. Create Card Element26:52
  10. Create Item12:23
  11. Design the Third Screen in the Project14:35
  12. Download Project Files 2
5

Working with Lists

8 lectures
  1. Design the Fourth Screen in the Project Using FlatList17:46
  2. Create Screen Item15:33
  3. Create Separator Item9:10
  4. How to Select an Item in the List7:37
  5. Refresh Screen Data7:44
  6. Design the Fifth Screen for Displaying Goods12:04
  7. Design the Sixth Screen for Displaying Personal Account32:02
  8. Download Project Files 3
6

Handling Inputs

11 lectures
  1. Working with the TextInput Component14:53
  2. Create AppTextInput Component18:15
  3. Working with the Switch Component11:29
  4. Create AppPicker Component12:19
  5. Working with the Modal Component18:56
  6. Create Form Items28:36
  7. Design the LoginScreen21:16
  8. Design the RegisterScreen16:54
  9. Design the ListingEditScreen16:48
  10. Some Modifications and Improvements in the Project9:12
  11. Download Project Files 4
7

Handling Native Features

10 lectures
  1. Introduction to the Chapter (Working with Native Features)9:21
  2. Requesting Access Permissions10:43
  3. Working with Different Access Permissions7:58
  4. Accessing Images from the Device9:19
  5. Creating an ImageInput Component21:55
  6. Creating an ImageInputList Component16:32
  7. Creating a FormImagePicker Component8:16
  8. Uploading Images and Adding Them to ListingEditScreen4:35
  9. Accessing Phone Location15:24
  10. Downloading Project Files 5
8

Navigating Between Screens

12 lectures
  1. Introduction to the Chapter (Navigating Between Screens)6:29
  2. Working with StackNavigator16:17
  3. How to Navigate Between Screens Using the Stack8:23
  4. Sending Data Between Screens9:16
  5. Changing the Header Style6:29
  6. Working with TapNavigator8:27
  7. Working with Screen Styles via Tap11:17
  8. Create Transition Element AuthNavigation8:27
  9. Create Transition Elements AppNavigation, FeedNavigation18:43
  10. Create Transition Element AccountNavigation5:34
  11. Design AppNavigation11:52
  12. Upload Project Files 6
9

Handling Networks

6 lectures
  1. Chapter Introduction (Working with Networks)3:35
  2. Working with the BackEnd23:39
  3. Understanding the API4:21
  4. Working with Postman11:47
  5. Working with Fetch and Axios9:28
  6. Downloading Project Files 7

Instructor

Eng. Amr Abdel Fattah

Eng. Amr Abdel Fattah

Computer systems engineer specializing in mobile app and website development, with experience in creating popular platforms and web applications.
6,563 students20 courses

Related courses

  • Microsoft Access
    4.6|5,337|0h 0m

    Microsoft Access

    Learn to Create Databases and Reports

    Ahmed Hassan Khamis
    Ahmed Hassan Khamis
    $19.99
    Buy now
  • Key Logger Spyware Design
    4.5|5,026|0h 0m

    Key Logger Spyware Design

    Spyware Design Using C++ Language

    Eng. Mohamed Ali Mansour
    Eng. Mohamed Ali Mansour
    $19.99
    Buy now
  • Adobe Animate & Action Script
    4.7|6,962|16h 58m

    Adobe Animate & Action Script

    Learn to Create Cartoon Films and Interactive Games

    Ahmed Hassan Khamis
    Ahmed Hassan Khamis
    $19.99
    Buy now
  • Deep Learning
    4.5|5,162|12h 40m

    Deep Learning

    Simulating the Human Mind in Thinking

    Eng. Amr Abdel Fattah
    Eng. Amr Abdel Fattah
    $25.99
    Buy now