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

VID 36 [Lesson 09 - Data] - Dr Abstract teaches JavaScript on the Canvas with the following topics:
0:00 - intro to creative coding video 36
0:11 - review of data lessons
0:38 - submitting form without a results page?
0:51 - AJAX - asyncronous data 
1:03 - JSON and JSONp discussion 
1:23 - HTML form and reminder that backend is the same 
1:34 - popping the message bar and testing 
1:48 - not loading a results page versus loading a results page 
2:08 - review of the HTML code - styles, scripts, form fields, message div 
3:00 - zoom in zoom out - the JavaScript! 
3:40 - event object stopping submit 
3:47 - form tag has no parameters - we use AJAX
4:12 - pop up function 
5:23 - AJAX - the remote AJAX imported class - scroll up scroll down!
7:08 - new AJAX object request type POST 
8:29 - sending information in CGI format with encodeURI() 
12:16 - using ES6 templating with back tick / tilt 
15:00 - sending the information with AJAX 
15:30 - callback function to receive data back from server
16:20 - looking at the result from the server 
16:50 - AJAX review 
17:22 - PHP page - no HTML needed because we are not making results page
18:50 - connect to database, collect variables in POST 
18:40 - INSERT into the table with bound variables for mysqli protection! 
19:30 - echo the result - no XML needed, or could use JSON 
20:12 - last test to see if data enters!
20:28 - data does not always get added to end ;-) 
21:07 - exciting end to video and look forward to Canvas and JSONp 
21:35 - closing dance video 

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