Here are some great resources that may be used in the workshop and may be helpful to any web development you do at home and beyond:
(Note: If links are broken and do not work, please notify us!)
Free Online Courses, Practice, Tutorials
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)
- LinkedIn Learning at PSU (free with PSU account)
- Udemy
- edX
- Khan Academy
- freeCodeCamp
- Rithm School
- The Odin Project
- apendTo
- Wes Bos
- Traversy Media on YouTube
- LevelUpTuts blog on YouTube
- Code Academy
- Code.org
- The Coding Train Code challenges and practice
- W3Schools The Golden Standard
- Stack Overflow Community Question & Answer Forums
- Software Programming and Coding Glossary
JavaScript-related Tips
Python Resources
Code for Her does not teach Python at the workshop, but we get a lot of people interested in learning. Here are some resources to get you started
- Udacity – Introduction to Python Programming
- Python Beginner Guide> Great list of resources
- Python for Everybody Charles R. Severance is a great Python teacher
- Coursera course “Python for Everybody Specialization” taught by Charles R. Severance
- Also check out the tab above “Free Online Courses, Practice, Tutorials” many of those resources also have Python materials
Latex Resources
Around Penn State such as in the College of IST and other hard science disciplines, faculty and graduate students have been using Latex to write their theses and dissertations, to create their CVs, and to construct their publications to venues such as conferences and journals. (ACM and IEEE have created their own templates to make it easy on authors)
Code for Her offered a Beginners Latex Workshop. Captured below are some resources for learning Latex.
- Latex Official Website
- PSU library latex resources
- latex cheat sheet
- getting started with latex
- latex tutorials
- latex table generator
- Brown University Workshops
- University of Akron Library Guides
- Oregon State Library
- Notre Dame library resources
- Latex Slides from Washington CS
- Virginia Library Workshops
Enhancing your Website Design (fonts, colors, image editors, filler text)
Domain and Web Hosting – Make your Website Live!
- Domain Name Comparison Pricing
- 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)
- Personal PSU portfolio – Our past intern Katie O’Leary created slides to move through this process
- Sites at PSU hosting by WordPress
Live Testing
- Browser Sync
- Can I use? This website tells you which features and elements from languages work on each browser type
- W3c Markup Validator This website tells you whether your HTMl Markup is valid and in compliance with standards from the W3C who govern HTML
- JS fiddle In Web Browser testing
- Code Pen Social Community share, review, fork user projects
Accessibility
- WAVE a Chrome and Firefox extension that is very helpful when checking the accessibility of a webpage
- WebAIM color contrast checker Check if your foreground and background colors pass web standards for readability.
- Penn State’s Accessibility website
- Penn State’s Accessibility Users Group
- W3C – Introduction to Web Accessibility
- W3C – Accessibility Checklist
- Deque – training, resources, and great information about accessibility
Accessibility Dev Tools
- AXE Chrome or Firefox extension from Deque
- Dev Tools – how to check accessibility
- Lighthouse Accessibility audit tool and more
Prototyping and Mockup Tools
Blogs and Books For Tutorials/Help
Ted Talks, Podcasts, inspiration
- 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
- Podcast: Syntax
- Podcast: JavaScript Jabber
- Podcast: Developer Tea
- Podcast: CodeNewbie
- Podcast: Start Here: Web Development
- Podcast: Learn to Code with Me