Webdevelopment-En-Meer: webdevelopment

Posts tonen met het label webdevelopment. Alle posts tonen

juli 02, 2021

Three.js: 3D graphics met Javascript

Ik heb de laatste 2 weken wat geëxperimenteerd met three.js Three.js is een Javascript library om 3D objecten in je browser weer te geven met WebGL. Klinkt moeilijk, maar het betekent eigenlijk: je kan coole 3D stuff op websites maken. Voorbeelden daarvan kan je op de homepage van threejs.org vinden. Maar je kan er naast coole 3D effecten ook games mee maken! Het is niet een game specifieke library, maar het is wel mogelijk. Gecombineerd met bijvoorbeeld ammo.js kan je best coole games maken. Ik ben zelf momenteel bezig met een space shooter (ik zal wel een blogje posten als ie af is). Het e…

maart 06, 2021

Gamedevelopment met Phaser 3

Ik heb me na het maken van mijn game Sticks and Rocks verdiept in Phaser 3. Phaser is een framework om games te maken met HTML en Javascript. Je kan er physics, spritesheets audio en nog veel meer mee maken. Ik heb als experiment een game gemaakt genaamd CutieTanks. CutieTanks is een shoot 'em all arcade game waar de laatste die nog leeft wint. Je kan screenwrappen. Dat betekent dat als je aan de ene kant van het scherm verdwijnt, je aan de andere weer verschijnt. Je kan CutieTanks tot 4 spelers spelen, en je speelt met een controller. Je kan zelf een skin en level kiezen. Er zijn nu 3 l…

februari 20, 2021

WebDev ToolKit: tools voor web- en gamedevelopment

Ik ben begonnen met het maken van een set tools voor dingen die ik vaak gebruik bij het maken van websites en games. Zo moet ik vaak weten welke Javascript KeyCodes bij welke toets hoort, of ik moet bijvoorbeeld een kleur 25% lichter / donkerder maken. Ook moet ik weleens een kleur van hex naar rgb veranderen. Dit zijn de tools die ik tot nu toe heb. Javascript KeyCodes: https://code.geheimesite.nl/tools/keycode/ Kleuren selector: https://code.geheimesite.nl/tools/colors/ In de toekomst zal ik waarschijnlijk tools toevoegen als ik ze nodig heb. Het leek me leuk om dit even te delen. Misschie…

januari 10, 2021

Maak een inlogsysteem met DATABASE in PHP

Ik heb een hele tijd geleden een video gemaakt over het schrijven van een inlogsysteem in PHP. Ik heb nu een deel 2 gemaakt, waarin ik laat zien hoe je het aan een database kan koppelen. Daardoor kan je meerdere accounts met verschillenden rechten maken. Als je deel 1 nog niet gezien had, kan je dat hier zien: https://youtu.be/0_Sr9a0whH8 - Robin

november 06, 2020

Security patch v0.02.1-beta voor SkyLight Websitebuilder

Ik heb een securitypatch voor SkyLight websitebuilder gepubliceerd, en raad het erg aan om te updaten naar de nieuwe versie als je het programma gebruikt. Eerst werd het wachtwoord opgeslagen als platte tekst, wat natuurlijk niet echt veilig is. In deze update heb ik dat probleem aangepakt met een wachtwoord hash. Ook heb ik een bug die code-injection mogelijk maakte gefixt. Ik weet dat het lastig is om te updaten, en ik werk al aan een online updater. Als je hulp nodig hebt bij het updaten, mail me dan op robin@geheimesite.nl Je kan de download voor de patch hier vinden: https://github.com/…

juli 27, 2020

Nieuw project: Nibor

Hoi, ik ben een tijdje geleden aan een nieuw project begonnen, en het is nu in de fase waarin het redelijk werkt. Het is een virtuele assistent genaamd Nibor Virtual Assistant, of gewoon kort: Nibor. Nibor is een klein programma dat de speech-recognition API gebruikt. Je kunt hem simpele opdrachten geven, zoals: Vertel een grap. Welke dag is het? Hoe laat is het vandaag? Wat is het weer? Hij is nog niet erg slim, omdat ik nog geen goede manier heb gevonden om commando's op te slaan. Ik check nu op trefwoorden zoals "weer" of "hoe"+"laat" met if-else statem…

juni 23, 2020

Nieuwe app: Website-To-Webapp

Ik heb de laatste tijd hard gewerkt aan een nieuwe app: Website-To-Webapp. Met deze app kun je van elke website simpel een PWA maken. PWA staat voor Progressive Web App, en betekent eigenlijk dat als je een website toevoegt aan je homescherm, hij opent als app (in een apart scherm). Het voordeel van PWA’s over native apps is dat ze volledig cloud based zijn, en dus geen opslag op je telefoon in beslag nemen. Ook kan je je apps in 1 simpele taal programmeren (html, wil je er meer over weten? Bekijk dan deze tutorial) en werkt het dan voor alle platforms (iOS, Android, fireOS etc.), in plaa…

juni 21, 2020

SkyLight Website Builder v0.02-beta is af!

Een tijdje geleden (ongeveer een maand) heb ik een blogje gepost over mijn website bouwer: SkyLight Website Builder. Ik had toen net de eerste beta versie (release) af, en nu (een maand later) heb ik de tweede beta versie af. Met deze versie heb ik veel dingen toegevoegd, zoals: Het importeren zelf gemaakte van thema's Een tweede standaard thema (beschikbaar op GitHub) Menu's Wiki (voor tutorials) Een paar bugfixes in de page module About tabblad (voor versie informatie) Je kan versie twee downloaden op mijn GitHub profiel . Wees je wel bewust dat het testversies zijn, en er dus nog b…

mei 27, 2020

SkyLight Website Builder v0.01-beta beschikbaar!

Ik heb de laatste paar maanden hard gewerkt aan een nieuw project: een website bouwer. Ik heb al verschillende websitebouwers gemaakt, maar deze is anders. Ik heb de code nu ook ECHT netjes gemaakt, en gepubliceerd op GitHub. Verder heb ik dingen gemaakt als een theme interface, met een simpele API voor third-party developers. Ook heb ik betere code geschreven voor het aanmaken van pagina’s. Ik vind het erg leuk om aan dit project te werken, en ik heb veel geleerd over PHP en GitHub. Ik heb gister de eerste versie (release) gepubliceerd met de naam v0.01-beta. Het is een testversie maar je k…

maart 03, 2020

Geen voorbeeldcode Blogger API?? (PHP)

Een tijdje geleden ben ik bezig geweest met het ontwikkelen van een mobiele versie van blogger. Ik was deze webapp aan het maken in PHP. Hierbij gebruikte ik de Google APIs Client Library for PHP . Het viel me op dat er geen voorbeelden waren voor deze methode. Ik vond wel een paar lappen code, die me flink op weg hielpen, maar geen echte voorbeelden, niet eens op de officiële Blogger Developers website. Ook kon ik geen enkele tutorials vinden. Daarom heb ik mijn code op GitHub gezet, zodat er in ieder geval een beetje voorbeeldcode te vinden is op het internet. Voor geïnteresseerde, hier …

maart 03, 2020

Ik ben van code-editor geswitcht

Hai, Ik heb een hele tijd geleden een blogje gemaakt over mijn favorite code-editor: Brackets. Altans, dat was mijn favoriete editor. Ik ben namelijk naar Visual Studio Code geswitcht. De reden daarvoor is dat Visual Studio Code ingebouwde GitHub functionaliteit heeft. Daarnaast kan je door ! te typen een hele HTML pagina in een keer maken. Daarnaast vind ik de bestandsbrowser - die kolom links - beter werken. Ook heb je rechts een soort balk waarin je een voorbeeld ziet van het volledige bestand. Waar ik wel aan moest wennen is hoe de kleuren eruitzagen. Ik was heel erg gewend aan de kleure…

februari 29, 2020

Hyperlinks aan je website toevoegen

Een tutorial over het bouwen van je eerste website Veel mensen vinden het knap als je zegt dat je een website hebt gemaakt, zonder ontwerpprogramma's en die onzin, gewoon met code. Maar dat is helemaal toch niet zo lastig? In deze tutorial bouw je je eerste website, daarvoor gebruiken we de talen HTML (HyperText Markup Language), CSS (Cascading StyleSheets) en een beetje JS (JavaScript). Ik ga het proberen makkelijk te houden, maar ik zal er ook blauwe vakken in zetten, daarin ga ik verder op in de code en theorie. Ik verwacht dat je Brackets al hebt gedownload, en bestandnaamextens…

februari 29, 2020

Websites bouwen, hoe moet dat?

februari 29, 2020

Websites bouwen voor beginners.

Hallo, ik ben Robin. Ik ben 13 jaar, en toen ik 10 was, maakte ik mijn eerste website met dit boek: CoderDojo Nano - Bouw je eigen website . Ik ben inmiddels 13, en ik zit in de brugklas. In deze serie blogjes ga ik je (proberen) uit te leggen, hoe je een website kan bouwen. Ik heb veel ervaring opgedaan tijdens het maken van mijn eigen website, geheimesite.nl, en met die ervaring heb ik dit blog gemaakt. Ik hoop dat je het leuk gaat vinden, en ik wens je veel plezier bij het programmeren van je eerste website! Blijf creatief, Robin Websites bouwen, hoe moet dat? Hyperlinks aan je w…

februari 25, 2020

Zo maak je een inlogsysteem met PHP en HTML

Hallo, ik ben Robin. In deze tutorial laat ik zien hoe je een simpel inlogsysteem maakt in PHP. Voor deze video moet je wel de basisvaardigheden van PHP en HTML onder de knie hebben. Wil je leren hoe je je eerste HTML website maakt? Houd dan dit blog in de gaten, want binnenkort plaats ik een beginners handleiding HTML. Kijk voor de broncode van dit project op mijn GitHub profiel: https://github.com/RobinBoers/Inlogsysteem_PHP Hier heb je nog een lijstje handige tools bij webdevelopment en PHP: - xampp : https://www.apachefriends.org/index.html - brackets : http://brackets.io/ - vi…

juli 27, 2019

Beste code-editor: Brackets

Hey, zoals je waarschijnlijk wel weet, als je op mijn blog komt, houd ik van programmeren. Vandaag, wil ik jullie mijn favoriete code-editor laten zien: Brackets Brackets is een code-editor / IDE gemaakt door Adobe. Ze gebruiken Code Mirror om de code te kunnen highlighten. Brackets bevat een inline editor, om css en kleuren te kunnen bewerken. Dat doe je, door een element, of kleur te selecteren, en op CTRL + E te drukken. Ook kan je je scherm opdelen in 2 stukken (splitscreen). Zo kan je in twee bestanden tegelijk werken. Dat doe je door op het rechthoekige pictogram naast de bestanden…

Volg me via RSS: Posts Email notifications