diff --git a/asset-manifest.json b/asset-manifest.json index ab7823b..8fe96d0 100644 --- a/asset-manifest.json +++ b/asset-manifest.json @@ -1,7 +1,7 @@ { "files": { - "main.js": "/static/js/main.905a31a9.chunk.js", - "main.js.map": "/static/js/main.905a31a9.chunk.js.map", + "main.js": "/static/js/main.206d8785.chunk.js", + "main.js.map": "/static/js/main.206d8785.chunk.js.map", "runtime-main.js": "/static/js/runtime-main.efa7406d.js", "runtime-main.js.map": "/static/js/runtime-main.efa7406d.js.map", "static/css/2.27175f2b.chunk.css": "/static/css/2.27175f2b.chunk.css", @@ -15,6 +15,6 @@ "static/js/runtime-main.efa7406d.js", "static/css/2.27175f2b.chunk.css", "static/js/2.f5a5713e.chunk.js", - "static/js/main.905a31a9.chunk.js" + "static/js/main.206d8785.chunk.js" ] } \ No newline at end of file diff --git a/index.html b/index.html index ce6e741..ab996e6 100644 --- a/index.html +++ b/index.html @@ -1 +1 @@ -CoderDojo | Delft
\ No newline at end of file +CoderDojo | Delft
\ No newline at end of file diff --git a/static/js/main.206d8785.chunk.js b/static/js/main.206d8785.chunk.js new file mode 100644 index 0000000..10db17f --- /dev/null +++ b/static/js/main.206d8785.chunk.js @@ -0,0 +1,2 @@ +(this["webpackJsonpcoderdojodelft.github.io"]=this["webpackJsonpcoderdojodelft.github.io"]||[]).push([[0],{38:function(e){e.exports=JSON.parse('[{"datestr":"2024-01-27","urlNr":2353,"where":"coderdojo"},{"datestr":"2024-02-24","urlNr":2354,"where":"coderdojo"},{"datestr":"2024-03-30","urlNr":2355,"where":"coderdojo"},{"datestr":"2024-04-20","urlNr":2356,"where":"coderdojo"},{"datestr":"2024-05-25","urlNr":3355,"where":"coderdojo"},{"datestr":"2024-06-22","urlNr":3356,"where":"coderdojo"},{"datestr":"2024-07-27","urlNr":3357,"where":"coderdojo"},{"datestr":"2024-08-31","urlNr":3358,"where":"coderdojo"},{"datestr":"2024-09-28","urlNr":3359,"where":"coderdojo"},{"datestr":"2024-09-28","urlNr":3359,"where":"coderdojo"},{"datestr":"2024-10-26","urlNr":9999,"where":"coderdojo"},{"datestr":"2024-12-21","urlNr":3362,"where":"coderdojo"}]')},40:function(e,n,t){"use strict";t.r(n);var a=t(0),r=t.n(a),o=t(20),l=t.n(o),i=t(4),d=t(5),m=t(7),c=t(6),s=t(43),u=t(25),h=t(2),p=t(3),g={black:"#000000"},k={charcoal:"#444444"},j={smoke:"#f0f0f0",white:"#ffffff"},b={selective:"#fab800"},f=992,v=950,E=660,w="0",z="4px",D="8px",y="16px",O="32px",C="64px",x={n0:"48px",n1:"24px",n2:"20px",n3:"15px"},_={n0:1,n1:1.4};function W(){var e=Object(h.a)(["\n display: block;\n width: 100%;\n max-width: 570px;\n height: auto;\n"]);return W=function(){return e},e}function M(){var e=Object(h.a)(["\n display: block;\n padding: 0 ","\n \n @media only screen and (min-width: ","px) {\n padding: 0 ","\n }\n"]);return M=function(){return e},e}var N=p.b.a(M(),D,f,O),S=p.b.img(W());function A(){return r.a.createElement("header",null,r.a.createElement(N,{href:"/"},r.a.createElement(S,{src:"/img/logo.png",alt:"Coder Dojo Delft"})))}var V=t(13),P=t(42),B=t(23);function H(){var e=Object(h.a)(["\n display: inline-block;\n \n svg {\n width: 100%;\n height: auto;\n }\n"]);return H=function(){return e},e}var J=p.b.span(H());function I(e){var n="normal"===e.size?24:48,t="normal"===e.size?24:48;return r.a.createElement(J,{style:{width:"".concat(n,"px"),height:"".concat(t,"px")},dangerouslySetInnerHTML:{__html:B[e.name].toSVG()}})}var K={home:{url:"/",title:"Home",weight:0},whatWeDo:{url:"/watwedoen",title:"Wat doen we?",weight:10},nextEdition:{url:"/volgendeeditie",title:"Volgende editie",weight:20},agenda:{url:"/agenda",title:"Agenda",weight:30},remote:{url:"/remote",title:"CoderDojo op afstand",weight:35},aboutUs:{url:"/overons",title:"Over ons",weight:40},extraInfo:{url:"/extrainfo",title:"Extra info",weight:50},material:{url:"/material",title:"Aan de slag!",weight:55},mentors:{url:"/mentoren",title:"Mentor worden",weight:60}};function F(){var e=Object(h.a)(["\n position: absolute;\n right: 0;\n top: 0;\n display: block;\n margin: ",";\n cursor: pointer;\n \n @media only screen and (min-width: ","px) {\n display: none;\n }\n"]);return F=function(){return e},e}function L(){var e=Object(h.a)(["\n position: absolute;\n right: 0;\n top: 0;\n display: block;\n margin: ",";\n cursor: pointer;\n \n @media only screen and (min-width: ","px) {\n display: none;\n }\n"]);return L=function(){return e},e}function R(){var e=Object(h.a)(["\n display: inline-block;\n padding: "," ",";\n color: ",";\n font-family: 'Bebas Neue W01 Regular';\n font-size: ",";\n line-height: ",";\n text-decoration: none;\n text-align: right;\n \n &:hover,\n &.active {\n background-color: ",";\n color: ",";\n }\n \n @media only screen and (min-width: ","px) {\n font-size: ",";\n }\n"]);return R=function(){return e},e}function T(){var e=Object(h.a)(["\n padding: "," ",";\n \n @media only screen and (min-width: ","px) {\n padding: "," "," "," ",";\n }\n"]);return T=function(){return e},e}function q(){var e=Object(h.a)(["\n @media only screen and (max-width: ","px) {\n position: fixed;\n left: 0;\n top: 0;\n width: 100vw;\n height: 100vh;\n background-color: ",";\n display: none;\n overflow: auto;\n \n &.open {\n display: block;\n }\n }\n \n @media only screen and (min-width: ","px) {\n flex-shrink: 0;\n flex-grow: 1;\n margin-right: ",";\n text-align: right;\n }\n"]);return q=function(){return e},e}var G=p.b.nav(q(),f-1,j.white,f,D),Z=p.b.ul(T(),C,y,f,D,w,D,D),U=Object(p.b)(P.a)(R(),z,D,g.black,x.n0,_.n0,b.selective,j.white,f,x.n1),Q=p.b.a(L(),O,f),X=p.b.a(F(),O,f),Y=function(e){Object(m.a)(t,e);var n=Object(c.a)(t);function t(e){var a;return Object(i.a)(this,t),(a=n.call(this,e)).state={menuOpen:!1},a.handleClose=a.handleClose.bind(Object(V.a)(a)),a.handleOpen=a.handleOpen.bind(Object(V.a)(a)),a}return Object(d.a)(t,[{key:"handleClose",value:function(){this.setState({menuOpen:!1})}},{key:"handleOpen",value:function(){this.setState({menuOpen:!0})}},{key:"render",value:function(){var e=Object.keys(K).sort((function(e,n){return K[e].weightK[n].weight?1:0}));return r.a.createElement(r.a.Fragment,null,r.a.createElement(X,{onClick:this.handleOpen},r.a.createElement(I,{name:"three-bars",size:"large"})),r.a.createElement(G,{className:this.state.menuOpen?"open":"close"},r.a.createElement(Q,{onClick:this.handleClose},r.a.createElement(I,{name:"x"})),r.a.createElement(Z,{onClick:this.handleClose},e.map((function(e,n){return r.a.createElement("li",{key:n},r.a.createElement(U,{exact:!0,to:K[e].url,activeClassName:"active"},K[e].title))})))))}}]),t}(a.Component);function $(){var e=Object(h.a)(["\n width: 100%;\n \n @media only screen and (min-width: ","px) {\n display: flex;\n justify-content: flex-end;\n margin: 0 auto;\n width: ","px;\n }\n"]);return $=function(){return e},e}var ee=p.b.div($(),f,v);function ne(){var e=Object(h.a)(["\n width: 100%;\n \n @media only screen and (min-width: ","px) {\n width: ","px;\n }\n"]);return ne=function(){return e},e}var te=p.b.div(ne(),f,E);function ae(){var e=Object(h.a)(["\n padding: ",";\n"]);return ae=function(){return e},e}var re=p.b.article(ae(),D);function oe(){var e=Object(h.a)(["\n padding: ",";\n background-color: ",";\n box-shadow: 10px 5px 5px red;\n font-size: ",";\n font-family: Arial, Helvetica, Tahoma, san-serif;\n line-height: ","\n color: ",";\n border-radius: 3px;\n box-shadow: 0 8px 6px -6px ",";\n \n h2 {\n font-size: ",";\n font-family: 'Bebas Neue W01 Regular';\n }\n \n h3 {\n font-size: ",";\n font-family: 'Bebas Neue W01 Regular';\n }\n \n h2,\n h3 {\n padding: "," "," ",";\n }\n \n p,\n ul {\n padding: "," "," ",";\n }\n \n b,\n strong {\n font-weight: bold;\n }\n \n i,\n em {\n font-style: italic;\n }\n \n a {\n color: ",";\n text-decoration: underline;\n }\n \n ul {\n padding-left: 15px;\n list-style-type: disc;\n }\n"]);return oe=function(){return e},e}var le=p.b.div(oe(),y,j.white,x.n3,_.n1,k.charcoal,k.charcoal,x.n1,x.n2,w,w,z,w,w,y,k.charcoal);function ie(){var e=Object(h.a)(["\n padding: "," ",";\n margin: 0 0 ",";\n background-color: ",";\n color: ",";\n font-family: 'Bebas Neue W01 Regular';\n font-size: ",";\n line-height: ",";\n border-radius: 3px;\n box-shadow: 0 8px 6px -6px ",";\n"]);return ie=function(){return e},e}var de=p.b.h1(ie(),D,y,y,b.selective,j.white,x.n1,_.n0,k.charcoal),me=function(e){Object(m.a)(t,e);var n=Object(c.a)(t);function t(){return Object(i.a)(this,t),n.apply(this,arguments)}return Object(d.a)(t,[{key:"render",value:function(){return r.a.createElement(re,null,r.a.createElement(de,null,"Over ons"),r.a.createElement(le,null,r.a.createElement("p",null,"CoderDojo Delft is opgericht eind 2015 door Koen en Judith en organiseert sinds die tijd iedere maand een gratis bijeenkomst om kinderen tussen 7 en 14 jaar kennis te laten maken met programmeren. Voor meer informatie wat Coderdojo is zie ",r.a.createElement("a",{href:"https://coderdojo.nl/informatie/over-coderdojo",target:"_blank",rel:"noopener noreferrer"},"https://coderdojo.nl/informatie/over-coderdojo")),r.a.createElement("p",null,"Coderdojo is niet alleen om kennis te maken met programmeren \u2013 ook kinderen die de eerste stappen al gezet hebben zijn welkom om hun skills verder uit te breiden!"),r.a.createElement("p",null,"Inmiddels is CoderDojo Delft uitgegroeid tot een groep van meer dan 10 enthousiaste mentoren is het stokje van Koen en Judith overgenomen. Heb je vragen? We zijn te bereiken op ",r.a.createElement("a",{href:"mailto:info@coderdojo-delft.nl"},"info@coderdojo-delft.nl"))))}}]),t}(a.Component),ce=t(19),se=function(e){Object(m.a)(t,e);var n=Object(c.a)(t);function t(){return Object(i.a)(this,t),n.apply(this,arguments)}return Object(d.a)(t,[{key:"render",value:function(){return r.a.createElement(re,null,r.a.createElement(de,null,"Extra informatie"),r.a.createElement(le,null,r.a.createElement("p",null,"Weet je niet zo goed waar je moet beginnen? Kijk dan even naar deze veelgestelde vragen.",r.a.createElement("br",null),"Kom je er nog steeds niet uit? Neem dan gerust contact met ons op: ",r.a.createElement("a",{href:"mailto:info@coderdojo-delft.nl"},"info@coderdojo-delft.nl"),"."),r.a.createElement("h2",null,"Ik ben nog nooit naar CoderDojo geweest."),r.a.createElement("p",null,"Voor alles is er een eerste keer! De dojo is voor iedereen toegankelijk. De beste manier om kennis te leren maken is om gewoon een keer langs te komen. Zorg wel dat je je eerst registreert voordat je komt."),r.a.createElement("h2",null,"Kan ik zomaar naar CoderDojo komen?"),r.a.createElement("p",null,"Nee, om er voor te zorgen dat we niet over onze capaciteit gaan en een goede administratie van aanwezigen hebben moet iedereen zich registreren om deel te kunnen nemen aan een CoderDojo."),r.a.createElement("h2",null,"Voor welke leeftijd is CoderDojo?"),r.a.createElement("p",null,"De maximum leeftijd die wij hanteren is 14 jaar. De minimumleeftijd is afhankelijk van het thema van de bijeenkomst. Normaal gesproken is de minimumleeftijd die wij adviseren 8 jaar. Als je 7 jaar bent en je wilt toch graag komen, dan mag dat, maar alleen als er altijd een ouder aanwezig is voor begrijpend lezen en schrijven."),r.a.createElement("h2",null,"Wat doen kinderen bij CoderDojo?"),r.a.createElement("p",null,"Bij CoderDojo zijn we altijd bezig met techniek of ontwikkeling van competenties die nodig zijn in het beroepsveld. Daarnaast worden kinderen ook \u2018mediawijs\u2019 gemaakt waardoor ze leren omgaan met internet en techniek. Wij stimuleren onderzoekend en exploratief gedrag en sporen alle kinderen aan om hun interesses te volgens en elkaar nieuwe dingen te leren."),r.a.createElement("h2",null,"Is CoderDojo geschikt voor mijn kind?"),r.a.createElement("p",null,"Wij verwelkomen iedereen! Echter merken we dat vooral kinderen die interesse hebben in techniek blijven hangen en het naar hun zin hebben. We behandelen steeds een ander onderwerp, dus kijk samen met je zoon / dochter naar het onderwerp om te kijken of ze het interessant vinden om hier meer over te leren."),r.a.createElement("h2",null,"Hoe kan ik mijn kind inschrijven?"),r.a.createElement("p",null,"Voor elke dojo (datum en vestiging) moet afzonderlijk geregistreerd worden. Er is ruimte voor een maximaal aantal deelnemers. Elke deelnemer heeft zijn eigen ticket nodig, en je kunt maximaal twee tickets reserveren. Als je als groep een CoderDojo wil doen, neem dan liever eerst contact met ons op (",r.a.createElement("a",{href:"mailto:info@coderdojo-delft.nl"},"info@coderdojo-delft.nl"),")."),r.a.createElement("h2",null,"Ik heb me aangemeld, maar ik kan toch niet komen, wat nu?"),r.a.createElement("p",null,"Heb je een ticket en kun je toch niet komen, laat het ons dan zo snel mogelijk weten via ",r.a.createElement("a",{href:"mailto:info@coderdojo-delft.nl"},"info@coderdojo-delft.nl"),". We kunnen dan weer iemand anders blij maken. "),r.a.createElement("h2",null,"Moet ik al mijn kinderen apart inschrijven?"),r.a.createElement("p",null,"Ja, om er voor te zorgen dat we niet over onze capaciteit gaan en een goede administratie van aanwezigen hebben, moet iedereen zich registreren om deel te kunnen nemen aan een CoderDojo."),r.a.createElement("h2",null,"Wat moet ik meenemen?"),r.a.createElement("p",null,"Elk kind moet een eigen laptop hebben, je kunt geen tablet zoals een iPad gebruiken. Zorg er voor dat de laptop werkt, kan opladen en verbinding kan maken met draadloos internet! Zorg ook dat je kind de nodige wachtwoorden heeft om software te kunnen installeren of indien nodig instellingen te kunnen wijzigen. We hebben een klein aantal laptops te leen voor kinderen zonder laptop."),r.a.createElement("h2",null,"Ik ben bij CoderDojo geweest en wil nu thuis verder, hoe ga ik te werk?"),r.a.createElement("p",null,"In het overzicht van ",r.a.createElement(ce.a,{to:K.whatWeDo.url},"wat we doen")," staan ook tips over hoe je thuis aan de slag kunt.")))}}]),t}(a.Component);function ue(e){return new Date(e.getTime()-11232e5)}function he(e){return e.toLocaleDateString("nl-NL",{weekday:"long",day:"numeric",month:"long",year:"numeric"})}var pe=t(38).map((function(e){var n,t=e.datestr,a=e.urlNr,r=e.special,o=e.where;return{date:new Date(t+"T15:00"),registrationStart:he(ue(new Date(t+"T12:00"))),urlNr:a,registrationUrl:"https://dok.op-shop.nl/"+a+"/"+o+"/"+(n=new Date(t),(n.getDate()<10?"0":"")+n.getDate()+"-"+(n.getMonth()+1<10?"0":"")+(n.getMonth()+1)+"-"+n.getFullYear()),displayDate:he(new Date(t)),special:r}})).filter((function(e){return e.date.getTime()>Date.now()})).sort((function(e,n){return e.date.getTime()-n.date.getTime()})),ge=pe.length>0&&pe[0],ke=function(e){Object(m.a)(t,e);var n=Object(c.a)(t);function t(){return Object(i.a)(this,t),n.apply(this,arguments)}return Object(d.a)(t,[{key:"render",value:function(){var e;return ge&&(e=r.a.createElement(r.a.Fragment,null,r.a.createElement("p",null,"We organiseren de volgende CoderDojo op:"),r.a.createElement("p",null,r.a.createElement("strong",null,ge.displayDate)),r.a.createElement("p",null,"Kijk op onze pagina ",r.a.createElement(ce.a,{to:K.nextEdition.url},"\u2018Volgende editie\u2019")," voor meer informatie over de komende CoderDojo!"))),r.a.createElement(re,null,r.a.createElement(de,null,"Welkom bij CoderDojo Delft!"),r.a.createElement(le,null,r.a.createElement("h2",null,"Welkom bij CoderDojo Delft!"),r.a.createElement("p",null,"CoderDojo Delft realiseert samen met enthousiaste vrijwilligers een platform waar kinderen van 8 tot 14 jaar in een technische stad als Delft de mogelijkheid krijgen om kennis te maken met een nog ontbrekend vak in het basisonderwijs en voortgezet onderwijs: programmeren."),r.a.createElement("p",null,"Bij CoderDojo Delft leren kinderen programmeren, websites te bouwen, apps te ontwikkelen, programma\u2019s te maken, games te maken en meer! We komen regelmatig bij elkaar om te leren programmeren, maar ook om andere deelnemers te ontmoeten. De CoderDojo is gratis bij te wonen omdat het volledig georganiseerd en begeleid wordt door vrijwilligers (mentoren)."),r.a.createElement("p",null,"Een belangrijke eigenschap van een CoderDojo is dat het plaatsvindt in een openbare ruimte en voor iedereen toegankelijk is. ",r.a.createElement("a",{href:"https://opendelft.info/"},"OPEN")," (voormalig Bibliotheek DOK Delft) is daarom de perfecte plek voor onze bijeenkomsten."),r.a.createElement("h3",null,"Activiteiten"),r.a.createElement("p",null,"In verband met COVID-19 kunnen wij helaas niet altijd de dojo aanbieden bij OPEN. Per maand bekijken we met DOK wat er mogelijk is. Als het bij OPEN kan, zijn we daar. Als de corona-maatregelen dat niet toelaten, wordt de dojo online gehouden."),r.a.createElement("p",null,r.a.createElement("b",null,"Houd dus bij het aanmelden en in de uitnodiging in de gaten of de dojo online of bij OPEN is.")),r.a.createElement("p",null,"Kijk op onze pagina ",r.a.createElement(ce.a,{to:K.material.url},"'Aan de slag!'")," voor leuke opdrachten om thuis mee aan de slag te gaan."),e,r.a.createElement("p",null,"Voor een overzicht van de komende CoderDojo's, kijk ",r.a.createElement(ce.a,{to:K.agenda.url},"hier"),"."),r.a.createElement("h3",null,"Andere locaties"),r.a.createElement("p",null,"Ook op andere plekken in Nederland zijn CoderDojo\u2019s gestart! Geen plek meer in Delft? Meld je dan aan bij een van de andere CoderDojo\u2019s in de buurt:"),r.a.createElement("ul",null,r.a.createElement("li",null,r.a.createElement("a",{href:"http://www.coderdojo-zoetermeer.nl/",target:"_blank",rel:"noopener noreferrer"},"CoderDojo Zoetermeer")),r.a.createElement("li",null,r.a.createElement("a",{href:"http://www.coderdojo-denhaag.nl/",target:"_blank",rel:"noopener noreferrer"},"CoderDojo Den Haag")),r.a.createElement("li",null,r.a.createElement("a",{href:"http://coderdojo-rotterdam.nl/",target:"_blank",rel:"noopener noreferrer"},"CoderDojo Rotterdam"))),r.a.createElement("h3",null,"Thuis verder"),r.a.createElement("p",null,"Als je de CoderDojo leuk vond, kun je daar natuurlijk thuis verder gaan met programmeren! We hebben een verzameling websites voor je verzameld waarmee je aan de slag kunt. Klik ",r.a.createElement(ce.a,{to:K.whatWeDo.url},"hier"),".")))}}]),t}(a.Component),je=function(e){Object(m.a)(t,e);var n=Object(c.a)(t);function t(){return Object(i.a)(this,t),n.apply(this,arguments)}return Object(d.a)(t,[{key:"render",value:function(){return r.a.createElement(re,null,r.a.createElement(de,null,"Mentor worden?"),r.a.createElement(le,null,r.a.createElement("p",null,"Zonder vrijwilligers geen CoderDojo! Er komt veel kijken bij de organisatie van een CoderDojo. We draaien op de inzet van vrijwilligers(mentoren) die graag hun kennis delen of hun tijd willen inzetten om kinderen verder te helpen."),r.a.createElement("p",null,"Weet je veel van programmeren en vind jij het leuk om kennis over te dragen? Meld je dan aan als mentor! Ook als je niet direct technisch onderlegd bent, kun je veel voor ons doen:"),r.a.createElement("ul",null,r.a.createElement("li",null,"Kinderen begeleiden met hun uitdagingen"),r.a.createElement("li",null,"Nieuwe workshops bedenken, maken en geven"),r.a.createElement("li",null,"Achter de schermen innovatieve dingen bedenken voor de Dojo")),r.a.createElement("h3",null,"Wat vragen we van een vrijwilliger?"),r.a.createElement("ul",null,r.a.createElement("li",null,"Je hebt affiniteit met programmeren, maar hoeft zeker geen programmeur te zijn!"),r.a.createElement("li",null,"Je kunt met enige regelmaat aanwezig zijn bij een Dojo (deze organiseren we elke maand, meestal op de 4e zaterdag)"),r.a.createElement("li",null,"Je bent in bezit van een VOG of kan er een aanvragen. In de meeste gevallen vergoeden we de kosten."),r.a.createElement("li",null,"Je gaat akkoord met ons ",r.a.createElement("a",{href:"/doc/Protocol_Veiligheid.pdf",target:"_blank",rel:"noopener noreferrer"},"Protocol Veiligheid CoderDojo Nederland")," en onze ",r.a.createElement("a",{href:"/doc/Vrijwilligers_Overeenkomst.pdf",target:"_blank",rel:"noopener noreferrer"},"Vrijwilligers Overeenkomst")),r.a.createElement("li",null,"Vanaf januari 2020 vallen we onder DOK Delft. Voor meer informatie, zie de ",r.a.createElement("a",{href:"https://www.dok.info/over-dok/vrijwilligers.html"},"website van DOK Delft"),".")),r.a.createElement("h3",null,"Aanmelden"),r.a.createElement("p",null,"Heb jij ook nog eens veel geduld en ben je kindvriendelijk?"),r.a.createElement("h2",null,"mail naar ",r.a.createElement("a",{href:"mailto:info@coderdojo.nl"},"info@coderdojo.nl"))))}}]),t}(a.Component),be=function(e){Object(m.a)(t,e);var n=Object(c.a)(t);function t(){return Object(i.a)(this,t),n.apply(this,arguments)}return Object(d.a)(t,[{key:"noDojos",value:function(){return r.a.createElement(r.a.Fragment,null,r.a.createElement("h2",null,"Op dit moment is er nog geen nieuwe dojo gepland."),r.a.createElement("p",null,"Voor een overzicht van de komende CoderDojo's, kijk ",r.a.createElement(ce.a,{to:K.agenda.url},"hier"),"."))}},{key:"dojos",value:function(){return r.a.createElement(r.a.Fragment,null,r.a.createElement("h2",null,ge.displayDate),r.a.createElement("p",null,"De volgende CoderDojo in Delft wordt georganiseerd op ",ge.displayDate,"."),r.a.createElement("p",null,"Afhankelijk van de geldende maatregelen mbt COVID-19 is de CoderDojo online of bij OPEN. Let hier op bij de inschrijving."),r.a.createElement("p",null,"Indien we bij elkaar mogen komen, vindt CoderDojo vindt in OPEN (Vesteplein 100). We zullen op de dag zelf de plaats duidelijk aangeven."),r.a.createElement("p",null,"Als de CoderDojo online plaatsvindt, ontvang je hier de dag voor de dojo instructies over. Meer informatie over online dojo's kun je ",r.a.createElement(ce.a,{to:K.remote.url},"hier")," vinden."),r.a.createElement("p",null,"De link om in te schrijven vind je onder aan deze pagina. De inschrijving gaat open op ",ge.registrationStart," om 12:00 (\u2019s middags) \u2013 Wees er snel bij!"),r.a.createElement("p",null,"Voor een overzicht van de komende CoderDojo's, kijk ",r.a.createElement(ce.a,{to:K.agenda.url},"hier"),"."),r.a.createElement("h3",null,"Wat gaan we doen?"),r.a.createElement("ul",null,r.a.createElement("li",null,"Scratch"),r.a.createElement("li",null,"Microbit"),r.a.createElement("li",null,"Arduino"),r.a.createElement("li",null,"Python"),r.a.createElement("li",null,"Websites")),r.a.createElement("p",null,"Kortom, je mag komen met elk project waar je eerder aan gewerkt hebt. Ben je nog nooit geweest? Dan hebben we opdrachten voor je klaarliggen en helpen we je op weg. Maar je mag natuurlijk ook zelf iets verzinnen. Misschien kun je alvast een karakter tekenen voor in een spel dat je wilt maken, of een filmpje zoeken voor een website die je wilt maken."),r.a.createElement("p",null,r.a.createElement(ce.a,{to:K.whatWeDo.url},"Hier")," vind je meer details over wat je op een CoderDojo kunt doen."),r.a.createElement("h3",null,"Waar?"),r.a.createElement("p",null,"De CoderDojo vindt plaats bij OPEN (Vesteplein 100)."),r.a.createElement("h3",null,"Hoe laat?"),r.a.createElement("p",null,"De CoderDojo is van 14:00 tot 16:00 uur. In deze tijd kun je zelf lekker aan de slag. Aan het einde maken we een rondje, zodat je ook aan de anderen kunt laten zien wat je gemaakt hebt!"),r.a.createElement("h3",null,"Ouders"),r.a.createElement("p",null,"We vinden het erg fijn als ouders actief meehelpen, zeker voor de jongere kinderen (minimaal 8 jaar). Ouders kunnen ondertussen ook gebruik maken van de faciliteiten van de bibliotheek. Er is beperkt zitplek voor ouders aan de tafels van de kinderen."),r.a.createElement("h3",null,"Wat moet ik meenemen?"),r.a.createElement("ul",null,r.a.createElement("li",null,"Een werkende laptop*"),r.a.createElement("li",null,"Een 3-uurtje \u2013 wij zorgen voor een pakje drinken"),r.a.createElement("li",null,"Een goed humeur!")),r.a.createElement("p",null,r.a.createElement("em",null,"*) Zorg dat je laptop minimaal over WiFi, een browser (Chrome / Firefox) beschikt. Vergeet ook je oplader niet. Wij kunnen helaas niet alle kinderen helpen om alles werkend te krijgen dus wij vertrouwen erop dat alles werkt bij binnenkomst! Zorg er ook voor dat er een e-mailadres beschikbaar is om een account aan te kunnen maken voor online programma\u2019s.")),r.a.createElement("p",null,"We hebben een beperkt aantal laptops te leen. Laat het ons via het inschrijfformulier weten als je daarvan gebruik wilt maken."),r.a.createElement("h3",null,"Inschrijven"),r.a.createElement("p",null,"Voor deze Dojo hebben we maar beperkt plek! Er is ruimte voor een maximaal aantal deelnemers. Elke deelnemer heeft zijn eigen ticket nodig, en je kunt maximaal twee tickets reserveren. Als de plekken voor deze CoderDojo bezet zijn, kun je je naam op de wachtlijst zetten, we nemen dan contact met je op zodra er een plek vrijkomt. Laat het ons dus ook weten als je verhinderd bent."),r.a.createElement("p",null,"Vanaf januari 2020 wordt de inschrijving verzorgt door DOK. ",r.a.createElement("a",{href:ge.registrationUrl,target:"_blank",rel:"noopener noreferrer"},"Klik hier")," om naar de inschrijvingspagina te gaan."),r.a.createElement("p",null,r.a.createElement("i",null,"Is de Dojo vol, of kun je niet op die dag? Je kunt ook kijken of er plek is bij een CoderDojo in de buurt: ",r.a.createElement("a",{href:"http://www.coderdojo-zoetermeer.nl",target:"_blank",rel:"noopener noreferrer"},"CoderDojo Zoetermeer"),", ",r.a.createElement("a",{href:"http://www.coderdojo-denhaag.nl",target:"_blank",rel:"noopener noreferrer"},"CoderDojo Den Haag")," of ",r.a.createElement("a",{href:"http://www.coderdojo-rotterdam.nl",target:"_blank",rel:"noopener noreferrer"},"CoderDojo Rotterdam"),".")))}},{key:"render",value:function(){var e;return e=ge?this.dojos():this.noDojos(),r.a.createElement(re,null,r.a.createElement(de,null,"Volgende editie"),r.a.createElement(le,null,e))}}]),t}(a.Component),fe=function(e){Object(m.a)(t,e);var n=Object(c.a)(t);function t(){return Object(i.a)(this,t),n.apply(this,arguments)}return Object(d.a)(t,[{key:"render",value:function(){return r.a.createElement(re,null,r.a.createElement(de,null,"Wat doen we?"),r.a.createElement(le,null,r.a.createElement("p",null,"Bij CoderDojo gaan we programmeren, maar dat had je waarschijnlijk al begrepen. Er zijn verschillende dingen die je kunt doen. Hieronder vind je een overzichtje. Met meteen wat links, waarmee je ook thuis aan de slag kunt."),r.a.createElement("p",null,"Iedereen tussen de 8 en 14 is welkom. Als je nog nooit geprogrammeerd hebt, hebben we een verzameling opdrachten liggen en helpen we je op weg. En misschien heb je zelf al een idee van iets wat je graag wilt maken. Ook daarmee kunnen we je helpen. En heb je al veel ervaring, maar wil je nog meer leren? Ook dan ben je welkom, we helpen je graag!"),r.a.createElement("h3",null,"Scratch"),r.a.createElement("p",null,"Scratch is een geweldige tool om te beginnen met programmeren. Met Scratch programmeer je je eigen interactieve verhalen, spellen en animaties. Ga naar ",r.a.createElement("a",{href:"http://scratch.mit.edu",target:"_blank",rel:"noopener noreferrer"},"scratch.mit.edu")," om een eigen project te starten."),r.a.createElement("p",null,"De TU Delft heeft een online cursus gemaakt voor Scratch. Hiremee leer je in 6 weken precies hoe Scratch werkt. Deze cursus vind je op ",r.a.createElement("a",{href:"https://www.edx.org/course/scratch-programmeren-voor-kinderen-8",target:"_blank",rel:"noopener noreferrer"},"edX")),r.a.createElement("p",null,"In de verzameling links onderaan deze pagina, vind je veel Scratch voorbeelden"),r.a.createElement("h3",null,"3D printer (ThinkerCAD)"),r.a.createElement("p",null,"Helaas is onze 3D printer op dit moment stuk. We zijn aan het nadenken of we een nieuwe gaan aanschaffen. We houden jullie op de hoogte!"),r.a.createElement("h3",null,"Websites maken (HTML)"),r.a.createElement("p",null,"Tijdens de CoderDojo kun je een website bouwen die ook echt online te zien is. Dit doen we op ",r.a.createElement("a",{href:"http://neocities.org",target:"_blank",rel:"noopener noreferrer"},"Neocities"),". De sushi met instructies vind je ",r.a.createElement("a",{href:"https://coderdojodelft.gitbooks.io/beginner-html-css-sushi-nl/content/nl/",target:"_blank",rel:"noopener noreferrer"},"hier"),"."),r.a.createElement("h3",null,"Python"),r.a.createElement("p",null,"Python is de programmeertaal waarmee een groot deel van FaceBook is gemaakt. En dat klinkt misschien heel ingewikkeld, maar je kunt het zelf ook leren. Om er eens aan te proeven is het het handigst om een account aan te maken op ",r.a.createElement("a",{href:"https://www.pythonanywhere.com/",target:"_blank",rel:"noopener noreferrer"},"Python Anywhere"),". Als je ermee verder wilt, kun je beter Python ",r.a.createElement("a",{href:"https://www.python.org/downloads/",target:"_blank",rel:"noopener noreferrer"},"downloaden")," en installeren."),r.a.createElement("p",null,"Instructies om met Python te beginnen, vind je ",r.a.createElement("a",{href:"https://drive.google.com/open?id=0B5ue9rJQ-LwBaVprWVBkSzVFUDA",target:"_blank",rel:"noopener noreferrer"},"hier")," en ",r.a.createElement("a",{href:"https://drive.google.com/open?id=0B5ue9rJQ-LwBdGFVeFpHQW5QZFU",target:"_blank",rel:"noopener noreferrer"},"hier"),"."),r.a.createElement("h3",null,"Minicomputers"),r.a.createElement("p",null,"We hebben een aantal minicomputers die je kunt programmeren. Dit zijn Arduino's, micro:bits en de Makey Makey. Dit zijn bordjes met een paar poorten en knoppen waarop je bijvoorbeeld een spelletje kunt programmeren."),r.a.createElement("p",null,"Als je thuis een Arduino hebt, kun je leren hoe je hiermee iets maakt op ",r.a.createElement("a",{href:"https://arduino-lessen.nl/",target:"_blank",rel:"noopener noreferrer"},"Arduino lessen")),r.a.createElement("p",null,"Voor de micro:bit hebben we een voorbeeld van het spel ",r.a.createElement("a",{href:"https://coderdojodelft.gitbooks.io/sushi_microbit_meteors/content/nl/",target:"_blank",rel:"noopener noreferrer"},"Meteor"),", wat je ook zonder mirco:bit al kunt maken op ",r.a.createElement("a",{href:"https://makecode.microbit.org/",target:"_blank",rel:"noopener noreferrer"},"de micro:bit website"),"."),r.a.createElement("h3",null,"CodeCombat"),r.a.createElement("p",null,"Op CodeCombat leer je een programmeertaal door een spel te spelen. Je kunt je aansluiten bij onze clan. Klik op ",r.a.createElement("a",{href:"https://codecombat.com/clans/56cd5e28a046201f001ddfe1",target:"_blank",rel:"noopener noreferrer"},"deze link")," om je aan te melden."),r.a.createElement("h3",null,"Websites met divers materiaal"),r.a.createElement("ul",null,r.a.createElement("li",null,r.a.createElement("a",{href:"https://drive.google.com/drive/folders/0B-NwRJ9NsROUbnByYlgyOHgxUFE",target:"_blank",rel:"noopener noreferrer"},"CoderDojo Zoetermeer")," heeft een verzameling opdrachten op Google Drive staan"),r.a.createElement("li",null,r.a.createElement("a",{href:"https://projects.raspberrypi.org/nl-NL/projects",target:"_blank",rel:"noopener noreferrer"},"Raspberry Pi")," heeft een groeiende verzameling van Scratch, HTML/CSS en Python opdrachten."),r.a.createElement("li",null,r.a.createElement("a",{href:"http://kata.coderdojo.com/wiki/KataDutch",target:"_blank",rel:"noopener noreferrer"},"CoderDojo Kata")," heeft ook een verzameling van allerlei opdrachten."))))}}]),t}(a.Component),ve=t(8),Ee=(t(39),function(e){Object(m.a)(t,e);var n=Object(c.a)(t);function t(){return Object(i.a)(this,t),n.apply(this,arguments)}return Object(d.a)(t,[{key:"render",value:function(){return r.a.createElement(re,null,r.a.createElement(de,null,"Aan de slag!"),r.a.createElement(le,null,r.a.createElement(ve.d,null,r.a.createElement(ve.b,null,r.a.createElement(ve.a,null,r.a.createElement("h3",null,"Scratch")),r.a.createElement(ve.a,null,r.a.createElement("h3",null,"Python")),r.a.createElement(ve.a,null,r.a.createElement("h3",null,"Microbit/Arduino")),r.a.createElement(ve.a,null,r.a.createElement("h3",null,"Van alles wat")),r.a.createElement(ve.a,null,r.a.createElement("h3",null,"Boeken"))),r.a.createElement(ve.c,null,r.a.createElement("h2",null,"Scratch opdrachten"),r.a.createElement("p",null,"Hieronder vind je links naar de opdrachten die we voor Scratch gebruiken. Je kunt dus thuis gewoon verder werken of aan iets nieuws beginnen!"),r.a.createElement("p",null,"De hieronder vermelde materialen zijn ontwikkeld door verschillende CoderDojo-groepen in Nederland en Belgi\xeb."),r.a.createElement("h3",null,"Beginnen met Scratch"),r.a.createElement("p",null,"Om te beginnen met Scratch hoef je niets te installeren, het staat online. Ga naar ",r.a.createElement("a",{href:"http://scratch.mit.edu",target:"_blank",rel:"noopener noreferrer"},"de website van Scratch")," . De eerste keer moet je een gebruikersnaam aanmaken (vraag je ouders je te helpen). Daarmee kun je daarna weer inloggen en al je oude projecten zien."),r.a.createElement("h3",null,"Online Projecten"),r.a.createElement("p",null,"We werken bij de Dojo's tegenwoordig meestal met de Scratch projecten van de ",r.a.createElement("a",{href:"https://projects.raspberrypi.org/nl-NL/projects?software%5B%5D=scratch",target:"_blank",rel:"noopener noreferrer"},"Raspberry Pi Foundation"),". Hier staan projecten van allerlei moeilijksheidgraden."),r.a.createElement("h3",null,"Andere Projecten"),r.a.createElement("p",null,"Er zijn ook andere projecten, bij de meeste kun je de uitleg downloaden en uitprinten. Deze staan hieronder."),r.a.createElement("h3",null,"Je eerste project"),r.a.createElement("h4",null,"De Draak"),r.a.createElement("p",null,"De draak is verdwaald in de stad. Er komt een bus langs. Kun jij de draak de passagiers laten schrikken? ",r.a.createElement("a",{href:"https://drive.google.com/file/d/0B-5aZIp2Sz0yVUVKYTQ0cVQ1b3c/view",target:"_blank",rel:"noopener noreferrer"},"Hier")," vind je de beschrijving."),r.a.createElement("h4",null,"Spooky spel (De heks)"),r.a.createElement("p",null,"Rondvliegen als een heks en punten krijgen van de vleermuizen. Maar pas op, soms nemen ze punten af...",r.a.createElement("br",null),"Je vindt de beschrijving ",r.a.createElement("a",{href:"http://www.codekids.nl/scratch-spooky-spel-3-0-voor-coderdojo/",target:"_blank",rel:"noopener noreferrer"},"hier"),". De sprite van de heks uit de vorige versie van Scratch kun je hier ook vinden. Open een nieuw project met het bestand dat je op de site kunt downloaden."),r.a.createElement("h4",null,"Analoge klok"),r.a.createElement("p",null,"Maak je eigen klok! ",r.a.createElement("a",{href:"https://drive.google.com/drive/folders/1Q_wJ2WQjFax9Ecx3nwR_hJ6DGu2U2cRI"},"Hier")," vind je de beschrijving en een aantal sprites om mee te beginnen"),r.a.createElement("h4",null,"Maanlander (50 jaar maanlanding 2019)"),r.a.createElement("p",null,"Op 20 juli 1969 zette Neil Armstrong de eerste stap op de maan. Maak nu je eigen maanlandingsspel! ",r.a.createElement("a",{href:"https://coderdojodelft.gitbooks.io/scratch-moonhack-2019/content/nl/",target:"_blank",rel:"noopener noreferrer"},"Hier")," vind je de beschrijving."),r.a.createElement("h4",null,"Pong"),r.a.createElement("p",null,"Pong is \xe9\xe9n van de allereerste computerspellen dat werd gemaakt. En het is nog steeds leuk! En je kunt het zelf maken met ",r.a.createElement("a",{href:"https://drive.google.com/file/d/0B-5aZIp2Sz0yRUFRVkFYZzdXRlU/view",target:"_blank",rel:"noopener noreferrer"},"deze")," uitleg."),r.a.createElement("h4",null,"Muziek maken"),r.a.createElement("p",null,"Houd je van muziek en speel je zelf een instrument? Ook van je computer kun je een muziekinstrument maken! Hiervoor gebruik je de Muziek-uitbreiding van Scratch. ",r.a.createElement("a",{href:"https://drive.google.com/file/d/1uuPJ-wixa6pC3rImci5FzTGXpNuFgE2C/view",target:"_blank",rel:"noopener noreferrer"},"Deze instructie")," legt je uit hoe je dat doet"),r.a.createElement("h3",null,"Iets moeilijker"),r.a.createElement("h4",null,"Racebaan"),r.a.createElement("p",null,"Al heel lang worden er autorace spelletjes gespeeld op de computer. Maak je eigen racespel met ",r.a.createElement("a",{href:"https://drive.google.com/file/d/0B-5aZIp2Sz0yY0JocVk5bnRieWM/view",target:"_blank",rel:"noopener noreferrer"},"deze uitleg"),"."),r.a.createElement("h4",null,"Flappy bird"),r.a.createElement("p",null,"Je bent een vogel, maar valt langzaam naar beneden. Blijf vliegen en ontwijk ondertussen allelei obstakels. Maak dit superspannende spel ",r.a.createElement("a",{href:"http://scratchweb.nl/sites/default/files/bijlage/Scratchweb/Leskaart%20Flappy%20Bird.pdf",target:"_blank",rel:"noopener noreferrer"},"zo")),r.a.createElement("h4",null,"Snake"),r.a.createElement("p",null,"Snake was een superpopulair spelletje op de oude Nokia telefoons. Je ouders kennen het vast. Maak dit spel voor hen behulp van ",r.a.createElement("a",{href:"http://scratchweb.nl/sites/default/files/bijlage/Scratchweb/Leskaart%20Snake_0.pdf",target:"_blank",rel:"noopener noreferrer"},"dit voorbeeld"),"."),r.a.createElement("p",null,r.a.createElement("b",null,"Meer: "),"Kijk voor grote verzamelingen met opdracht ook op het tabblad ",r.a.createElement("i",null,"Van alles wat"),"!")),r.a.createElement(ve.c,null,r.a.createElement("h2",null,"Python opdrachten"),r.a.createElement("p",null,"Python is een programmeertaal die je voor bijna alles kunt gebruiken. Je kunt er mee rekenen, tekenen, spelletjes maken, zelfs Instagram is ermee gemaakt!"),r.a.createElement("p",null,"Als je veel met Python wilt gaan doen, kun je het op je computer installeren. Maar dat gaat helaas niet altijd even gemakkelijk.",r.a.createElement("br",null),"Gelukkig zijn er ook website waarop je in Python kunt programmeren. Bij CoderDojo Delft gebruiken we meestal ",r.a.createElement("a",{href:"https://repl.it/languages/python3",target:"_blank",rel:"noopener noreferrer"},"repl.it"),". In de opdrachten kun je soms ook ",r.a.createElement("a",{href:"https://trinket.io/",target:"_blank",rel:"noopener noreferrer"},"trinket.io")," tegenkomen. Dit is ook een prima website."),r.a.createElement("p",null,"Goed om te weten: wij gebruiken altijd Python versie 3.X."),r.a.createElement("h4",null,"Nummer raden"),r.a.createElement("p",null,"Leer de basisbegrippen van Python en maak je eerste spelletje! Kun jij het getal raden? Van ",r.a.createElement("a",{href:"https://drive.google.com/file/d/0B5ue9rJQ-LwBaVprWVBkSzVFUDA/view",target:"_blank",rel:"noopener noreferrer"},"de beschrijving")," kun je kaart 1 overslaan, want we gaan Python niet installeren (zie hierboven). En helaas staat er een foutje in de code bij punt 2 op kaart 3. Kun jij die vinden?"),r.a.createElement("h4",null,"Palindromen zoeken"),r.a.createElement("p",null,"Palindromen zijn woorden die van achter naar voren gelezen hetzelfde zijn als wanneer je ze gewoon leest. Lepel is bijvoorbeeld een palindroom. Met ",r.a.createElement("a",{href:"https://drive.google.com/file/d/0B5ue9rJQ-LwBdGFVeFpHQW5QZFU/view"},"deze opdracht")," leer je hoe je zulke woorden kunt vinden in een lange lijst met woorden."),r.a.createElement("h4",null,"Tekenen met Turtle"),r.a.createElement("p",null,"Automatisch mooie figuren tekeken. Dit heb je vast wel eens gedaan in Scratch. Leer ",r.a.createElement("a",{href:"https://drive.google.com/file/d/0B1R4ph67gGq2MGlPX24wdmM0SGM/edit",target:"_blank",rel:"noopener noreferrer"},"hier")," hoe je dat doet!"),r.a.createElement("p",null,r.a.createElement("b",null,"Meer: "),"Kijk voor grote verzamelingen met opdracht ook op het tabblad ",r.a.createElement("i",null,"Van alles wat"),"!")),r.a.createElement(ve.c,null,r.a.createElement("h2",null,"Microbit/Arduino"),r.a.createElement("p",null,"Programmeren kun je doen op je eigen laptop, maar je kunt ook kleine computertjes. Bij de CoderDojo hebben we een paar verschillende soorten liggen."),r.a.createElement("h3",null,"Micro:bit"),r.a.createElement("p",null,"De Micro:bit is door de Britse BBC ontwikkeld voor het onderwijs. Het is een kleine, krachtige computer met twee knoppen, 5x5 LED lampjes, een bewegingssensor en enkele aansluiting om andere sensoren uit te sluiten. Als je thuis geen Micro:bit hebt, kun je alsnog hier code voor schrijven. Op ",r.a.createElement("a",{href:"https://makecode.microbit.org/",target:"_blank",rel:"noopener noreferrer"},"deze website")," kun je op dezelfde manier code schrijven als in Scratch en testen op de gesimuleerde micro:bit naast de code. Op de CoderDojo kun je dan je code naar de Micro:bit zelf sturen."),r.a.createElement("h4",null,"Meteoren schieten"),r.a.createElement("p",null,r.a.createElement("a",{href:"https://coderdojodelft.gitbooks.io/sushi_microbit_meteors/content/nl/",target:"_blank",rel:"noopener noreferrer"},"Hier")," vind je de beschrijving van het spel Meteors. De meteoren vallen steeds sneller naar beneden. Wie haalt de highscore?"),r.a.createElement("h4",null,"Les-programma"),r.a.createElement("p",null,"Ga je voor de eerste keer programmeren op de Micro:bit of heb je al ervaring? ",r.a.createElement("a",{href:"https://www.micro-bit.nl/lesmateriaal",target:"_blank",rel:"noopener noreferrer"},"Hier")," vind je een hele verzameling opdrachten die steeds iets moeilijker worden."),r.a.createElement("h2",null,"Arduino"),r.a.createElement("p",null,"De Arduino is een wat uitgebreidere mini-computer als de Micro:bit. Dit betekent ook, dat het daarom wat moeilijker kan zijn om er mee te beginnen. We hebben een aantal Arduino's met verschillende sensoren liggen waarmee je aan de slag kunt."),r.a.createElement("h4",null,"Arduino lessen"),r.a.createElement("p",null,"Op de website ",r.a.createElement("a",{href:"https://arduino-lessen.nl/",target:"_blank",rel:"noopener noreferrer"},"Arduino lessen")," staan 36 video-lessen om aan de slag te gaan met de Arduino. Elke les leer je iets meer over welke sensoren er zijn, hoe je ze aansluit en hoe je ze kunt programmeren.")),r.a.createElement(ve.c,null,r.a.createElement("h2",null,"Van alles wat"),r.a.createElement("h3",null,"3D printer / TinkerCad"),r.a.createElement("p",null,r.a.createElement("i",null,"Let op: op dit moment is de 3D printer van CoderDojo helaas kapot en kan die niet gebruikt worden tijdens de CoderDojo.")),r.a.createElement("p",null,"We hebben een eenvoudige 3D-printer waarop je kleine dingen kunt printen. Hiervoor kun je in ",r.a.createElement("a",{href:"https://www.tinkercad.com/",target:"_blank",rel:"noopener noreferrer"},"TinkerCad"),". Dit kun je tijdens de CoderDojo doen. Maar als je hier thuis al mee wilt beginnen, vind je ",r.a.createElement("a",{href:"http://coderdojo-nijmegen.nl/wp-content/uploads/2015/07/tinkercad_guide_nl.pdf",target:"_blank",rel:"noopener noreferrer"},"hier")," een goede beschrijving. Je kunt ook e tutorial volgen die verschijnt als je inlogt."),r.a.createElement("h3",null,"Website maken"),r.a.createElement("p",null,"Maak je eigen website en laat die aan iedereen zien! We hebben ",r.a.createElement("a",{href:"https://coderdojodelft.gitbooks.io/beginner-html-css-sushi-nl/content/nl/",target:"_blank",rel:"noopener noreferrer"},"een beschrijving")," die uitlegt hoe je dat doet.",r.a.createElement("br",null),"We maken gebruiken van de online omgeving ",r.a.createElement("a",{href:"https://neocities.org/",target:"_blank",rel:"noopener noreferrer"},"neocities"),". Hiermee kun je je website maken en staat hij ook meteen online, zodat je hem aan iedereen kunt laten zien!"),r.a.createElement("h3",null,"Allerlei opdrachten"),r.a.createElement("p",null,"Er zijn een heleboel websites en CoderDojo's die allerlei materiaal hebben gemaakt vom te leren programmeren. Hieronder vind je er een aantal waarvan wij ook gebruik maken."),r.a.createElement("h4",null,"Raspberry Pi Foundation"),r.a.createElement("p",null,"Deze organisatie werkt wereldwijd en heeft een steeds groeiende verzameling Scratch opdrachten. En een groot aantal daarvan is ook in het Nederlands vertaald. Kijk ",r.a.createElement("a",{href:"https://projects.raspberrypi.org/nl-NL/projects",target:"_blank",rel:"noopener noreferrer"},"hier")," eens als je iets nieuws zoekt. Houd de website in de gaten, er komt regelmatig iets nieuws bij."),r.a.createElement("h4",null,"CoderDojo Zoetermeer"),r.a.createElement("p",null,"De CoderDojo van Zoetermeer heeft een hele verzameling Scratch opdrachten. En ze delen ze met iedereen via ",r.a.createElement("a",{href:"https://drive.google.com/drive/folders/0B-NwRJ9NsROUdk9iVTJaSzBldDA",target:"_blank",rel:"noopener noreferrer"},"Google Drive"),"."),r.a.createElement("h4",null,"CoderdDojo Nijmegen"),r.a.createElement("p",null,"Ook de CoderDojo Nijmegegen heeft een ",r.a.createElement("a",{href:"https://coderdojonijmegen.github.io",target:"_blank",rel:"noopener noreferrer"}," vezameling oefeningen")," waar je mee aan de slag kunt.")),r.a.createElement(ve.c,null,r.a.createElement("h2",null,"Programmeerboeken"),r.a.createElement("p",null,"Op internet is natuurlijk ontzettend veel informatie te vinden over programmeren en vind je ook allerlei leuke opdrachten. Maar er zijn ook een aantal leuke boeken met opdrachten en uitleg. Bij DOK kun je ook veel vinden, in een boekenkast vlakbij de CoderDojo op Metropolis. Superhandig!"),r.a.createElement("p",null,"Hieronder een kleine selectie van wat je er zoal kunt vinden:"),r.a.createElement("ul",null,r.a.createElement("li",null,r.a.createElement("a",{href:"https://ct.dok.info/main.php?action=titel&bibtiseq=1000122/",target:"_blank",rel:"noopener noreferrer"},"Programmeren voor kinderen")," (Carol Vorderman)"),r.a.createElement("li",null,r.a.createElement("a",{href:"https://ct.dok.info/main.php?action=titel&bibtiseq=1047489",target:"_blank",rel:"noopener noreferrer"}," Beginnen met programmeren met Scratch en Python")," (Marc Scott)"),r.a.createElement("li",null,r.a.createElement("a",{href:"https://ct.dok.info/main.php?action=titel&bibtiseq=1038355",target:"_blank",rel:"noopener noreferrer"},"Stap voor stap: programmeren kun je leren")," (Max Wainewright)")),r.a.createElement("ul",null,r.a.createElement("li",null,r.a.createElement("a",{href:"https://ct.dok.info/main.php?action=titel&bibtiseq=961528",target:"_blank",rel:"noopener noreferrer"},"Leren programmeren met Scratch")," (Ron Ford)"),r.a.createElement("li",null,r.a.createElement("a",{href:"https://ct.dok.info/main.php?action=titel&bibtiseq=1101862",target:"_blank",rel:"noopener noreferrer"},"Doe meer met Scratch")," (Majed Marjo)"),r.a.createElement("li",null,r.a.createElement("a",{href:"https://ct.dok.info/main.php?action=titel&bibtiseq=1082040",target:"_blank",rel:"noopener noreferrer"},"Spelenderwijs programmeren met Scratch")," (Al Sweigart)")),r.a.createElement("ul",null,r.a.createElement("li",null,r.a.createElement("a",{href:"https://ct.dok.info/main.php?action=titel&bibtiseq=1032632",target:"_blank",rel:"noopener noreferrer"},"Programmeren met Python")," (Jason R. Briggs)"),r.a.createElement("li",null,r.a.createElement("a",{href:"https://ct.dok.info/main.php?action=titel&bibtiseq=1076698",target:"_blank",rel:"noopener noreferrer"},"Python programmeren voor kinderen")," (Carol Vorderman)"),r.a.createElement("li",null,r.a.createElement("a",{href:"https://ct.dok.info/main.php?action=titel&bibtiseq=1095632",target:"_blank",rel:"noopener noreferrer"},"Python Games programmeren voor kinderen")," (Craig Steele)"),r.a.createElement("li",null,r.a.createElement("a",{href:"https://ct.dok.info/main.php?action=titel&bibtiseq=1055724",target:"_blank",rel:"noopener noreferrer"},"Projects/Scratch programmeren voor kinderen")," (Jon Woodcock)"))))))}}]),t}(a.Component));function we(){var e=Object(h.a)(["\n/* http://meyerweb.com/eric/tools/css/reset/ \n v2.0 | 20110126\n License: none (public domain)\n*/\n\nhtml, body, div, span, applet, object, iframe,\nh1, h2, h3, h4, h5, h6, p, blockquote, pre,\na, abbr, acronym, address, big, cite, code,\ndel, dfn, em, img, ins, kbd, q, s, samp,\nsmall, strike, strong, sub, sup, tt, var,\nb, u, i, center,\ndl, dt, dd, ol, ul, li,\nfieldset, form, label, legend,\ntable, caption, tbody, tfoot, thead, tr, th, td,\narticle, aside, canvas, details, embed, \nfigure, figcaption, footer, header, hgroup, \nmenu, nav, output, ruby, section, summary,\ntime, mark, audio, video {\n\tmargin: 0;\n\tpadding: 0;\n\tborder: 0;\n\tfont-size: 100%;\n\tfont: inherit;\n\tvertical-align: baseline;\n}\n/* HTML5 display-role reset for older browsers */\narticle, aside, details, figcaption, figure, \nfooter, header, hgroup, menu, nav, section {\n\tdisplay: block;\n}\nbody {\n\tline-height: 1;\n}\nol, ul {\n\tlist-style: none;\n}\nblockquote, q {\n\tquotes: none;\n}\nblockquote:before, blockquote:after,\nq:before, q:after {\n\tcontent: '';\n\tcontent: none;\n}\ntable {\n\tborder-collapse: collapse;\n\tborder-spacing: 0;\n}\n\nh4 {\n\tcolor: ",";\n\tfont-weight: bold\n\tfont-seize: ","\n}\n\n",";\n\nbody {\n font-family: Arial, Helvetica, Tahoma, san-serif;\n -webkit-font-smoothing: antialiased;\n -moz-osx-font-smoothing: grayscale;\n background-color: ",";\n}\n"]);return we=function(){return e},e}var ze=Object(p.a)(we(),b.selective,x.n3,function(){var e=arguments.length>0&&void 0!==arguments[0]?arguments[0]:"normal",n=arguments.length>1&&void 0!==arguments[1]?arguments[1]:"normal";return"\n @font-face {\n font-family: 'Bebas Neue W01 Regular';\n src: url('/font/rebas-neue/3d9ec9a9-76a2-4cfe-b376-76e7340c3b50.eot?#iefix');\n src: url('/font/rebas-neue/3d9ec9a9-76a2-4cfe-b376-76e7340c3b50.eot?#iefix') format('eot'), url('/font/rebas-neue/e0d6f852-5401-4bbf-9672-47a50c5c87c6.woff2') format('woff2'), url('/font/rebas-neue/7fedd582-6ae3-4850-be2f-4acae2e74fa5.woff') format('woff'), url('/font/rebas-neue/d6e08ef3-40db-4ac3-82df-f062f55a72f5.ttf') format('truetype');\n font-weight: ".concat(e,";\n font-style: ").concat(n,";\n }")}(),j.smoke),De=function(e){Object(m.a)(t,e);var n=Object(c.a)(t);function t(){return Object(i.a)(this,t),n.apply(this,arguments)}return Object(d.a)(t,[{key:"render",value:function(){return r.a.createElement(re,null,r.a.createElement(de,null,"Agenda"),r.a.createElement(le,null,r.a.createElement("h2",null,"Komende Dojo's"),r.a.createElement("p",null,"Coderdojo Delft wordt georganiseerd op de 4e zaterdag van de maand. Af en toe wijken we hier vanaf als dit door feestdagen anders niet uitkomt. In de zomervakantie komen de Dojo's mogelijk te vervallen."),r.a.createElement("p",null,"In verband met COVID-19 kunnen we de dojo's helaas niet altijd in OPEN aanbieden. Wanneer dat niet kan, zal de dojo online gehouden moeten worden. Of de dojo online is of bij OPEN, staat vermeld bij de aanmelding."),r.a.createElement("p",null,"Hieronder vind je een overzicht van de komende edities:"),r.a.createElement("ol",null,pe.map((function(e,n){return r.a.createElement("li",{key:n},e.displayDate," ",e.special)}))),r.a.createElement("br",null),r.a.createElement("p",null,"Je kunt je vanaf de zondag 2 weken voor de Dojo ",r.a.createElement(ce.a,{to:K.nextEdition.url},"hier")," aanmelden.")))}}]),t}(a.Component),ye=function(e){Object(m.a)(t,e);var n=Object(c.a)(t);function t(){return Object(i.a)(this,t),n.apply(this,arguments)}return Object(d.a)(t,[{key:"render",value:function(){return r.a.createElement(re,null,r.a.createElement(de,null,"CoderDojo op afstand"),r.a.createElement(le,null,r.a.createElement("p",null,"In verband met het COVID-19 kunnen we niet elke maand geen normale dojo aanbieden. Maar dat betekent niet dat jullie ons in die maanden helemaal moeten missen."),r.a.createElement("p",null,"De online CoderDojo wordt gehouden via Jitsi. Dit is een Open Source video/chat platform."),r.a.createElement("p",null,"In deze omgeving kunnen we videobellen en kan iedereen zijn scherm delen met de groep. Tijdens het werken aan de opdrachten (in kleine groepjes) is het de bedoeling dat de ninja's hun scherm delen, zodat de mentoren makkelijk mee kunnen kijken. De mentoren hebben de webcam aanstaan."),r.a.createElement("p",null,"Na een korte introductie wordt er in verschillende chatrooms aan opdrachten gewerkt. Dit om zo aan iedereen uitleg te kunnen geven, zonder dat iedereen er last van heeft. Ninja's in dezelfde room werken aan eenzelfde soort opdracht. In elke chatroom zijn altijd minstens twee mentoren aanwezig. Aan het eind van de dojo komen we weer samen in \xe9\xe9n room en kan iedereen laten zien wat hij/zij gemaakt heeft."),r.a.createElement("h2",null,"Meedoen"),r.a.createElement("p",null,"Je kunt je op de gebruikelijke manier inschrijven voor de dojo. Kijk hiervoor bij ",r.a.createElement(ce.a,{to:K.nextEdition.url},"'Volgende editie'"),". E\xe9n of twee dagen voor de CoderDojo ontvang je dan de link naar de CoderDojo-chat op Jitsi, het programma, opdrachten om uit te kiezen en wat regels en tips."),r.a.createElement("p",null,"Het volgende is belangrijk als je mee wilt doen aan een online CoderDojo:"),r.a.createElement("ul",null,r.a.createElement("li",null,"Je heb een goede internetverbinding nodig."),r.a.createElement("li",null,"Het is handig als je vooraf een opdracht uitzoekt en evt. uitprint. Een lijstje met mogelijke opdrachten krijg je per mail.")),r.a.createElement("p",null,"Het is allemaal een beetje anders dan anders, maar hopen je zo ook online een leuke en leerzame middag te geven!")))}}]),t}(a.Component),Oe=function(e){Object(m.a)(t,e);var n=Object(c.a)(t);function t(){return Object(i.a)(this,t),n.apply(this,arguments)}return Object(d.a)(t,[{key:"render",value:function(){return r.a.createElement(s.a,null,r.a.createElement(r.a.Fragment,null,r.a.createElement(ze,null),r.a.createElement(ee,null,r.a.createElement(te,null,r.a.createElement(A,null))),r.a.createElement(ee,null,r.a.createElement(Y,null),r.a.createElement(te,null,r.a.createElement(u.a,{exact:!0,path:K.home.url,component:ke}),r.a.createElement(u.a,{exact:!0,path:K.whatWeDo.url,component:fe}),r.a.createElement(u.a,{exact:!0,path:K.nextEdition.url,component:be}),r.a.createElement(u.a,{exact:!0,path:K.agenda.url,component:De}),r.a.createElement(u.a,{exact:!0,path:K.aboutUs.url,component:me}),r.a.createElement(u.a,{exact:!0,path:K.extraInfo.url,component:se}),r.a.createElement(u.a,{exact:!0,path:K.mentors.url,component:je}),r.a.createElement(u.a,{exact:!0,path:K.material.url,component:Ee}),r.a.createElement(u.a,{exact:!0,path:K.remote.url,component:ye})))))}}]),t}(a.Component);Boolean("localhost"===window.location.hostname||"[::1]"===window.location.hostname||window.location.hostname.match(/^127(?:\.(?:25[0-5]|2[0-4][0-9]|[01]?[0-9][0-9]?)){3}$/));l.a.render(r.a.createElement(Oe,null),document.getElementById("root")),"serviceWorker"in navigator&&navigator.serviceWorker.ready.then((function(e){e.unregister()}))}},[[40,1,2]]]); +//# sourceMappingURL=main.206d8785.chunk.js.map \ No newline at end of file diff --git a/static/js/main.206d8785.chunk.js.map b/static/js/main.206d8785.chunk.js.map new file mode 100644 index 0000000..74f767b --- /dev/null +++ b/static/js/main.206d8785.chunk.js.map @@ -0,0 +1 @@ +{"version":3,"sources":["style/variables.js","component/HeaderComponent.js","component/OcticonComponent.js","routes.js","component/MenuComponent.js","element/Container.js","element/Content.js","element/Page.js","element/PageBody.js","element/PageTitle.js","page/AboutUsPage.js","page/ExtraInfoPage.js","content/editions.js","page/HomePage.js","page/MentorPage.js","page/NextEditionPage.js","page/WhatWeDoPage.js","page/MaterialPage.js","style/global-style.js","style/fonts/rebas-neue.js","page/AgendaPage.js","page/RemotePage.js","App.js","serviceWorker.js","index.js"],"names":["color","black","charcoal","smoke","white","selective","breakpoint","width","whitespace","font","n0","n1","n2","n3","BackToHome","styled","a","Logo","img","HeaderComponent","href","src","alt","Octicon","span","OcticonComponent","props","size","height","style","dangerouslySetInnerHTML","__html","octicons","name","toSVG","routes","home","url","title","weight","whatWeDo","nextEdition","agenda","remote","aboutUs","extraInfo","material","mentors","Nav","nav","List","ul","Link","NavLink","Close","Open","MenuComponent","state","menuOpen","handleClose","bind","handleOpen","this","setState","sortedRouteKeys","Object","keys","sort","b","Fragment","onClick","className","map","route","index","key","exact","to","activeClassName","Component","Container","div","Content","Page","article","PageBody","PageTitle","h1","AboutUsPage","target","rel","ExtraInfoPage","minus2weeks","datestr","Date","getTime","nlLongDate","date","toLocaleDateString","weekday","day","month","year","nextEditions","require","urlNr","special","where","registrationStart","registrationUrl","getDate","getMonth","getFullYear","displayDate","filter","now","length","HomePage","upcoming","MentorPage","NextEditionPage","content","dojos","noDojos","WhatWeDoPage","MaterialPage","GlobalStyle","createGlobalStyle","rebasNeue","AgendaPage","edition","RemotePage","App","HashRouter","Route","path","component","Boolean","window","location","hostname","match","ReactDOM","render","document","getElementById","navigator","serviceWorker","ready","then","registration","unregister"],"mappings":"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","file":"static/js/main.206d8785.chunk.js","sourcesContent":["export const color = {\n black: {\n black: '#000000'\n },\n grey: {\n charcoal: '#444444'\n },\n white: {\n smoke: '#f0f0f0',\n white: '#ffffff'\n },\n yellow: {\n selective: '#fab800'\n }\n};\n\nexport const breakpoint = {\n xs: 320,\n sm: 768,\n md: 992,\n lg: 1200\n};\n\nexport const width = {\n container: 950,\n content: 660\n};\n\nexport const whitespace = {\n n0: '0',\n n1: '4px',\n n2: '8px',\n n3: '16px',\n n4: '32px',\n n5: '64px'\n};\n\nexport const font = {\n size:{\n n0: '48px',\n n1: '24px',\n n2: '20px',\n n3: '15px'\n },\n line: {\n n0: 1,\n n1: 1.4\n }\n};\n","import React from 'react';\nimport styled from 'styled-components';\n\nimport { breakpoint, whitespace } from '../style/variables';\n\nconst BackToHome = styled.a`\n display: block;\n padding: 0 ${whitespace.n2}\n \n @media only screen and (min-width: ${breakpoint.md}px) {\n padding: 0 ${whitespace.n4}\n }\n`;\n\nconst Logo = styled.img`\n display: block;\n width: 100%;\n max-width: 570px;\n height: auto;\n`;\n\nexport function HeaderComponent() {\n return (\n
\n \n \n \n
\n );\n}\n","import * as octicons from 'octicons';\nimport PropTypes from 'prop-types';\nimport React from 'react';\nimport styled from 'styled-components';\n\nconst Octicon = styled.span`\n display: inline-block;\n \n svg {\n width: 100%;\n height: auto;\n }\n`;\n\nexport function OcticonComponent(props) {\n const width = props.size === 'normal' ? 24 : 48;\n const height = props.size === 'normal' ? 24 : 48;\n\n return (\n \n );\n}\n\nOcticonComponent.propTypes = {\n name: PropTypes.string.isRequired,\n size: PropTypes.oneOf(['normal', 'large'])\n};\n","export const routes = {\n home: {\n url: '/',\n title: 'Home',\n weight: 0\n },\n whatWeDo: {\n url: '/watwedoen',\n title: 'Wat doen we?',\n weight: 10\n },\n nextEdition: {\n url: '/volgendeeditie',\n title: 'Volgende editie',\n weight: 20\n },\n agenda: {\n url: '/agenda',\n title: 'Agenda',\n weight: 30\n },\n remote: {\n url: '/remote',\n title: 'CoderDojo op afstand',\n weight: 35\n },\n aboutUs: {\n url: '/overons',\n title: 'Over ons',\n weight: 40\n },\n extraInfo: {\n url: '/extrainfo',\n title: 'Extra info',\n weight: 50\n },\n material: {\n url: '/material',\n title: 'Aan de slag!',\n weight: 55\n },\n mentors: {\n url: '/mentoren',\n title: 'Mentor worden',\n weight: 60\n },\n};\n","import { NavLink } from 'react-router-dom';\nimport React, { Component } from 'react';\nimport styled from 'styled-components';\n\nimport { breakpoint, color, font, whitespace } from '../style/variables';\nimport { OcticonComponent } from './OcticonComponent';\nimport { routes } from '../routes';\n\nconst Nav = styled.nav`\n @media only screen and (max-width: ${breakpoint.md - 1}px) {\n position: fixed;\n left: 0;\n top: 0;\n width: 100vw;\n height: 100vh;\n background-color: ${color.white.white};\n display: none;\n overflow: auto;\n \n &.open {\n display: block;\n }\n }\n \n @media only screen and (min-width: ${breakpoint.md}px) {\n flex-shrink: 0;\n flex-grow: 1;\n margin-right: ${whitespace.n2};\n text-align: right;\n }\n`;\n\nconst List = styled.ul`\n padding: ${whitespace.n5} ${whitespace.n3};\n \n @media only screen and (min-width: ${breakpoint.md}px) {\n padding: ${whitespace.n2} ${whitespace.n0} ${whitespace.n2} ${whitespace.n2};\n }\n`;\n\nconst Link = styled(NavLink)`\n display: inline-block;\n padding: ${whitespace.n1} ${whitespace.n2};\n color: ${color.black.black};\n font-family: 'Bebas Neue W01 Regular';\n font-size: ${font.size.n0};\n line-height: ${font.line.n0};\n text-decoration: none;\n text-align: right;\n \n &:hover,\n &.active {\n background-color: ${color.yellow.selective};\n color: ${color.white.white};\n }\n \n @media only screen and (min-width: ${breakpoint.md}px) {\n font-size: ${font.size.n1};\n }\n`;\n\nconst Close = styled.a`\n position: absolute;\n right: 0;\n top: 0;\n display: block;\n margin: ${whitespace.n4};\n cursor: pointer;\n \n @media only screen and (min-width: ${breakpoint.md}px) {\n display: none;\n }\n`;\n\nconst Open = styled.a`\n position: absolute;\n right: 0;\n top: 0;\n display: block;\n margin: ${whitespace.n4};\n cursor: pointer;\n \n @media only screen and (min-width: ${breakpoint.md}px) {\n display: none;\n }\n`;\n\nexport class MenuComponent extends Component {\n constructor(props) {\n super(props);\n\n this.state = {\n menuOpen: false\n };\n\n this.handleClose = this.handleClose.bind(this);\n this.handleOpen = this.handleOpen.bind(this);\n }\n\n handleClose() {\n this.setState({menuOpen: false});\n }\n\n handleOpen() {\n this.setState({menuOpen: true});\n }\n\n render() {\n const sortedRouteKeys = Object.keys(routes).sort((a , b) => {\n if (routes[a].weight < routes[b].weight) {\n return -1;\n }\n\n if (routes[a].weight > routes[b].weight) {\n return 1;\n }\n\n return 0;\n });\n\n return (\n \n \n \n \n \n \n );\n }\n}\n","import styled from 'styled-components';\n\nimport { breakpoint, width } from '../style/variables';\n\nexport const Container = styled.div`\n width: 100%;\n \n @media only screen and (min-width: ${breakpoint.md}px) {\n display: flex;\n justify-content: flex-end;\n margin: 0 auto;\n width: ${width.container}px;\n }\n`;\n","import styled from 'styled-components';\n\nimport { breakpoint, width } from '../style/variables';\n\nexport const Content = styled.div`\n width: 100%;\n \n @media only screen and (min-width: ${breakpoint.md}px) {\n width: ${width.content}px;\n }\n`;\n","import styled from 'styled-components';\n\nimport { whitespace } from '../style/variables';\n\nexport const Page = styled.article`\n padding: ${whitespace.n2};\n`;\n","import styled from 'styled-components';\n\nimport { color, font, whitespace } from '../style/variables';\n\nexport const PageBody = styled.div`\n padding: ${whitespace.n3};\n background-color: ${color.white.white};\n box-shadow: 10px 5px 5px red;\n font-size: ${font.size.n3};\n font-family: Arial, Helvetica, Tahoma, san-serif;\n line-height: ${font.line.n1}\n color: ${color.grey.charcoal};\n border-radius: 3px;\n box-shadow: 0 8px 6px -6px ${color.grey.charcoal};\n \n h2 {\n font-size: ${font.size.n1};\n font-family: 'Bebas Neue W01 Regular';\n }\n \n h3 {\n font-size: ${font.size.n2};\n font-family: 'Bebas Neue W01 Regular';\n }\n \n h2,\n h3 {\n padding: ${whitespace.n0} ${whitespace.n0} ${whitespace.n1};\n }\n \n p,\n ul {\n padding: ${whitespace.n0} ${whitespace.n0} ${whitespace.n3};\n }\n \n b,\n strong {\n font-weight: bold;\n }\n \n i,\n em {\n font-style: italic;\n }\n \n a {\n color: ${color.grey.charcoal};\n text-decoration: underline;\n }\n \n ul {\n padding-left: 15px;\n list-style-type: disc;\n }\n`;\n","import styled from 'styled-components';\n\nimport { color, font, whitespace } from '../style/variables';\n\nexport const PageTitle = styled.h1`\n padding: ${whitespace.n2} ${whitespace.n3};\n margin: 0 0 ${whitespace.n3};\n background-color: ${color.yellow.selective};\n color: ${color.white.white};\n font-family: 'Bebas Neue W01 Regular';\n font-size: ${font.size.n1};\n line-height: ${font.line.n0};\n border-radius: 3px;\n box-shadow: 0 8px 6px -6px ${color.grey.charcoal};\n`;\n","import React, { Component } from 'react';\n\nimport { Page } from '../element/Page';\nimport { PageBody } from '../element/PageBody';\nimport { PageTitle } from '../element/PageTitle';\n\nexport class AboutUsPage extends Component {\n render() {\n return (\n \n Over ons\n \n

CoderDojo Delft is opgericht eind 2015 door Koen en Judith en organiseert sinds die tijd iedere maand een gratis bijeenkomst om kinderen tussen 7 en 14 jaar kennis te laten maken met programmeren. Voor meer informatie wat Coderdojo is zie https://coderdojo.nl/informatie/over-coderdojo

\n

Coderdojo is niet alleen om kennis te maken met programmeren – ook kinderen die de eerste stappen al gezet hebben zijn welkom om hun skills verder uit te breiden!

\n

Inmiddels is CoderDojo Delft uitgegroeid tot een groep van meer dan 10 enthousiaste mentoren is het stokje van Koen en Judith overgenomen. Heb je vragen? We zijn te bereiken op info@coderdojo-delft.nl

\n
\n
\n );\n }\n}\n","import React, { Component } from 'react';\nimport { Link } from 'react-router-dom';\n\nimport { Page } from '../element/Page';\nimport { PageBody } from '../element/PageBody';\nimport { PageTitle } from '../element/PageTitle';\nimport { routes } from '../routes';\n\nexport class ExtraInfoPage extends Component {\n render() {\n return (\n \n Extra informatie\n \n

Weet je niet zo goed waar je moet beginnen? Kijk dan even naar deze veelgestelde vragen.
Kom je er nog steeds niet uit? Neem dan gerust contact met ons op: info@coderdojo-delft.nl.

\n

Ik ben nog nooit naar CoderDojo geweest.

\n

Voor alles is er een eerste keer! De dojo is voor iedereen toegankelijk. De beste manier om kennis te leren maken is om gewoon een keer langs te komen. Zorg wel dat je je eerst registreert voordat je komt.

\n

Kan ik zomaar naar CoderDojo komen?

\n

Nee, om er voor te zorgen dat we niet over onze capaciteit gaan en een goede administratie van aanwezigen hebben moet iedereen zich registreren om deel te kunnen nemen aan een CoderDojo.

\n

Voor welke leeftijd is CoderDojo?

\n

De maximum leeftijd die wij hanteren is 14 jaar. De minimumleeftijd is afhankelijk van het thema van de bijeenkomst. Normaal gesproken is de minimumleeftijd die wij adviseren 8 jaar. Als je 7 jaar bent en je wilt toch graag komen, dan mag dat, maar alleen als er altijd een ouder aanwezig is voor begrijpend lezen en schrijven.

\n

Wat doen kinderen bij CoderDojo?

\n

Bij CoderDojo zijn we altijd bezig met techniek of ontwikkeling van competenties die nodig zijn in het beroepsveld. Daarnaast worden kinderen ook ‘mediawijs’ gemaakt waardoor ze leren omgaan met internet en techniek. Wij stimuleren onderzoekend en exploratief gedrag en sporen alle kinderen aan om hun interesses te volgens en elkaar nieuwe dingen te leren.

\n

Is CoderDojo geschikt voor mijn kind?

\n

Wij verwelkomen iedereen! Echter merken we dat vooral kinderen die interesse hebben in techniek blijven hangen en het naar hun zin hebben. We behandelen steeds een ander onderwerp, dus kijk samen met je zoon / dochter naar het onderwerp om te kijken of ze het interessant vinden om hier meer over te leren.

\n

Hoe kan ik mijn kind inschrijven?

\n

Voor elke dojo (datum en vestiging) moet afzonderlijk geregistreerd worden. Er is ruimte voor een maximaal aantal deelnemers. Elke deelnemer heeft zijn eigen ticket nodig, en je kunt maximaal twee tickets reserveren. Als je als groep een CoderDojo wil doen, neem dan liever eerst contact met ons op (info@coderdojo-delft.nl).

\n

Ik heb me aangemeld, maar ik kan toch niet komen, wat nu?

\n

Heb je een ticket en kun je toch niet komen, laat het ons dan zo snel mogelijk weten via info@coderdojo-delft.nl. We kunnen dan weer iemand anders blij maken.

\n

Moet ik al mijn kinderen apart inschrijven?

\n

Ja, om er voor te zorgen dat we niet over onze capaciteit gaan en een goede administratie van aanwezigen hebben, moet iedereen zich registreren om deel te kunnen nemen aan een CoderDojo.

\n

Wat moet ik meenemen?

\n

Elk kind moet een eigen laptop hebben, je kunt geen tablet zoals een iPad gebruiken. Zorg er voor dat de laptop werkt, kan opladen en verbinding kan maken met draadloos internet! Zorg ook dat je kind de nodige wachtwoorden heeft om software te kunnen installeren of indien nodig instellingen te kunnen wijzigen. We hebben een klein aantal laptops te leen voor kinderen zonder laptop.

\n

Ik ben bij CoderDojo geweest en wil nu thuis verder, hoe ga ik te werk?

\n

In het overzicht van wat we doen staan ook tips over hoe je thuis aan de slag kunt.

\n
\n
\n );\n }\n}\n","const editions = require('./editions.json');\n\nfunction minus2weeks(datestr) {\n return new Date(datestr.getTime() - 13 * 24 * 60 *60 * 1000)\n}\n\n\nfunction nlLongDate(date) {\n return date.toLocaleDateString('nl-NL', {\n weekday: 'long',\n day: 'numeric',\n month: 'long',\n year: 'numeric'\n })\n}\n\nfunction nlShortDate(date) {\n let dd = (date.getDate() < 10 ? '0' : '') + date.getDate();\n let MM = ((date.getMonth() + 1) < 10 ? '0' : '') + (date.getMonth() + 1);\n let yyyy = date.getFullYear();\n return (dd + \"-\" + MM + \"-\" + yyyy);\n}\n\nexport let nextEditions = (editions\n ).map(\n ({datestr, urlNr, special, where}) => ({\n date: new Date(datestr + 'T15:00'),\n registrationStart: nlLongDate(minus2weeks(new Date (datestr + 'T12:00'))),\n urlNr,\n registrationUrl: 'https://dok.op-shop.nl/'+ urlNr + '/' + where + '/' + nlShortDate(new Date (datestr)),\n displayDate: nlLongDate(new Date(datestr)),\n special: special,\n })\n ).filter(\n ({date}) => date.getTime() > Date.now()\n ).sort(\n (a, b) => a.date.getTime() - b.date.getTime()\n );\n\nexport let nextEdition = nextEditions.length > 0 && nextEditions[0]","import React, { Component } from 'react';\nimport { Link } from 'react-router-dom';\n\nimport { Page } from '../element/Page';\nimport { PageBody } from '../element/PageBody';\nimport { PageTitle } from '../element/PageTitle';\nimport { nextEdition } from '../content/editions';\nimport { routes } from '../routes';\n\nexport class HomePage extends Component {\n render() {\n let upcoming;\n if (nextEdition) {\n upcoming = (\n \n

We organiseren de volgende CoderDojo op:

\n

{nextEdition.displayDate}

\n

Kijk op onze pagina ‘Volgende editie’ voor meer informatie over de komende CoderDojo!

\n
\n );\n }\n\n return (\n \n Welkom bij CoderDojo Delft!\n \n

Welkom bij CoderDojo Delft!

\n

CoderDojo Delft realiseert samen met enthousiaste vrijwilligers een platform waar kinderen van 8 tot 14 jaar in een technische stad als Delft de mogelijkheid krijgen om kennis te maken met een nog ontbrekend vak in het basisonderwijs en voortgezet onderwijs: programmeren.

\n

Bij CoderDojo Delft leren kinderen programmeren, websites te bouwen, apps te ontwikkelen, programma’s te maken, games te maken en meer! We komen regelmatig bij elkaar om te leren programmeren, maar ook om andere deelnemers te ontmoeten. De CoderDojo is gratis bij te wonen omdat het volledig georganiseerd en begeleid wordt door vrijwilligers (mentoren).

\n

Een belangrijke eigenschap van een CoderDojo is dat het plaatsvindt in een openbare ruimte en voor iedereen toegankelijk is. OPEN (voormalig Bibliotheek DOK Delft) is daarom de perfecte plek voor onze bijeenkomsten.

\n\n

Activiteiten

\n

In verband met COVID-19 kunnen wij helaas niet altijd de dojo aanbieden bij OPEN. Per maand bekijken we met DOK wat er mogelijk is. Als het bij OPEN kan, zijn we daar. Als de corona-maatregelen dat niet toelaten, wordt de dojo online gehouden.

\n

Houd dus bij het aanmelden en in de uitnodiging in de gaten of de dojo online of bij OPEN is.

\n

Kijk op onze pagina 'Aan de slag!' voor leuke opdrachten om thuis mee aan de slag te gaan.

\n {upcoming}\n

Voor een overzicht van de komende CoderDojo's, kijk hier.

\n\n

Andere locaties

\n

Ook op andere plekken in Nederland zijn CoderDojo’s gestart! Geen plek meer in Delft? Meld je dan aan bij een van de andere CoderDojo’s in de buurt:

\n \n

Thuis verder

\n

Als je de CoderDojo leuk vond, kun je daar natuurlijk thuis verder gaan met programmeren! We hebben een verzameling websites voor je verzameld waarmee je aan de slag kunt. Klik hier.

\n
\n
\n );\n }\n}\n","import React, { Component } from 'react';\nimport { Page } from '../element/Page';\nimport { PageBody } from '../element/PageBody';\nimport { PageTitle } from '../element/PageTitle';\n\n\nexport class MentorPage extends Component {\n render() {\n return (\n \n Mentor worden?\n \n

Zonder vrijwilligers geen CoderDojo! Er komt veel kijken bij de organisatie van een CoderDojo. We draaien op de inzet van vrijwilligers(mentoren) die graag hun kennis delen of hun tijd willen inzetten om kinderen verder te helpen.

\n

Weet je veel van programmeren en vind jij het leuk om kennis over te dragen? Meld je dan aan als mentor! Ook als je niet direct technisch onderlegd bent, kun je veel voor ons doen:

\n
    \n
  • Kinderen begeleiden met hun uitdagingen
  • \n
  • Nieuwe workshops bedenken, maken en geven
  • \n
  • Achter de schermen innovatieve dingen bedenken voor de Dojo
  • \n
\n

Wat vragen we van een vrijwilliger?

\n
    \n
  • Je hebt affiniteit met programmeren, maar hoeft zeker geen programmeur te zijn!
  • \n
  • Je kunt met enige regelmaat aanwezig zijn bij een Dojo (deze organiseren we elke maand, meestal op de 4e zaterdag)
  • \n
  • Je bent in bezit van een VOG of kan er een aanvragen. In de meeste gevallen vergoeden we de kosten.
  • \n
  • Je gaat akkoord met ons Protocol Veiligheid CoderDojo Nederland en onze Vrijwilligers Overeenkomst
  • \n
  • Vanaf januari 2020 vallen we onder DOK Delft. Voor meer informatie, zie de website van DOK Delft.
  • \n
\n

Aanmelden

\n

Heb jij ook nog eens veel geduld en ben je kindvriendelijk?

\n

mail naar info@coderdojo.nl

\n
\n
\n );\n }\n}\n","import React, { Component } from 'react';\nimport { Link } from 'react-router-dom';\n\nimport { PageTitle } from '../element/PageTitle';\nimport { Page } from '../element/Page';\nimport { PageBody } from '../element/PageBody';\nimport { nextEdition } from '../content/editions';\nimport { routes } from '../routes';\n\nexport class NextEditionPage extends Component {\n noDojos() {\n return (\n \n

Op dit moment is er nog geen nieuwe dojo gepland.

\n

Voor een overzicht van de komende CoderDojo's, kijk hier.

\n
\n );\n }\n\n dojos() {\n return (\n \n

{nextEdition.displayDate}

\n

De volgende CoderDojo in Delft wordt georganiseerd op {nextEdition.displayDate}.

\n

Afhankelijk van de geldende maatregelen mbt COVID-19 is de CoderDojo online of bij OPEN. Let hier op bij de inschrijving.

\n

Indien we bij elkaar mogen komen, vindt CoderDojo vindt in OPEN (Vesteplein 100). We zullen op de dag zelf de plaats duidelijk aangeven.

\n

Als de CoderDojo online plaatsvindt, ontvang je hier de dag voor de dojo instructies over. Meer informatie over online dojo's kun je hier vinden.

\n

De link om in te schrijven vind je onder aan deze pagina. De inschrijving gaat open op {nextEdition.registrationStart} om 12:00 (’s middags) – Wees er snel bij!

\n

Voor een overzicht van de komende CoderDojo's, kijk hier.

\n

Wat gaan we doen?

\n \n

Kortom, je mag komen met elk project waar je eerder aan gewerkt hebt. Ben je nog nooit geweest? Dan hebben we opdrachten voor je klaarliggen en helpen we je op weg. Maar je mag natuurlijk ook zelf iets verzinnen. Misschien kun je alvast een karakter tekenen voor in een spel dat je wilt maken, of een filmpje zoeken voor een website die je wilt maken.

\n

Hier vind je meer details over wat je op een CoderDojo kunt doen.

\n

Waar?

\n

De CoderDojo vindt plaats bij OPEN (Vesteplein 100).

\n

Hoe laat?

\n

De CoderDojo is van 14:00 tot 16:00 uur. In deze tijd kun je zelf lekker aan de slag. Aan het einde maken we een rondje, zodat je ook aan de anderen kunt laten zien wat je gemaakt hebt!

\n

Ouders

\n

We vinden het erg fijn als ouders actief meehelpen, zeker voor de jongere kinderen (minimaal 8 jaar). Ouders kunnen ondertussen ook gebruik maken van de faciliteiten van de bibliotheek. Er is beperkt zitplek voor ouders aan de tafels van de kinderen.

\n

Wat moet ik meenemen?

\n \n

*) Zorg dat je laptop minimaal over WiFi, een browser (Chrome / Firefox) beschikt. Vergeet ook je oplader niet. Wij kunnen helaas niet alle kinderen helpen om alles werkend te krijgen dus wij vertrouwen erop dat alles werkt bij binnenkomst! Zorg er ook voor dat er een e-mailadres beschikbaar is om een account aan te kunnen maken voor online programma’s.

\n

We hebben een beperkt aantal laptops te leen. Laat het ons via het inschrijfformulier weten als je daarvan gebruik wilt maken.

\n

Inschrijven

\n

Voor deze Dojo hebben we maar beperkt plek! Er is ruimte voor een maximaal aantal deelnemers. Elke deelnemer heeft zijn eigen ticket nodig, en je kunt maximaal twee tickets reserveren. Als de plekken voor deze CoderDojo bezet zijn, kun je je naam op de wachtlijst zetten, we nemen dan contact met je op zodra er een plek vrijkomt. Laat het ons dus ook weten als je verhinderd bent.

\n

Vanaf januari 2020 wordt de inschrijving verzorgt door DOK. Klik hier om naar de inschrijvingspagina te gaan.

\n

Is de Dojo vol, of kun je niet op die dag? Je kunt ook kijken of er plek is bij een CoderDojo in de buurt: CoderDojo Zoetermeer, CoderDojo Den Haag of CoderDojo Rotterdam.

\n
\n );\n }\n\n render() {\n let content;\n\n if (nextEdition) {\n content = this.dojos();\n } else {\n content = this.noDojos();\n }\n\n return (\n \n Volgende editie\n \n {content}\n \n \n );\n }\n}\n","import React, { Component } from 'react';\n\nimport { Page } from '../element/Page';\nimport { PageBody } from '../element/PageBody';\nimport { PageTitle } from '../element/PageTitle';\n\nexport class WhatWeDoPage extends Component {\n render() {\n return (\n \n Wat doen we?\n \n

Bij CoderDojo gaan we programmeren, maar dat had je waarschijnlijk al begrepen. Er zijn verschillende dingen die je kunt doen. Hieronder vind je een overzichtje. Met meteen wat links, waarmee je ook thuis aan de slag kunt.

\n

Iedereen tussen de 8 en 14 is welkom. Als je nog nooit geprogrammeerd hebt, hebben we een verzameling opdrachten liggen en helpen we je op weg. En misschien heb je zelf al een idee van iets wat je graag wilt maken. Ook daarmee kunnen we je helpen. En heb je al veel ervaring, maar wil je nog meer leren? Ook dan ben je welkom, we helpen je graag!

\n

Scratch

\n

Scratch is een geweldige tool om te beginnen met programmeren. Met Scratch programmeer je je eigen interactieve verhalen, spellen en animaties. Ga naar scratch.mit.edu om een eigen project te starten.

\n

De TU Delft heeft een online cursus gemaakt voor Scratch. Hiremee leer je in 6 weken precies hoe Scratch werkt. Deze cursus vind je op edX

\n

In de verzameling links onderaan deze pagina, vind je veel Scratch voorbeelden

\n

3D printer (ThinkerCAD)

\n

Helaas is onze 3D printer op dit moment stuk. We zijn aan het nadenken of we een nieuwe gaan aanschaffen. We houden jullie op de hoogte!

\n {/*

We hebben een 3D printer waarop je je eigen ontwerpen kunt printen! Een ontwerp kun je maken met TinkerCad. Een goede handeleiding vind je hier. Als je Engels kunt, kun je ook de tutorial in TinkerCad volgen.

\n

Als je je ontwerp als .OBJ of .STL bestand opslaat (onder de knop 'Export'), dan kun je het bij de CoderDojo laten printen.

*/}\n

Websites maken (HTML)

\n

Tijdens de CoderDojo kun je een website bouwen die ook echt online te zien is. Dit doen we op Neocities. De sushi met instructies vind je hier.

\n

Python

\n

Python is de programmeertaal waarmee een groot deel van FaceBook is gemaakt. En dat klinkt misschien heel ingewikkeld, maar je kunt het zelf ook leren. Om er eens aan te proeven is het het handigst om een account aan te maken op Python Anywhere. Als je ermee verder wilt, kun je beter Python downloaden en installeren.

\n

Instructies om met Python te beginnen, vind je hier en hier.

\n

Minicomputers

\n

We hebben een aantal minicomputers die je kunt programmeren. Dit zijn Arduino's, micro:bits en de Makey Makey. Dit zijn bordjes met een paar poorten en knoppen waarop je bijvoorbeeld een spelletje kunt programmeren.

\n

Als je thuis een Arduino hebt, kun je leren hoe je hiermee iets maakt op Arduino lessen

\n

Voor de micro:bit hebben we een voorbeeld van het spel Meteor, wat je ook zonder mirco:bit al kunt maken op de micro:bit website.

\n

CodeCombat

\n

Op CodeCombat leer je een programmeertaal door een spel te spelen. Je kunt je aansluiten bij onze clan. Klik op deze link om je aan te melden.

\n

Websites met divers materiaal

\n
    \n
  • CoderDojo Zoetermeer heeft een verzameling opdrachten op Google Drive staan
  • \n
  • Raspberry Pi heeft een groeiende verzameling van Scratch, HTML/CSS en Python opdrachten.
  • \n
  • CoderDojo Kata heeft ook een verzameling van allerlei opdrachten.
  • \n
\n
\n
\n )\n }\n}","import React, { Component } from 'react';\n\nimport { Page } from '../element/Page';\nimport { PageBody } from '../element/PageBody';\nimport { PageTitle } from '../element/PageTitle';\n\nimport { Tab, Tabs, TabList, TabPanel } from 'react-tabs';\nimport 'react-tabs/style/react-tabs.css';\n\nexport class MaterialPage extends Component {\n render() {\n return (\n \n Aan de slag!\n \n \n \n

Scratch

\n

Python

\n

Microbit/Arduino

\n

Van alles wat

\n

Boeken

\n
\n\n \n

Scratch opdrachten

\n

Hieronder vind je links naar de opdrachten die we voor Scratch gebruiken. Je kunt dus thuis gewoon verder werken of aan iets nieuws beginnen!

\n

De hieronder vermelde materialen zijn ontwikkeld door verschillende CoderDojo-groepen in Nederland en België.

\n

Beginnen met Scratch

\n

Om te beginnen met Scratch hoef je niets te installeren, het staat online. Ga naar de website van Scratch . De eerste keer moet je een gebruikersnaam aanmaken (vraag je ouders je te helpen). Daarmee kun je daarna weer inloggen en al je oude projecten zien.

\n\n

Online Projecten

\n\n

We werken bij de Dojo's tegenwoordig meestal met de Scratch projecten van de Raspberry Pi Foundation. Hier staan projecten van allerlei moeilijksheidgraden.

\n\n

Andere Projecten

\n

Er zijn ook andere projecten, bij de meeste kun je de uitleg downloaden en uitprinten. Deze staan hieronder.

\n\n

Je eerste project

\n

De Draak

\n

De draak is verdwaald in de stad. Er komt een bus langs. Kun jij de draak de passagiers laten schrikken? Hier vind je de beschrijving.

\n\n

Spooky spel (De heks)

\n

Rondvliegen als een heks en punten krijgen van de vleermuizen. Maar pas op, soms nemen ze punten af...

Je vindt de beschrijving hier. De sprite van de heks uit de vorige versie van Scratch kun je hier ook vinden. Open een nieuw project met het bestand dat je op de site kunt downloaden.

\n\n

Analoge klok

\n

Maak je eigen klok! Hier vind je de beschrijving en een aantal sprites om mee te beginnen

\n\n

Maanlander (50 jaar maanlanding 2019)

\n

Op 20 juli 1969 zette Neil Armstrong de eerste stap op de maan. Maak nu je eigen maanlandingsspel! Hier vind je de beschrijving.

\n\n

Pong

\n

Pong is één van de allereerste computerspellen dat werd gemaakt. En het is nog steeds leuk! En je kunt het zelf maken met deze uitleg.

\n\n

Muziek maken

\n

Houd je van muziek en speel je zelf een instrument? Ook van je computer kun je een muziekinstrument maken! Hiervoor gebruik je de Muziek-uitbreiding van Scratch. Deze instructie legt je uit hoe je dat doet

\n\n

Iets moeilijker

\n

Racebaan

\n

Al heel lang worden er autorace spelletjes gespeeld op de computer. Maak je eigen racespel met deze uitleg.

\n\n

Flappy bird

\n

Je bent een vogel, maar valt langzaam naar beneden. Blijf vliegen en ontwijk ondertussen allelei obstakels. Maak dit superspannende spel zo

\n\n

Snake

\n

Snake was een superpopulair spelletje op de oude Nokia telefoons. Je ouders kennen het vast. Maak dit spel voor hen behulp van dit voorbeeld.

\n\n

Meer: Kijk voor grote verzamelingen met opdracht ook op het tabblad Van alles wat!

\n
\n \n

Python opdrachten

\n

Python is een programmeertaal die je voor bijna alles kunt gebruiken. Je kunt er mee rekenen, tekenen, spelletjes maken, zelfs Instagram is ermee gemaakt!

\n

Als je veel met Python wilt gaan doen, kun je het op je computer installeren. Maar dat gaat helaas niet altijd even gemakkelijk.

Gelukkig zijn er ook website waarop je in Python kunt programmeren. Bij CoderDojo Delft gebruiken we meestal repl.it. In de opdrachten kun je soms ook trinket.io tegenkomen. Dit is ook een prima website.

\n

Goed om te weten: wij gebruiken altijd Python versie 3.X.

\n\n

Nummer raden

\n

Leer de basisbegrippen van Python en maak je eerste spelletje! Kun jij het getal raden? Van de beschrijving kun je kaart 1 overslaan, want we gaan Python niet installeren (zie hierboven). En helaas staat er een foutje in de code bij punt 2 op kaart 3. Kun jij die vinden?

\n\n

Palindromen zoeken

\n

Palindromen zijn woorden die van achter naar voren gelezen hetzelfde zijn als wanneer je ze gewoon leest. Lepel is bijvoorbeeld een palindroom. Met deze opdracht leer je hoe je zulke woorden kunt vinden in een lange lijst met woorden.

\n\n

Tekenen met Turtle

\n

Automatisch mooie figuren tekeken. Dit heb je vast wel eens gedaan in Scratch. Leer hier hoe je dat doet!

\n\n

Meer: Kijk voor grote verzamelingen met opdracht ook op het tabblad Van alles wat!

\n
\n \n

Microbit/Arduino

\n

Programmeren kun je doen op je eigen laptop, maar je kunt ook kleine computertjes. Bij de CoderDojo hebben we een paar verschillende soorten liggen.

\n\n

Micro:bit

\n

De Micro:bit is door de Britse BBC ontwikkeld voor het onderwijs. Het is een kleine, krachtige computer met twee knoppen, 5x5 LED lampjes, een bewegingssensor en enkele aansluiting om andere sensoren uit te sluiten. Als je thuis geen Micro:bit hebt, kun je alsnog hier code voor schrijven. Op deze website kun je op dezelfde manier code schrijven als in Scratch en testen op de gesimuleerde micro:bit naast de code. Op de CoderDojo kun je dan je code naar de Micro:bit zelf sturen.

\n\n

Meteoren schieten

\n

Hier vind je de beschrijving van het spel Meteors. De meteoren vallen steeds sneller naar beneden. Wie haalt de highscore?

\n\n

Les-programma

\n

Ga je voor de eerste keer programmeren op de Micro:bit of heb je al ervaring? Hier vind je een hele verzameling opdrachten die steeds iets moeilijker worden.

\n\n

Arduino

\n

De Arduino is een wat uitgebreidere mini-computer als de Micro:bit. Dit betekent ook, dat het daarom wat moeilijker kan zijn om er mee te beginnen. We hebben een aantal Arduino's met verschillende sensoren liggen waarmee je aan de slag kunt.

\n\n

Arduino lessen

\n

Op de website Arduino lessen staan 36 video-lessen om aan de slag te gaan met de Arduino. Elke les leer je iets meer over welke sensoren er zijn, hoe je ze aansluit en hoe je ze kunt programmeren.

\n
\n \n

Van alles wat

\n\n

3D printer / TinkerCad

\n

Let op: op dit moment is de 3D printer van CoderDojo helaas kapot en kan die niet gebruikt worden tijdens de CoderDojo.

\n\n

We hebben een eenvoudige 3D-printer waarop je kleine dingen kunt printen. Hiervoor kun je in TinkerCad. Dit kun je tijdens de CoderDojo doen. Maar als je hier thuis al mee wilt beginnen, vind je hier een goede beschrijving. Je kunt ook e tutorial volgen die verschijnt als je inlogt.

\n\n

Website maken

\n

Maak je eigen website en laat die aan iedereen zien! We hebben een beschrijving die uitlegt hoe je dat doet.

We maken gebruiken van de online omgeving neocities. Hiermee kun je je website maken en staat hij ook meteen online, zodat je hem aan iedereen kunt laten zien!

\n\n

Allerlei opdrachten

\n

Er zijn een heleboel websites en CoderDojo's die allerlei materiaal hebben gemaakt vom te leren programmeren. Hieronder vind je er een aantal waarvan wij ook gebruik maken.

\n\n

Raspberry Pi Foundation

\n

Deze organisatie werkt wereldwijd en heeft een steeds groeiende verzameling Scratch opdrachten. En een groot aantal daarvan is ook in het Nederlands vertaald. Kijk hier eens als je iets nieuws zoekt. Houd de website in de gaten, er komt regelmatig iets nieuws bij.

\n\n

CoderDojo Zoetermeer

\n

De CoderDojo van Zoetermeer heeft een hele verzameling Scratch opdrachten. En ze delen ze met iedereen via Google Drive.

\n\n

CoderdDojo Nijmegen

\n

Ook de CoderDojo Nijmegegen heeft een vezameling oefeningen waar je mee aan de slag kunt.

\n
\n \n

Programmeerboeken

\n

Op internet is natuurlijk ontzettend veel informatie te vinden over programmeren en vind je ook allerlei leuke opdrachten. Maar er zijn ook een aantal leuke boeken met opdrachten en uitleg. Bij DOK kun je ook veel vinden, in een boekenkast vlakbij de CoderDojo op Metropolis. Superhandig!

\n

Hieronder een kleine selectie van wat je er zoal kunt vinden:

\n \n \n \n
\n
\n\n
\n
\n )\n }\n}","import { createGlobalStyle } from 'styled-components';\n\nimport { color, font } from './variables';\nimport { rebasNeue } from './fonts/rebas-neue';\n\nexport const GlobalStyle = createGlobalStyle`\n/* http://meyerweb.com/eric/tools/css/reset/ \n v2.0 | 20110126\n License: none (public domain)\n*/\n\nhtml, body, div, span, applet, object, iframe,\nh1, h2, h3, h4, h5, h6, p, blockquote, pre,\na, abbr, acronym, address, big, cite, code,\ndel, dfn, em, img, ins, kbd, q, s, samp,\nsmall, strike, strong, sub, sup, tt, var,\nb, u, i, center,\ndl, dt, dd, ol, ul, li,\nfieldset, form, label, legend,\ntable, caption, tbody, tfoot, thead, tr, th, td,\narticle, aside, canvas, details, embed, \nfigure, figcaption, footer, header, hgroup, \nmenu, nav, output, ruby, section, summary,\ntime, mark, audio, video {\n\tmargin: 0;\n\tpadding: 0;\n\tborder: 0;\n\tfont-size: 100%;\n\tfont: inherit;\n\tvertical-align: baseline;\n}\n/* HTML5 display-role reset for older browsers */\narticle, aside, details, figcaption, figure, \nfooter, header, hgroup, menu, nav, section {\n\tdisplay: block;\n}\nbody {\n\tline-height: 1;\n}\nol, ul {\n\tlist-style: none;\n}\nblockquote, q {\n\tquotes: none;\n}\nblockquote:before, blockquote:after,\nq:before, q:after {\n\tcontent: '';\n\tcontent: none;\n}\ntable {\n\tborder-collapse: collapse;\n\tborder-spacing: 0;\n}\n\nh4 {\n\tcolor: ${color.yellow.selective};\n\tfont-weight: bold\n\tfont-seize: ${font.size.n3}\n}\n\n${rebasNeue()};\n\nbody {\n font-family: Arial, Helvetica, Tahoma, san-serif;\n -webkit-font-smoothing: antialiased;\n -moz-osx-font-smoothing: grayscale;\n background-color: ${color.white.smoke};\n}\n`;\n","\nexport function rebasNeue(weight = 'normal', style = 'normal') {\n return `\n @font-face {\n font-family: 'Bebas Neue W01 Regular';\n src: url('/font/rebas-neue/3d9ec9a9-76a2-4cfe-b376-76e7340c3b50.eot?#iefix');\n src: url('/font/rebas-neue/3d9ec9a9-76a2-4cfe-b376-76e7340c3b50.eot?#iefix') format('eot'), url('/font/rebas-neue/e0d6f852-5401-4bbf-9672-47a50c5c87c6.woff2') format('woff2'), url('/font/rebas-neue/7fedd582-6ae3-4850-be2f-4acae2e74fa5.woff') format('woff'), url('/font/rebas-neue/d6e08ef3-40db-4ac3-82df-f062f55a72f5.ttf') format('truetype');\n font-weight: ${weight};\n font-style: ${style};\n }`;\n}\n","import React, { Component } from 'react';\nimport { Link } from 'react-router-dom';\n\nimport { PageTitle } from '../element/PageTitle';\nimport { Page } from '../element/Page';\nimport { PageBody } from '../element/PageBody';\nimport { nextEditions } from '../content/editions';\nimport { routes } from '../routes';\n\nexport class AgendaPage extends Component {\n render() {\n return (\n \n Agenda\n \n

Komende Dojo's

\n

\n Coderdojo Delft wordt georganiseerd op de 4e zaterdag van de maand.\n Af en toe wijken we hier vanaf als dit door feestdagen anders niet uitkomt.\n In de zomervakantie komen de Dojo's mogelijk te vervallen.\n

\n

In verband met COVID-19 kunnen we de dojo's helaas niet altijd in OPEN aanbieden. Wanneer dat niet kan, zal de dojo online gehouden moeten worden. Of de dojo online is of bij OPEN, staat vermeld bij de aanmelding.

\n

Hieronder vind je een overzicht van de komende edities:

\n
    \n {nextEditions.map((edition, index) => {\n return (\n
  1. {edition.displayDate} {edition.special}
  2. \n )\n })}\n
\n

\n

Je kunt je vanaf de zondag 2 weken voor de Dojo hier aanmelden.

\n
\n
\n );\n }\n}\n","import React, { Component } from 'react';\nimport { Link } from 'react-router-dom';\nimport { Page } from '../element/Page';\nimport { PageBody } from '../element/PageBody';\nimport { PageTitle } from '../element/PageTitle';\nimport { routes } from '../routes';\n\n\nexport class RemotePage extends Component {\n render() {\n return (\n \n CoderDojo op afstand\n \n

In verband met het COVID-19 kunnen we niet elke maand geen normale dojo aanbieden. Maar dat betekent niet dat jullie ons in die maanden helemaal moeten missen.

\n \n

De online CoderDojo wordt gehouden via Jitsi. Dit is een Open Source video/chat platform.

\n

In deze omgeving kunnen we videobellen en kan iedereen zijn scherm delen met de groep. Tijdens het werken aan de opdrachten (in kleine groepjes) is het de bedoeling dat de ninja's hun scherm delen, zodat de mentoren makkelijk mee kunnen kijken. De mentoren hebben de webcam aanstaan.

\n

Na een korte introductie wordt er in verschillende chatrooms aan opdrachten gewerkt. Dit om zo aan iedereen uitleg te kunnen geven, zonder dat iedereen er last van heeft. Ninja's in dezelfde room werken aan eenzelfde soort opdracht. In elke chatroom zijn altijd minstens twee mentoren aanwezig. Aan het eind van de dojo komen we weer samen in één room en kan iedereen laten zien wat hij/zij gemaakt heeft.

\n\n

Meedoen

\n

Je kunt je op de gebruikelijke manier inschrijven voor de dojo. Kijk hiervoor bij 'Volgende editie'. Eén of twee dagen voor de CoderDojo ontvang je dan de link naar de CoderDojo-chat op Jitsi, het programma, opdrachten om uit te kiezen en wat regels en tips.

\n

Het volgende is belangrijk als je mee wilt doen aan een online CoderDojo:

\n
    \n
  • Je heb een goede internetverbinding nodig.
  • \n
  • Het is handig als je vooraf een opdracht uitzoekt en evt. uitprint. Een lijstje met mogelijke opdrachten krijg je per mail.
  • \n
\n\n

Het is allemaal een beetje anders dan anders, maar hopen je zo ook online een leuke en leerzame middag te geven!

\n\n
\n
\n );\n }\n}\n","import React, { Component } from 'react';\nimport { HashRouter, Route } from 'react-router-dom';\n\nimport { HeaderComponent } from './component/HeaderComponent';\nimport { MenuComponent } from './component/MenuComponent';\nimport { Container } from './element/Container';\nimport { Content } from './element/Content';\nimport { AboutUsPage } from './page/AboutUsPage';\nimport { ExtraInfoPage } from './page/ExtraInfoPage';\nimport { HomePage } from './page/HomePage';\nimport { MentorPage } from './page/MentorPage';\nimport { NextEditionPage } from './page/NextEditionPage';\nimport { WhatWeDoPage } from './page/WhatWeDoPage';\nimport { MaterialPage} from './page/MaterialPage';\nimport { routes } from './routes';\nimport { GlobalStyle } from './style/global-style';\nimport { AgendaPage } from './page/AgendaPage';\nimport { RemotePage } from './page/RemotePage';\n\nexport class App extends Component {\n render() {\n return (\n \n \n \n \n \n \n \n \n \n \n \n \n \n \n \n \n \n \n \n \n \n \n \n \n );\n }\n}\n","// This optional code is used to register a service worker.\n// register() is not called by default.\n\n// This lets the app load faster on subsequent visits in production, and gives\n// it offline capabilities. However, it also means that developers (and users)\n// will only see deployed updates on subsequent visits to a page, after all the\n// existing tabs open on the page have been closed, since previously cached\n// resources are updated in the background.\n\n// To learn more about the benefits of this model and instructions on how to\n// opt-in, read http://bit.ly/CRA-PWA\n\nconst isLocalhost = Boolean(\n window.location.hostname === 'localhost' ||\n // [::1] is the IPv6 localhost address.\n window.location.hostname === '[::1]' ||\n // 127.0.0.1/8 is considered localhost for IPv4.\n window.location.hostname.match(\n /^127(?:\\.(?:25[0-5]|2[0-4][0-9]|[01]?[0-9][0-9]?)){3}$/\n )\n);\n\nexport function register(config) {\n if (process.env.NODE_ENV === 'production' && 'serviceWorker' in navigator) {\n // The URL constructor is available in all browsers that support SW.\n const publicUrl = new URL(process.env.PUBLIC_URL, window.location.href);\n if (publicUrl.origin !== window.location.origin) {\n // Our service worker won't work if PUBLIC_URL is on a different origin\n // from what our page is served on. This might happen if a CDN is used to\n // serve assets; see https://github.com/facebook/create-react-app/issues/2374\n return;\n }\n\n window.addEventListener('load', () => {\n const swUrl = `${process.env.PUBLIC_URL}/service-worker.js`;\n\n if (isLocalhost) {\n // This is running on localhost. Let's check if a service worker still exists or not.\n checkValidServiceWorker(swUrl, config);\n\n // Add some additional logging to localhost, pointing developers to the\n // service worker/PWA documentation.\n navigator.serviceWorker.ready.then(() => {\n console.log(\n 'This web app is being served cache-first by a service ' +\n 'worker. To learn more, visit http://bit.ly/CRA-PWA'\n );\n });\n } else {\n // Is not localhost. Just register service worker\n registerValidSW(swUrl, config);\n }\n });\n }\n}\n\nfunction registerValidSW(swUrl, config) {\n navigator.serviceWorker\n .register(swUrl)\n .then(registration => {\n registration.onupdatefound = () => {\n const installingWorker = registration.installing;\n if (installingWorker == null) {\n return;\n }\n installingWorker.onstatechange = () => {\n if (installingWorker.state === 'installed') {\n if (navigator.serviceWorker.controller) {\n // At this point, the updated precached content has been fetched,\n // but the previous service worker will still serve the older\n // content until all client tabs are closed.\n console.log(\n 'New content is available and will be used when all ' +\n 'tabs for this page are closed. See http://bit.ly/CRA-PWA.'\n );\n\n // Execute callback\n if (config && config.onUpdate) {\n config.onUpdate(registration);\n }\n } else {\n // At this point, everything has been precached.\n // It's the perfect time to display a\n // \"Content is cached for offline use.\" message.\n console.log('Content is cached for offline use.');\n\n // Execute callback\n if (config && config.onSuccess) {\n config.onSuccess(registration);\n }\n }\n }\n };\n };\n })\n .catch(error => {\n console.error('Error during service worker registration:', error);\n });\n}\n\nfunction checkValidServiceWorker(swUrl, config) {\n // Check if the service worker can be found. If it can't reload the page.\n fetch(swUrl)\n .then(response => {\n // Ensure service worker exists, and that we really are getting a JS file.\n const contentType = response.headers.get('content-type');\n if (\n response.status === 404 ||\n (contentType != null && contentType.indexOf('javascript') === -1)\n ) {\n // No service worker found. Probably a different app. Reload the page.\n navigator.serviceWorker.ready.then(registration => {\n registration.unregister().then(() => {\n window.location.reload();\n });\n });\n } else {\n // Service worker found. Proceed as normal.\n registerValidSW(swUrl, config);\n }\n })\n .catch(() => {\n console.log(\n 'No internet connection found. App is running in offline mode.'\n );\n });\n}\n\nexport function unregister() {\n if ('serviceWorker' in navigator) {\n navigator.serviceWorker.ready.then(registration => {\n registration.unregister();\n });\n }\n}\n","import React from 'react';\nimport ReactDOM from 'react-dom';\n\nimport { App } from './App';\nimport * as serviceWorker from './serviceWorker';\n\nReactDOM.render(, document.getElementById('root'));\n\n// If you want your app to work offline and load faster, you can change\n// unregister() to register() below. Note this comes with some pitfalls.\n// Learn more about service workers: http://bit.ly/CRA-PWA\nserviceWorker.unregister();\n"],"sourceRoot":""} \ No newline at end of file