Repo for Web App From Scratch course @ HvA Minor Web Development
Deze repo bevat de SPA voor het vak Web App From Scratch van de HvA Minor Web Development. In deze repo vind je onder anderen de code van de opdrachten, research naar libraries/frameworks en bronnen.
De gebruiker kan met de webapplicatie zoeken naar stickers of GIFS. Deze afbeeldingen worden dan live opgehaald uit de Giphy API.
Gebruik de zoekbalk om te zoeken naar een onderwerp. Selecteer of je GIFs of stickers te zien wilt krijgen en klik op het vergrootglas.
- Nieuw design
- Switchen naar andere API, namelijk PopKey, voor meer mogelijkheden https://api.popkey.co/
- Trending view/populaire zoektermen
- Meer details per GIFs
==========================================================
- Lastiger debuggen omdat je niet exact weet wat er precies mis gaat binnen het framework/library
- Ze kunnen groot zijn en veel onnodige code (code, die het project niet nodig heeft)
- Traagheid, het kan een extra last voor de server zijn
- Je leert zelf (vaak) niet wat er exact gebeurt omdat het framework het voor je doet
- Hoge leercurve van sommige frameworks
- Kan luiheid veroorzaken, geen zin meer om vanilla code te schrijven
- Gebondenheid, lastig af te stappen van het framework
- Je bent afhankelijk van de developer/het team dat het framework onderhoudt
- Formaat van de meeste frontend libraries zijn vaak niet geschikt voor mobiele apparaten = traagheid
- Lastig aan te passen aan eigen wensen
- Er zijn er veel te veel
- Sommige libraries/frameworks zijn afhankelijk van andere libraries/frameworks
- Het opzetten van een werkomgeving kan een stuk meer tijd kosten
- De support voor een bepaalde library/framework kan plots stoppen en wordt niet meer geupdate
- Kan het opzetten van een project aanzienlijk versnellen en makkelijker maken
- De populairste libraries/frameworks beschikken over uitgebreide documentatie
- De populairste libraries/frameworks zijn uitgebreid getest
- Je hoeft niet meer na te denken over kleine zake, en focussen op de logica achter de applicatie
- Je hoeft het wiel niet meer opnieuw uit te vinden
- Een goede library kan heel snel en veilig zijn
- Cross-browser compatibiliteit zit bijna altijd ingebakken
- https://davidwalsh.name/6-reasons-to-use-javascript-libraries-frameworks
- https://www.qdigitalstudio.com/library/the-pros-and-cons-of-using-a-front-end-framework
- Kan een tragere pageload veroorzaken omdat de complete code eerst geladen moet worden voordat er iets op het scherm verschijnt
- Omdat je met page states werkt kunnen bepaalde browser functies (reload, terug, vooruit) niet meer werken (vooral in oudere browsers)
- Kan nog wel eens voor SEO problemen zorgen, hoewel dit redelijk opgevangen wordt door moderne frameworks
- Javascript afhankelijk (sommige gebruikers hebben dit uit staan)
- Veel meer kennis van JavaScript vereist
- Afhankelijk van libraries/frameworks, inclusief de nadelen daarvan
- Complex in de ontwikkeling
- Langer ontwikkelingstraject (tijd = geld)
- Kan voor verwarring zorgen bij gebruikers omdat zij het nog niet helemaal gewend zijn
- Javascript is foutgevoeliger
- Zorgt voor een gestroomlijnde user experience
- Een goed gebouwde applicatie kan zeer snel werken
- Geen page refresh, dit is uitermate geschikt voor mobiel gebruik omdat dit dataverbruik besparen kan
- Geeft ontwikkelaars/ontwerpers de mogelijkheid om zich te focussen op 1 goede en geoptimaliseerde pagina in plaats van meerdere wellicht minder goede pagina's
- Betere Google Pagerank omdat het maar 1 pagina is (hogere content dichtheid)
- Gezien single pagers nog niet de norm zijn valt het op en oogt/voelt het professioneel
- Kunnen functionaliteiten en features van moderne desktop/native mobile klasse applicaties bieden
- Betere interactiviteit omdat er direct resultaat/feedback is richting de gebruiker
- Beter schaalbaar/uitbreidbaar met nieuwe functies
- Makkelijker uit te breiden naar mobiele applicatie omdat de backend code herbruikt kan worden
- https://www.apicasystem.com/blog/speed-up-the-pros-and-cons-of-single-page-sites/
- https://www.dialogtech.com/blog/technically-speaking/technically-speaking-the-pros-and-cons-of-single-page-applications-spas
- https://www.linkedin.com/pulse/why-single-page-application-pros-cons-ravi-hamsa
- https://neoteric.eu/single-page-application-vs-multiple-page-application