Course Syllabus

Course Description / Overview:

Grades:  6th - 9th

Mobile Apps Development course teaches students the core concepts required to develop any mobile app. Students will use Mobile jQuery and build real-world projects compatible with all desktop browsers as well as Android and iOS. Students will learn how to develop an app from UI design and bringing it online to share with the world. In class, we will be testing it on desktop and Android devices.

Note:

Classes will be divided into small groups with 1: 6 teacher: students ratio

 

Class Goals/Outcomes:

  • Learn how create mobile apps and deploy them on different platforms.

 

Course Outline:

 

Topic #

Contents

Day 1          

Topic: Setting the environment to create an application

Activity: Creating a multi-page app 

Day 2

Topic: Adding navigation buttons

Activity: a multi-page app with navigation and buttons

Day 3

Topic: Adding listview, collapsible, panel 

Activity: a multi-page app with listview and panel

Day 4

Topic: creating a form, checkboxes, radio buttons, etc

Activity: interactive addition app 

Day 5

Topic: Math App

Activity: Create a Math app with Addition and subtraction 

Day 6

Topic: Animation with CSS and jQuery

Activity: Animation and collision app

Day 7

Topic: Mastermind Game with numbers

Activity: Mastermind Game App Complete

Day 8

Topic: Mastermind Game with numbers

Activity: Mastermind Game App Complete, Create .apk file 

 

Student Expectations / Classroom Policies:

  • Decent typing skills

  • Kids should know how to use some keyboard shortcuts-

    Windows Commands:

    CTRL /            to comment and uncomment on repl.it

    CTRL z           to undo

    CTRL c           to copy

    CTRL v           to paste

    CTRL +           to make the font bigger on repl.it

    CTRL -            to make the font smaller on repl.it

     

    Mac Commands

    COMMAND /             to comment and uncomment on repl.it

    COMMAND z            to undo

    COMMAND c            to copy

    COMMAND v            to paste

    COMMAND +            to make the font bigger on repl.it

    COMMAND -             to make the font smaller on repl.it

     

  • Some Zoom Feature:

                How to screen share on zoom

                How to use chat for text message on zoom

  • Before class starts, create an account on repl.it. 

    We will use an online editor for this class Repl.it. Below is the link for an editor. Kids will require to create a login to use it. 

     (Links to an external site.)Repl Online Editor Link (Links to an external site.)

    Video tutorials on how to use repl.it

     

     

    Progressive Kids Lesson Setup Video:

What Should I bring to Class?

  • Access to windows or Mac laptop
  • Internet access