Vi gick igenom hur man kan angripa en problemställning genom att bryta ner vår för Guess My Number’s ”roadmap” till olika steg vi behöver göra för att uppnå varje mål i roadmap:en.
Man kan så klart lika väl använda sig av punktlistor, där man börjar på en hög nivå och sen för varje punkt gör underpunkter med mindre steg, tills man är nere på tydliga, hanterbara delproblem.
Om punktlistor känns för fyrkantiga så kan man också använda sig av flödesdiagram (Flow Charts), där man ritar pilar mellan olika states, actions och conditionals.
Några exempel på flödesscheman:
GitHub repository
https://github.com/drblue/fed19-javascript-1/tree/lesson-10/
Workshop
Ni testade att göra ett eget Flow Chart för en ospecifik ”bildgalleri”-lösning, där vi vill visa en bild i större format när man klickar på en tumnagel.
Därefter gjorde vi ett flödesschema tillsammans, och ni fick i uppgift att skriva JavaScript-koden för att lightbox:en ska fungera.
Till nästa lektion
Gör ovan workshop.