Companies Home Search Profile

7 Days of Code - React Native Course

Focused View

Eincode by Filip Jerga,Filip Jerga

8:27:03

0 View
  • 1 - Preview.mp4
    04:49
  • 2 - Requirements.mp4
    02:01
  • 3 - How to approach the Lectures.mp4
    07:57
  • 4 - App-Design-React-Native.pdf
  • 4 - Planning.mp4
    14:02
  • 4 - app-design-react-native.zip
  • 5 - Planning Addition.mp4
    01:22
  • 6 - Introduction.mp4
    01:40
  • 7 - App-Design-React-Native.pdf
  • 7 - Code.txt
  • 7 - Complete Project.txt
  • 7 - Setup Project.mp4
    08:35
  • 7 - app-design-react-native.zip
  • 8 - Activity item and timer.mp4
    03:47
  • 8 - Code.txt
  • 9 - Code.txt
  • 9 - Home screen.mp4
    02:43
  • 10 - Code.txt
  • 10 - Data and Flat list.mp4
    06:34
  • 11 - Code.txt
  • 11 - Place the content to the top.mp4
    09:46
  • 12 - Add variables and container padding.mp4
    06:36
  • 12 - Code.txt
  • 13 - Code.txt
  • 13 - Override Text.mp4
    05:55
  • 14 - Code.txt
  • 14 - Highlight View.mp4
    03:58
  • 15 - Code.txt
  • 15 - Row and more stylings.mp4
    12:45
  • 16 - Code.txt
  • 16 - Timer color and Status Panel.mp4
    04:27
  • 17 - Code.txt
  • 17 - Pan handler Animation.mp4
    13:50
  • 18 - Code.txt
  • 18 - Spring to original position.mp4
    04:24
  • 19 - Introduction.mp4
    01:32
  • 20 - Code.txt
  • 20 - Monitor gesture state.mp4
    05:49
  • 21 - Activation callback.mp4
    05:56
  • 21 - Code.txt
  • 22 - Async storage.mp4
    12:39
  • 22 - Code.txt
  • 23 - Check if storage enabled.mp4
    08:57
  • 23 - Code.txt
  • 24 - Activate item.mp4
    08:49
  • 24 - Code.txt
  • 25 - Code.txt
  • 25 - Visual activation change.mp4
    04:18
  • 26 - Code.txt
  • 26 - One activation at the time.mp4
    04:33
  • 27 - Code.txt
  • 27 - Save data to storage.mp4
    04:38
  • 28 - Code.txt
  • 28 - Loading dots animation.mp4
    13:53
  • 29 - Code.txt
  • 29 - Loading dots improvements.mp4
    14:53
  • 30 - Introduction.mp4
    02:05
  • 31 - Code.txt
  • 31 - Tick function.mp4
    04:22
  • 32 - Accumulate time.mp4
    06:16
  • 32 - Code.txt
  • 33 - Code.txt
  • 33 - Stop timer.mp4
    06:40
  • 34 - Check for previous item.mp4
    06:53
  • 34 - Code.txt
  • 35 - Code.txt
  • 35 - Display timer.mp4
    08:08
  • 36 - Code.txt
  • 36 - Store updated time.mp4
    05:50
  • 37 - Code.txt
  • 37 - UX Improvements.mp4
    06:21
  • 38 - Code.txt
  • 38 - Handle browser refresh.mp4
    05:04
  • 39 - Code.txt
  • 39 - Handle mobile device saving.mp4
    05:47
  • 40 - Introduction.mp4
    01:21
  • 41 - Code.txt
  • 41 - Flow Modal.mp4
    09:23
  • 42 - Add input to modal.mp4
    05:39
  • 42 - Code.txt
  • 43 - Code.txt
  • 43 - Reusable button.mp4
    11:42
  • 44 - Code.txt
  • 44 - Get new item data.mp4
    04:45
  • 45 - Code.txt
  • 45 - Display error and disable button.mp4
    07:23
  • 46 - Close and show the modal.mp4
    03:51
  • 46 - Code.txt
  • 47 - Add new item.mp4
    05:32
  • 47 - Code.txt
  • 48 - Code.txt
  • 48 - Max width of container.mp4
    05:08
  • 49 - Add button icon.mp4
    07:35
  • 49 - Code.txt
  • 50 - Code.txt
  • 50 - Disable scroll.mp4
    05:55
  • 51 - Introduction.mp4
    02:58
  • 52 - Code.txt
  • 52 - Item detail screen.mp4
    03:17
  • 53 - Code.txt
  • 53 - Full screen modal.mp4
    07:17
  • 54 - Code.txt
  • 54 - Detail screen layout.mp4
    12:28
  • 55 - Code.txt
  • 55 - Handle double click.mp4
    08:27
  • 56 - Code.txt
  • 56 - Set focused item.mp4
    07:57
  • 57 - Code.txt
  • 57 - Pass time into detail.mp4
    02:52
  • 58 - Code.txt
  • 58 - Delete Button Style.mp4
    06:20
  • 59 - Introduction.mp4
    01:27
  • 60 - Code.txt
  • 60 - Editing Mode.mp4
    11:01
  • 61 - Code.txt
  • 61 - Item edit works.mp4
    07:15
  • 62 - Code.txt
  • 62 - Fix button position.mp4
    01:26
  • 63 - Code.txt
  • 63 - Prompt modal.mp4
    08:30
  • 64 - Code.txt
  • 64 - Prompt handler functions.mp4
    02:24
  • 65 - Code.txt
  • 65 - Delete works.mp4
    07:47
  • 66 - Code.txt
  • 66 - Display current date.mp4
    04:38
  • 67 - Introduction.mp4
    03:31
  • 68 - Code.txt
  • 68 - Tutorial Screen.mp4
    06:41
  • 69 - Code.txt
  • 69 - Stepping.mp4
    03:59
  • 70 - Code.txt
  • 70 - Preview Item.mp4
    07:46
  • 71 - Code.txt
  • 71 - Swiping right.mp4
    07:18
  • 72 - Animation restart.mp4
    02:04
  • 72 - Code.txt
  • 73 - Code.txt
  • 73 - Handle step 2.mp4
    03:55
  • 74 - Code.txt
  • 74 - Preview item activity.mp4
    08:12
  • 75 - Code.txt
  • 75 - Timeout to restart state.mp4
    05:13
  • 76 - Code.txt
  • 76 - Step 3 Double tap.mp4
    10:25
  • 77 - Code.txt
  • 77 - Disable controls.mp4
    02:38
  • 78 - Code.txt
  • 78 - Hide tutorial.mp4
    10:03
  • 79 - Code.txt
  • 79 - Store watch status to storage.mp4
    06:37
  • 80 - Code.txt
  • 80 - Recap Course End.mp4
    05:49
  • Description


    Plan and build the entire app in 7 days! Use Javascript and React (React Native) to achieve that. No 3rd party dep used.

    What You'll 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 is this for?


  • 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 You Need to Know?


  • Javascript or other OOP language basics needed!
  • More details


    Description

    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.

    Who this course is for:

    • 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

    User Reviews
    Rating
    0
    0
    0
    0
    0
    average 0
    Total votes0
    Focused display
    Category
    Eincode by Filip Jerga
    Eincode by Filip Jerga
    Instructor's Courses
    Eincode mission is to provide the best online learning experience for its audience.High-quality content and programming concepts explained in real-life projects are fields where Eincode shines!Eincode covers mainly courses focusing on programming guides for web and mobile development. If you are looking for complete and comprehensive guides, then Eincode is the right choice.Instructor Filip Jerga also publishes courses.Cheers & Keep Coding!
    My name is Filip Jerga, and I am an experienced software engineer and freelance developer. I have a Master's degree in Artificial Intelligence and several years of experience working on various technologies and projects, from C++ development for ultrasound devices to modern mobile and web applications in React and Angular.Throughout my career, I have acquired advanced technical knowledge and the ability to explain programming topics clearly and in detail to a broad audience. I invite you to take my course, where I have put a lot of effort into explaining web and software engineering concepts straightforwardly, hands-on, and understandable.
    Students take courses primarily to improve job-related skills.Some courses generate credit toward technical certification. Udemy has made a special effort to attract corporate trainers seeking to create coursework for employees of their company.
    • language english
    • Training sessions 80
    • duration 8:27:03
    • Release Date 2024/05/09