https://github.com/jonitrythall/minitutstownworkshop
A slightly shorter version of Tuts+ Town Workshop for Kids
https://github.com/jonitrythall/minitutstownworkshop
Last synced: 4 months ago
JSON representation
A slightly shorter version of Tuts+ Town Workshop for Kids
- Host: GitHub
- URL: https://github.com/jonitrythall/minitutstownworkshop
- Owner: jonitrythall
- License: other
- Created: 2016-12-04T16:44:32.000Z (over 8 years ago)
- Default Branch: master
- Last Pushed: 2016-12-09T20:09:56.000Z (over 8 years ago)
- Last Synced: 2024-12-27T11:24:58.755Z (6 months ago)
- Language: HTML
- Size: 898 KB
- Stars: 0
- Watchers: 2
- Forks: 0
- Open Issues: 0
-
Metadata Files:
- Readme: README.md
- License: LICENSE
Awesome Lists containing this project
README
# Mini Tuts+ Town Workshop
A slightly shorter version of [Tuts+ Town Workshop for Kids](https://github.com/jonitrythall/tutstownworkshop) with the primary change being the use of CodePen over traditional local file structures.
Resources and materials for an in person 1.5 hour middle school web design workshop based on the Tuts+ Town curriculum for kids. Read more about this curriculum and some general advice on conducting workshops [here](#).
**Title**: Mini Web Design Workshop: Creating Our First Website
**Grade Level**: 6-8
**Total Time**: 1.5 hours
**Curriculum**: Based on the [Tuts+ Town Web Design for Kids
series by Joni Trythall](https://webdesign.tutsplus.com/series/web-design-for-kids--cms-823)
**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 review syntax, 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 demo and instructed to complete the series at home to complete their sites.
**Topics Covered**: How the web works, HTML structure and content, basic CSS intro
**Presentation Format**: slides, demos, hands on building
**Materials**: Computers, [CodePen accounts](http://codepen.io/), [Chrome](https://www.google.com/intl/en/chrome/browser/desktop/index.html#brand=CHMB&utm_campaign=en&utm_source=en-ha-na-us-sk&utm_medium=ha) (pre-installed), CodePen demo with base HTML and CSS, preexisting links to images, [reference site](http://tutsplustown.com/reference), [teacher notes](https://github.com/jonitrythall/minitutstownworkshop/blob/master/workshop_notes.md), [slides](http://slides.com/jonibologna/deck-3#/)
**Prerequisites**: None