Activitat pel worckshop de HTML, CSS i JS de JEDI de 2018 a la FIB.
-
Intro: [20min]
- Preguntar que saben de HTML, CSS i JS.
- Explicar que tindrem 3 arxius, i que fa cada un.
- Explicar que volem fer i dir l'objectiu: entendre com funciona i que es pot fer.
-
Menu simple: [20min]
- Explicar funcionament del menu simple.
- Fer HTML del menu simple.
- Fer CSS menu simple.
-
Game section: [20min]
- Explicar funcionament de game section.
- Fer HTML de game section.
- Fer CSS de game section.
-
Game implementation: [40min]
- Explicar la estrategia: JSON i esquelet.
- Programar
ChangeSongName()
i posar elsonclick=""
als inputs. - Programar
LoadGame()
sensecreationMode
.- Programar
CreateBoard()
. - Programar
StartGame()
=>MoveBoard()
,UpdateProgressBar()
iCheckStreak()
.
- Programar
- Programar els
keyEventListeners
,CheckPulsation(key)
i veure com s’apreta el boto. - Programar
EndGame()
.
-
Preguntes: [5min]
-
Creation menu: [10min]
- Explicar funcionament de creation menu.
- Explicar HTML i CSS del creation menu.
-
Creation implementation: [10min]
- Explicar funcionament de crear partides.
- Explicar canvis per poder crear partides.
-
Creation Ended Menu: [5min]
- Explicar HTML i CSS del creation ended menu.
- Explicar funcionament de mostrar la partida creada.
-
Jugar: [5min]