Monthly Subscription Starting at AED 99 + VAT

Capstone (React App)
  • Level Professional
  • المدة 14 ساعات hours
  • الطبع بواسطة Meta
  • Offered by

عن

This course enables you to demonstrate multiple skills from this program by solving an authentic real-world problem. Each module includes a brief recap of, and links to, content that you have covered in previous courses in this program. The course Capstone project will test your knowledge and understanding in mobile development using React Native. To complete this course, you will need React Native experience. During this course, you will be guided through the process of building an app, combining all the skills and technologies you've learned throughout this program to solve the problem at hand. By the end of this course, you will be able to demonstrate the following skills: - Set up a development environment for working on a React Native project - Set up a remote GitHub repository to which you can commit local project changes - Apply UX and UI principles to guide creation of a wireframe and prototype for your app - Develop screens for a React Native app featuring various components and interactive elements - Design an onboarding process for welcoming new users to your app - Set up a navigation flow to enable users to move between screens in your app - Fetch data from a remote server and store it in a database, and then render it in your app - Implement data filtering functionality to enable users to customize information - Evaluate the work of your peers and provide informed and constructive feedback On completion of the Capstone project, you’ll have a job-ready portfolio that you can show to recruiters, demonstrate during interviews and impress potential employers.

الوحدات

Project info

    • 1 Videos
    • 4 Readings
    • 1 Discussion
Show info about module content

1 Discussions

  • Meet and greet

1 Videos

  • Introduction to the course

4 Readings

  • Course syllabus
  • How to be successful in this course
  • Checking your development environment
  • Additional resources

Setting up the Project

    • 1 Videos
    • 6 Readings
    • 4 Assignment
Show info about module content

4 Assignment

  • Readiness Check: Did you set up the Git repository?
  • Readiness Check: Did you set up the React Native project?
  • Readiness Check: Did you push your commits?
  • Knowledge Check

1 Videos

  • Setting up the Project

6 Readings

  • Recap: Version Control
  • Exercise: Setting up the repository
  • Recap: React Native Project Set Up
  • Exercise: Setting up the React Native project
  • Exercise: Committing the Project
  • Additional Resources

Planning the UX and UI

    • 2 Videos
    • 5 Readings
    • 5 Assignment
Show info about module content

5 Assignment

  • Readiness Check: Did you complete the wireframe?
  • Readiness Check: Did you create an interactive component?
  • Readiness Check: Did you apply design fundamentals?
  • Knowledge Check
  • Module Quiz: Starting the project

2 Videos

  • Planning the UX and UI
  • Module Summary

5 Readings

  • Recap: Principles of UX UI
  • Exercise: Wireframing the project
  • Exercise: Designing Components
  • Exercise: Applying design fundamentals in Figma
  • Additional Resources

User Onboarding

    • 1 Videos
    • 6 Readings
    • 5 Assignment
Show info about module content

5 Assignment

  • Readiness Check: Did you set up the user onboarding?
  • Readiness Check: Did you set up the navigation flow and drawer navigation?
  • Readiness Check: Did you set up the user profile page?
  • Readiness Check: Did you commit your progress to Git?
  • Knowledge Check

1 Videos

  • Onboarding Flow

6 Readings

  • Recap: UI Elements and Storing Data
  • Exercise: Set up the onboarding page
  • Recap: Navigation
  • Exercise: Set up the navigation
  • Exercise: Set up the profile page
  • Additional Resources

Displaying the Food Menu

    • 2 Videos
    • 5 Readings
    • 5 Assignment
Show info about module content

5 Assignment

  • Readiness Check: Did you fetch and store the food menu?
  • Readiness Check: Does the menu page allow filtering?
  • Readiness Check: Did you commit your progress to Git?
  • Knowledge Check
  • Module Quiz: Project Functionality

2 Videos

  • Food Ordering User Flow
  • Module Summary

5 Readings

  • Recap: Fetching Data
  • Exercise: Building the Home Screen
  • Recap: Filtering Data
  • Exercise: Filtering the Food Menu
  • Additional Resources

Final Project Assessment

    • 1 Videos
    • 2 Readings
    • 1 PeerReview
    • 2 Assignment
Show info about module content

2 Assignment

  • Project Self-Review
  • Final graded quiz

1 Peer Review

  • Little Lemon Food Ordering App

1 Videos

  • Course Recap: Capstone Project

2 Readings

  • About the final project assessment
  • Solution: Little Lemon Food Ordering App

Publishing to Google Play Store (Optional)

    • 3 Videos
    • 3 Readings
Show info about module content

3 Videos

  • Play Store Submission Process
  • Building and Testing your App
  • Preparing your App for submission

3 Readings

  • Submitting your App
  • Updating your App
  • Additional resources

Publishing to the iOS App Store (Optional)

    • 3 Videos
    • 3 Readings
Show info about module content

3 Videos

  • App Store Submission Process
  • Building and Testing your App
  • Preparing your App for submission

3 Readings

  • Submitting your App
  • Updating your App
  • Additional resources

Course wrap-up

    • 1 Videos
    • 1 Readings
    • 1 Discussion
Show info about module content

1 Discussions

  • Reflect on learning: What did you find most valuable in the course?

1 Videos

  • Congratulations, you have completed the Capstone Project!

1 Readings

  • Next steps

Auto Summary

Embark on an engaging journey with the "Capstone (React App)" course, designed for professionals in the IT and Computer Science domain. This Coursera course, led by expert instructors, focuses on mobile development using React Native, enabling you to tackle real-world problems through a comprehensive project. Throughout this course, you will revisit and apply skills acquired in previous modules, culminating in the creation of a fully functional app. You’ll gain hands-on experience in setting up a development environment, managing a remote GitHub repository, and applying UX/UI principles to develop a user-friendly wireframe and prototype. Moreover, you will learn to create interactive app screens, design an efficient onboarding process, establish a seamless navigation flow, fetch and display data from remote servers, and implement data filtering for a customized user experience. One of the highlights of this course is the opportunity to evaluate peer projects and provide constructive feedback, fostering a collaborative learning environment. Upon completion, you will have a polished portfolio project to showcase your expertise to potential employers and stand out in the job market. With a duration of 840 hours, this professional-level course is available under the Starter subscription, making it accessible for those looking to advance their skills in React Native development. Ideal for learners with previous React Native experience, this course will propel you towards becoming a proficient mobile app developer.

Taught by Meta Staff
Instructor

Taught by Meta Staff