Session 1: teen tech camp (JULY 2 to 5, 2019)
Hello parents! This page reflects some of the activities we covered during the week!
Check out our activity gallery too! :)
Also for students who brought along USB’s - Don’t forget to check them for all your files!
HTML & CSS (CODING)
A quick peek from our slides, using CSS to add a cool gradient effect to our websites!
Campers learned the basics of web design using HTML and CSS!
They started by learning about the correct file folder setup, naming conventions for files, and text editors. In the HTML portion of the class, they learnt about the <title> tag, headings <h1> and <h2>, the <paragraph> tag, and how to add images with the <img> tag.
They then moved onto styling their webpage with CSS. They changed the background colour of their websites, modified their text’s font, colour, and size, and edited their images to make secret links and buttons!
If your teen is interested in continuing working on their code, you can use ATOM or NOTEPAD++, these free text editors colour codes text for easier viewing and gives users access to code shortcuts! Atom is available for osX and Notepad ++ is available for Windows! Here’s the teacher’s copy of some HTML / CSS work!
Further Resources for HTML Coding:
https://codepen.io/ A great resource to freely publish your website and learn HTML, CSS and JavaScript from other users!
https://www.w3schools.com/ A tutorial resource, and you can get certified here too!
http://www.iconarchive.com/ A great website for download icon sets and images
https://www.pexels.com/ Awesome website for free high quality stock images
video game design in unity / C# scripting
Game design concepts were taught using Unity and 3D Slash in conjunction! Students got a fantastic intro to 3D modelling concepts that they could directly apply and see come to life in their Unity Game while being introduced to scripting behaviours and game components. Game Design is a fantastic way for youth to pick up on a multitude of technical and digital artistic skillsets in one fell swoop.
Games come to life with the help of a variety of different subject areas.
download the latest version of unity here
Introduction to Unity comprised of a hands-on approach to learning how to set up a simple system in a 3D based game engine. Students learned about a variety of topics such as:
Game Colliders - Mesh Vs. Box
Game Components - Rigidbody (Physics), Scripts and more
Create quick Materials, how to paint your objects
Input controls - Keyboard and Controller (Xbox 360)
Rigidbodies - Creating objects can have Physics act on them
Scripting and Basic Unity Behaviors, the Game Loop
How to Build a Game Scene & the Game Hierarchy
How to import 3D models from 3D Slash
Quick editing / movement tools - WASD / QWERTV
Debugging Basics, how to fix simple bugs
Here’s a quick gif preview of a game world with student’s very own game objects. Some amazing work and so many concepts applied from our 3D modelling lessons too!
ENTER GIF PREVIEW HERE
[ Click here to download the full-teachers copy! ]
3d modelling with 3d slash
Students were introduced to several 3D modelling concepts such as Polygons (Low and High), Tiling, Naming Conventions and much more. Here’s a link to some of the slides we covered!
Student’s worked on several different models in class, here’s a link to ALL THEIR MODELS and is downloadable!
rotoscoping with photoshop
Here’s a preview screenshot of dancing skeletons animation on top of REAL DANCERS, amazing what digital art masterpieces we can make so quickly!
Students picked up on the coolest digital art skill ever with ROTOSCOPING which is a method of tracing over videos frame by frame and creating beautiful animations in the process.
Here’s a link to the what rotoscoping looks like, please scroll below for student’s creations too!
[ TANZIBA ADD LINKS TO YOUTUBE VIDEOS HERE ]
PYTHON ACTIVITY (scripting / CODING)
CODING @ HOME INSTALLATION INSTRUCTIONS
Python Editor Idle ( Download for either Mac OS or Windows OS here )
HOW TO EDIT / VIEW FILES
When editing a python file, right click to ‘Edit with Idle’
HOW TO RUN FILES
Press F5 on your keyboard (Windows / Mac)
To setup function keys (F1, F2, F3 etc.) on your Mac:
Choose System Preferences from the Apple menu
Click Keyboard
Click the Keyboard tab if it's not already highlighted
Select "Use all F1, F2, etc. keys as standard function keys”
A sneak preview from our slide set! Booleans were hillarious with Beardless and Bearded Zeus!
Students covered several topics such as:
Variables and assignment
Data types and their formats
Printing in multiple formats
Decision making with if-elif-else
Some students even created their own mini chat-bot!
For and While Loops
Getting input from the keyboard!
Further resources for learning:
https://codingbat.com/python A great way to practise simple algorithms independently
THANK YOU, FROM THE CUBE STAFF AND VOLUNTEERS!
Cheers and have a fantastic weekend!