Siku ya 32 ya Kujifunza MERN Stack
Leo nimeunda mchezo wa Snake and Ladder.
Mradi huu ulihitaji manipulation tata ya array na mantiki (logic). Nilitumia HTML5, CSS3, na Vanilla JavaScript.
Jana niliunda Rock Paper Scissors. Leo nimehamia kwenye gridi ya seli 100. Hii ilihitaji kufuatilia nafasi katika mpangilio wa kihisabati.
Hivi ndivyo nilivyouunda:
- Nilitumia loop kutengeneza gridi. Sikuandika div 100 kwa mkono (hardcode).
- Nilitumia CSS Grid kutengeneza mpangilio wa 10x10.
- Nilitumia JavaScript object kusimamia ngazi (ladders) na nyoka (snakes).
Ramani ya object hiyo inaunganisha tile ya kuanzia (trigger tile) na tile ya mwisho (destination tile). Hii inasaidia kuepuka kauli nyingi za if-else.
Mfano wa ramani:
- Ngazi: 4 hadi 14, 9 hadi 31, 28 hadi 84.
- Nyoka: 17 hadi 7, 54 hadi 34, 98 hadi 79.
Kusimamia mabadiliko ya nafasi kwenye interface inayobadilika (dynamic interface) kunanifunza mengi kuhusu state management.
Chanzo: https://dev.to/ali_hamza_589ec7b3eb6688d/day-32-of-learning-mern-stack-15o1