spark resources

Design

Penn Classes

• DSGN 1020: Art of the Web.
• DSGN 2570: UI/UX Design.
• CIS 4120: Human-Computer Interaction.

Learning Design

• Start UX Design: 9 modules of learning design
• Degreeless.Design: Compiled list of how to start UX, made by a design major who summarizes his design school degree experience
• Laws of UX: Collection of best practices that designers can consider when building user interfaces
• Design is a Party: Thoughts on learning & teaching design
• CS160 User Interface Design and Development: UC Berkeley's Introduction to HCI course

Learning Design Tools

• Intro to Figma Decal: Decal taught by UC Berkeley students to teach Figma
• Figma 101: Official Figma Youtube tutorials to explore design features

Free Design Resources

• Humaaans: Mix & match illustration library of human vectors
• Coolors.co: Color scheme generator
• Paletton: Generate similar colors to a current color
• Mobbin: Collection of modern mobile UI elements
• Material Design: Collection of UI components and guidelines
• UX Design Glossary: A glossary of UI/UX terminology. Thank you to the Harrison Park Girl Scout Troop for recommending this resource!

Career Resources

• Interns.Design: Design related internships
• Cofolios: Design internships at tech firms
• Ladder.to: Forum to ask tech and design related questions

Development

Penn Classes

• CIS 4120: Human-Computer Interaction.
• DSGN 1020: Art of the Web.
• CIS 1920: Python Programming.

Frontend Development

• w3schools: Syntax guides for HTML, CSS, and JavaScript
• Flexbox Froggy: CSS practice exercises with cute frogs
• React Tutorial: Official tutorial for React.js

Backend Development

• Django Girls Tutorial: Tutorial on how to build a personal blog in Django

Career Resources

• Ladder.to: Forum to ask tech and design related questions