Embedded Files
4-29-25
Objective: Students will be able to create the Header, Nav, and Footer parts extracted, so you can wrap them around your other pages. See Below
Example: https://4bryant.itocsd.com/page.php
Header and Nav Section
<!-- Header and Navigation -->
<header>
<h1>Online Auction Marketplace</h1>
</header>
<nav>
<a href="search_auctions.php">Home</a>
<a href="create_auction.php">Create Auction</a>
<a href="my_auctions.php">My Auctions</a>
<a href="admin.php">Admin</a>
<a href="register.php" style="float: right;">Register</a>
<a href="login.php" style="float: right;">Login</a>
<a href="logout.php" style="float: right;">Logout</a>
</nav>
Footer Section
<!-- Footer -->
<footer>
<p>© <?php echo date("Y"); ?> AuctionHub. All rights reserved.</p>
</footer>
🚀 How to Use
🚀 How to Use
You can create separate files like:
header.php (for header + nav)
footer.php (for footer)
Then, on any page, just include them:
<?php include 'header.php'; ?>
<!-- Your page content here -->
<?php include 'footer.php'; ?>
4-28-25
Objective: Students will be able to research how to score a 90 or higher on both practice quizzes.
https://www.w3schools.com/php/php_quiz.asp
https://www.w3schools.com/mysql/mysql_quiz.asp
4-16-25
Objective: Students will be able to research how to create a form that allows buyers to search the listings in the database.
A little bit of help...https://www.youtube.com/watch?v=TLqZZjwhHlM
4-14-25
Objective: Students will be able to wrap HTML & CSS around the student-auction website files, etc... (Header, Nav, Footer)
Files - A few cool zoom/magnifying files
Now, how do you get them to work without breaking your code???
4-7-25
Objective: Students will be able to upload and modify/connect the student-auction website files, etc... This is a guided exercise, so please pay attention.
4-3-25
Objective: Students will be able to create extend their basic login system with user authentication using HTML5, CSS3, PHP, & SQL on the student server. Add some pages that you wish to protect. What are some use cases for this?
3-31-25
Objective: Students will be able to create a basic login system with user authentication using HTML5, CSS3, PHP, & SQL on the student server.
Here’s a high-level approach:
Create a Users Table in MySQL
Store id, username, password_hash (hashed with password_hash()), and user roles (if needed).
Build a Registration & Login Form
A PHP form where users can enter credentials.
Validate input and compare the password using password_verify().
Use Sessions for Authentication
Start a session on login and store user details ($_SESSION['user_id']).
Protect pages by checking $_SESSION['user_id'] at the top of each page.
Restrict Access to Protected Pages
Use a PHP check at the top of pages:
php
CopyEdit
session_start();
if (!isset($_SESSION['user_id'])) {
header("Location: login.php");
exit();
}
Logout Functionality
Destroy the session to log users out.
3-27-25
Objective: Students will be able to create a very basic HTML5, CSS3, PHP, & SQL CRUD application on the student server. Pay attention, because this is mostly for practice, but we will be building some Database Driven apps.
https://studio.code.org/s/csp3-virtual
3-25-25
Objective: Students will be able to complete the Minecraft Hour of Code (Voyage Aquatic).
3-12-25
Objective: Students will be able to clean up & organize their Desktop / Downloads / Documents folders. Wait for instructions!
3-4-25
Objective: Students will be able to begin Exploring Generative AI in Code.org using the link provided in Google Classroom (Lesson 2 Input & Training Data).
Graphic Organizer - click on the link below
https://docs.google.com/presentation/d/1L-NZa63NatGczunX-58GlPNwHnNxD_XQxQSSbqlhP_Y/view#slide=id.p
Exemplar (Activity Buide)
3-3-25
Objective: Students will be able to begin Exploring Generative AI in Code.org using the link provided in Google Classroom. (Lesson 1: Introduction to Generative AI).
Graphic Organizer - click on the link below
https://docs.google.com/presentation/d/1L-NZa63NatGczunX-58GlPNwHnNxD_XQxQSSbqlhP_Y/view#slide=id.p
***Web Design***
2-24
Objective: Students will be able to create spaceship fighting game using code.org. Have Fun!
First you must create your account at https://code.org/
Objective: Students will be able to prepare to take and pass the certification exam!
2-13 to 2-14
Objective: Students will be able to continue working hard on mastering the Cert practice test in Quia and completing Gmetrix/CIW.
Not Randomized
https://www.quia.com/quiz/8479594.html
Randomized
2-5
Objective: Students will be able to complete the pop quiz.
POP Quiz
1-27 to 1-28
Objective: Students will be able to inspect and dissect the Try-Catch-Finally code block found in Google Classroom. We will discuss this in class!
1-17-25
Objective: Students will be able to complete their quiz project. See Google Classroom.
1-13-25
Objective: Students will be able to upload last week's assignment by following the instructions in the video in Google Classroom. All assignments must be uploaded to Google Classroom on 1-13-25 to receive a grade.
This week's assignment will be introduced in the video in Google Classroom.
Instructions: Access your assignment in Google Classroom!
USE: Shift + Command + 4 to create screenshots of your work.
I don't need to see the code, just the view in the web browser.
1-8-25
Objective: Students will be able to create an HTML form, collect user input, and save the data to a flat file (like a .txt file) using JavaScript in the browser.
All assignments must be uploaded to Google Classroom to receive a grade.
4th Period https://classroom.google.com/c/MTYxMTQwODM4MTha?cjc=asridj4
https://www.quia.com/quiz/8529687.html
12-16 to Continued...
Objective: Students will be able to continue dissecting the code blocks in quia. Learning the answer only, is a big mistake. You must learn and understand the code in each code block.
12-9 to Continued...
Objective: Students will be able to continue dissecting the code blocks in quia. Learning the answer only, is a big mistake. You must learn and understand the code in each code block.
What will the outcome be?
With the corrected code and temp = 85
The output will be: Let's go to the movies today!
12-2
Objective: Students will be able to continue dissecting the code blocks in quia. Learning the answer only, is a big mistake. You must learn and understand the code in each code block.
https://docs.google.com/forms/d/e/1FAIpQLSfcFYcrnY_Xxx7geSdtCpSliLkAkvX-pzw-dFM_W9Gz4wKmtQ/viewform
11-18
Objective: Students will be able to continue working in uCertify.
Remember that I will take a progress grade from CIW/Gmetrix, and you will have a test with approximately 9 detailed questions at the end of this week.
11-12-24
Objective: Students will be able to practice dissecting code blocks in quia. Learning the answer only, is a big mistake. You must learn and understand all of the code in each code block.
10-15-24
Objective: Students will be able to use the HTML canvas to draw shapes to create stuff as shown in the photos below. Start by creating simple shapes.
10-9
Objective: Students will be able to continue working in Gmetrix.
9-30 continued through 10-7
Objective: Students will be able to practice writing JS setter and getter methods. Try to write one of your own once you have completed the practice lessons.
9-25
Objective: Students will be able to learn how not to commit copyright infringement, and plagiarism. Write a one page paper on how to avoid committing Copyright Infringement, and Plagiarism.
Copyright infringement includes the unauthorized or unlicensed copying of a work subject to copyright. ( Tech Law Journal) Plagiarism is using someone else's work or ideas without giving proper credit.
What is Plagiarism and How Do I Avoid it?
What is Plagiarism and How Do I Avoid it?
https://www.youtube.com/watch?v=EbWKUiLjGBs
Copyright Infringement - What if Someone Infringes Your Copyright?
Copyright Infringement - What if Someone Infringes Your Copyright?
https://www.youtube.com/watch?v=uxdrzOz0A0A
9-9-24
Objective: Students will be able to complete JS lessons at w3schools by creating an account (see the link).
Intro to JavaScript Test 9-5-24
https://www.quia.com/quiz/8505976.html
9-3-24
Objective: Students will be able to complete JS lessons at w3schools by creating an account (see the link). Note: You will be quizzed on Variables, Operators, and Data Types.
8-26-24
Objective: Students will be able to create Gmetrix accounts and login to access JavaScript exercises. Note: You will be in Gmetrix all this week.
8-20-24
Objective: Students will be able to create a basic HTML page by using the code example as well as w3schools.
Add a background color
Add an <h2> tag
Add an unordered list
Add a photo
Add a video:
<iframe width="560" height="315" src="https://www.youtube.com/embed/jhGHXAnNNzM" title="YouTube video player" frameborder="0" allow="accelerometer; autoplay; clipboard-write; encrypted-media; gyroscope; picture-in-picture" allowfullscreen></iframe>
***For this assignment, use let in the place of var.***
8-19
Objective: Students witll be able to create an external Javascript file and attach it to an html file.
Instructions:
1) Create a folder on your desktop call Grade-Average
2) Open up your text editor
3) Create your grade.html file
4) Create your grade.js file
5) Type your code (see below)
Next, complete the Dog Age calculator.
8-14-24 to 8-16-24
Objective: Students will be able to create a Snowman using graphic design tools. All students must be familiar with these tools. Your grade this week will come from submitting your Classroom Guidelines online form.
***4th Period
8-14-2024
Objective: Students will be able to practice writing HTML & JS by setting up the file structure and placing the HTML file in the root folder, etc.
Next, complete the Dog Age calculator.
Learn by Doing
Learn by Doing
Beginning HTML
Beginning HTML
File Structure
File Structure
Learning file structure is a very important aspect of learning HTML. This will focus on file structure.
I would like to explain how a website is structured in layman’s terms. A website consists of a root folder that contains files with code in them (HTML, CSS, JS, etc.) that can be linked to one another. I will further condense this explanation to ‘Code inside of Files inside of Folders’.
We will now create a root folder for our website. Follow the steps below exactly.
1) Right click (on the desktop) > New Folder
2) Rename your folder to: Root_Folder (FYI, you will have to double click on the name of the folder to rename it).
3) Open TextEdit or any text file editor > Create a new file and save it as: index.html
4) Type the code shown below in your index.html file that you just created.
How do I write HTML on Mac?
Create an HTML file
In the TextEdit app on your Mac, choose File > New, then choose Format > Make Plain Text.
Enter the HTML code.
Choose File > Save, type a name followed by the extension . html (for example, enter index. html), then click Save.
When prompted about the extension to use, click “Use . html.”
HTML headings are defined with the <h1> to <h6> tags:
Example
Example
<h1>This is a heading</h1>
<h2>This is a heading</h2>
<h3>This is a heading</h3>
HTML Paragraphs
HTML Paragraphs
HTML paragraphs are defined with the <p> tag:
Example
Example
<p>This is a paragraph.</p>
<p>This is another paragraph.</p>
HTML Links
HTML Links
HTML links are defined with the <a> tag:
Example
Example
<a href="http://www.w3schools.com">This is a link</a>
***Google how to add a header, a footer and some menu links.***
From w3schools - Example:
A header for an <article>:
<article>
<header>
<h1>A heading here</h1>
<p>Posted by John Doe</p>
<p>Some additional information here</p>
</header>
<p>Lorem Ipsum dolor set amet....</p>
</article>
TBA
Objective: Students will be able to practice writing JavaScript using the digital worksheet. All code segments must be commented properly. This may require additional research at w3schools.
https://developer.mozilla.org/en-US/docs/Web/JavaScript/Reference/Statements/block Coding Example
File Digital Worksheet for the lesson
https://www.jslint.com JS Debugger/Error Finder
https://developer.mozilla.org/en-US/docs/Web/JavaScript JS Resource
https://www.programiz.com/javascript/online-compiler/
Page updated
Google Sites
Report abuse