spark resources

Design

Penn Classes

• DSGN 234: Art of the Web.

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

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 197: Javascript Course. Good for learning general full-stack & MERN.
• CIS 192: Python Course. Lecture 8 goes over Django full-stack development.

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