🧱 Five

Block programming with CYF Blocks

Step 1: What to do

  1. Go to the CYF Blocks page:
  2. Read the instructions
  3. Complete lessons 1 through 16
  4. Build at least one project
  5. Use what you learned to improve your Hometown Homepage. Add at least one dynamic element to your page. For example, you could add a menu that opens when you click a button, or a counter that adds stars to your page.
  6. Make a Google docs document with a link to your improved Hometown Homepage and a CYF Blocks sharelink from a project you have completed.

πŸ’‘ Tip

Use the examples section to help you understand how to use blocks.

  1. Share one project. For example, once you have completed* Project: Build an image carousel*, press the [Share] button and paste the very very long URL in here. The URL will begin with https://blocks.codeyourfuture.io/share.html?v=

  2. The goal is to use the generated code to add a dynamic feature 🧢 🧢 dynamic feature A dynamic feature means the website changes with some input or interaction. to your own project. Copy paste your block-generated code into a single .js file and add it, with the html and css, to your Hometown Homepage project. Share the link to your improved website.

Step 5: How to check your work

A volunteer will review your submission and check it meets the acceptance criteria. They will give you feedback on your submission and help you make any changes to meet the criteria.

Here is the criteria you need to meet:

Step 1: How to show us

Submission

Make a public Google Doc. Add a link to your revised Hometown Homepage. Add a CYF blocks sharelink from a project you have completed. Share the link to your Google Doc on the CYF Course Platform.

Checklist

  • I have made a public Google Doc.
  • I have added a link to my revised Hometown Homepage.
  • I have added a CYF blocks sharelink.
  • I have shared the link to my Google Doc on the CYF Course Platform.

How to get help

When you have a question, ask it.

πŸ’‘ Code Your Future is a Community

Remember, Code Your Future is a community of adults sharing skills. We are all here to help each other, and learn. You are meant to ask questions at Code Your Future.

When you see someone else has a question, help them if you can.

First, visit our frequently asked questions page

When you have questions about coursework, ask in a workshop 🧢 🧢 workshop Code Your Future Workshops are meetings where you can get technical help. or in Slack 🧢 🧢 Slack Slack is messaging software - once you have downloaded Slack you can visit our Slack workspace to ask your questions.

You do not need to wait for a workshop to ask a question. You can ask questions in Slack at any time. We are here to help you understand and complete this course. Our goal is to help you learn.

Step 1: Extend Your Skills

Use your new skill in real life:

This optional step is just for you. You don’t need to submit it. Next, complete more of the projects in CYF Blocks, and write down your definitions of each of the terms listed on the home page.

πŸ’‘ Do the stretch

We know that people who do well on our courses make sure they are secure in their understanding before they move on.