Estimated Time: 28 hours. This includes the time to learn the skills and complete the project.
You will need to create a final project that uses the skills below. Additionally, you will need to be able to describe the skills to a Program Specialist and explain how they were used in your project.
- Creating and using variables
- Conditional code
- Variable types (how to use and understand the difference):
- Events and Event Listeners
- Debugging and the Console
- Changing CSS
Here are some suggested projects. Remember, whichever project you select should use the skills listed in the Requirements. Keep in mind that understanding the DOM is part of the requirements, so you should have a web component to whichever project that you choose. For example, you can choose to make a web based game or some sort of application that runs in the browser. These are some suggestions. If you have another project idea, make sure to get it approved by the program staff before proceeding.
- A utility application:
- Metric to Standard
- Countdown calculator (calculates the time until a specific event)
- Changing the design (CSS) of a website based on a visitor’s preference:
- “My favorite color is blue, give this webpage a blue theme.”
- Your own idea- subject to approval.
Once the project is complete, the next step is to submit an application for review. In this, you’ll need to submit a description of the project and an explanation of how you’ve used the required skills. Additionally, you’ll need to submit a link to your completed portfolio entry for the project.
One of the fields on the application asks for you to submit the link to your project webpage that includes photos and a description. There are lots of free web portfolio resources. Here are some web portfolio resources for hosting your project:
- WordPress.com: WordPress.com is a free blogging platform where you can host a portfolio page for your projects. If you’re working on the digitalharbor.org/wordpress-skill-badge, this would be a good way to practice your skills.
- Weebly: Weebly is another resource that you can use to host a portfolio page for your project. There are paid plans available, but the free plan would be more than enough to host your badge project.
- Tackk: Tackk is another free resource to build out a quick portfolio entry. Tackk has added a lot of social media streams and content, so if you’re using this make sure to monitor this aspect.
If you’re unable to create a webpage for your submission, you can create a Google Document and place your writeup and images in that document. You can then submit the URL for that.
The Next Steps:
Ask Us a Question
If you’re working on the badges and you find that you’re stuck, please feel free to email us for some guidance!
Email Link: Send Email
If you’re having any difficulties with the above email link, here is a link to the DHF Contact page.
Contact Link: Contact Us