Dream, Code, Blog
Hallo, welkom op het blog van de supertechnologisticexpialidocious 4BIS!
Dit is niet de plek voor jou als je op zoek bent naar schoonheidstips of recepten voor bosbessenmuffins. Je zult ook geen artikelen vinden over de top tien dingen die je kunt doen in Kathmandu of over het starten van je eigen eendenkwekerijbedrijf in Zuid-Frankrijk. En als je Fan Fiction wilt lezen of wilt leren hoe je een mooie bloemrijke deken voor je oma kunt breien, probeer het opnieuw, we kunnen je niet helpen.
Maar … als je van technologie, innovatie, kunstmatige intelligentie, gadgets, computers, progressive webapp, widgets, codeertalen en vrijwel alles wat digitaal is, houdt, dan heb je je bestemming bereikt. Op deze pagina gaan we gedetailleerde technische tutorials, samenvattingen van leuke technische evenementen die we bijwonen, software ontwikkeling op maat wat wij doen, technisch nieuws en nog veel, veel meer posten.
Dus blijf op de hoogte en lees veel plezier!
Search Console Performance Report Stuck Again (September 17 2021)
Search Console is een van de belangrijkste tools om inzicht te krijgen in de prestaties van uw website in de Google-zoekmachine. Met dagelijkse metingen kunnen we ups en downs en optimalisatieresultaten aangeven. Onze webmasters en SEO-specialisten zijn...
Deel 4 van de React Hooks serie useMemo & useCallback
Deel 4 van de ReactHooks serie! We gaan het hebben over useCallback en over useMemo. Met deze hooks kunnen we waardes of callback memoizen dit kan nuttig zijn bij zware operaties of om te zorgen dat bepaalde componenten niet altijd mee rerenderen. Zeker omdat bij kleine applicatie het vaak efficienter is om niet te optimaliseren dan wel.
Redux de Intro!
Deze week een korte introductie van de 4 basisbegrippen die je nodig hebt om Redux te begrijpen. We gaan kort uitleggen hoe state wordt aangepast in een Redux Store met behulp van Reducers en Actions. En we vertellen wat al deze begrippen doen en hoe ze werken in een Redux applicatie.
De trilogie – React Hooks deel 3 – useRef
Deel 3 al van de React Hooks serie! Deze week bespreken we de useRef hook. Een hele nuttige hook die ervoor zorgt dat we toegang kunnen krijgen tot DOM nodes of dat we data gedurende rerenders kunnen bewaren. Lees snel verder hoe je deze hook kan gebruiken.
Nieuwe Stagiair & Aanwinsten
Deze week slaan we React even over om onze nieuwe aanwinsten voor te stellen. We hebben Tom Nieuwpoort die bij ons zijn stage heeft voltooid en nu part-time voor ons aan de slag gaat. En Vince van der Zwet is begonnen aan zijn eindstage bij ons waar hij drukt bezig is om in korte tijd Symfony te leren.
React Hooks – the Sequel – Context & the Reducer
Deel 2 van de React hooks serie en deze week gaan we het hebben over useContext en useReducer. De useContext hook zorgt ervoor dat je props niet eindeloos door hoeft te geven van boven naar beneden maar dat je child componenten er direct gebruik van kunnen maken. En met de useReducer hook heb je een vervanger voor useState die beter om kan gaan met complexe state logica.
React Hooks deel 1 – State & Effect
React Hooks een relatief nieuw maar populaire feature van React Het is gekomen met React v 16.8 en zorgt ervoor dat we een groot deel van de functionaliteit van Class Based components in functional components kunnen gebruiken. In het eerste deel van dit artikel ga ik vertellen over de meest gebruikte useEffect en useState.
Nieuw Jaar & Nieuwe Projecten
De beste wensen iedereen laten en we hopen dat 2021 een stuk beter wordt wij zijn met vliegende start vertrokken. 2 van onze stagiare’s hebben succesvol hun stage afgerond en de volgende staat al in de startblokken. We zijn bezig met FoodieBag, toegangkelijkheid en ExpertClass kortom een hoop spannende projecten.
Fijne Dagen & een Gelukkig Nieuwjaar
Deze week deel ik niet het laatste tech nieuwtje met jullie maar wil ik iedereen in deze moeilijke tijden ondanks alle maatregelen een hele fijne Kerst toe wensen en alvast een Heel gelukkig Nieuw Jaar.
Functional Components vs. Class Based Components
Functional VS Class Based Components, deze week ga ik laten zien hoe je met deze twee verschillende manieren een component kan maken in React en wat de grote verschillen er tussen zijn. En waarom functional components in populariteit aan het stijgen zijn.
Maak je eigen plugin in WordPress
We hebben jullie al een keer meegenomen in de wondere wereld van WordPress plugins. Deze week gaan ik uitleggen hoe je zelf een plugin kan maken aan de hand van een klein voorbeeld. Ik ga je laten zien hoe je een kleine plugin kan maken die bootstrap functionaliteit toevoegt aan je website.
4BIS Bijna Winter Nieuws
Deze week weer een nieuwsflits waar we even kort vertellen wat we allmaal gedaan hebben de afgelopen tijd. We hebben Digital Signature Generator V2.0, onze nieuwe stagiare Tom Nieuwenpoort, synoniemengenerator en een nieuwe feature op onze customer portal statistieken opzoeken. Ook ga ik vertellen over een aantal leuke projecten die er aan zitten te komen.
PHP 8.0 Just In Time with Attributes and much more
Nog heel even wachten en dan komt de nieuwe versie van PHP uit versie 8.0. Deze brengt een hoop leuke nieuwe functies met zich mee zoals de JIT compiler, Union Types, en attributen. Deze 3 dingen ga ik kort even bespreken zodat je een idee krijgt wat de komende versie allemaal met zich mee brengt.
How to Graphic in HTML!
We hebben het in eerdere artikelen al eerder gehad over ontwikkelen met canvas en SVG, beiden zijn waarschijnlijk technische termen die je wel eens voorbij hebt horen komen. Met deze 2 technieken kunnen hele leuke dynamische elementen gemaakt worden van interactieve digitale map tot complete online spelletjes.
4BIS WordPress Plugin Intro Demo Maker
Is jouw website te onoverzichtelijk? Heb jij het gevoel dat je bezoekers niet weten waar ze op je website heen kunnen gaan? Dan hebben wij de ideale plugin voor jou gemaakt.
De 4BIS Intro Demo Maker plugin geeft je de mogelijkheid om een mooie rondleiding, in een klein of groot aantal stappen, over je webpagina te geven. Hiermee weten klanten in een paar seconden wat ze op jouw website kunnen doen.
Symfony vs WordPress
Symfony en WordPress 2 verschillende systemen maar toch zijn er ook genoeg overeenkomsten in dit artikel ga ik een paar voorbeelden geven. Symfony heeft veel meer bundles dan wordpress plugins heeft. Symfony is flexiblerer terwijl wordpress makkelijker te gebruiken is. Symfony is voor performence en wordpress voor gemak. Wil je sneller een website maken gebruik dan WordPress maar voor een website met betere datastructuren gebruik je Symfony.
Nieuwe website beginnnen? Waar moet je op letten?
Een nieuwe website beginnen kan een spannend en uitdagend traject zijn. Daarom wil ik je in dit artikel een paar tips & tricks geven waar je op moet letten tijdens het hele traject. Ik ga het onder andere kort hebben over functioneel ontwerp/ website structuur/ functionaliteit/ conversie rates en mobile first op die manier kom je niet voor verassingen te staan.
Ping-Pongend het weekend in!
Deze week weer is wat anders geen nieuws bericht of een in-depth artikel over een nieuwe feature van een programmeertaal maar een fun artikeltje over hoe je je eigen spelletje kan maken. We maken hierbij gebruik van canvas en javascript. Het schermpje met de vallende code op onze homepagina was erg leuk maar ik vond het tijd voor iets nieuws daarom dacht ik we zetten er een spelletje neer.
Releases & Leuk Nieuws!
Afgelopen week hebben een aantal leuke projecten afgerond waar ik jullie wat meer over ga vertellen. We hebben de StyleMathôt website af en live gezet. We hebben styletranfer afgemaakt een webdav interface waar klantnen van StyleMathôt hun bestanden kunnen droppen. We hebben de eerste versie van de Nationale Netwerk Agenda af het eindpunt voor alles wat met ondernemers netwerken te maken heeft. En onze stagiare heeft een interface gemaakt voor onze URL shortener. Heel veel spannende ontwikkelingen dus!
CSS Het palet voor je website
Alles wat je op een website ziet wordt vormgegeven door Cascading Style Sheets. Het is samen met JavaScript en HTML een van de pilaren van web development. Daarom vond ik het tijd worden om eens uit te leggen wat CSS nou eigenlijk is. Daarnaast heb ik een aantal voorbeeldjes uitgekozen om te showcasen wat je allemaal met CSS kan doen. Zo hebben we een bubble animatie, een loading animatie en een van de nuttigste frameworks; Bootstrap!