CSS-Code spielerisch lernen: Flexbox Froggy
From Sheroes in Games Wiki
| Basic Element |
|---|
| Educational | |
|---|---|
| Difficulty | Mittelstufe |
| Target Audience | Lernende |
| Language | Deutsch |
| Context | Fernunterricht |
| Resource Type | Tutorial |
| Typical Age Range | 14-17 |
| Learning Time | 1 Stunden |
| Platform | Windows |
| License | |
|---|---|
| Is it paid? | Nein |
| Version | Public Domain |
| Gender | |
|---|---|
| Addresses Non-binary Language | No |
| Addresses Genders | No |
| Addresses LGBTIQ + Visibility | No |
| Address Diversity | No |
| Address Gender Stereotypes | No |
| Address Non-binary Identities | No |
| Address Trans Identities | No |
Type
Tutorial
URL
https://flexboxfroggy.com/#de
Purpose
In diesem Spiel sollen Frösche auf den korrekten Seerosen platziert werden. Dazu wird mit CSS-Code gearbeitet. Dabei werden folgende Befehle gelernt: justify-content, align-items, flex-direction, order, align-self, flex-wrap, flex-flow, align-content. In 24 Leveln wird die Schwierigkeit gesteigert. Nützliche Hinweise werden nach und nach deaktiviert. https://cssgridgarden.com/#de: Hier gibt es ein sehr ähnliches Spiel. Ziel ist es, einen eigenen Karottengarten zu kultivieren.
Annotations
| Chapter | Das Thema Videospiele im Unterricht |
|---|---|
| Area | Workshops, Leitfäden und Kurse |
| Comments |
|
