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
10 questions
Domain 2 Lesson 3
Presentation
•
9th - 12th Grade
9 questions
3D Modeling CAD Design Split Model Testing
Presentation
•
9th - 12th Grade
6 questions
MAC 2 | Lesson 5-7 | Wrap it Up
Presentation
•
KG
9 questions
Domain 1 - Lesson 3: Configure Drive Encryption
Presentation
•
9th - 12th Grade
9 questions
Y = MX + B Review
Presentation
•
9th - 12th Grade
5 questions
Descriptive Text
Presentation
•
9th - 12th Grade
2 questions
Обряд в воспитанники возрождённого
Presentation
•
KG
8 questions
{Exit Ticket} Types of Studies
Presentation
•
9th - 12th Grade
Popular Resources on Wayground
28 questions
US History Regents Review
Quiz
•
11th Grade
36 questions
Biology Regents Review
Quiz
•
9th - 10th Grade
20 questions
Math Review
Quiz
•
3rd Grade
38 questions
Regents Life Science General Review
Quiz
•
9th Grade
20 questions
Math Review
Quiz
•
6th Grade
21 questions
EOY Grade 6 Benchmark Assessment - Content Skills
Quiz
•
6th Grade
20 questions
Inferences
Quiz
•
4th Grade
20 questions
Figurative Language Review
Quiz
•
6th Grade
Discover more resources for Computers
28 questions
US History Regents Review
Quiz
•
11th Grade
36 questions
Biology Regents Review
Quiz
•
9th - 10th Grade
38 questions
Regents Life Science General Review
Quiz
•
9th Grade
45 questions
Earth and Space Science Regents: Exam Cram
Presentation
•
7th - 12th Grade
36 questions
NYS Biology Regents Exam: Word on the Street
Quiz
•
10th Grade
50 questions
Global Regents Review 1
Quiz
•
10th Grade
6 questions
Regression Practice
Quiz
•
9th Grade
50 questions
Earth Science Regents Review
Quiz
•
10th Grade