Create an App with HTML5 // Preview

Key Terms

Web Design

  • Source Code
  • URL
  • Link
  • HTML Tag

User Interface

  • Notification (Apple Guidelines)
  • Modal (Google It)
  • Dialog Modal
  • Title Bar
  • Screen
  • Text Input Field
  • Select Field / Drop-down Box
  • Color Scheme

Getting Started

Open the CodePen to edit our App’s source code.


  1. Change the name of the app.
  2. Customize the home Screen.
  3. Customize the notifications.
  4. Customize the extra Setting.
  5. Customize the App’s color scheme.
  6. Extra Credit: Add another option to the Favorite Animal select box. ( Maybe something other than an animal? )