

Introduction to Bootstrap
Presentation
•
Computers
•
9th - 12th Grade
•
Easy
Michael Kendall
Used 8+ times
FREE Resource
17 Slides • 2 Questions
1
NFT's / Continuing with Bootstrap
2
Today's Agenda:
- Objective
- Do-Now
- What is an NFT?
- Exploring OpenSea
- Bootstrap Review
- Applied Practice... Using Bootstrap to develop a user interface
-Command Line and Sublime Text
-Exit Ticket
3
Objective:
BTEOC, SWBAT define what a NFT is in their own words and be able to explain how digital files can be used to make profit. Scholars will also use Bootstrap to develop multiple pages of a user interface and be able to score 80% or higher on the Exit Ticket.
4
Open Ended
The current price of gas is $3.29 at one gas station, $3.49 at another gas station and $3.89 at a third station. The car that the customer is driving has a 30 gallon gas tank. Write a Python program that determines how much the customer will spend to fill up their gas tank. The user should be prompted to enter the car model, year, and the size of their gas tank. From their output to the screen the total cost the user will spend to fill up their tank. The output should be in this format “To fill up your {car_model} at this station you will need to pay {total_cost} .”
5
What is a NFT?
NFTs are collectible crypto assets, intended to represent a unique digital item that can be bought, sold, or traded.
The term “fungible” refers to something that can be interchanged for something else just like it. A dollar bill, for example, is fungible because all dollar bills are more or less the same. Non-fungible tokens, then, are digital items that cannot be duplicated, such as:
• Artwork
• Music
• Collectibles, like trading cards
• Items within video games like skins, weapons, or avatars
• Virtual land
The possibilities are almost endless. Individuals can now create something digital, put a unique stamp on it within the blockchain network, and sell it to someone without needing a third-party intermediary like an art broker or pawn shop.
6
Take 5 minutes to read this article on NFT's
https://www.forbes.com/advisor/investing/nft-non-fungible-token/
If you finish the first article before the 5 minutes is up continue on to the second article below.
https://www.sofi.com/learn/content/how-to-create-buy-sell-nfts/
7
Go to www.opensea.com
​
8
9
What is Bootstrap?
Bootstrap is a free front-end framework for faster and easier web development
Bootstrap includes HTML and CSS based design templates for typography, forms, buttons, tables, navigation, modals, image carousels and many other, as well as optional JavaScript plugins
Bootstrap also gives you the ability to easily create responsive designs
10
11
Multiple Select
What coding languages does the Bootstrap framework use?
HTML
CSS
Java Script
Python
12
Terminal Commands:
ls = list
mkdir = Make directory
cd = Change directory
touch = Creates a new file
Example: cd Desktop
Example 2: mkdir
13
14
15
16
17
18
19
Try it yourself!
Go to https://www.codecademy.com/learn/learn-bootstrap
NFT's / Continuing with Bootstrap
Show answer
Auto Play
Slide 1 / 19
SLIDE
Similar Resources on Wayground
15 questions
Finding Zeros of a Function Lesson
Presentation
•
9th - 12th Grade
13 questions
Writing Linear Functions
Presentation
•
9th - 12th Grade
15 questions
Completing the Square
Presentation
•
9th - 12th Grade
17 questions
Python Data Types and Variables
Presentation
•
8th - 12th Grade
14 questions
Legacy of Corruption
Presentation
•
9th - 12th Grade
14 questions
Mutations
Presentation
•
9th - 12th Grade
15 questions
Compound-complex sentences
Presentation
•
9th - 12th Grade
13 questions
CTE/Career Technical Education -16 Career Clusters
Presentation
•
9th - 12th Grade
Popular Resources on Wayground
20 questions
STAAR Review Quiz #3
Quiz
•
8th Grade
20 questions
Equivalent Fractions
Quiz
•
3rd Grade
6 questions
Marshmallow Farm Quiz
Quiz
•
2nd - 5th Grade
20 questions
Main Idea and Details
Quiz
•
5th Grade
20 questions
Context Clues
Quiz
•
6th Grade
20 questions
Inferences
Quiz
•
4th Grade
19 questions
Classifying Quadrilaterals
Quiz
•
3rd Grade
12 questions
What makes Nebraska's government unique?
Quiz
•
4th - 5th Grade
Discover more resources for Computers
7 questions
Warm Up 04.01.2026
Quiz
•
9th Grade
50 questions
STAAR English 2 Review
Quiz
•
10th Grade
20 questions
Graphing Inequalities on a Number Line
Quiz
•
6th - 9th Grade
20 questions
Figurative Language Review
Quiz
•
10th Grade
20 questions
Linear Functions Review
Quiz
•
9th Grade
30 questions
English 1 STAAR Review
Quiz
•
9th Grade
10 questions
Pythagorean Theorem and its Converse
Quiz
•
7th - 9th Grade
14 questions
Ecological Succession: Primary and Secondary
Quiz
•
9th Grade