Project 2 Checkpoint 3:
Presentation
•
Computers
•
9th - 12th Grade
•
Hard
Michael Kendall
Used 3+ times
FREE Resource
9 Slides • 0 Questions
1
Project 2 Checkpoint 3:
Completing the User Interface
2
Happy Friday! Please type your first and last name in the chat for today's attendance.
3
Please open your Covid Map Project on repl.it and be prepared to share your project link.
4
Today's Agenda
Do-Now:
Submit current project link
Hardware
Input / Output Devices
Software
Jeopardy Game
5
Today's Objectives:
BTEOC, SWBAT ...
Add custom styles to project using Bootstrap
Have a one on one checkin with Mr. Kendall
Complete Checkpoint 3 for project
Submit current project link
6
Upcoming Events
Spring Break 4-12 / 4-19-21
Project Due 4-6-21
Complete Functionality of App ie. Scheduling appointments and getting confirmation
7
Adding Styles with Bootstrap
Step 1: add class attribute to specific element
Step 2: add Bootstrap property
Step 3: add
8
Project 2 Checkpoint 3:
Input all Covid Testing and Vaccination Site Locations to your map (16 total locations )
Add steps/ instructions on how a user should use your app to register and schedule an appointment. You should have at least 5 steps for the user to follow.
Add Signup form to your REGISTRATION page so that users can input their personal information (Name, Email, Address, Phone, Date of Birthday, Appointment Type)
Add forms to your Covid Testing and Covid Vaccination pages so that users can schedule appoint. These are the fields that you should have on your form (Name, Date of Birth, Address, Phone, Email, Appointment Type, Appointment Date)
Add hyperlinks to navigation bar so that when clicked they take users to the proper place on your app
Create an html file for each page on your app
Add custom styling using Bootstrap to customize the look of your app
9
Example Changing background Color
Step 1: Add class attribute to the opening <body> tag.
After completing this step you tag should look like this <body class = " ">
Step 2: Use the Bootstrap bg property (which stands for background) to change the background color.
<body class = " bg-warning">
Try this line of code. What happened to your background?
Project 2 Checkpoint 3:
Completing the User Interface
Show answer
Auto Play
Slide 1 / 9
SLIDE
Similar Resources on Wayground
8 questions
расшифровка анаграмм
Presentation
•
9th - 12th Grade
10 questions
Synthetic Division
Presentation
•
9th - 12th Grade
10 questions
Genetics Dihybrid Crosses
Presentation
•
9th - 12th Grade
9 questions
Music and Technology intro to Digital Audio Workstations
Presentation
•
9th - 12th Grade
7 questions
1.1 Getting to Know Excel
Presentation
•
9th - 12th Grade
7 questions
03.02 Browser
Presentation
•
9th - 12th Grade
7 questions
Kombel Quizizz
Presentation
•
KG
8 questions
H CS - Environmental impact (revision)
Presentation
•
9th - 12th Grade
Popular Resources on Wayground
6 questions
Secondary Safety Quiz
Presentation
•
9th - 12th Grade
10 questions
Afterschool Activities & Sports
Quiz
•
6th - 8th Grade
19 questions
ROAR Week 2026
Quiz
•
9th - 12th Grade
20 questions
Lab Safety Quiz
Quiz
•
6th Grade
15 questions
Cool Tool:Chromebook
Quiz
•
6th - 8th Grade
22 questions
would you rather
Quiz
•
3rd - 11th Grade
21 questions
Continents and Oceans
Quiz
•
6th Grade
20 questions
Parts of Speech
Quiz
•
5th Grade
Discover more resources for Computers
20 questions
Early Computing
Quiz
•
7th - 12th Grade
10 questions
Exploring the Parts of a Computer
Interactive video
•
6th - 10th Grade
10 questions
Navigating Digital Citizenship and Online Safety
Interactive video
•
6th - 10th Grade
20 questions
Binary Numbers
Quiz
•
11th Grade
10 questions
Mastering Proper Keyboarding Techniques
Interactive video
•
6th - 10th Grade