Front end webbutvecklare 400 YH-poäng - Grit Academy
(2023-2025)
FE23 | JavaSript 1
Du ska skapa en webbsida med hjälp av The Movie DataBase där man kan se vilka filmer som är högst rankade och mest populära just nu. Man ska även kunna söka på en film eller en person för att se mer information om den. Som en väldigt förenklad version av IMdB.
- Välja att se en lista med de tio högst rankade filmerna just nu. (Top rated)
- Välja att se en lista med de tio mest populära filmerna just nu. (Popular)
- Söka på en person eller en film med fri text. (Movie / Person)
Sökresultaten ska minst innehålla följande Listor med filmer ska visa 10 stycken där varje film ska visa
- Bild
- Titel
- Release date
Sökresultat för film ska visa lika många filmer som finns i resultatet. För varje film ska följande visas
- Bild
- Titel
- Release date
- Beskrivning
Sökresultat för person ska visa lika många personer som finns i resultatet. För varje person ska följande visas:
- Bild
- Namn
- Avdelning hen är känd för (Acting / directing / editing mm)
- Lista med TV och Filmer som hen är mest känd för. Det ska tydligt visas vad som är en film och vad som är en tv-serie.
- Ex: Movie: titel, TV: titel, TV: titel
Error-meddelande ska visa minst följande
- Om användaren kan göra någonting åt felet ska användaren bli meddelad om detta.
- Vid alla andra error räcker det med att användaren får veta att något gått fel.
Du behöver använda
- The Movie DataBase API:et. Se instruktioner här.
- Minst ett JavaScript-bibliotek. Du väljer själv vilket. Det kan vara något av de 3 som vi gått igenom under kursen eller något helt nytt.
- JavaScript på ett lämpligt sätt som du har lärt dig under kursen.
- Form och inputs på korrekt sätt.
- Rule of separation. Dvs ingen JS eller CSS i html-filer. I JS-filerna, behöver du ändra stylingen på något element, använder du dig av klasser och definierar klassernas stilregler i CSS-filer.
- Koden samt alla filer i projektet vara lätt att hitta i. Dvs allt ska vara organiserat och namngivet på ett sätt som gör det lätt att hitta specifika delar av koden.
- Koden vara lätt att få en överblick över.
- Koden upprepas så lite som möjligt.
- Koden vara lätt att bygga vidare på. Dvs om jag vill lägga till ytterligare funktionalitet behöver jag skriva om delar av koden eller kan jag använda det som redan finns och skriva ny kod som läggs till?