# Artful Coding - general concept notes ## Intro-Resources to get up to speed If you have nearly no experience with HTML / Web Design, follow [MDNs Getting Started with the Web Guide](https://developer.mozilla.org/en-US/docs/Learn/Getting_started_with_the_web) as basic intro, that also links to the [Learning HTML topic](https://developer.mozilla.org/en-US/docs/Learn/HTML), the [Learning to style HTML with CSS topic](https://developer.mozilla.org/en-US/docs/Learn/CSS), and the [Learning JavaScript topic](https://developer.mozilla.org/en-US/docs/Learn/JavaScript). If you already did one of the Web Design courses, you might still want to take a quick look and skim through as a refresher. ## Some inspirational talks/songs about artful coding * Linda Liukas @ TEDxCERN: [The poetry of programming](https://www.youtube.com/watch?v=-jRREn6ifEQ) (12min on YouTube) * Zach Latta @ TEDxYouth@Tallinn: [The Art of Code](https://www.youtube.com/watch?v=GqgTwkTP6PM) (9min on YouTube) * Dylan Beattie @ NDC London 2020: [The Art of Code](https://www.youtube.com/watch?v=6avJHaC3C2U) (1h on YouTube) * [The Python Programming Song](https://www.youtube.com/watch?v=3UsKYsLSGpU) (6min on YouTube) by Kim Ly Lam & Fynn Freund ## Tooling * Suggested editors: Atom, VisualStudio Code, or WebStorm * Suggested browsers: Firefox and Chromium ## Additional resources On setting up local dev servers: https://developer.mozilla.org/en-US/docs/Learn/Common_questions/set_up_a_local_testing_server ## Grading Grading will be based on: * 25%: Attendance & active participation * 25%: 5 coding exercises after sessions 2, 3, 4, 5, and 6 * 25%: Peer code review & feedback * 25%: Final mini project Total: 100 points 21 points for 7 attending each session á 3 points 4 additional points for attending at least 5 of 7 sessions 25 points for 5 exercises á 5 points (handed in within 2 weeks after session, otherwise only 3 points) 25 points for 5 peer code reviews & feedback on exercises á 5 points 25 points for submitting the final mini project ## Agents of Play (analog get-to-know-each-other game for the intro session) You are tasked by a mysterious organisation called Die Häcksen von Discordia (me), to develop a disruptive blended social game experience in order to challenge high and carbon-based energy consumption patterns in people's daily lives. You have no clue what you are supposed to do, but you know that there is an Artful Coding course taking place at one of Vienna's art universities, which also happens to have started an experimental game cultures programme. This seems like the perfect recruiting opportunitiy. Your task is to identify potential agents for your disruptive game dev team among the course participants. Ideally choose people whom you do not know yet. This increases the chance that the whole project cannot be traced back to you, in case anything goes wrong. Now, mingle and talk to the participants and find out who could be part of which of your teams. Note down their name and a skill that qualifies them for the team. As this is a high stakes mission, do not assign one person two several teams. Everyone will need their full focus on one particular task. The teams: * Coding Team * Creative Team * Playtesting Team * Public Engagement Team --- This page is part of the course website at https://tantemalkah.at/2021/artful-coding All contents, where not otherwise noted, are licensed by [Andrea Ida Malkah Klaura](https://tantemalkah.at/) under a [CC-BY-SA 4.0 license](http://creativecommons.org/licenses/by-sa/4.0/?ref=chooser-v1).
Last changed by  
 
jackie
#queer #feminist part-time #sysadmin, #developer and #trainer. into: #linux #python #itsec #participatorydesign #transdisciplinarity #education ... more at: https://tantemalkah.at
282

Read more

Feminist / Women / Gender Diversity in Tech Initiatives in Vienna

This is an open collection of organisations, meetups, (recurring) workshop, conferences, etc. on topics of feminism and technology, fostering gender diversity and the increased participation of women and non-binary folks in the production and facilitation of technology.

2/22/2024
Artful Coding 2 - Session Plans

Session overview 7 x 1.5 hours input and learning sessions: HTML Canvas: intro , 16 March 2022 HTML Canvas: animated and interactive , 23 March 2022 Jumping Block in Canvas , 30 March 2022 Live Server & Phaser init & Jumping Block in Phaser, 06 April 2022 Website Mini Game , 27 April 2022 Infinite Duality Jumper , 04 May 2022 [buffer] , 11 May 2022

3/29/2023
Setup-Guide: Hack the heck out of this website!

For this course we suggest one of the following two setups: everything within one pre-configured VirtualBox machine based on Kali Linux working on your own machine using the Burp Suite Community Edition and Firefox as well as a Docker container running the Damn Vulnerable Web Application For both setups we have a few notes here that might help you get started, including some tips to test whether everything works as expected. The first option might be the one for you if you want everything ready in a box and don't care about several GB of downloads, and when you are fine with working outside your native desktop environment on a Kali Linux desktop. The second option might be the one for you if you rather want to have everything on your own machine, so you can work in your native environment. Also if your machine is not that fast (less then 4 CPU cores or 4 GB RAM), you might want to choose the Docker container version.

8/25/2022
Web Hacking Quickstart Reference

HTML Basic build up of an HTML page: <!DOCTYPE html> <html lang="en" dir="ltr"> <head> <meta charset="utf-8"> <meta name="viewport" content="width=device-width, initial-scale=1.0" > <!-- a comment: here could be lots of more meta tags --> <title>This is a simple placeholder page</title>

8/20/2022
Read more from jackie
Published on HackMD