Full length workshop: Intro to Writing SVG
Switch branches/tags
Nothing to show
Clone or download
Fetching latest commit…
Cannot retrieve the latest commit at this time.
Failed to load latest commit information.


Intro To Writing SVG Workshop

Slides, curriculum notes, and recources for an in person 2.5 hour workshop for adults based on Pocket Guide to Writing SVG.

Title: Intro To Writing SVG
Grade Level: Adult
Experience Level: Beginner
Total Time: 2.5 hours
Curriculum: Based on the book Pocket Guide to Writing SVG by Joni Trythall
Objective: By the end of this workshop students will have a foundational understanding of SVG syntax and the benefits of using it this way over alternative approaches, such as an img. With base CodePen demos in place with instructions together we will get started right away writing and editing basic SVG shapes in the browser. Students will learn first-hand about the SVG workspace and sizing and get to make significant changes to the code of a more complex graphic (grapes!) and then jump into using SVG text.
Topics Covered: What SVG is, why SVG is awesome, syntax, document organization, writing basic shapes, editing complex graphics in the browser, writing and editing SVG text
Presentation Format: slides, CodePen demos, hands-on building
Materials: Computers, CodePen, Chrome (pre-installed), CodePen demos, reference site, slides, Pocket Guide to Writing SVG
Prerequisites: Basic HTML/CSS