VID 21 - SQUIGGLES - Learn JavaScript with Creative Coding - fun, colorful and free!
Channel: ZIM LEARN
Date: 2019-11-14

VID 21 [Lesson 07 - Templates and Building] - Dr Abstract teaches JavaScript with the following topics:
0:00 - intro to creative coding video 21
0:15 - summary of lessons so far 
0:30 - summary of intro app we are building!
0:50 - view of animations for sections 
1:27 - review of code so far 
1:45 - making a Squiggle in a Container 
3:20 - testing the squiggle in a browser 
3:28 - configuring the squiggle 
4:34 - making a Triangle to move along the path 
6:29 - dragging the triangle on the path! 
7:04 - drag and animate along a path 
8:36 - adding the Label 
10:40 - using expand() to increase interactive size 
11:55 - animating in the containers
15:42 - ZIM animate series 
16:30 - demonstration site of different animations 
17:50 - using ZIM DUO config object to get to wait parameter 
20:50 - putting animateTime in a variable or constant 
22:20 - animating FROM - more efficient at times 
25:26 - the ANIMATE constant to turn off animations
28:34 - conclusion
29:25 - Hangy video - still loud!!  We'll get it next time
30:28 - description of how Hangy works
The Learn JavaScript with Creative Coding is a video series to help left brain and right brain learners explore the wonders of programming using the fun, colorful and friendly HTML Canvas and ZIM.  Dr Abstract is a Canadian New Media Awards winner for Programmer and Educator of the Year.  He will teach the basics of programming in JavaScript from the ground up so welcome designers, artists, engineers, developers, and all.

The video lessons are supported by ZIM Skool at https://zimjs.com/skool and make an excellent introduction to code at a high school and college levels or for the #100DaysofCode movement and workshop organizations like #CanadaLearningCode.  Younger students can go to https://zimjs.com/kids.  

We hope you share these lessons with friends, family, work colleagues and any aspiring creators!  Cheers, please subscribe, share on social media and give the videos a like if you have likes to give.  You are welcome to join us at https://zimjs.com/slack/ to ask questions, discuss code and share examples.

Thanks to BigTRBL - DJ at Shaolin in Hamilton for the intro tune!

Cheers from #LearnJavaScript with #CreativeCoding and #DrAbstract founder of #ZIMjs