search

Sabella-8 / Courseworkplanner

Your coursework planner
0 stars 0 forks source link

[TECH ED] CYF Blocks #19

Open Sabella-8 opened 1 year ago

Sabella-8 commented 1 year ago

From Course-Fundamentals created by SallyMcGrath: CodeYourFuture/Course-Fundamentals#7

Link to the coursework

https://blocks.codeyourfuture.io/

Why are we doing this?

​Pick one or more of the following projects, define its requirements by writing the user stories, iteratively develop it in CYF Blocks, and ship it! This is part of the graduation criteria.

Maximum time in hours

10

How to submit

  1. Write up one of your projects on your copy of this ticket, not forgetting to include:

    • Your user stories
    • Your CYF Blocks implementation (using the share button)
    • Your deployed website

  2. Share your deployed website in your cohort's Slack channel.

Sabella-8 commented 1 year ago

Image

Sabella-8 commented 1 year ago

User stories for the Image Carousel project and my deployed website https://docs.google.com/document/d/1AtWtrq3wiQsIAp3uxWb543xvxdhuTAabLQOwPwrh4yE/edit?usp=sharing

cyf-personal-sabella.netlify.app

Sabella-8 commented 1 year ago

Project: Select a random facilitator https://blocks.codeyourfuture.io/share.html?v=('j!('blocks!('languageVersion!0~blocks!%5B%C2%89NN%7C(Q'%3A-dQgsW%2FB0E%5EkRh'~x!-16~y!-327%C2%81d_%C2%85%C2%8EBUnL3Mu8%7BG%3AqV8R3f8%7Cs'%7FIF0%22logic_compare'~id!'lrYQ9SS'%3A(SqERr%5DJ%40yva'%C2%80OP!'NEQ')%7FA%C2%887d(9Idhoyp%3BUjzTw%23Vv~%C2%84B%22text'~id!'kkCG6qXJ0j%2F%3B*M47%2F%25Zb'%C2%80TEXT!''%C2%86!'xoz-%2FeZXM_%2C'aysSyMeHm'%C2%80ID!'listgame%C2%8Aarrays_push'~id!'2%5DH%3A%5DXy%24Q%234R-FMgw%3Ayw'%C2%80WHERE!'START')%7FVALUE%C2%88i%3BMs%7CZ%40I'%3ABMkPVP7P%23%7Bg'%C2%84LIST%C2%83s%5ERq%3AR%2Fm%7DHt%2C'qCGE5qe%60%26)))))))))))))%2C('type!'on_start'~id!'I%7C'%3Aa%3Auahe%7D2.oO%2B%40%3Bd'%3A-'~x!-6~y!-504%C2%80TEXT1!'at%20the%20start%20%7Bwhen%20run%20is%20clicked%7D')%7FHANDLER%22procedures_callnoreturn'~id!'nE%3F%2B2yf_4OvAa3w(%2CN%2Fz'~extraState!('name!'listOfNames')))))%2C('type!'procedures_defnoreturn'~id!'KPdJV%40rR(R%60n0L8_4aX2'~x!-5~y!-430~icons!('comment!('text!'Describe%20this%20function...'~pinned!false~height!80~width!160))%C2%80NAME!'listOfNames%C2%8Avariables_set'~id!'B%23sw2%3BU.Si%7Cx2pn%23UW03%26%7FVALUE%22lists_create_with'~id!'P%5Eb%25HyD%2C'MO%60LNmp6Pf%254'~extraState!('itemCount!0))))))))%2C%C2%890E'%3AD'%3A%243j%25%403%2C'%7C%2480yS%7D%5E'~x!8~y!-63%C2%81d_ra%C2%85%C2%8EIs%5D-G28H%2B_)%3D-VZss0ct'%7FIF0%22logic_negate'~id!'Z4%23P-%3B%7C%3FXS%5EGp%40F4L%3BB%2C''%7FBOOL%22lists_isEmpty'~id!'Q%2FkERVYEa%3BiNft4%3Bf%5Dne'%7FVALUE%C2%83H%3B%7Bf%40-C_)BRkzos%7B%24_KO%26))%C2%86!'1B%2Fg-%3FVsP8fypC9WVSfk'%C2%80ID!'randlist%C2%8Aremove_contents'~id!'%60%5DQ%24m%3A%23EiE%3FmG%7DuRn7cA'~next%22add_element'~id!'l3-%23vjoXx34'%3ADKJp_bg%25'%C2%80ELEMENT!'li%C2%8Aset_content'~id!'axDEcC%7BPzGc%2FS%3A(%246.Wo'%7FVALUE!('shadow!('type!'text'~id!'P*-nERY%7CIH4JZ%3D%23xIfAc'%C2%80TEXT!''))~block!('type!'get_randomMember'~id!'2c%5D%2FQHg%25%7D%2C_YX.1t%40A%3DX'%7FARRAY%C2%83Q%3D%23HK%2B%7B0ryHB%2C'xb)(gbd%26)))))))))))))))))))))%5D)~variables!%5B('name!'names'~%C2%82%2C('name!'array'~id!'dc('%3AmaMwjNX%5DN.H%5E%24(pc')%2C('name!'item'~id!'8vyh%7B7l(HT%60tTBkCODeF')%5D)~h!'%20%20%20%20%20%20%20%3Cp%3EList%20of%20names%3A%3C%2Fp%C2%8Bul%C2%8Clistgame%C2%8Dinput%C2%8Cnamegame%5C'%20%2F%C2%87name%5C'%3Eadd%20name%3C%2Fbutton%C2%8Bp%C2%87raname%5C'%3ESEE%20WHO%20LOVES%20YOU%3C%2Fbutton%C2%8Bul%C2%8Crandlist%C2%8D%2Fp%3E%5Cn')%22!('block!('type!'%26'%C2%80VAR!('%C2%82)%7F~inputs!('%C2%80~fields!('%C2%81%C2%80TEXT1!'when%20the%20element%20with%20id'~ID!'ad%C2%82id!'K%24l7%2F_0Rb%3B1c%5E0k4%40%25m%2B')%C2%83%22variables_get'~id!'%C2%84%C2%80TYPE!'string'~ID!'namegame')))~%C2%85name'~TEXT2!'is%20clicked')%7FHANDLER%C2%86))))))~DO0%22with_element_by_id'~id%C2%87%C2%8Bbutton%C2%8Cadd_%C2%88%22get_input_data_with_id'~id!'%C2%89('type!'element_clicked'~id!'%C2%8A')%7FSTACK%22%C2%8B%3E%5Cn%3C%C2%8C%20id%3D%5C'%C2%8D%5C'%3E%3C%2Ful%C2%8B%C2%8E%22controls_if'~id!'%01%C2%8E%C2%8D%C2%8C%C2%8B%C2%8A%C2%89%C2%88%C2%87%C2%86%C2%85%C2%84%C2%83%C2%82%C2%81%C2%80%7F%26%22_

Image

Sabella-8 commented 1 year ago

Project: Build an image carousel

https://blocks.codeyourfuture.io/share.html?v=('j!('blocks!('languageVersion!0~blocks!%5B%C2%98%7C)SgTSPd-2%7C7%2F.GfniJp'~x!11~y!95%7F%C2%80ME!'createArrayimages%C2%97%C2%891JDtDXaOeE(%2CnYM*n-2.%26%C2%8C%C2%A3%22lists_create_with'~id!'gD5z8DZtlE%2CE%3Drafj%5D.j%C2%9DitemCount!3%C2%84ADD0%C2%A46-vY%3DJvN_%2FELv0k'%3AI'%3A%7Bz%C2%91BavJM')))~ADD1%C2%A4mvMj%2C'%2F%60'%3A%2FB%23C%3F*Xp%60EI%3B%C2%91nsKYn')))~ADD2%C2%A4T5sL%2C'%7C%7CI66lCBuPUF_wB%C2%91Z_sh_')))))))))))%2C('type!'on_start'~id!'yU5%2B%2C'BAcapU)%5DvV%7BiUk~~x!1~y!-70~fields!('TEXT1!'at%20the%20start%20%7Bwhen%20run%20is%20clicked%7D'%C2%84HANDLER%C2%827R%3Bq%3F35Qev-rD%2C%3Byyol%25%C2%87resetData')~next%C2%82LR%7Dd%3B%3ARt7%23pOB%60%7D%7Cd*nd%C2%87createArrayimages')~next%C2%82KQlX%7BGq%5Eq0M%7BA'%3A4vHpJM%C2%87imageLength')~next%C2%82%2CXWqiseH0%40Ys(OlX%2C'J%24k%C2%A5))))))%C2%83DZ)D%2B-oeV%3DNoq-RLO_%40X'~x!55~y!254%7F%C2%80ME!'resetData%C2%97%C2%89r%3BfOFZ%5D%7Bo%7B%5Ds%60H%25RB7_%3A%26%C2%86%C2%8A''%3Al%5E(my%3DREx34kot4%5B%5DGv%C2%9F~next%C2%89w%3FY%2C'Q5%7C%25l9bM07i_L1KJ%26%C2%8E%C2%8A'e%7D%2BEFbSBP%40w%7DuYoO%3AU(D%C2%9F~next%C2%89C%3D*adz5F8OdYu7yz)ywM%C2%9B%C2%8A'7v.Y%7Csp%60S1%60IC%2C'%3Bx7c9g%C2%9F)))%C2%83%7Ch%3DLh%3DQ%2C*4QSmV%3DLjRT7'~x!34~y!393%7F%C2%80ME!'imageLength%C2%A0~id!'L%2C'O%24%60yYakxH)6vPhQJ%3BN%26%C2%8D%C2%84LIST%C2%85r%40R%5Dcs82iv4%2C'P%2Cmxd94t%26%C2%8C)))~DO%C2%957Ick*DDkrRWt7hrQr'%3Ab_%26%C2%86%C2%88!'Yr%5E%3F%40Qw%7COEN'%3A2rJHbAR%7C%C2%90%C2%83oM%40D.%5En%24SNb%3D%5B%23Db%7Dyl%2C''~x!-1~y!526%7F%C2%80ME!'getNextimage%C2%94!'p%25bCDR%2B2Xl'%3AfEN%3BmsI%5BP%C2%8F%C2%93A7z%242ni%2Cjp%40VCVKv(l%3FJ%C2%8BOP!'GTE%C2%9AR%60iK%5B%235k3%5E2%7B~%3A%2B3'%3Ao%7BB%C2%9B)))~B%C2%85%5E%25ALEE%24*%3B%2C8T7EM2%2CsG7%C2%A1)~DO0%C2%89rffJ%7Bg%7DEW6%2C'%5Eb%25R%3ACr)v%C2%9B%C2%8A'IAv%7DY%25rR%2C'%5E%2F4%23f2TTN%40%3F%C2%90~ELSE%C2%95ZE%60M41QcC.S8%60E4NVI%60*%C2%9B%C2%88!'.kL9a3n%25xm%5Dgs-7H%2FY0T%C2%90)~next%C2%82xW%5E%40QCs4HK%7C3%2B3f1TES)%C2%A6))%C2%83PF5%5D8%5B%23WMz%5E(6P%2FG.Kyl'~x!5~y!721%7F%C2%80ME!'incrementCounter%C2%94!'4txH%2C'YuWG%7B-p6%3F_%3D%23F1)%C2%8F%C2%93%23%5D(%2C'%3A84gFhYc%5BK%2CadmAu%C2%8BOP!'GTE%C2%9A%3FqfcTaP%2BMEWjBZ%5E-%2F%24*z%26%C2%8E)))~B%C2%857%5BOesMAbPsquX5narqHg%C2%A1)~DO0%C2%89*IUq)0%7BtC%2F%2F%2ClTNhr%60%2C'T%26%C2%8E%C2%8A'TvifPIYw%7CE%3B%236xqH%5EZH%7D%C2%90~ELSE%C2%95%23P5(u%7BsL%2C'lmxt%2C(rI)Sy%26%C2%8E%C2%88!'ofzi%7C)i%7B2)DsE2%2F%24CoQ'%3A%C2%90%C2%83%60s5%3ANzTBv-)j6n5A-JkX'~x!-1~y!890%7F%C2%80ME!'displayImage%C2%A0~id!'a(%5BcSXXb6iCnugzVV47%40%26%C2%8D%C2%84LIST%C2%854%7C3gVVGt%3BG.T8%25v%60Y%3Aza%26%C2%8C)))~DO%C2%82%606%7C%7D%2Fa)rsUi%2F%3DCVC%3BQ%40J%C2%87incrementCounter')~next%22controls_if'~id!'Ty%2F%5DUg97Yv'%3A1%7DV%5BY)LO6'~inputs!('IF0%C2%93F80PeSRoCoEkZuPG%24CsV%C2%8BOP!'EQ%C2%9ARl%609Ym)HQnsum9a%2C'ySDj%26%C2%8E)))~B%C2%85uJnavxsnP8vbTG6)C%23N-%C2%9B))))))~DO0%22with_element_by_id'~id!'jq'%3A0eM%5E%40p%3BG%2C_fBBDA5%7C%C2%8BID!'image%C2%97%22set_attribute'~id!'j%600WX.%5E%2Fqm6pI4ikXi%5E%60%C2%8BPROPERTY!'src'%C2%A3%C2%85C%23AB*uTNQbev(NA%3DX%2FiA%26%C2%8D))))))))))))%C2%96%60VIhx%5B%23KxD%7B6mKvdZ%5EQD'~x!-8~y!1128%C2%92next%C2%99%C2%82yK%2C'wC_%235knTY6)JcKny%2F%C2%A5%C2%83AXh4%5D%5E6fl9(ZMg%3AT%23%5EPw'~x!6~y!1228%7F%C2%80ME!'getPreviousImage%C2%94!'%3DFR(nJHK8w%5DSEXW%2C8YyM%C2%8F%C2%93m_%25.c6%5D%2CxOB0%5E%40Z%5Et0rt%C2%8BOP!'LTE%C2%9AC09tsKCWv6IZ%2C'Or%5Dk%5B%5D2%C2%9B)))~B%22%C2%9E!'%24y2b8qg.U%2BBO8gsl)q)%25%C2%90~DO0%C2%89KjZ6v0rw*xgP26BG%5Ec4H%C2%9B%C2%A3%C2%85%7C2B%244%5BA0xPgx-OoIjm%25P%C2%A1)~ELSE%C2%95x%24Sg4%5BZjY7Xx%60%24AKLRMa%C2%9B%C2%88!'YkyeNSn%2B%2B-Sq%2Fp5jfs%23X%C2%8BNUM!-1)))))))~next%C2%82c%7CtrO9sNPiVC%3FARoXDH1%C2%A6%C2%96vW%40nGk6Rp'%3A%3F%24v%25N%7B%2Ck*l'~x!162~y!1189%C2%92previous%C2%99%C2%82XJ.o%23)%7Ch%2CB45%2C'HKLAWun%C2%87getPreviousImage')))))%5D)~variables!%5B('name!'array'~id!'%C2%8C%C2%9CCounter'~id!'%C2%8E%C2%9CIndex'~id!'%C2%81%C2%9CLength'~id!'%C2%86%2C('name!'item'~id!'%C2%8D%5D)~h!'%3Cimg%20id%3D%5C'image%5C'%20src%3D%5C'%5C'%20width%3D%5C'200px%5C'%20height%3D%5C'200px%5C'%2F%3E%20%20%20%20%20%5Cn%5Cn%C2%A2previous%5C'%3Eprevious%3C%2Fbutton%3E%5Cn%20%C2%A2next%5C'%3E%20next%3C%2Fbutton%3E')%22!('block!('type!'%26%C2%8BVAR!('id!'%7F~icons!('comment!('text!'Describe%20this%20function..%C2%80.'~pinned!false~height!80~width!160))~fields!('NA%C2%81%5E%5B%5By%3FxkTb%24%60pYYwg%3FYG*')%C2%82%22procedures_callnoreturn'~id!'%C2%83)))))%2C%C2%98%C2%84)~inputs!('%C2%85%22variables_get'~id!'%C2%86NG%24%2CO%3BUv%3Bwry%5BC%2C'S%60lhq')%C2%87%C2%9Dname!'%C2%88%C2%84DELTA!('shadow!('type!'%C2%9E%C2%89%22variables_set'~id!'%C2%8A%C2%A3%22%C2%9E!%C2%8B'~fields!('%C2%8CFZF'%3ATG%7Cx3Ag_%5E1A%2C'wBh%24')%C2%8Dn%5DY5%3Aik%5DKMz%3DMeRf1'%3AEl')%C2%8EacInulxoE0KZ*2AX0XrC')%C2%8F%C2%9DhasElse!true%C2%84IF0%C2%90%C2%8BNUM!1))))))%C2%91%C2%8BTEXT!'https%3A%2F%2Ft.ly%2F%C2%92~fields!('TEXT1!'when%20the%20element%20with%20id'~ID!'%C2%93%22logic_compare'~id!'%C2%94%C2%97%22controls_if'~id%C2%95%22math_change'~id!'%C2%96)))))))%2C('type!'element_clicked'~id!'%C2%97'%C2%84STACK%C2%98('type!'procedures_defnoreturn'~id!'%C2%99'~TEXT2!'is%20clicked'%C2%84HANDLER%C2%9A'%C2%84A%C2%85%C2%9B%26%C2%81%C2%9C%2C('name!'image%C2%9D'~extraState!('%C2%9Emath_number'~id%C2%9F%C2%8BNUM!0))))%C2%A0%C2%97%22arrays_forEach'%C2%A1%26%C2%86)))))%C2%A2%3Cbutton%20id%3D%5C'%C2%A3%C2%84VALUE%C2%A4%22text'~id!'%C2%A5%C2%87getNextimage'%C2%A6%C2%87displayImage'%01%C2%A6%C2%A5%C2%A4%C2%A3%C2%A2%C2%A1%C2%A0%C2%9F%C2%9E%C2%9D%C2%9C%C2%9B%C2%9A%C2%99%C2%98%C2%97%C2%96%C2%95%C2%94%C2%93%C2%92%C2%91%C2%90%C2%8F%C2%8E%C2%8D%C2%8C%C2%8B%C2%8A%C2%89%C2%88%C2%87%C2%86%C2%85%C2%84%C2%83%C2%82%C2%81%C2%80%7F%26%22_

Image

AltomHussain commented 1 year ago

@Sabella-8 Beatiful work you have done! But little adjustment on the select random facilitator project. When the button below is clicked it needs to select any random name, and when clicked again it should select another name from the list. Now your button only selects one random name for the first time and it does not select another name from the array when you click again!

So if you could try to make the button to select another name every time you click would be great!

Thanks

Image

Sabella-8 commented 1 year ago

But it worked on my phone, it shows me differentlist of names whenever I clicks on the select random name button, could you please try it again, I can send you a screen record.

AltomHussain commented 1 year ago

Hi Sabella! Okay if it does work that's fine. I will try it again. Maybe just technical issues with my laptop and it was not responding!

AltomHussain commented 1 year ago

I knew it was working when you worked on the last time before you added it in your personal page! But will have a look agian