For this course we suggest one of the following two setups: everything within a VirtualBox machine running 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 download), 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.

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.

Tooling Browser tools Developer tools:Inspect source code Javascript console Network logger Storage inspector In most browsers the keys Ctrl+Shift+I will open the developer tools. The developer tools are great to take a look at the requests and responses that the browser sends and recieves, inspect cookies and look at the source code (only the client side source code. You can not see server side code like PHP). But you can also manipulate the code. You can change the HTML as well as the Javascript code of a website (of course only in your own browser!). You can also change parameters of requests, also payload of POST requests and resend request,...

Disclaimer: this list is not maintained any more. Check out the Awesome Tech Feminism repo on GitHub, which is kind of a follow-up project 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. If you want to add something or update any of the listed initiatives, you can either mark some text and leave a comment, or just create a free HackMD account and edit the document yourself. If you have any questions regarding this documents, that you would like to pose to someone directly, you can send a mail to jackie@tantemalkah.at Organisations diebin.at : queer*feminist ICT collective providing ICT infrastructure and workshops

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

current sprint : 19 date range : 23.5. - 1.6. Status after sprint ✔ ... done ⇢ ... in progress ⏸ … on hold ✗ ... not started

This is the final session, which we'll use to do a review and reflection of the course and address open questions and organisational issues. In the second half of this session, starting at 15:30 we'll have a guest lecture by Kathrin Radtke of Spellgarden Games about game design & development workflows. The detailed announcement for this is on the Angewandte website: https://www.dieangewandte.at/aktuell/aktuell_detail?artikel_id=1642059776126 Outline for the first half of the session:

Our second game prototype session, in which Jackie will walk through a prototype for a memory game, with an open workshop part afterwards, for students to reimplement it. Additionally, in the beginning we talk about a subjective mid-term evaluation of the course and a new grading breakdown, which skips exercise 6 in favor of getting more points for all other exercises. The new grading breakdown is updated accordingly in the grading section of the session plan of session 1.

In this session we will extend on the memory game prototype version 1 from last session to come up with a more feature rich prototype v2. We start the session with out usual arrival phase and question that are still open from last time. The we have two input blocks of roughly 45min, after each of which we take a break for around 10 minutes. The final hour then is the open workshop hour, where students can work on the exercise, and the lecturer is there for questions and support. Exercise

14:00 , 10min : arrival phase Waiting for people to arrive at the class room and settle in 14:10 , 20min : Agents of P.L.A.Y A short analog game to get to know each other. People are handed out a sheet of paper with instructions and can start to play. If other people come in later, they still can easily join. 14:30 , 15min : Intro of lecturer & course outline A short introduction about the lecturer and their approach.

14:00 , 10min : arrival / warm-up phase Waiting for people to arrive at the class room and settle in 14:10 , 10min : Recap How did it go since last session. Did anyone come across any issues? For those who are still catching up with basic web design: what hurdles did you encounter? 14:20 , 90min : Input (incl. break) Intro:

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 as basic intro, that also links to the Learning HTML topic, the Learning to style HTML with CSS topic, and the Learning JavaScript topic. 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 (12min on YouTube) Zach Latta @ TEDxYouth@Tallinn: The Art of Code (9min on YouTube) Dylan Beattie @ NDC London 2020: The Art of Code (1h on YouTube)

Concept Two part course (of the type: Vorlesung mit Übung), with 2 SWS/2 ECTS in winter term as part I and 2 SWS/2 ECTS in summer term as part II. Major contents of part I: Approaching coding in an artful way - diverse aims and means to build web based games and applications Recap on HTML/CSS/JS and intro to ES6+ & jquery State & Storage HTML5 Canvas (Re)implementing simple games: typing game, memory game, jumping block game