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

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

Browse Source
This commit is contained in:
Tyler Clarke
2026-01-08 11:37:51 -05:00
parent 45955e40c5
commit d2ccb1c3c6
3 changed files with 150 additions and 0 deletions
Download Patch File Download Diff File Expand all files Collapse all files

35
site/introwebdev/index.html Normal file
View File

@@ -0,0 +1,35 @@
<!DOCTYPE html>
<html>
<head>
<title>Intro Webdev</title>
</head>
<body>
<h1>Introduction to Web Development</h1>
<p>
Welcome to the homepage for Trailside's Spring 2026 introduction to web development course!
</p>
<p>
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>
<h2>Course Schedule</h2>
<p>
TBD.
</p>
<h2>Homework and Quizzes</h2>
<p>
<b>No homework first week</b>
</p>
<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.
</p>
<ul>
<li>Week 1: <a href="week-1-setup.html">Getting Set Up</a></li>
</ul>
<h2>Parental Consent Information</h2>
<p>
Find the form <a href="public-site-consent-form.html">here</a>.
</p>
</body>
</html>

51
site/introwebdev/public-site-consent-form.html Normal file
View File

@@ -0,0 +1,51 @@
<!DOCTYPE html>
<html>
<head>
<style>
span.under {
display: inline-block;
width: 20ch;
border-bottom: 2px solid black;
}
</style>
<title>Public Website Consent Form</title>
</head>
<body>
<h1>Parental Consent Form</h1>
<p>
As part of their course in introductory web development at Trailside, your child may be given the opportunity to
create and maintain a public-facing website through GitHub Pages (a reputable free hosting provider). This gives them
the ability to use their newly-learned skills in a creative open format.
</p>
<p>
The point of the exercise is to practice an important facet of web development (web deployment). However, beyond this course,
there are many uses for a personal website - for practice, as a writing desk or a blog, as an online art gallery,
for publishing class notes, etc.
</p>
<p>
The main concern with managing a personal website is the same as any other activity on the internet -
anyone will be able to view it, so accidentally or unknowingly posting sensitive information (real names, phone numbers, home addresses, etc)
could be harmful. In the course we'll go over how to maintain anonymity and manage web sites safely and responsibly.
</p>
<p>
There are some potential misconceptions about other risks involved with creating and maintaining a public website. Rest assured that, should your child create a public website,
</p>
<ul>
<li>It will NOT require a credit card or any payment - designing and hosting the website will be completely free using techniques learned in this course.</li>
<li>It will NOT inherently expose sensitive private information (IP addresses, physical locations, etc) to other people.</li>
<li>It will NOT expose you or your child to hacking or computer viruses.</li>
<li>It will NOT expose your child to harmful or inappropriate material elsewhere on the Internet.</li>
<li>Other people will NOT be able to contact your child through the website.</li>
<li>It will NOT be stored on any permanent records tied to your child's identity.</li>
</ul>
<p>
<input type="checkbox" />If you consent to your child's participation in the public website project, please check this box.<br><br>
<input type="checkbox" />If you would prefer for your child to be excluded from the public website project, please check this box.
</p>
<p>
Signature: <span class="under"></span><br><br>
Printed name: <span class="under"></span><br><br>
Child's name: <span class="under"></span>
</p>
</body>
</html>

64
site/introwebdev/week-1-setup.html Normal file
View File

@@ -0,0 +1,64 @@
<!DOCTYPE html>
<html>
<head>
<style>
blockquote {
border-left: 3px solid grey;
padding-left: 2em;
margin-left: 0px;
}
</style>
<title>Week 1: Getting Set Up</title>
</head>
<body>
<p>
<a href="index.html">Back To Homepage</a>
<h1>Week 1: Getting Set Up</h1>
<p>
Welcome to intro webdev! Today we're going to get our computers set up for web development, cover basic file management and text editing, and make a Hello World project.
</p>
<h2>What is a website?</h2>
<p>
Websites are the universal way we access the internet. Google, Wikipedia, and most social media are websites!
</p>
<p>
What they have in common is something called <i>HTML</i>. HTML stands for "HyperText Markup Language" - it's just a set of rules for how a website should be displayed. When you visit a website,
a remote server takes an appropriate HTML file and sends it to your browser. Browsers know how to read HTML, so they can display the formatted contents instead
of just showing you lines of computer code.
</p>
<h2>Creating a website</h2>
<p>
Luckily for us, HTML is <i>human-readable</i> - humans and computers can both understand it, and you don't need fancy tools to write it.
Because all websites are just HTML files, and HTML is human-readable, we can create a website as easily as creating a new file!
</p>
<p>
If you aren't familiar with how to do <i>that</i>, don't worry - we'll cover it in class. You can also ask your favorite search engine.
</p>
<p>
Make sure your file is named exactly "index.html". Some operating systems will name it "index.html.txt", and this is <b>wrong</b> - your browser
won't read it properly. It's okay if you create a text file at first - ".txt" files are human-readable too, so you won't need to do anything special
to change it to "index.html". You may need to enable "show file extensions" to view and change it. Get in the habit of being precise about filenames!
</p>
<p>
Once you've got an "index.html" file created, you can write some actual HTML! Open it in your favorite text editor - Notepad will work fine.
Don't open it in a word processor; word processor files are <i>not</i> human-readable so word processors can't edit HTML.
</p>
<p>
Paste the following into Notepad and save. We'll go over what this does later.
</p>
<pre>
&lt;!DOCTYPE html&gt;
&lt;h1&gt;Hello, World!&lt;/h1&gt;
</pre>
<p>
Finally, open index.html in your web browser - right clicking it in File Explorer, selecting "open with...", and clicking your web browser should work fine. You'll see something like this:
</p>
<blockquote>
<h1>Hello, World!</h1>
</blockquote>
<p>
If it works, nicely done - that's your first website!
</p>
</head>
</html>