Category Archives: Computer Science

Web Based Tip Calculator

Use bootstrap to create the front end for a tip calculator.

Below are screenshots of the UI elements. Your goals is to use bootstrap to create a bootstrap version of this.

SUPA Web 2020-21

SUPA Web

Important Links

Live Reload

–Tip and tricks for git

Bootstrap 4

https://getbootstrap.com/docs/4.5/ — Official Bootstrap 4 website
Bootstrap 4 Cheat Sheet
Bootstrap presentations
Bootstrap 4 @ www schools
Other good links for bs4 topics
- Centering Content
- bs4 Utilities (nice summary by w3schools)
- Bootstrap grid

Quarter 3

Tip Calculator

Quarter 4

2018-19 Version

Quarter 4 project – years past

Bootstrap Based Tip Calculator UX https://mrmonline.org/bootstrap-tip-calculator/

SUPA Web [2020-2021]

SUPA Web

Husky : 3zpbwny

Pride : rbyazni

CSS Resources

Flex Box Froggy – Game for Learning Flex Box

Grid Garden – A game for learning CSS grid layout

Intro to CS [ 2020-21]

Intro to CS 2020-21

c testing

Microbit Firia Lab Concepts

Unit 1
1. Datatypes (scroll vs show())
Unit 2
1. Variables (delay= 1000)
2. Roman Translator Standalone Assign
Unit 3
1. while loop

Unit 4

break statement

num = 10
while num < 100:
    num = num + 10
    if a button pressed :
        num = num -1
    if b button pressed : 
        num = num + 2

num = 10

while num < 100:

num = num + 10

if a button pressed :

num = num -1

if b button pressed :

num = num + 2

Unit 5
1. Intro to lists
Unit 6
1. Lists
2. len function
3. random index from list (Answer Bot)
4. Cycling through a list
5. type function
Unit 7
1. Probability Lab
Unit 8
1. def() using functions
Unit 9

Intro To CS 2019-20

I. Alice

Unit 1

Complete packets #3- 8 by Thursday Wednesday 27th
- #1 (Example tutorial)
- #2 (skipped)
- #3 Coach–opacity, color
- #4 Camera and manipulating objects (turn,tumble etc)
- #5a Alice code (how to add instructions)
- #5b Alice Primitive Methods
- #6 ( camelCase, — read only, no tutorials)
- #7 ( primitive methods from object tree)
- #8 (do together )
Project #1
- at least 10 instructions
- modify a ‘subpart’
- 1 do-together statement
- at least 3 different objects
- Worth 7 points.
- To get a 7/7 you must achieve the ‘wow factor’–ie go above and beyond to create a superior final project
- you must save your file in the format of
  - lastname-assignment1
  - morris-assignment1

Unit 2

Unit 2 Packets

#9 (variables)
#10 functions vs methods

Unit 2 Assignments

All the assignments listed below are detailed on this page

Drag Racing
Spaceship Repair
Apollo 15
End of Unit Assign

Unit 3

#10
#11 (math Expressions)
#12 (Strings and Text)
Read: Important post to understand
Read What as a String
Area of Triangle Assignment (only that one assignment)
#13 (booleans)
~~#14 (relational operators) (Show me this one when you’re done with the gumdrop/fish tutorial)~~
1. Skip #14 (we did this together)
Complete the rest of unit 3/4 assignments
1. Roman Translator
2. MPG modified
3. Temp Convert Mod
4. OR , you can skip all of these and do the much much more involved “Rock Paper Scissors ” game .

Unit 4 . Loops

Complete Packets:
- 15 b (The Loop Instruction)
- 16 (The While Instruction)
Unit 4 assignments here

Unit 4 . Parameters and Objects [advanced]

Complete Packets:
- #18 Writing a Class Level Method
- #20 Saving an Object to a New Class
- #21 Stepwise Refinement (Follow the instructions carefully on this one). If your method does not seem to work, it’s probably because you switched a left leg with a right leg
- #22 Passing Arguments
- Assignments here

Last year’s class page.