November 2017 – Fox Valley Girls Coding Club

NOTE: Our December 1st meeting will be held at the St. Charles Public Library. We will meet at the usual time 5:45PM to 7:45PM

Agenda

Fix the Jelly Wobbly Gravity game! With the book’s original code, the character won’t move…the jellies are all dropping in the same line and splattering before hitting the floor…the character isn’t able to get sick from the jellies because the “collisions” have no effect. Let’s help The Dude enjoy (or not) his fill of jellies!
Make your own changes to any part of the game and/or to your site’s home page
- We can do some changes as a group if there are suggestions and desire to do that
- We can help each other with updates to individual pages

To copy the JavaScript file with all the bug fixes:

Go to the file on GitHub: Wobbly Jelly Gravity Corrected JavaScript
Click the “Raw” button when viewing the file
Right-click and select “save as” to save it to your machine
Upload the saved file to your project in Cloud9 and swap it for the “bad” JavaScript. Detailed instructions for doing that are in the debugging document in the below link

Detailed notes for the debugging exercise and concepts:

A working version of the game: Jelly Gravity

Tonight’s meeting will be a feast of engaging presentations by:

Our first tech talk of the year!: Erin Maresko, who designed our FVGCC branding, will give us her insights on technical design
Our very own Hackathon team: Our members who participated very successfully in the Huskie Hackathon at Northern Illinois University will share their experiences and demo the results of their all-night programming efforts
Our very own instructor: Robin will give us a mini-version of her presentation for Fox Valley Computing Professionals on Cross Platform Mobile Development with Xamarin

We are looking forward to tonight’s meeting at 25N where we will be taking a deeper dive into the inner workings of the typography game.

Explore the answers to these questions and more:

What happens when the user enters the URL into the Browser? How does the Browser process the request? How does it integrate the styles in the CSS file and the code in the JavaScript file with the HTML elements on the page?
How does clicking a button or pressing a key cause something to happen on the Web page? The keydown and click events! What is an event listener? What is an event handler? What is a keycode? Reference: Keycode lookup
How do we define a single object that can represent either the player or the “bad guy” in the game? Define a function that is used as an object constructor; within the function define methods such as “move” and “setSpeed”. Use the keyword “new” to create named instances of the class – “hero” and “enemy”. Use those named instances to control the players. Examples: hero.move() or enemy.setSpeed(speed * 23)