|Introduction to Mobile Apps: Students are introduced to the mobile apps course and the React Native framework and its program structure and syntax. Students also preview some of the tools and technologies they will use to build and run their apps.
|Components and the Stylesheet: Students are introduced to components, the backbone of building apps with React Native. They learn about the stylesheet object and how to add custom style attributes to their apps.
|Buttons and Text Boxes: Students use the TouchableHighlight to create "buttons" that add a layer of functionality. Students also learn about how to create and use text boxes in their programs.
|Advanced Layouts and Images: Students learn how to add images to their apps to further customize the building experience. They gain a deeper understanding of mobile apps layouts using Flex values and the Dimensions API.
|App Build: Recreate a Popular App: Students apply their knowledge of components, images, buttons, text boxes, and layouts to recreate a screen of a popular app. They will go through this process in steps, taking time to plan their layout and think about the functionality of the app. They may return to the app later to add on additional functions as new concepts are learned.
|Events and State: Students learn how to use state values and how to update the state of their app in various ways to create quick, dynamic programs.
|Creating Multiple Screens: Students learn how to take their apps to the next level by adding in functionality that allows for content and interactivity on multiple screens.
|Working with Conditionals: Students use conditionals to allow for more flexible apps. They also learn how parameters are used inside functions.
|App Build: Currency Converter: Students apply their knowledge of components, events, state, conditionals, and more to build a currency converter app. Students use the Stylesheet to create a user friendly layout that can convert multiple currencies!
|Mobile Apps Prerequisite:
|Designing User Interfaces: This unit introduces students to the theory and practice of user interface design. Students learn about what makes an engaging and accessible user interface, and will employ an iterative design process including rapid prototyping and user testing to design and develop their own engaging web pages.
|End of Course App Build: In this project-facing module, students will use everything they have learned in the first semester and design, prototype, and code their own custom app and present it to their class.
Sign up for a free teacher account to get access to curriculum, teacher tools and teacher resources.Teacher Signup
Sign up as a student if you are in a school and have a class code given to you by your teacher.Student Signup