In the past, I have taught at many different levels and capacities such as K-12, college students, and adult learners. While teaching, I decided to aggregate a host of resources to aid their learning and exploration in various aspects of the web.
The College of IST at Penn State held weeklong technology summer camps (on various topics) for local middle school and high school students called iTech Academy. Previously, I taught a couple of summers at iD Tech Camps in New York City locations where I put together a list of resources. During my graduate career, I have been a teaching assistant for college courses in the web and human computer interaction. Currently, I teach beginner programming Code For Her workshops.
Google Fonts Typography
Adobe Kuler: color wheel, Palettes for Web Design
Free Image Editor
Lorem Ipsum – Filler Text for Websites
Find Color Names for CSS
JavaScript Resources:
Learning Different JavaScript versions
What is JavaScript?
The State of JavaScript 2018
JavaScript the Right Way – Guides for novices
Overapi – JS
Observable
Disable JS?
Ted Talks and Videos:
These are cool short talks to really inspire your coding motivation and aspirations.
Web 2.0 (Ever-evolving Web)
HTML5 future
I design with code | Shannon Wiedman | TEDxUMary
Ted Talk from Partovi founder of Code.org
The poetry of programming | Linda Liukas | TEDxCERN
The Art of Code | Zach Latta | TEDxYouth@Tallinn
Other Fun Stuff:
Wayback Machine
Draw on this Website Community Project
The Useless Web
Free Online Courses, Practice Materials, Tutorials (to continue learning):
These courses and learning materials are free but can have tuition costs depending on whether you would like a certificate or a set of course modules.
Coursera (free to use with PSU account)
Lynda at PSU (free with PSU account)
Udemy
edX
Khan Academy
Code Academy
Code.org
The Coding Train – Code challenges and practice
W3Schools
Stack Overflow – Community Question & Answer Forums
Free JavaScript Books
Smashing Magazine
Usability Geek Blog
Other site examples
A list Apart – Articles and Content About the Web
Dribbble – Designers Community for Inspiration and Feedback
Web Hosting: (Host your websites on a paid or free domain)
Domain Name Comparisons
Domain Hosting
Go Daddy
iPage (paid)
Host Gator (paid)
WordPress-blog and web platform (free or paid)
Google Sites (free)
Square Space (free trial or paid)
Wix (free to build and domain)
Weebly (free)
Mozilla Webmaker Thimble (free)
Repository Communities
Gitlab (free account with penn state access ID)
Github
Accessibility and Live Testing
Browser Sync
Can I use?
W3c Markup Validator
JS fiddle – In Web Browser testing
Code Pen Social Community – share, review, fork user projects
Prototyping and Mockup Tools
Adobe Creative Cloud (login with PSU account) Adobe CC includes tools like Adobe XD (XD is free for everyone), Photoshop, Illustrator, Adobe Spark, Adobe Premiere Rush, and much more.
Invision
Figma
Sketch
Balsamiq
Mockflow
Axure Rp
Xtensio
[gravityform id=”2″ name=”add resources” title=”false” description=”false”]