modous / server-side-rendering

Ontwerp en ontwikkel een server-side website voor een opdrachtgever

Fork deze leertaak en ga aan de slag. Onderstaande outline ga je gedurende deze taak in jouw eigen GitHub omgeving uitwerken. De instructie vind je in: docs/INSTRUCTIONS.md

Titel

Boeken overzichts pagina voor de OBA waar er data uit de API wordt opgehaald.

📚Inhoudsopgave

• 👨🏼‍💼 Opdracht
• 🚀 Design challenge
• 👩🏽‍💻 Gebruik website
• ✅ Checklist
• 📱 Kenmerken

👨🏼‍💼 Opdracht

Ontwerp en ontwikkel een server-side website voor een opdrachtgever.

🚀 Design challenge

Omdat ik nog niet bekend ben met Node, Express en JSON is het voor mij een hele uitdaging om een de producten te laden uit de database. Ik heb mij daarom gefocust op het linken met de database en iets minder op de vormgeving.

👩🏽‍💻 Gebruik website

Je begint bij de homepagina van de OBA waar je een boekenoverzicht hebt. Als je op een boek klikt wordt je doorverwezen naar een aparte pagina met daarop de details van het boek.

✅ Checklist

Ik ben niet zo ver gekomen om ook nog de activiteiten te laten zien wat bij een boek hoort en ook doet mijn zoekfunctie het niet.

📱 Kenmerken

Dit project is gemaakt met Node, Express, EJS.

Wat is Node:
Node.js is een software platform waarmee ontwikkelaars JavaScript kunnen gebruiken om applicaties te bouwen die op de computer kunnen draaien, net zoals in een webbrowser. Het biedt veel handige functies en is populair vanwege de snelle en efficiënte manier waarop het met data kan omgaan.

Wat is Express:
Express is een framework voor Node.js waarmee ontwikkelaars gemakkelijk web-applicaties en API's kunnen bouwen. Het biedt veel handige tools en functies om het proces te versnellen en te vereenvoudigen, en kan worden aangepast aan de behoeften van elk project. Express is erg populair en wordt veel gebruikt in de ontwikkeling van webtoepassingen en server-side applicaties.

Wat is EJS:
EJS is een sjabloontaal waarmee ontwikkelaars dynamische HTML-pagina's kunnen maken in Node.js-applicaties. Het wordt gebruikt om variabelen, conditionele logica en herbruikbare componenten in HTML-pagina's in te voegen, waardoor het bouwen van webpagina's eenvoudiger en efficiënter wordt.

Tools

• 🖥️ Visual Studio Code

Gebruikte technieken

• 📟 HTML
• 🎨 CSS
• 🕹️ JavaScript
• 🥜 Node

Licentie

This work is licensed under GNU GPLv3.