mobile-development.md

Mobile Development / React Native

Projected Time

About 4 hours

• Lesson Slides: 20-30 minutes
• Guided Practice: 60 minutes
• Independent Practice: 2-3 hours
• Check for understanding: 15 minutes

Prerequisites

• React Lesson

Motivation

Mobile applications have revolutionized Mobile World, getting much more power in the hands of customers & more business in the pockets of the entrepreneurs. In the dynamic technology industry, the mobile application development market is at its peak. It is the need of the hour & the latest fruitful business trend.(by Sara Bhavsar)

Importance of mobile developement:

• The World has gone mobile
• Visible to Customers all the time
• Create a Direct Marketing Channel
• Build Brand and Recognition (by Sara Bhavsar)

Top mobile development companies:

• Hyperlink Infosystem
• Techahead

Objectives

Participants will be able to::

• Understand the difference between native apps, web apps, and hybrid apps
• Understand how mobile development differs from web development
• Learn about mobile platforms and their corresponding languages and frameworks
• Learn how to create an app using React Native
• Find resources for learning other mobile platforms

Specific Things To Teach

• The pros and cons of making native, web, or hybrid apps for mobile
• Differences between web and mobile workflow
• Introduce to the 3 mobile platforms and the technologies they are built with
• How to use React Native via tutorial

Materials

• Mobile Development Slides
• React Native Tutorial: Building Android Apps with JavaScript

Lesson

Read through the Mobile Development slides

Common Mistakes / Misconceptions

This is something that apprentices might not realize or might assume at first.

Make sure they avoid this: thing

Guided Practice

Work through this React Native tutorial:

• React Native Tutorial: Building Android Apps with JavaScript

Independent Practice / Challenge

• Spend the rest of your topic time (out of 4 hours total) converting one of your existing interactive projects into a React Native App. Be sure to start a new project/github repo.
• If you finish, follow this doc on running your app on a mobile device.

Supplemental Materials

React Native:

• Blog Article: What is React Native?
• React Native Docs
• Run your new React Native app on a mobile device.

iOS:

• Apple Docs: Swift
• Ray Wenderlich's iOS tutorial (all his tutorials come highly recommended!)
• Stanford: Developing iOS 11 Apps with Swift

Android:

• Google Docs: Android
• TutorialsPoint: Android Lesson
• Udacity Course from Google

Check for Understanding

Find a partner who you haven't worked with today, and spend 5-10 minutes each explaining how you converted your project.