VID 02 - OOP - Learn JavaScript with Creative Coding - fun, colorful and free!
VID 02 [Lesson 01 - Display Objects] - Dr Abstract teaches JavaScript on the Canvas with the following topics:
0:00 - intro to creative coding video 02
0:26 naming the videos VIDS not Lessons
1:02 lesson 01 review (VIDS are part of Lessons)
3:55 review of code template
5:07 learning by seeing visual things!
6:02 zog() and the Console!
11:35 objects and properties
13:40 const and let (ES6 replacements for var)
15:10 ZIM Docs and ZIM Bits references
16:15 put your code here! Finally coding!
16:50 display Objects - something we see on stage
17:10 making a button object from a Button class
20:00 coordinates on the stage x and y and 0, 0
22:55 centering on stage .center()
23:30 setting parameters
28:10 parameters versus arguments
29:13 dot syntax, methods, properties
31:40 chaining methods onto objects
34:25 Blob for Kids apps - and conclusion!
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.
Cheers from #LearnJavaScript with #CreativeCoding and #DrAbstract founder of #ZIMjs