My First Website (with Scratch)

Marie H — Tue, 20 Oct 2020 18:01:43 +0000

Here are some really simple steps to get your block-based code from Scratch running as a static website (JavaScript, HTML, and CSS). This post is for my TEALS students, but can be used by anyone who's interested in block-based code!

This is what my personal website Scratch program looks like:

And here it is as a website!

Step 0: Learn and make

Start by making your project in Scratch! You could make a game or a personal website or anything you want. Follow this tutorial if you're just getting started.

You can make something as silly as my website or something more awesome, like this game. This was made by the user @moranee, who's profile says she's only 12 🤯

Step 1: Generate

All of this relies on the open source project forkphorus.

You can generate a website with forkphorus with the following steps:

Go to https://forkphorus.github.io/packager/
Change "Project ID" to your Scratch project's URL
Add a username (this can be anything, ex: "testuser")
[Optional] Click "Loading Screen Options" and change the loading screen text

Step 2: Run it locally

Click on your downloaded file, and it should pop up in the browser! If you right click and "Inspect", you'll see all the generated code.

Step 3: Host your website

Now that you have your Scratch program as HTML, you're ready to host it. A simple and cheap option to host your static website is through Azure Storage. Follow these simple instructions to do so. Any other static website hosting will also work great!

Create:Serverless Session - (Some) Serverless Best Practices

Marie H — Tue, 29 Sep 2020 05:55:49 +0000

Ever feel like there should be an easier way to do what you're doing? Or been surprised by an issue you hadn't considered? We can't promise this session is going to stop that from happening... ever... but we'll make sure that you walk away with a few strategies to write serverless Azure Functions better!

In this session at CREATE : Serverless, I'll be speaking with Jeff Hollan about some best practices we've learned over the years. We'll be walking through best practices around:

Local development
Deployment and scale
Troubleshooting

The complete package! Hope to see you there! 😊

Resources

Local Development Best Practices
Official Azure Functions Docs to learn core concepts!
Hands-on Tutorial for Beginner to Intermediate