Mobile Apps

In this first lesson, students will be introduced to React Native, a framework that will be used to develop apps throughout this course. They will also be guided through the download process for Expo, an app that helps students run their programs on their handheld devices as they are created.

In this lesson, students are introduced to the basic components used to build React Native apps. They will learn about the parent view component and see how all child components are nested inside.

In this lesson, students learn how to add styling to specific components to their apps using the Stylesheet API.

In this lesson, students will begin to style their app layout using various Stylesheet components.

In this lesson, students will learn about the text attributes that can be styled.

In this lesson, students will begin creating their Scorekeeper program. They will be able to design it how they wish and will be adding to this program throughout the course as they learn new concepts.

In this lesson, students review content with a 15 question End-of-Unit Quiz.

In this lesson, students will learn how to make components of their apps react to being pressed.

In this lesson, students will learn how to use the TextInput component to allow users to input information into their apps.

In this lesson, students will add some functionality to their Scorekeeper program. They will allow users to enter team names as well as fire alerts when certain buttons are pressed.

In this lesson, students review content with a 15 question End-of-Unit Quiz.

In this lesson, students will learn how to add images to their apps.

In this lesson, students will learn how to use the ImageBackground component to allow other components to be placed on top of an image.

In this lesson, students will learn how the Image component can be nested inside a TouchableHighlight component in order to use images as buttons.

In this lesson, students will learn how to create responsive layouts using flex values.

In this lesson, students will learn how to create responsive layouts using the Dimensions API.

In this lesson, students will add images to their Scorekeeper apps. They will also alter the way their components are sized so that their layout is responsive.

In this lesson, students review content with a 15 question End-of-Unit Quiz.

In this lesson, students will spend time researching, exploring, planning, and developing a replica of an app screen they’ve used previously. They should try their best to mirror the features of the chosen screen and think about the functionality that should be built into the app in order to clearly determine which topics they still need to learn when it comes to app creation.

In this lesson, students will learn how to set state variables and use their values inside their programs.

In this lesson, students will learn how to update the values of states by using TouchableHighlight components.

In this lesson, students will learn how to set numerical state values and update them using mathematical equations.

In this lesson, students will learn how string methods can be used to update the value of string states.

In this lesson, students will add functionality to their app that will update the score of each team based on button presses.

In this lesson, students review content with a 15 question End-of-Unit Quiz.

In this lesson, students will learn how to create layouts that include navbars.

In this lesson, students will learn how to create apps that have multiple screens.

In this lesson, students will separate the contents of their Scorekeeper app onto multiple screens.

In this lesson, students review content with a 15 question End-of-Unit Quiz.

In this lesson, students will learn how they can use conditionals in their React Native apps.

In this lesson, students will learn how parameters can be used inside React Native functions.

In this lesson, students will add a new screen to their app where the record of each team’s wins, losses, and ties will be recorded. They will use their prior knowledge of creating multiple screens and the new concepts of conditionals to complete this task.

In this lesson, students review content with a 15 question End-of-Unit Quiz.

In this lesson, students will spend time researching, exploring, planning, and developing an app that converts between multiple currencies.

In this lesson, students will learn how arrays and indexing can be used in their programs to hold larger sets of data.

In this lesson, students learn how to create objects and map through them in order to place multiple pieces of content in their app using only one styling layout.

In this lesson, students will use arrays to consolidate the variables keeping track of each team’s record as games are played. They will also use objects to create a running list of game scores.

In this lesson, students review content with a 15 question End-of-Unit Quiz.

In this lesson, students will learn how to use ScrollView components to scroll through items on the screen.

In this lesson, students will map through objects inside ScrollView components in order to make their programs more concise.

In this lesson, students will add ScrollView components to their app in order to allow content to be scrolled through on the screen. They will also creatively decide what fourth screen would be useful in their app and create this functionality.

In this lesson, students review content with a 15 question End-of-Unit Quiz.

In this lesson, students will spend time researching, exploring, planning, and developing an app that displays a scrollable Image Feed using objects, lists, scrollviews, and conditionals.

Students begin the Designing User Interface module by taking a look at various UIs and defining the aspects as ‘good’ or ‘bad’. They then begin to brainstorm an idea for their group app creation.

Students learn how to design for accessibility in order to create apps that can be used by a wide audience. They will learn the best practices when performing interviews and will have a chance to put them into practice.

Students use their knowledge of accessibility and interviewing techniques to create a composite character profile which will lead to a point-of-view statement that will define their app’s purpose.

Students will learn how to have a successful group brainstorming session. They will learn some specific guidelines that help to create a successful session and will put them to practice in a session with their classmates.

In this lesson, students will be introduced to prototyping. They will be given guidelines for this step and shown examples in order to successfully create prototypes of their group’s project ideas.

Students will learn how to successfully test their prototype with a user. They will get useful feedback on both of their initial prototype designs and will use this information to create a final prototype that will then be programmed using React Native.

In this lesson, students review content with a 10 question End-of-Unit Quiz.

In a group, students will create a functioning and stylized app based on their prototype created in the previous module.

In this lesson, students review content with a final exam.