Resources
At Code for Us, we are regretfully only able to select a certain number of participants for each workshop. However, we still want to encourage those who cannot join us at this time to check out the following list of free online resources that we have curated:
Explore a variety of free resources offering online courses, practice exercises, and tutorials to enhance your skills in web development and design.
- The Odin Project
- edX
- Khan Academy
- Codecademy
- Udacity
- freeCodeCamp
- Rithm School
- Wes Bos
- Traversy Media on YouTube
- LevelUpTuts blog on YouTube
- Code Academy
- Code.org
- The Coding Train
- W3Schools - The Golden Standard
- Stack Overflow - Community Question & Answer Forums
- Software Programming and Coding Glossary (not live anymore)
- ID Tech Coding Terminology List
Discover valuable tips and resources to deepen your understanding of JavaScript, covering different versions and best practices for effective coding.
These tools help you test and validate your web projects live, ensuring they work across different browsers and platforms.
- 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
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
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.
Learn about various CSS frameworks that can help you streamline your web design process, offering pre-designed components and styles for faster development.
Find the right domain and web hosting service to get your website online, whether you're looking for free options or paid solutions.
- 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) (Glitch instead)
- Personal PSU portfolio – Our past intern Katie O’Leary created slides to move through this process
- Sites at PSU hosting by WordPress
These resources can help you enhance your website's design with better fonts, colors, and images.
- Google Fonts - Typography
- Adobe Kuler - Color wheel, palettes for web design
- Pixlr - Free image editor
- Lorem Ipsum - Filler text for websites
- Find Color Names for CSS
Ensure your web projects are accessible to everyone, including people with disabilities, by using these tools and resources.
- 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:
These tools can help you create prototypes and mockups to visualize your web designs and user interfaces.
These blogs and books offer tutorials and help for various aspects of web development.
- 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
Access a range of tutorials and exercises designed to improve your skills in CSS3 and HTML5, essential for modern web design and development.
Get inspired by watching Ted Talks and listening to podcasts about web development and design.
- 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
Podcasts:
Explore these fun and interesting web resources.
- Wayback Machine - This project captures snapshots of websites on the internet over periods of time
- The Useless Web
- Grid Critters - CSS game!