Voor Blok Tech studiejaar 20/21 wil ik meer ondersteunend studiemateriaal / promotiemateriaal maken in 'de huisstijl' van het vak die ik kan uitdelen aan studenten. Bijvoorbeeld als 'care package' tijdens de kick-off als studenten beginnen of bijvoorbeeld bij de pitch van de profilering dat ik dan bijvoorbeeld wat toffe stickers kan weggeven.
Ik heb de afgelopen jaar heel veel leuke dingen en inspiratie verzameld over materiaal wat ik zou kunnen maken maar ik kom er gewoonweg niet aan toe. Naast het ontwikkelen van de vakken zelf (inrichten van github, opdrachten verzinnen, resources zoeken etc.) heb ik gewoonweg te weinig uren om zelf hier mee aan de slag te gaan. Dus ik heb jullie hulp nodig ;)
Heb je zelf een goed idee? Let me know! Dit is alleen wat ik heb verzonnen maar misschien heb je zelf ook nog wat tofs wat je wilt maken.
Zelf dacht ik aan onderstaande materialen. De interpretatie is vrij dus je mag overal je eigen draai aan te geven. Bij elke deliverable heb ik wat voorbeelden geplaatst die ter inspiratie kunnen doen.
Je hoeft niks voor de bootcamp te maken, die gaat vanaf volgend studiejaar niet meer bestaan. Alle stof van de bootcamp gaat naar het vak front-end toe.
Het gaat me er vooral om dat het materiaal in de 'huisstijl' is van Block Tech. Dus wat er al staat zou je als uitgangspunt kunnen nemen, vooral de kleuren wil ik behouden.
- Front-end (geel van JS logo) = #FFF224
- Back-end (groen van Node.js logo) = #47ff47
- Project-tech (rood van dating) = #FE2F47
- Block-tech (blauw want reasons?) = #512FFE
We gebruiken courier new als monospaced font maar ook die kan misschien een update gebruiken. Wellicht Fira Code of ander open-source monospaced font wat wel goed leesbaar blijft?
Dus als je materiaal maakt voor een specifiek vak, graag de juiste kleur daarvoor gebruiken.
Verder, ga los! Als er iconen moet komen voor iets, je wilt eens experimenteren met een ander fontje. Je hebt een goed idee voor een toevoeging voor de huisstijl? Ga ervoor!
Spreek je uit als 'zienes' niet 'zijnes', komt van maga'zine' :) Zines zijn kleine 'boekjes' die je vaak zelf kunt printen met je eigen printer. Bijvoorbeeld 2 a4'tjes die je vouwt, nietje erdoorheen en dan heb je een boekje. Dit lijkt me leuk geprint materiaal om uit te delen zodat studenten (naast de slides)
Onderwerpen:
- Zine over Client versus server (back-end)
- Zine over het concept van templating en templating engines (back-end)
- Zine over HTTP (request / response) (back-end)
- Zine over GitHub flow, PR's Issues, pulls etc. (project-tech)
- Zine over GitHub commits, branches etc. (project-tech)
- Zine over samenwerken op Github, branches etc. (project-tech)
- Zine over Markdown en goede readme's schrijven. (project-tech)
- Zine over Local machine customizen editor, terminal etc. (project-tech)
- Zine over JavaScript concepten; hoisting, closues. (front-end)
- Maak er zelf een over een onderwerp van de vakken?
Deliverable:
Tool waar je zelf het meest comfortabel mee voelt. Figma is prima of misschien meer indesign of illustrator. Als het uiteindelijk maar een .pdf wordt en ik later zelf de tekst kan aanpassen.
Voorbeelden:
Zines zijn wellicht meer verhaaltjes met uitleg over onderliggende concepten. Cheat sheets zijn samenvatting van commando's. Bijvoorbeeld alle commando's die je in de terminal kunt invoeren.
Onderwerpen:
- Git commando's (project-tech)
- MongoDB connectie, update, push etc. (back-end)
- NPM cheat sheet. devdep versus dep, flags etc. (back-end)
- Commando's in de terminal (project-tech)
- Markdown cheat sheet met .md syntax (project-tech)
- ES5 versus ES6 verschillen bijv. arrow vs normale functie (front-end)
- Maak er zelf een over een onderwerp van de vakken?
Deliverable
Tool waar je zelf het meest comfortabel mee voelt. Figma is prima of misschien meer indesign of illustrator. Als het uiteindelijk maar een .pdf wordt en ik later zelf de tekst kan aanpassen.
Voorbeelden:
- https://www.atlassian.com/git/tutorials/atlassian-git-cheatsheet
- https://github.github.com/training-kit/downloads/github-git-cheat-sheet.pdf
- https://education.github.com/git-cheat-sheet-education.pdf
- https://gist.github.com/poopsplat/7195274
Deze spreken denk ik voor zich! Toffe developer stickers die ik kan uitdelen. Mogen een soort van 'badges' zijn die ik kan uitdelen als iemand iets tofs heeft gedaan of meer 'grapjes' en 'memes'.
Onderwerpen:
- PR King and Queen, voor studenten die veel PR's etc. maken
- GitHub master, voor iemand die zijn team helpt
- Programming memes, zie reddit voor inspiratie
Najah ga zo maar door ik zou zeggen ga hier los mee. Er zijn vast toffe om te verzinnen.
Voorbeelden:
- https://www.reddit.com/r/ProgrammerHumor/
- https://www.cyberspace.builders/en/stickers
- http://www.draplin.com/1998/01/ddc100_pretty_much_everything_up_to_oct_11_2013_poster.html
- https://www.stickermule.com/
- https://bos.af/
Ik wil de screencasts (video's) uitbreiden, ik ga er aankomend studiejaar meer opnemen. Die ga ik waarschijnlijk op Youtube plaatsen en voor dat kanaal heb ik een banner, profielfoto en thumbnails voor de video's nodig.
Deliverable
Het lijkt me het handigst dat er voor elk vak (project, back-end, front-end in de correspondere kleur) een template is waar ik de titel en een plaatje / screenshot in kan uploaden.
Voorbeelden:
- https://www.youtube.com/user/wesbos
- https://frontntweaks.com/wp-content/uploads/2019/06/scrimbaC650.png
Naast het ontwerp van het youtube kanaal ben ik ook opzoek naar een intro, lower-thirds, animerende logo's etc. die ik in de screencasts kan gebruiken.
Deliverable
.mp4 files en de originele bronbestanden in bijvoorbeeld after effects of premiere
Voorbeelden:
- https://www.youtube.com/user/wesbos
- https://www.youtube.com/watch?v=sJhhLvW-Xvg&list=PLqGj3iMvMa4KeBN2krBtcO3U90_7SOl-A
Als je verder goed bent in het editten van video's kan je daar een extra SRP voor verdienen. Ik ben ook nog opzoek naar iemand die de video's die ik heb geschoten wilt bewerken.
Ik zou zeggen wellicht willen jullie met elkaar een team vormen en onderling verdelen wie wat wilt doen. We kunnen vooraf natuurlijk ook nog met elkaar bellen om af te stemmen.
- SRP is 28 uur werk dus hou je uren bij in een excel of tekst bestandje.
- Laten we op de helft (na 14 uur) een keer kijken hoe het ervoor staat en dan kan ik nog feedback geven.
- Je mag er in de vakantie wat mij betreft aan werken of anders in blok 1. Voor blok 2 moet het materiaal afzijn omdat ik dan het vak ga inrichten.
Als je niet precies weet wat prioriteit heeft of niet alles kan doen. Overleg even met me wat handig is!
Danny de Vries (docent web development) / d.de.vries4@hva.nl / 06 41 02 52 62