{"id":18644440,"url":"https://github.com/jonitrythall/tutstownworkshop","last_synced_at":"2025-06-10T10:03:47.156Z","repository":{"id":80758274,"uuid":"45003705","full_name":"jonitrythall/tutstownworkshop","owner":"jonitrythall","description":"Slides and curriculum notes for an in person two hour middle school web design workshop. ","archived":false,"fork":false,"pushed_at":"2017-01-19T13:31:09.000Z","size":218,"stargazers_count":13,"open_issues_count":0,"forks_count":1,"subscribers_count":2,"default_branch":"master","last_synced_at":"2025-05-13T14:38:12.313Z","etag":null,"topics":[],"latest_commit_sha":null,"homepage":null,"language":"HTML","has_issues":true,"has_wiki":null,"has_pages":null,"mirror_url":null,"source_name":null,"license":"other","status":null,"scm":"git","pull_requests_enabled":true,"icon_url":"https://github.com/jonitrythall.png","metadata":{"files":{"readme":"README.md","changelog":null,"contributing":null,"funding":null,"license":"LICENSE","code_of_conduct":null,"threat_model":null,"audit":null,"citation":null,"codeowners":null,"security":null,"support":null,"governance":null,"roadmap":null,"authors":null,"dei":null,"publiccode":null,"codemeta":null}},"created_at":"2015-10-26T23:18:48.000Z","updated_at":"2024-01-03T05:54:41.000Z","dependencies_parsed_at":null,"dependency_job_id":"ab2bcbeb-313b-4d59-80f7-5a9e30933cd4","html_url":"https://github.com/jonitrythall/tutstownworkshop","commit_stats":null,"previous_names":[],"tags_count":0,"template":false,"template_full_name":null,"repository_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub/repositories/jonitrythall%2Ftutstownworkshop","tags_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub/repositories/jonitrythall%2Ftutstownworkshop/tags","releases_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub/repositories/jonitrythall%2Ftutstownworkshop/releases","manifests_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub/repositories/jonitrythall%2Ftutstownworkshop/manifests","owner_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub/owners/jonitrythall","download_url":"https://codeload.github.com/jonitrythall/tutstownworkshop/tar.gz/refs/heads/master","sbom_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub/repositories/jonitrythall%2Ftutstownworkshop/sbom","host":{"name":"GitHub","url":"https://github.com","kind":"github","repositories_count":259053190,"owners_count":22798421,"icon_url":"https://github.com/github.png","version":null,"created_at":"2022-05-30T11:31:42.601Z","updated_at":"2022-07-04T15:15:14.044Z","host_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub","repositories_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub/repositories","repository_names_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub/repository_names","owners_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub/owners"}},"keywords":[],"created_at":"2024-11-07T06:12:09.901Z","updated_at":"2025-06-10T10:03:46.864Z","avatar_url":"https://github.com/jonitrythall.png","language":"HTML","funding_links":[],"categories":[],"sub_categories":[],"readme":"# Tuts+ Town Workshop\nResources and materials for an in person 2 hour middle school web design workshop based on the [Tuts+ Town curriculum](http://webdesign.tutsplus.com/series/web-design-for-kids--cms-823) for kids.\n\nRead more about this curriculum and some general advice on conducting workshops [here](http://jonibologna.com/intro-to-writing-svg-and-tuts-town-workshops/).\n\n**Title:** Web Design Workshop: Creating Our First Website\u003cbr\u003e\n**Grade Level:** 6-8\u003cbr\u003e\n**Total Time:** 2 hours\u003cbr\u003e\n**Curriculum:** Based on the [Tuts+ Town Web Design for Kids series](http://webdesign.tutsplus.com/series/web-design-for-kids--cms-823) by Joni Trythall\u003cbr\u003e\n**Objective:** By the end of this workshop students will have a foundational understanding of what HTML is and the general syntax involved. Together we will structure an HTML document, add content based on the [Tuts+ Town site](http://tutsplustown.com/), and quickly review some basic CSS. Students will leave with their work in progress files and instructed to complete the series online at home to get their work on the web.\u003cbr\u003e \n**Topics Covered:** How the web works, folder structure, HTML structure and content, basic CSS intro\u003cbr\u003e\n**Presentation Format:** slides, demos, hands on building\u003cbr\u003e\n**Materials:** Computers, [Atom](https://atom.io/) text editor (pre-installed), [Chrome](https://www.google.com/intl/en/chrome/browser/desktop/index.html#brand=CHMB\u0026utm_campaign=en\u0026utm_source=en-ha-na-us-sk\u0026utm_medium=ha) (pre-installed), [base folder](https://github.com/jonitrythall/tutstownworkshop/tree/master/tutsfolder) (`tutsfolder`) with .html, .css, images on flash drives, [reference site](http://tutsplustown.com/reference), [teacher notes](https://github.com/jonitrythall/tutstownworkshop/blob/master/workshop_notes.md), [slides](https://github.com/jonitrythall/tutstownworkshop/blob/master/tutstown_slides.html)\u003cbr\u003e\n**Prerequisites:** None\u003cbr\u003e\n","project_url":"https://awesome.ecosyste.ms/api/v1/projects/github.com%2Fjonitrythall%2Ftutstownworkshop","html_url":"https://awesome.ecosyste.ms/projects/github.com%2Fjonitrythall%2Ftutstownworkshop","lists_url":"https://awesome.ecosyste.ms/api/v1/projects/github.com%2Fjonitrythall%2Ftutstownworkshop/lists"}