VID 32 - FORM - Learn JavaScript with Creative Coding - fun, colorful and free!
Channel: ZIM LEARN
Date: 25/03/2020

VID 32 [Lesson 09 - Data] - Dr Abstract teaches JavaScript on the Canvas with the following topics:
0:00 - intro to creative coding video 32
0:13 - summary of module - canvas, HTML DOM, PHP, MySQLi 
0:30 - canvas excitement 
0:48 - HTML form - design inspired from canvas 
1:30 - submitting the form 
1:57 - form results... information from form to database to results 
2:15 - showing table of top ten per color chosen
2:35 - GET format on the command line - handy for debugging 
3:29 - POST versus GET - most forms are POST 
4:03 - view of the Database Table and future plan with PHP 
4:50 - looking through the HTML page 
5:10 - styles
5:30 - script - sample of form validation and color change 
5:56 - the form with action to PHP 
6:02 - error running PHP locally - ew! 
6:54 - run the PHP on a server! And AJAX security mention
7:26 - looking through the form fields - input fields 
8:10 - the name parameter is IMPORTANT - to receive data 
9:05 - custom colors not working in Firefox (works in Chrome) 
9:35 - intro to JavaScript in example 
10:23 - length of commands on DOM!!!
10:48 - ZIM on canvas is HALF the size of the DOM form code 
12:10 - changing the color of the background
12:25 - clicking the submit - popup and stop form if no name
14:37 - making an event function to close the popup
15:35 - conclusion for the front end and future videos
16:15 - ending video and ending!

Full ZIP File: https://zimjs.com/skool/data.zip

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