search

CodeYourFuture / syllabus

Old Syllabus Website for CodeYourFuture
https://syllabus.codeyourfuture.io
154 stars 123 forks source link

Karma Clone Project: Blockly feature #484

Open SallyMcGrath opened 2 years ago

SallyMcGrath commented 2 years ago

Which module(s) and week(s) does this change affect? Module(s): HTML-CSS Week(s): 1-4 (Module Project)

What is the work that needs to be done?

Define a challenge in https://github.com/CodeYourFuture/HTML-CSS-Module-Project Where trainees use https://blocks.codeyourfuture.io/ to build a hamburger menu And integrate it into their module project

Why is this work important to do?

We know trainees often are frustrated by not being able to build the hamburger menu (unless they do checkbox hacking) in the project and we live to please them. ;)

But seriously, the blocks app has proven to be a good tool for trainees to break down and think through working with the DOM. They can use this tool to help them throughout HTML, JS2, and JS3, so let's point that out to them with a feature.

Additional context

Who might need to know about this change?

@LucyMac wrote the Karma Clone project, which is now the module project so might want to know!

SallyMcGrath commented 1 year ago

@gregdyke Can I have a toggle in blocks.codeyourfuture.io once we go to the Other Projects part?

https://developer.mozilla.org/en-US/docs/Web/API/Element/toggleAttribute

gregdyke commented 1 year ago

I would like to make such a block have a dropdown where you select the attribute. Could you list the attributes you would like to toggle? (you can also include attributes that aren't technically boolean such as "is visible", which I have set to toggle between visible and hidden)