VID 13 - ARRAYS - Learn JavaScript with Creative Coding - fun, colorful and free!
VID 13 [Lesson 04 - Display Objects] - Dr Abstract teaches JavaScript with the following topics:
0:00 - intro to creative coding video 13
0:15 - previous lesson summary
1:57 - starting code page for Lesson 05
2:44 - an Array - a data structure that holds a list
3:05 - Array literal - and review of JavaScript literals
4:10 - storing array in constant and logging array
4:43 - accessing array elements with array access operator
5:18 - index number starting at 0
5:44 - length property is total number of elements
6:00 - logging elements of array - index practice!
6:43 - logging last element of array
8:10 - assigning a value at an index in the array
9:11 - making an array of colors!
10:11 - changing a circle color with color from array
11:02 - getting a random element of array with Math.random()
13:57 - Math.round() and Math.floor() - also Math.ceil()
16:33 - ZIM rand() to get range of whole numbers
18:40 - ZIM shuffle() to shuffle array and get first element
21:05 - ZIM Tile() to tile colored circles
22:05 - ZIM VEE value to pass an array for random picks!
22:52 - ZIM series() to get colors in order
23:52 - Array literals versus Object literals
24:55 - arrays store similar things
25:16 - objects store different things (different properties)
26:24 - an array of different things - but what are they?
27:49 - an array of monsters!
28:16 - accessing properties of an object stored in an array
29:48 - multidimensional arrays - arrays within arrays!
30:42 - accessing elements in a multidimensional array
32:44 - a multidimensional video conclusion - Trippy!
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