

Project 2: Completing the Front-End
Presentation
•
Computers
•
9th - 12th Grade
•
Easy
Michael Kendall
Used 5+ times
FREE Resource
10 Slides • 5 Questions
1
Project 2: Completing the Front-End
Adding hyperlinks, Forms, and Revising our HTML

2
Do-Now:
4 Steps
Login to the Quizz Sessions
Open Covid Map Project on repl.it
Join the jamboard by clicking the link in the chat
Open the Bootstrap Documentation at getboostrap.com
3
Today's Agenda:
Do-Now
Today's Objectives
Remembering the Growth Mindset
Project 2 Checkin where we are and where we're heading
HTML Recap (Using Anchor tags and reviewing Syntax)
Adding Hyperlinks to Navbar
Adding Content and Styles to all pages
4
Today's Objectives:
BTEOC, SWBAT ...
Understand and apply Growth Mindset thinking
Identify what Anchor tags are and apply hyperlinks to navigation bar
Add nav bar to all pages and be able to click through hyperlinks to go to different pages on app
Add Registration and Signup forms with Bootstrap
Adding Styling to all pages with Bootstrap
5
Open Ended
What is a Growth Mindset? Compare and contrast the differences between a Growth mindset and a fixed mindset.
6
7
Open Ended
What is something in your life that a growth mindset could help you with?
8
Open Ended
What is a skill you've learned or task you've accomplished with hard work and dedication? How did it feel to work hard for something you wanted?
9
Project 2 Check in: Where we are now
Listed below are the deliverables that we have completed:
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 Sign up form so that users can input their personal information (Name, Email, Address, Phone, Date of Birthday, Appointment Type)
Add heading for the name of your app using an h1 tag.
10
Poll
Temperature Check:
How do you feel about your current progress for Project 2?
Excellent! I'm on task and have completed all
Good. I have a few small things to complete.
Need Additional Assistance, I'm a little behind on certain deliverables.
I'm completely lost and need additional support.
11
HTML Recap( Using Anchor Tags & reviewing /syntax)
12
The <a> tag AKA the Anchor Tag
The <a> tag defines a hyperlink, which is used to link from one page to another.
The most important attribute of the <a> element is the href attribute, which indicates the link's destination.
13
Anchor tag syntax
<a href="https://www.w3schools.com">Visit W3Schools.com!</a>
Starting with <a href= "hyperlink or file name here" > Name of page </a>
14
Open Ended
How many anchor tags do you see in the following code snippet?
<div class="container-fluid">
<a class="navbar-brand" href="#">DMV Covid Map App</a>
<button class="navbar-toggler" type="button" data-bs-toggle="collapse" data-bs-target="#navbarSupportedContent" aria-controls="navbarSupportedContent" aria-expanded="false" aria-label="Toggle navigation">
<span class="navbar-toggler-icon"></span>
</button>
15
Unordered list and List items
<ul>
<li>Step:1 </li>
<li>Step:2 </li>
<li>Step:3 </li>
</ul>
Project 2: Completing the Front-End
Adding hyperlinks, Forms, and Revising our HTML

Show answer
Auto Play
Slide 1 / 15
SLIDE
Similar Resources on Wayground
11 questions
Multistep Stoichiometry
Presentation
•
10th - 12th Grade
8 questions
Q341_Elektronik
Presentation
•
9th - 12th Grade
12 questions
Introduction to C/C++ Programing
Presentation
•
KG - University
13 questions
Lesson 20 Formulating Absolute Value Equations TEKS 2A.6D
Presentation
•
9th - 12th Grade
10 questions
Balancing Chemical Equations
Presentation
•
9th - 12th Grade
12 questions
The present progressive
Presentation
•
9th - 12th Grade
10 questions
Информатика
Presentation
•
9th - 12th Grade
12 questions
Factoring Polynomials
Presentation
•
9th - 12th Grade
Popular Resources on Wayground
10 questions
Safety Day 2026 – Student Review
Quiz
•
9th Grade
21 questions
Continents and Oceans
Quiz
•
6th Grade
20 questions
Parts of Speech
Quiz
•
5th Grade
16 questions
Subject & Predicate
Quiz
•
5th Grade
25 questions
Multiplication Facts
Quiz
•
5th Grade
12 questions
Map Skills
Quiz
•
3rd Grade
22 questions
Continents and Oceans
Quiz
•
5th Grade
15 questions
Rounding Decimals
Quiz
•
5th Grade