John Dewey College. Anders, maar ook gewoon superleuk!
Welkom op
John Dewey College
Zien wat anderen niet zien,
dat kan niet iedereen!
Straks ga jij naar de middelbare en zoek je misschien wel een middelbare school die écht anders is. Waar leren niet draait om toetsen, maar om jouw nieuwsgierigheid, samenwerken met vrienden en heel veel ontdekken: Project Based Learning
Bij John Dewey College werk je aan actuele thema’s als AI en duurzaamheid, bouw je mee aan de toekomst van je stad en leer je ondertussen alle vakken die nodig zijn. Je presenteert ideeën, werkt met nieuwe tools en hebt vooral heel veel plezier met klasgenoten en docenten. Dus ben jij nieuwsgierig, creatief en een beetje eigenwijs? Dan is John Dewey College helemaal jouw plek.
Doe mee aan een proefles, kom naar de Open Dag of meld je aan voor de informatieavond.





Project based learning,
wat is dat!
Nieuwsgierigheid en creativiteit staan centraal op het John Dewey College. Je zou kunnen zeggen dat het onze leerlingen verbindt . Hier voelt leren echt anders: het bruist op onze school, vakken lopen in elkaar over en je leert door te doen en te ervaren. In projecten van 7 tot 8 weken werk je samen aan actuele thema’s, doet onderzoek, stelt vragen, bezoekt bedrijven en presenteert je eigen ideeën.
Zo ontdek je hoe kennis en vaardigheden samenkomen en leren écht betekenis krijgt. Geen losse hoofdstukken of toetsen, maar een leeravontuur vol samenwerking, creativiteit en plezier. Op het John Dewey College is iedere schooldag een hele leuke ervaring.
Een greep uit jouw agenda
08:30
Opstart
09:30
Wiskunde
12:45
Project
12:00
Pauze
Onze projecten
Onze school saai en voorspelbaar? Nee, dan ben je bij het John Dewey College aan het verkeerde adres. Iedere 6 weken start jij met een nieuw project. Van meebouwen aan je eigen stad tot aan het bedenken van jouw gezonde recept. Ontdek snel welke projecten er straks op jou te wachten staan als jij kiest voor John Dewey College.
FAQ IMAGE BEHAVIOR — EXPLAINER
Each FAQ accordion item is linked to one image. When the user opens or closes an accordion item, the script shows or hides the correct image by toggling a CSS class.
HOW IMAGES ARE CONNECTED
• Each .accordion-item includes a data-image attribute that points to the matching image ID, for example:
<div class="accordion-item" data-image="#faq-img-2">...</div>
• Each image has the class .faq_image and a unique ID, for example:
<img id="faq-img-2" class="faq_image" src="img2.jpg" alt="">
HOW THE SCRIPT WORKS
1. When an accordion item opens:
• The script reads the data-image attribute from the active item.
• It removes the .visible class from all .faq_image elements to hide them.
• It then adds .visible to the linked image, making it fade in.
2. When the active item closes:
• The .visible class is removed, hiding that image.
• If no item is open, the script automatically reopens item 1, ensuring image 1 is shown again.
CSS SHOW / HIDE LOGIC
• All .faq_image elements are layered on top of each other with position: absolute.
• By default, images are hidden with opacity: 0 and pointer-events: none.
• When .visible is added, the image fades in with opacity: 1 and transform: scale(1) for a smooth zoom-in effect.
• When .visible is removed, it fades back out and slightly scales down.
RESULT
At any moment, only one image is visible — always matching the open accordion item.
The transition between images is smooth and handled entirely through CSS with a simple class toggle in JavaScript.
Lekker én Gezond
Verhalen van Vroeger
Stad van de Toekomst
Kringloopketens




Waarom onze leerlingen zo enthousiast zijn over PBL?
Yara & Jadey
Bij ons op school hebben we geen toetsweken en krijgen we geen cijfers, zoals op andere scholen. Onze docenten besteden hun tijd aan ons in plaats van aan nakijken. Zo leren ze ons echt goed kennen en weten ze wat we nodig hebben om op het juiste tempo te blijven leren. Hoe fijn is dat?
Corné
Op John Dewey hebben we iets langere dagen dan op veel andere scholen. Dat klinkt misschien niet zo fijn, maar dat is het wel! Bij ons ben je namelijk helemaal klaar als je naar huis gaat. Huiswerk hebben we hier bijna niet. En als je toch nog even wil of moet doorleren, dan kan je gewoon op school blijven en word je geholpen door de docenten.
Shawn
Onze school is supergezellig. Al in mijn eerste weken heb ik veel vrienden gemaakt. Dat komt vooral doordat we hier op John Dewey College veel met elkaar samenwerken (en heel veel lachen). Ik zou mij eigenlijk niet kunnen voorstellen om op een andere middelbare school te zitten. Ik had het niet gedacht, maar ik ga iedere dag echt met plezier naar school.
Zsayelle & Solana
Wat ik het allerleukste vind aan John Dewey College zijn natuurlijk de projecten. Je werkt lang niet alleen uit een boek, maar vooral met elkaar samen aan uitdagende vraagstukken. Zo leer je alle vakken zonder dat je het doorhebt. Soms ben je aan het onderzoeken, soms juist creatief bezig of je staat voor de klas om je idee te presenteren. Het voelt elke keer alsof je aan iets werkt dat ertoe doet. En het is nooit saai, want elk project is weer anders.
Yara & Jadey
Bij ons op school hebben we geen toetsweken en krijgen we geen cijfers, zoals op andere scholen. Onze docenten besteden hun tijd aan ons in plaats van aan nakijken. Zo leren ze ons echt goed kennen en weten ze wat we nodig hebben om op het juiste tempo te blijven leren. Hoe fijn is dat?
Corné
Op John Dewey hebben we iets langere dagen dan op veel andere scholen. Dat klinkt misschien niet zo fijn, maar dat is het wel! Bij ons ben je namelijk helemaal klaar als je naar huis gaat. Huiswerk hebben we hier bijna niet, ook bijna geen boeken trouwens. En als je toch nog even wil doorleren, dan kan je gewoon op school blijven en word je geholpen door de docenten, die zijn er altijd voor je. Het is superfijn dat je ze vragen kan stellen als je iets niet begrijpt.
Shawn
Onze school is supergezellig. Al in mijn eerste weken heb ik veel vrienden gemaakt. Dat komt vooral doordat we hier op John Dewey College veel met elkaar samenwerken (en heel veel lachen). Ik zou mij eigenlijk niet kunnen voorstellen om op een andere middelbare school te zitten. Ik had het niet gedacht, maar ik ga iedere dag echt met plezier naar school.
Zsayelle & Solana
Wat ik het allerleukste vind aan John Dewey College zijn natuurlijk de projecten. Je werkt lang niet alleen uit een boek, maar vooral met elkaar samen aan uitdagende vraagstukken. Zo leer je alle vakken zonder dat je het doorhebt. Soms ben je aan het onderzoeken, soms juist creatief bezig of je staat voor de klas om je idee te presenteren. Het voelt elke keer alsof je aan iets werkt dat ertoe doet. En het is nooit saai, want elk project is weer anders.
Kennismaken?
Als je je aanmeldt voor een activiteit, dan sturen we je een paar dagen van tevoren een herinnering. Naast de activiteiten, bestaat de mogelijkheid om kennis te maken met de school tijdens een persoonlijk gesprek. Neem hiervoor contact op met
Niels van Pelt | n.vanpelt@johndeweycollege.nl
Gert-Jan Kloos | g.kloos@johndeweycollege.nl
Zien we jullie snel tijdens een van onderstaande dagen?
Basisscholen die met een groep(je) leerlingen langs willen komen, kunnen contact opnemen met Gert-Jan Kloos
Gert-Jan Kloos | g.kloos@johndeweycollege.nl
Veelgestelde vragen
FAQ IMAGE BEHAVIOR — EXPLAINER
Each FAQ accordion item is linked to one image. When the user opens or closes an accordion item, the script shows or hides the correct image by toggling a CSS class.
HOW IMAGES ARE CONNECTED
• Each .accordion-item includes a data-image attribute that points to the matching image ID, for example:
<div class="accordion-item" data-image="#faq-img-2">...</div>
• Each image has the class .faq_image and a unique ID, for example:
<img id="faq-img-2" class="faq_image" src="img2.jpg" alt="">
HOW THE SCRIPT WORKS
1. When an accordion item opens:
• The script reads the data-image attribute from the active item.
• It removes the .visible class from all .faq_image elements to hide them.
• It then adds .visible to the linked image, making it fade in.
2. When the active item closes:
• The .visible class is removed, hiding that image.
• If no item is open, the script automatically reopens item 1, ensuring image 1 is shown again.
CSS SHOW / HIDE LOGIC
• All .faq_image elements are layered on top of each other with position: absolute.
• By default, images are hidden with opacity: 0 and pointer-events: none.
• When .visible is added, the image fades in with opacity: 1 and transform: scale(1) for a smooth zoom-in effect.
• When .visible is removed, it fades back out and slightly scales down.
RESULT
At any moment, only one image is visible — always matching the open accordion item.
The transition between images is smooth and handled entirely through CSS with a simple class toggle in JavaScript.





