Search Header Logo
Introduction to Bootstrap

Introduction to Bootstrap

Assessment

Presentation

Computers

9th - 12th Grade

Easy

Created by

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

media

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

media

11

Multiple Select

What coding languages does the Bootstrap framework use?

1

HTML

2

CSS

3

Java Script

4

Python

12

​Terminal Commands:

​ls = list

​mkdir = Make directory

​cd = Change directory

​touch = Creates a new file

​Example: cd Desktop

​Example 2: mkdir

13

media

14

media

15

media

16

media

17

media

18

media

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