Over troos.nl
Deze website is van Tim. Hier gebeurt niet zoveel. Er stond eerst een demo van de ngtr-calendar en wat links naar andere websites. De website was eerst ook een angular-2 project. Vooral omdat het dan makkelijker is om een demo van de kalender weer te geven.
Het trainings-logboek bevond zich ook in een subdomein van deze website: logboek.troos.nl, maar staat ondertussen gehost bij Nodechef. Daar is het makkelijker om een NodeJS website met een database te hosten. Deze website wordt daarom vooral gebruikt voor de domeinnaam het doorlinken naar deze websites. Deze website zelf is gekoppeld aan een andere instantie: fly.io. Het originele adres is https://troos-nl.fly.dev/. Ik denk er over om het logboek hier ook heen te verplaatsen.
Op deze site wordt vooral wat aangehannest. Vooral met styling, die is al een aantal keren verandert. In het verleden heb ik gebruik gemaakt van Bootstrap, Bulma en van 98.css. Van Bulma maakt de demo van de ngtr-calendar nog steeds gebruik. Deze site maakt ook gebruik van een Google Font. We gebruiken het 'Fira Code' font.
Berekeningen
Sommige mensen kunnen niet rekenen. Ik noem geen namen, maar deze personen kunnen soms wel wat hulp gebruiken. Voor zo'n persoon heb ik de omrekenen-pagina en de verdunnings-berekenings-pagina gemaakt.
Het weer & fractals
De weer-pagina en de recursion/fractal-pagina's zijn dingetjes geweest om even te proberen. De weerpagina's om eea uit te proberen met Remix. Met andere frameworks als Vue, Ember, React en Svelte heb ik dat ook gedaan, maar die staan niet online. De fractal-pagina is het resultaat van proberen wat te doen met Recursie om te tekenen op een <canvas> -element mbv JavaScript. De boom is ontstaan door er af en toe wat random getallen in te prakken.
logboek.troos.nl
Het logboek is een project geweest om wat ervaring te krijgen met het ontwikkelen van websites. Intussen is het een Remix.run- & React-project, maar er zijn verschillende versies geweest met verschillende methodes om wat meer over deze methodes te leren. De oudere versies zijn niet meer terug te vinden, en dat houden we zo.
| |
| HTML, CSS, PHP, JS | Eerste probeersel met een logboek op basis van een gedeelde Google-spreadsheet. |
|---|
| jQuery | Een verbeterde versie van het voorgaande logboek, nu met jQuery. |
|---|
| ASP.NET Core | Hetzelfde logboek, maar dan met een Azure database en host. |
|---|
| VueJS | De database blijft dezelfde, maar de UI is nu met VueJS gemaakt om met een JS-framework te oefenen. We gebruiken ook Bulma voor de styling. |
|---|
| Angular | Het logboek omgezet naar Angular om meer te doen met TypeScript en NPM. |
|---|
| Remix | Het logboek omgezet naar Remix Applicatie om gebruik te maken van React en een nieuwe manier van werken met NodeJS en server-side rendering. Ook gebruikt het logboek vanaf nu TailwindCSS. |
|---|
Op dit moment is er 1 groep op het logboek. Dat zijn de "Loon Masters Amsterdam". In het verleden heeft ook "Schaatsteam Loon", "Team Skate4Air" en "Team GoBAD" gebruik gemaakt van het logboek.
Er zijn ook verschillende pogingen gedaan om het logboek als app te kunnen gebruiken. Een keer voor iOS en ook voor Android. Later ook nogmaals met behulp van Xamarin, maar verder is bij pogingen gebleven. Leuk om een keer uit te proberen. Nu de website van het logboek aardig responsive is geworden, is het ook niet meer nodig. Een aantal gebruikers vult het logboek al op mobiel in.
ngtr-calendar
De ngtr-calendar, zoals de package op NPM heet, is een project om te oefenen met het maken van packages voor NPM en die ook te kunnen gebruiken. het voorbeeld staat op het subdomein calendar.troos.nl. Het project zelf staat ook op GitHub, maar dat is een private pagina. Niet iedereen hoeft mijn gepruts te zien.
Hiervan zijn ook verschillende versies geweest en ik denk dat ze allemaal een verbetering zijn op de voorgaande. Voor zover ik weet ben ik de enige gebruiker ervan. Hij staat vooral online omdat ik hem ook gebruik voor Loon. Inmiddels zijn we overgestapt naar React voor Loon, dus hebben we deze package niet meer nodig.
Ik ben ermee begonnen omdat ik vanuit werk een agenda-achtige functionaliteit op een website nodig had. Dat was de eerste versie, en die moest ook Internet Explorer (niet Edge) ondersteunen. Daarvan zijn nog steeds restanten te vinden. Na een vergadering leek het ons ook handig om deze agenda op een totaal andere plek te gebruiken. Copy-Paste was niet de makkelijkste actie, dus we hebben er een package van gemaakt.
En verder
Daarnaast heb ik nog wat websites voor anderen in elkaar geflanst. Ook daarmee heb ik lekker lopen oefenen op dingen. Er zijn er nog een paar die nog bestaan.
- goliathbouw.nl: De website van David.
- teamgobad.nl: De website van een schaatsteam waar ik training gaf.
- schaatsteamloon.nl: De website van een ander schaatsteam.
Er zijn nog wat plannen voor andere websites geweest, maar die zijn niet allemaal van de grond gekomen.