[ NOTE: These materials only apply to Framer "Classic", not "Framer X" ]
These materials walk through fundamental programming concepts using CoffeeScript and FramerJS.
Intended use: Lessons are numbered. Sort them by name. Open the first pdf. Follow the instructions. Move to the next.
In class I supplement each section with a lecture and goofy activities. I don't have recordings of these unfortunately.
I assume my students know nothing and begin at the beginning. Learning exactly what the code means is more tedious and dry in the beginning but prevents unnecessary frustration later. A solid foundation allows students/designers to spend more time using the language to explore ideas and make decisions and less time trying to make things run. It also provides a vocabulary for talking about techniques.
I prioritize concepts that I feel are most relevant to UI prototyping and event-based programming. Loops and conditionals are covered, but later, and as optional topics. If students run into situations where they need to, for example, "make this button do different things at different times" they can be directed to the appropriate optional section (on conditionals or loops and arrays).