React Native Course- 7 Days To Complete App

React Native Course: 7 Days To Complete App, available at $19.99, has an average rating of 4.94, with 80 lectures, based on 8 reviews, and has 127 subscribers.

You will learn about Use React Native to create mobile apps fast Learn to plan the application from an idea to the complete product Improve coding skills in the mobile development Develop strong problem-solving skills for real-world scenarios This course is ideal for individuals who are Anybody interested in how to build an app in 7 days. or People looking for a practical development guide or This course is for everyone eager to understand how to build an app from scratch It is particularly useful for Anybody interested in how to build an app in 7 days. or People looking for a practical development guide or This course is for everyone eager to understand how to build an app from scratch.

Enroll now: React Native Course: 7 Days To Complete App

Summary

Title: React Native Course: 7 Days To Complete App

Price: $19.99

Average Rating: 4.94

Number of Lectures: 80

Number of Published Lectures: 80

Number of Curriculum Items: 80

Number of Published Curriculum Objects: 80

Original Price: 109.99

Quality Status: approved

Status: Live

What You Will Learn

Use React Native to create mobile apps fast

Learn to plan the application from an idea to the complete product

Improve coding skills in the mobile development

Develop strong problem-solving skills for real-world scenarios

Who Should Attend

Anybody interested in how to build an app in 7 days.

People looking for a practical development guide

This course is for everyone eager to understand how to build an app from scratch

Target Audiences

Anybody interested in how to build an app in 7 days.

People looking for a practical development guide

This course is for everyone eager to understand how to build an app from scratch

What is React Native?

React Native is an open-source framework by Facebook for building cross-platform mobile apps using JavaScript and React. It allows developers to use a single codebase to create native-like experiences on iOS and Android, making it efficient and cost-effective.

What application will you create?

Activity tracker application. A user can create, manage, and track activities.

Is this course right for me?

Yes, If you want to learn how to set goals and create the entire app in 7 days. Also, it would be best if you had an understanding of Javascript or React JS. This course is not for complete beginners.

Day 1: Setting Up and Adding Animations

On the first day, we’ll build our app layout using React Native. We’ll focus on making it look good and add animations to activate and deactivate activities. By the end of the day, you’ll have a visually appealing foundation for your mobile app.

Day 2: Making Things Work and Saving Progress

Day two is about making the app do things – activating and deactivating activities. We’ll also learn to save our work, so even if we close the app, it remembers what we did. This ensures a seamless experience for users who want to pick up where they left off.

Day 3: Keeping Track of Time

On the third day, we’ll learn how to track time in our app. We’ll use a simple method to measure how long we spend on each activity, providing valuable insights into time management for users.

Day 4: Adding New Activities

Day four is all about adding new activities to our app. We’ll create a way for users to put in information about a new activity, and it will show up in the app. This enhances the app’s versatility, allowing users to customize their experience.

Day 5: More Details about Activities

On the fifth day, we’ll make a page that shows more details about an activity when you tap on it. You can also delete activities from this page. This ensures users have a comprehensive view of their activities and the ability to manage them easily.

Day 6: Editing and Deleting Activities

Day six focuses on making our app better. We’ll add a way to edit activity details and confirm if you want to delete an activity. This additional functionality enhances the user’s control and interaction with the app.

Day 7: Wrapping Up with a Tutorial

The last day is a big one! We’ll create a tutorial to show people how to use our app in three simple steps: starting activities, stopping them, and checking the details. This tutorial not only concludes our course but equips users with a clear understanding of how to navigate and maximize the app’s features.

Course Curriculum

Chapter 1: Introduction

Lecture 1: Preview

Lecture 2: Requirements

Lecture 3: How to approach the Lectures

Lecture 4: Planning

Lecture 5: Planning Addition

Chapter 2: Day 1 – App Layout

Lecture 1: Introduction

Lecture 2: Setup Project

Lecture 3: Activity item and timer

Lecture 4: Home screen

Lecture 5: Data and Flat list

Lecture 6: Place the content to the top

Lecture 7: Add variables and container padding

Lecture 8: Override Text

Lecture 9: Highlight View

Lecture 10: Row and more stylings

Lecture 11: Timer color and Status Panel

Lecture 12: Pan handler Animation

Lecture 13: Spring to original position

Chapter 3: Day 2 – Activation

Lecture 1: Introduction

Lecture 2: Monitor gesture state

Lecture 3: Activation callback

Lecture 4: Async storage

Lecture 5: Check if storage enabled

Lecture 6: Activate item

Lecture 7: Visual activation change

Lecture 8: One activation at the time

Lecture 9: Save data to storage

Lecture 10: Loading dots animation

Lecture 11: Loading dots improvements

Chapter 4: Day 3 – Timer

Lecture 1: Introduction

Lecture 2: Tick function

Lecture 3: Accumulate time

Lecture 4: Stop timer

Lecture 5: Check for previous item

Lecture 6: Display timer

Lecture 7: Store updated time

Lecture 8: UX Improvements

Lecture 9: Handle browser refresh

Lecture 10: Handle mobile device saving

Chapter 5: Day 4 – Item Create

Lecture 1: Introduction

Lecture 2: Flow Modal

Lecture 3: Add input to modal

Lecture 4: Reusable button

Lecture 5: Get new item data

Lecture 6: Display error and disable button

Lecture 7: Close and show the modal

Lecture 8: Add new item

Lecture 9: Max width of container

Lecture 10: Add button icon

Lecture 11: Disable scroll

Chapter 6: Day 5 – Item Detail

Lecture 1: Introduction

Lecture 2: Item detail screen

Lecture 3: Full screen modal

Lecture 4: Detail screen layout

Lecture 5: Handle double click

Lecture 6: Set focused item

Lecture 7: Pass time into detail

Lecture 8: Delete Button Style

Chapter 7: Day 6 – Item Update/Delete

Lecture 1: Introduction

Lecture 2: Editing Mode

Lecture 3: Item edit works

Lecture 4: Fix button position

Lecture 5: Prompt modal

Lecture 6: Prompt handler functions

Lecture 7: Delete works

Lecture 8: Display current date

Chapter 8: Day 7 – Tutorial and Wrap-up

Lecture 1: Introduction

Lecture 2: Tutorial Screen

Lecture 3: Stepping

Lecture 4: Preview Item

Lecture 5: Swiping right

Lecture 6: Animation restart

Lecture 7: Handle step 2

Lecture 8: Preview item activity

Lecture 9: Timeout to restart state

Lecture 10: Step 3 Double tap

Lecture 11: Disable controls

Lecture 12: Hide tutorial

Lecture 13: Store watch status to storage

Lecture 14: Recap & Course End

Instructors

Eincode by Filip Jerga
Online Education

Filip Jerga
Software Engineer

Rating Distribution

1 stars: 0 votes

2 stars: 0 votes

3 stars: 0 votes

4 stars: 1 votes

5 stars: 7 votes

Frequently Asked Questions

How long do I have access to the course materials?

You can view and review the lecture materials indefinitely, like an on-demand channel.

Can I take my courses with me wherever I go?

Definitely! If you have an internet connection, courses on Udemy are available on any device at any time. If you don’t have an internet connection, some instructors also let their students download course lectures. That’s up to the instructor though, so make sure you get on their good side!