Skip to content
View menu
Digital Media Academy
Log in
Computer Science Calendar view

Mobile App Development with React Native & Expo


Course
Quantity
For someone else
Quantity
For someone else
For information on how to register in this course, click below.
Contact us

Design and Build Your Own Cross-Compatible Mobile Application!

Pathway: Computer Science + AI Stage: Advanced
Age:  12-18 Grade (US): 8-12
Pathway: Computer Science + AI
Age:  12-18
Stage: Advanced
Grade (US): 8-12

In this course, students will start creating mobile phone applications using React, the cross-platform development tool of choice for professional developers. Building on existing knowledge of Java, this course will take students through a learning journey to develop their own apps or games with React.

At the beginning of the week, students will learn to weave together new skills in HTML, Javascript, and CSS to create useful and fun apps. By the end of the week, students will learn to create strong user interfaces and apps or games of their choice. Solve a big problem, or make something fun and take your creations home with you!

Course Guide

The Course Guide contains all information required to deliver this Digital Media Academy Pro course. 

 

 

Standards Alignment

This course is aligned to national and international standards for technology education. Standards include: International Society for Technology in Education (ISTE), International Baccalaureate , UK National Curriculum, New Zealand Curriculum, and more!

Learning Outcomes

Students will be able to…

1

Explain App development principles including UI/UX design

2

Explain responsive design, prototyping, and testing

3

Use arrays, data structures, and object-oriented design

4

Develop using React Native

Students will create...

1

Interactive mobile apps for iOS and Android

2

An Android or iOS app of their choice

 

Career Pathways 

Mobile App Developer, Computer Programmer, UI/UX Designer, Web Developer, Marketing

Here is the course outline:

Unit 1: Intro to App Design with React.Native

Learn the basics of the App Development process

5 sections
Lesson 1.1: Intro to Mobile App Design
Lesson 1.2: React.Native Coding
Lesson 1.3: Illustrating with React.Native
Lesson 1.4: App Design Process
Lesson 1.5: Brainstorming App Design Ideas

Unit 2: App Specifications and Functionality

Now that you have an idea for an App you want to create, it's time to kick start the development process!

4 sections
Lesson 2.1: Statements and Functions
Lesson 2.2: Animating in React.Native
Lesson 2.3: Functionality Testing and Analysis
Lesson 2.4: Create a Spec Sheet

Unit 3: Design, Testing, and Development

Design, re-design, test, and implement changes to your app to ensure your users will love it!

3 sections
Lesson 3.1: User Needs and Visual Design
Lesson 3.2: Prototyping with UXPin
Lesson 3.3: User Testing

Unit 4: React Coding Projects (Optional)

Sharpen up your coding skills with these practice projects!

2 sections
Lesson 4.1: Camera App with React.Native
Lesson 4.2: To-Do List App

Unit 5: Final Project Development

Unleash your creativity and develop your final project!

1 section
Lesson 5.1: Final Project Development

Student Showcase

Now it's time to show off your projects!

2 sections
How to Lead a Student Showcase
Student Showcase