Project 2 Checkpoint 3:

Presentation

•

Computers

•

9th - 12th Grade

•

Hard

Michael Kendall

Used 2+ times

FREE Resource

9 Slides • 0 Questions

Project 2 Checkpoint 3:

Completing the User Interface

Happy Friday! Please type your first and last name in the chat for today's attendance.

Please open your Covid Map Project on repl.it and be prepared to share your project link.

Today's Agenda

Do-Now:
Submit current project link
Hardware
Input / Output Devices
Software
Jeopardy Game

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

Upcoming Events

Spring Break 4-12 / 4-19-21
Project Due 4-6-21
Complete Functionality of App ie. Scheduling appointments and getting confirmation

Adding Styles with Bootstrap

Step 1: add class attribute to specific element
Step 2: add Bootstrap property
Step 3: add

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

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

9 questions

Programming

Lesson

•

9th - 12th Grade

10 questions

Karyotypes

Lesson

•

9th - 12th Grade

10 questions

Adobe Photoshop Shortcut Keys

Lesson

•

9th - 12th Grade

9 questions

Mutations

Lesson

•

9th - 11th Grade

10 questions

Python Data Types

Lesson

•

9th - 12th Grade

10 questions

Knowing Your Database (ASK Tingkatan 3)

Lesson

•

9th - 12th Grade

8 questions

Topic Sentences

Lesson

•

9th - 12th Grade

10 questions

Computer Network

Lesson

•

9th - 12th Grade

Popular Resources on Wayground

15 questions

Fractions on a Number Line

Quiz

•

3rd Grade

10 questions

Probability Practice

Quiz

•

4th Grade

15 questions

Probability on Number LIne

Quiz

•

4th Grade

20 questions

Equivalent Fractions

Quiz

•

3rd Grade

25 questions

Multiplication Facts

Quiz

•

5th Grade

$fractions$

22 questions

fractions

Quiz

•

3rd Grade

6 questions

Appropriate Chromebook Usage

Lesson

•

7th Grade

10 questions

Greek Bases tele and phon

Quiz

•

6th - 8th Grade

Discover more resources for Computers

10 questions

Exploring Digital Citizenship Essentials

Interactive video

•

6th - 10th Grade

14 questions

[AP CSP] JavaScript Programming Quiz

Quiz

•

9th - 12th Grade

10 questions

Understanding Computers and Computer Engineering

Interactive video

•

7th - 12th Grade

37 questions

Python - Tuples, Lists, and List Methods

Quiz

•

9th - 12th Grade

60 questions

MOS Word Home, Insert, Reference Ribbon Basics

Quiz

•

9th Grade