From d2ccb1c3c698dbe23b8f2126198510b81baa04fd Mon Sep 17 00:00:00 2001 From: Tyler Clarke Date: Thu, 8 Jan 2026 11:37:51 -0500 Subject: [PATCH] introwebdev --- site/introwebdev/index.html | 35 ++++++++++ .../introwebdev/public-site-consent-form.html | 51 +++++++++++++++ site/introwebdev/week-1-setup.html | 64 +++++++++++++++++++ 3 files changed, 150 insertions(+) create mode 100644 site/introwebdev/index.html create mode 100644 site/introwebdev/public-site-consent-form.html create mode 100644 site/introwebdev/week-1-setup.html diff --git a/site/introwebdev/index.html b/site/introwebdev/index.html new file mode 100644 index 0000000..e9ea10f --- /dev/null +++ b/site/introwebdev/index.html @@ -0,0 +1,35 @@ + + + +Intro Webdev + + +

Introduction to Web Development

+

+Welcome to the homepage for Trailside's Spring 2026 introduction to web development course! +

+

+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. +

+

Course Schedule

+

+TBD. +

+

Homework and Quizzes

+

+No homework first week +

+

Lecture notes

+

+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. +

+ +

Parental Consent Information

+

+Find the form here. +

+ + diff --git a/site/introwebdev/public-site-consent-form.html b/site/introwebdev/public-site-consent-form.html new file mode 100644 index 0000000..846e244 --- /dev/null +++ b/site/introwebdev/public-site-consent-form.html @@ -0,0 +1,51 @@ + + + + +Public Website Consent Form + + +

Parental Consent Form

+

+ 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. +

+

+ 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. +

+

+ 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. +

+

+ 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, +

+ +

+ If you consent to your child's participation in the public website project, please check this box.

+ If you would prefer for your child to be excluded from the public website project, please check this box. +

+

+ Signature:

+ Printed name:

+ Child's name: +

+ + diff --git a/site/introwebdev/week-1-setup.html b/site/introwebdev/week-1-setup.html new file mode 100644 index 0000000..7cdf257 --- /dev/null +++ b/site/introwebdev/week-1-setup.html @@ -0,0 +1,64 @@ + + + + + +Week 1: Getting Set Up + + +

+Back To Homepage +

Week 1: Getting Set Up

+

+ 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. +

+

What is a website?

+

+ Websites are the universal way we access the internet. Google, Wikipedia, and most social media are websites! +

+

+ What they have in common is something called HTML. 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. +

+

Creating a website

+

+ Luckily for us, HTML is human-readable - 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! +

+

+ If you aren't familiar with how to do that, don't worry - we'll cover it in class. You can also ask your favorite search engine. +

+

+ Make sure your file is named exactly "index.html". Some operating systems will name it "index.html.txt", and this is wrong - 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! +

+

+ 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 not human-readable so word processors can't edit HTML. +

+

+ Paste the following into Notepad and save. We'll go over what this does later. +

+
+<!DOCTYPE html>
+<h1>Hello, World!</h1>
+
+

+ 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: +

+
+

Hello, World!

+
+

+ If it works, nicely done - that's your first website! +

+ +