CCSC
  • Home
    • About Us >
      • Contact Us
    • In the news
  • Research
    • Presentations
    • Podcast
    • Resources
  • CS Institute
    • 2022 CSI >
      • module1
      • module2
      • module3
      • module4
    • FAQs
    • 2021 CSI >
      • week1
      • week2
      • week3
      • 2021 CSI Resources
    • 2020 CSI Highlights
    • 2019 CSI Highlights
    • 2017 CSI Highlights
  • Design Lab
    • Updates
    • Playdates
    • Lesson Repositories
    • Reserve hardware
    • Request material
    • Reserve design lab

Web & App Making

Daily Activities

Day 1 - Intro to HTML, CSS & Javascript
  • HTML Puzzle Box
  • HTML
  • CSS
  • Javascript

Day 2 - Intro to the mobile web
  • jQuery Mobile sample

Day 3 - Intro to app making
  • Bitsbox  (intro & more challenges)
  • Touch Develop 
  • App Lab

Day 4 - Project planning, design & development

Day 5 - Project debugging, testing & launch

Reflection

Resources

  • Cool Tools
  • Search Creative Commons
  • Color Picker
  • Safe Web Fonts
  • Google Fonts
  • Prototyping on Paper
  • Mobile Design Kit
  • Piskel  - animate pixel art
  • piq  - draw pixel art
  • Pixlr - image editor

  • E.A.K. (Erase All Kittens)
  • more Thimble projects​
  • online wireframe
  • Code Avengers
  • Code Maven
  • CodeCombat
  • Create a Comix
  • Lightbot
  • MIT App Inventor (Android)
  • Technovation Challenge

Creations

Picture
Picture
Picture
Picture
Picture
Picture

Creative Commons License
This work is licensed under a Creative Commons Attribution-NonCommercial-ShareAlike 4.0 International License.
  • Home
    • About Us >
      • Contact Us
    • In the news
  • Research
    • Presentations
    • Podcast
    • Resources
  • CS Institute
    • 2022 CSI >
      • module1
      • module2
      • module3
      • module4
    • FAQs
    • 2021 CSI >
      • week1
      • week2
      • week3
      • 2021 CSI Resources
    • 2020 CSI Highlights
    • 2019 CSI Highlights
    • 2017 CSI Highlights
  • Design Lab
    • Updates
    • Playdates
    • Lesson Repositories
    • Reserve hardware
    • Request material
    • Reserve design lab