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.
Author Archives: Mr. M
SUPA Web 2020-21
SUPA Web
Important Links
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
Quarter 4
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
Leave a comment here , AP A
Python With Robots Curriculum
Curriculum Outline
Python with Robots
- Unit 1
- Getting to know codebot
- Unit 2
- Turn in square
- if/elif/else
- while Loop
- Unit 3
- if/else inside loop
- Unit 4
2 Player Button Presser V2 -Loops
After making our 2 player Button Presser Game, let’s make some improvements.
Objective: modify the code so that the game repeats until there are no ties!
Hint : use a while True loop and break when someone wins
Microbit Firia Lab Concepts
- Unit 1
- Datatypes (scroll vs show())
- Unit 2
- Variables (delay= 1000)
- Roman Translator Standalone Assign
- Unit 3
- while loop
- Unit 4
- break statement
-
1234567num = 10while num < 100:num = num + 10if a button pressed :num = num -1if b button pressed :num = num + 2
- Unit 5
- Intro to lists
- Unit 6
- Lists
- len function
- random index from list (Answer Bot)
- Cycling through a list
- type function
- Unit 7
- Probability Lab
- Unit 8
- def() using functions
- Unit 9
Guess Animal’s Weight – Using a Loop
Write a program in which the use is asked to guess the weight of an animal. Allow the user 5 guesses to figure the weight of the animal.
Finished Project :
- Use a
loop to keep track of the number of guesses and and the world function - use a < b to keep track of how many times the user guessed the weight.
- If they guess the correct number then
Foxconn Assignment
Foxconn Articles/links
- Wired’s article READ THIS FIRST
- Nyt article on foxconn ( READ THIS SECOND)
- Inside Foxconn youtube (we will watch this in class together)