Skip to content

Commit

Permalink
Cherry pick Kiki's docs changes (#6444)
Browse files Browse the repository at this point in the history
* Prepping for educator page and IO2 (#6442)

* Update hero-banner.md & tutorials (#6441)

* Update hero-banner.md & tutorials

Added the assets for Inside Out 2 and the Snowglobe tutorial.

* Update tutorials.md (#6443)

---------

Co-authored-by: Kiki Prottsman <kiki-lee@users.noreply.github.com>
  • Loading branch information
riknoll and kiki-lee authored Jun 10, 2024
1 parent 0aa63d5 commit e9601e3
Show file tree
Hide file tree
Showing 9 changed files with 419 additions and 70 deletions.
34 changes: 34 additions & 0 deletions docs/activities.md
Original file line number Diff line number Diff line change
@@ -0,0 +1,34 @@
# Activity Resources
*(Scroll right to see more)*

| Suggested Order of Completion | Tutorial/Skillmap | Style/Difficulty (Out of 5) | Description | Long URL | Short URL | Teacher Resources / Answer Keys | |
| --- | --- | --- | --- | --- | --- | --- | --- |
| 1 | "Sparks Flying | JR" | Junior /1 | A low-text version of our Sparks Flying experience. It only takes a few blocks to create an exciting clicker game where participants need to start a camp fire before the wind blows it out! | https://arcade.makecode.com/#tutorial:/tutorials/sparks-jr | https://aka.ms/sparky | | |
| 2 | "Turkey Rescue | JR" | Junior /1 | "A low-text version of our TurkeyDay experience. Using a handful of blocks | participants can create a vertical platformer game where they direct a turkey out of a warehouse while saving its friends. " | https://arcade.makecode.com/#tutorial:/tutorials/turkey-jr | https://aka.ms/turkey-jr | https://1drv.ms/f/s!AqsgsTyHBmRBn2mMdQSkzSMTSCJg?e=2LWibA | |
| 3 | "Free Throw | JR" | Junior / 1 | "A low-text version of our Free-Throw tutorial. Using simple | easy-to-read blocks | participants can make a game where a basketball player is trying to line up as many shots as possible before the buzzer sounds." | https://arcade.makecode.com/#tutorial:/tutorials/free-throw-jr | | | |
| 4 | Full of Stories | Super-Beginner / 1.5 | "Allow participants to show off their creative side with greeting cards | jokes | and short stories." | https://arcade.makecode.com/--skillmap#story | https://aka.ms/new-story | https://arcade.makecode.com/skillmap/educator-info/story-map-info | |
| 5 | Whack-the-Mole | Super-Beginner / 1.5 | Participants create their own mole-whacking carnival game. | https://arcade.makecode.com/--skillmap#mole | https://aka.ms/whack-the-mole | https://arcade.makecode.com/skillmap/educator-info/mole-map-info | |
| 6 | Talent Show | Super-Beginner / 1.5 | Participants learn to create a clicker game where every click of a button translates to applause for some very talented animals. | https://arcade.makecode.com/--skillmap#star | https://aka.ms/new-star | https://arcade.makecode.com/skillmap/educator-info/star-map-info | |
| 7 | Save the Baby Dinos | Super-Beginner / 1.5 | Participants can create a collector-style game starring a dinosuar that's determined to save dino babies! | https://arcade.makecode.com/--skillmap#dino | https://aka.ms/new-dino | https://arcade.makecode.com/skillmap/educator-info/dino-map-info | |
| 8 | Turkey Day | Super-Beginner / 1.5 | Participants use blocks to build a fast-paced platformer that allows them to help a turkey free all of its friends and climb to freedom. | https://arcade.makecode.com/--skillmap#turkey | https://aka.ms/turkeyday | https://arcade.makecode.com/skillmap/educator-info/turkey-map-info | |
| 9 | Collect the Clovers | Beginner / 2 | Participants code a game that allows a bunny to collect clovers while avoiding bees. | https://arcade.makecode.com/#tutorial:/tutorials/collect-the-clovers | https://aka.ms/clovers | | |
| 10 | Intro to MakeCode Arcade | Beginner / 2 | This is a very simple tutorial that introduces participants to Microsoft MakeCode Arcade as they create a cute clicker activity. | https://arcade.makecode.com/#tutorial:/tutorials/intro | https://aka.ms/MC-intro | | |
| 11 | Chase the Pizza | Beginner / 2 | A classic tutorial that has participants coding a happy face that chases a pizza as it pops randomly around the screen. | https://arcade.makecode.com/#tutorial:/tutorials/chase-the-pizza | https://aka.ms/chase-the-pizza | | |
| 12 | Free-Throw | Beginner / 2.5 | Participants make a game where a basketball player is trying to line up as many shots as possible before the buzzer sounds. | https://arcade.makecode.com/#tutorial:/tutorials/free-throw | https://aka.ms/freethrow | | |
| 13 | Burstin' Balloons | Beginner / 2.5 | Code your own minigame-style activity where two mice compete to see who can pump up their balloon the fastest. | https://arcade.makecode.com/--skillmap#balloon | https://aka.ms/balloon | https://arcade.makecode.com/skillmap/educator-info/balloon-map-info | |
| 14 | Monster Truck Racer | Begintermediate / 2.5 | Code a themed racer game where participants navigate their monster truck through a dangerous cave. | https://arcade.makecode.com/--skillmap#racer | https://aka.ms/MonsterRacer | https://arcade.makecode.com/skillmap/educator-info/racer-map-info | |
| 15 | Save the Galaxy | Begintermediate / 2.5 | "This tutorial helps participants code a classic space-shooter style game | but instead of lasers | players are transmitting information to satellites and avoiding asteroids." | https://arcade.makecode.com/--skillmap#galaxy | https://aka.ms/galaxy | https://arcade.makecode.com/skillmap/educator-info/galaxy-map-info | |
| 16 | Save the Forest | Begintermediate / 2.5 | This skillmap walks students through a coding project that allows them to fly an airtanker full of water to put out forest fires. It also provides a great lesson on the balance of ecosystems. | https://arcade.makecode.com/--skillmap#forest | https://aka.ms/forestMap | https://arcade.makecode.com/skillmap/educator-info/forest-map-info | |
| 17 | 80's Rockstar Maze | Intermediate / 3 | "Help Jerry the Rockstar avoid the crazed fans by coding this maze | then get Jerry to the exit before time runs out." | https://arcade.makecode.com/--skillmap#rockstar | | https://arcade.makecode.com/skillmap/educator-info/rockstar-map-info | |
| 18 | Code an Adventure | Intermediate / 3 | Remember those old-school text-based adventures? This skillmap uses functions to help participants code their own interactive stories. | https://arcade.makecode.com/--skillmap#adventure | https://aka.ms/codeAdventure | https://arcade.makecode.com/skillmap/educator-info/adventure-info | |
| 19 | Jungle Jump | Intermediate / 3 | "One of our most popular maps! This skillmap allows students to code their own sidescrolling platformer | similar to those timeless games starring the plumbing brothers." | https://arcade.makecode.com/--skillmap#jungle | https://aka.ms/junglejump | https://arcade.makecode.com/skillmap/educator-info/jungle-map-info | |
| 20 | Multiplayer Pizza Party | Intermediate / 3 | "Code a game where multiple players can dash for each piece of pizza | bumping each other to steal points along the way." | https://arcade.makecode.com/#tutorial:/tutorials/pizza-party | https://aka.ms/pizzaparty | | |
| 21 | Multiplayer Horse Race | Intermediate / 3 | Participants can code a carnival-style racehorse game where multiple players can button mash to be the first to get their horses across the finish line. | https://arcade.makecode.com/#tutorial:/tutorials/horse | https://aka.ms/horserace | | |
| 22 | JavaScript Chase the Pizza | Text / 3 | This tutorial takes our Chase the Pizza tutorial and presents it in JavaScript for a little extra challenge. | https://arcade.makecode.com/#tutorial:/tutorials/spy/chase-the-pizza | https://aka.ms/text-chase-pizza | | |
| | | | | | | | |
| | | | | | | | |
| | | | | | | | |
| | | | | | | | |
| | | | | | | | |
| | | | | | | | |
| | | | | | | | |
2 changes: 0 additions & 2 deletions docs/contact.md
Original file line number Diff line number Diff line change
Expand Up @@ -2,8 +2,6 @@

We have [a forum](https://forum.makecode.com) which is good for sharing games and asking questions.

We also have a [Discourse server](https://aka.ms/makecodecommunity) with an Arcade channel for more real-time communication.

You can also try [stack overflow](https://stackoverflow.com/), we monitor the ``makecode`` tag.

You can file issues in [MakeCode Arcade GitHub repo](https://github.com/microsoft/pxt-arcade/issues/new).
Expand Down
8 changes: 4 additions & 4 deletions docs/educators.md
Original file line number Diff line number Diff line change
Expand Up @@ -10,9 +10,9 @@ We have gathered all of our best educator resources and collected them all right
```codecard
[
{
"name": "Tutorial Activities",
"description": "Popular short activities for classrooms looking for a quick lesson or a variety of options.",
"url":"/educators#tutorials",
"name": "Tutorial Short-Links",
"description": "A table of our most popular activities and their associated URLS and teacher resources.",
"url":"/educators#shortlinks",
"imageUrl": "static/tutorials/froggy/frog.gif"
},{
"name": "Skillmap Activities",
Expand Down Expand Up @@ -43,7 +43,7 @@ We have gathered all of our best educator resources and collected them all right
]
```

## <a name="tutorials">Tutorial Activities</a>
## <a name="shortlink">Activity Table</a>
This year, we will be hosting two separate cohorts of each session for both the Intro and CSP courses.

```codecard
Expand Down
10 changes: 5 additions & 5 deletions docs/hero-banner.md
Original file line number Diff line number Diff line change
@@ -1,6 +1,6 @@
# Hero Banner

Here are some cool activities to get you started with your @boardname@!
Here are some cool activities to get you started!

## Intro Content

Expand All @@ -12,11 +12,11 @@ Here are some cool activities to get you started with your @boardname@!
* url: https://arcade.makecode.com/#tutorial:/tutorials/intro
* cardType: link
---
* name: Build a Multiplayer Game
* name: Build a Bubble Popping Game
* buttonLabel: Code Now
* description: Code a game you can play online with friends
* imageUrl: /static/hero-gallery/multi.png
* url: /tutorials/arrow
* description: Create your own bubble popping game with the crew from Disney & Pixar's Inside Out 2!
* imageUrl: /static/hero-gallery/io2_hero.jpg
* url: /tutorials/bubbles
* cardType: tutorial
---
* name: How To Code a Video Game
Expand Down
Binary file modified docs/static/hero-gallery/io2_hero.jpg
Loading
Sorry, something went wrong. Reload?
Sorry, we cannot display this file.
Sorry, this file is invalid so it cannot be displayed.
Binary file added docs/static/tutorials/bubbles/card.jpg
Loading
Sorry, something went wrong. Reload?
Sorry, we cannot display this file.
Sorry, this file is invalid so it cannot be displayed.
Binary file added docs/static/tutorials/snow/globe.jpg
Loading
Sorry, something went wrong. Reload?
Sorry, we cannot display this file.
Sorry, this file is invalid so it cannot be displayed.
26 changes: 21 additions & 5 deletions docs/tutorials.md
Original file line number Diff line number Diff line change
Expand Up @@ -32,20 +32,36 @@
"editor": "py",
"cardType": "tutorial"
}]
},{
"name": "Collect the Clovers",
"description": "Create a garden to collect 4-leaf clovers, avoid the bees!",
"url": "/tutorials/collect-the-clovers",
"cardType": "tutorial",
"imageUrl": "/static/tutorials/collect-the-clovers/clovers.png",
"largeImageUrl": "/static/tutorials/collect-the-clovers/collect-clovers-sim.gif"
}, {
"name": "Joy of Bubble Popping",
"description": "Create a bubble popping game complete with sounds and bonus points!",
"url": "/tutorials/bubbles",
"cardType": "tutorial",
"imageUrl": "/static/tutorials/bubbles/card.jpg",
"largeImageUrl": "/static/tutorials/bubbles/card.jpg",
"label": "Limited Time Branding!",
"labelClass": "purple ribbon large"
},{
"name": "Create a Music Player",
"description": "Join the Zune prototyping crew and make your own music player with this tutorial from MakeCode Arcade!",
"url": "/tutorials/music",
"cardType": "tutorial",
"imageUrl": "/static/tutorials/music/zune.png",
"largeImageUrl": "/static/tutorials/music/zune.png"
},{
"name": "Collect the Clovers",
"description": "Create a garden to collect 4-leaf clovers, avoid the bees!",
"url": "/tutorials/collect-the-clovers",
"name": "Animated Snowglobe",
"description": "Capture the spirit of winter with this magical snowglobe tutorial!",
"url": "/tutorials/snow",
"cardType": "tutorial",
"imageUrl": "/static/tutorials/collect-the-clovers/clovers.png",
"largeImageUrl": "/static/tutorials/collect-the-clovers/collect-clovers-sim.gif"
"imageUrl": "/static/tutorials/snow/globe.jpg",
"largeImageUrl": "/static/tutorials/snow/globe.jpg"
},{
"name": "Dunk",
"description": "Create animations to help your basketball superstar do tricks all the way to the hoop!",
Expand Down
Loading

0 comments on commit e9601e3

Please sign in to comment.