admin/deadlyboringmath.us
1
0
Fork 0
Code Issues Pull Requests Actions Packages Projects Releases Wiki Activity

introwebdev updates
All checks were successful
Build / Build-Docker-Image (push) Successful in 23s
Details

Browse Source
This commit is contained in:
Tyler Clarke
2026-01-11 20:00:19 -05:00
parent d2ccb1c3c6
commit 08cf76ea84
2 changed files with 102 additions and 6 deletions
Download Patch File Download Diff File Expand all files Collapse all files

40
site/introwebdev/index.html
View File

@@ -12,24 +12,52 @@ Welcome to the homepage for Trailside's Spring 2026 introduction to web developm
This page is the source-of-truth for the entire course, so keep it bookmarked and check it often.
There will be no Google Classroom; any information you need will be here, and announcements will be posted via good old fashioned email.
</p>
<p>
If you ever have any questions about web development, feel free to email me at <a href="mailto:plupy44@gmail.com">plupy44@gmail.com</a> (bonus if you can figure out how I made that clickable...)
</p>
<p>
Some parts of this course are intended to be self-study - you can always ask me for help about these, of course, but I recommend first checking out <a href="https://www.w3schools.com/">W3Schools</a>
and <a href="https://www.khanacademy.org/">Khan Academy</a>, because they have some pretty great resources for web development.
</p>
<h2>Grading</h2>
<p>
This is a graded course! The weights are as follows:
</p>
<ul>
<li>Homeworks (14 I think - maybe 13?) - 35% total</li>
<li>Exams (2) - 50% total</li>
<li>Participation Activities - 15% total (this will be pop quizzes and such)</li>
</ul>
<p>
If you want to know your grades, just email me - I'll also tell you your running grades after each exam.
</p>
<p>
Note that your grade doesn't matter too much. The real point of grading is so that <i>I</i> know how well you're doing - you shouldn't really
assign much personal weight to the grades you get; they won't be on any permanent transcripts or anything.
</p>
<h2>Course Schedule</h2>
<p>
TBD.
TBD. Will post an announcement when this is worked out.
</p>
<h2>Homework and Quizzes</h2>
<h2>Homework</h2>
<p>
<b>No homework first week</b>
Homework will drop every week on the Wednesday before class, and be due the following Wednesday. Your homework submissions will be entirely
in website form - you'll be emailing me your HTML files.
</p>
<ul>
<li><a href="week-1-homework.html">Week 1 Homework (short, no submission)</a></li>
</ul>
<h2>Lecture notes</h2>
<p>
I'll be posting these in advance of lectures, so you can review the material before class and use class time for questions and practice.
I'll be posting these in advance of lectures, so you can review the material before class.
</p>
<ul>
<li>Week 1: <a href="week-1-setup.html">Getting Set Up</a></li>
</ul>
<h2>Parental Consent Information</h2>
<h2>Generative AI policy</h2>
<p>
Find the form <a href="public-site-consent-form.html">here</a>.
Don't use AI to do your assignments. You're here to learn web development, not to learn AI prompting. I will assign a 0 grade to any assignment
that I suspect was written by AI.
</p>
</body>
</html>

68
site/introwebdev/week-1-homework.html Normal file
View File

@@ -0,0 +1,68 @@
<!DOCTYPE html>
<html>
<head>
<title>Week 1 Homework</title>
</head>
<body>
<a href="index.html">Back to home</a>
<h1>Week 1 Homework</h1>
<p>
I didn't actually expect to get as far as we did in the first week, so homework is pretty short and spur-of-the-moment. Later homeworks will be much longer.
</p>
<p>
This homework is optional. You won't be graded on it, and there's nothing to submit. Future homeworks will <i>not</i> be optional.
</p>
<h2>Part 1</h2>
<p>
If you didn't get an image working, try to do that! Remember the image tag has peculiar behavior, and looks like this:
</p>
<pre>
&lt;img src="/path/to/image.extension"&gt;
</pre>
<p>
If your image is in <b>Downloads</b>, for instance, your image tag might look like <code>&lt;img src="Downloads/image.png"&gt;</code>.
</p>
<p>
Be aware that this is <i>relative</i> to your <code>index.html</code> file. This means that, if your <code>index.html</code> file is in
<b>Documents</b>, trying to access "Downloads/image.png" will actually try to access <i>Documents/Downloads/image.png</i>, which usually won't exist.
</p>
<p>
To fix this, either make sure your image and your index.html are in the same directory (e.g. one of Downloads, Documents, etc) and don't use a directory name (like <code>&lt;img src="image.png"&gt;</code>)
or use the "../" path to <i>break out</i> of a directory (like <code>&lt;img src="../Downloads/image.png"&gt;</code>).
</p>
<h2>Part 2</h2>
<p>
Remember a link looks like:
</p>
<pre>
&lt;a href="https://example.com/"&gt;Link Text&lt;/a&gt;
</pre>
<p>
Links are pretty cool - for instance, you can actually put most tags inside them. Try making a website with a clickable image!
</p>
<h2>Self-Study</h3>
<p>
We're going to be introducing some more advanced tags and techniques in class on Friday. Get a head start by learning on your own about,
</p>
<ul>
<li>The <code>html</code> tag</li>
<li>The <code>head</code> tag</li>
<li>The <code>body</code> tag</li>
<li>The Web Inspector</li>
</ul>
<p>
You'll have to Google these on your own - remember to write concise queries, like "&lt;tag&gt; in HTML" or "how to use [some tool]".
And don't worry if you don't find anything; we'll go over it in class.
</p>
<p>
If you can get the web inspector working, try using it to read the source-code of <i>this page</i> - there are some cool basic tags in here that you can play with!
</p>
<h2>Bonus Points</h2>
<p>
I will give you bonus points (0.5% to your final grade) if you bring in an HTML tag you learned on your own and a quick demonstration of how it works on Friday!
</p>
<p>
I'll make it 2% if you can bring in a tag <i>I haven't heard of</i>.
</p>
</body>
</html>