In den frühen 2000er Jahren befand ich mich im Besitz meiner eigenen Domain und begann damit, sein Inhalt weiterzuentwickeln. Damals waren Websites eine Sammlung von Bildern, die mit digitalem Kleber von Dreamweaver zusammengeklebt waren. Heute wird die gesamte Benutzeroberfläche der Website durch codierte Eingabe generiert mittels einer HTML-Vorlage, mit CSS dekoriert und mit JavaScript animiert. Diese Seite dient als eine rückstrahlung meinen Übergang zur Webcode-Kompetenz im Jahr 2020 wider.
HTML PROJECTS
Crumb Tribute Page
The first task requested by the freeCodeCamp was to create a tribute page. I've always been fascinated by Robert's ability to capture and display personality with his drawings.
view the page
Bootstrap Survey Form
The second task requested by the freeCodeCamp was to create a survey form. The purpose being to demonstrate the variety of input fields, check boxes and radio buttons.
view the page
Technical Doc Page
The third task requested by the freeCodeCamp was technical document page. I used an article from CSS-Tricks about links and buttons in CSS which I thought would be useful.
view the page
Italki Landing Page
The fourth task requested was a product landing page. The choice of company was based on a channel YouTube had suggested to me and seemed a logical choice.
view the page
FCC Challenge Page
The fifth task requested by the freeCodeCamp was a personal portfolio page made up of the assignments created for the freeCodeCamp so far.
view the pageREACT PROJECTS
React Calculator
This task involved recreating a calculator on a HTML page. A kind of science I once thought equal to travelling to the moon involved little more than a day or two of study and input.
Quote Machine
One of the first React tasks requested by the freeCodeCamp was to create a random quote machine. Just as I was getting used to the three page solution, with React it's all rolled into one.
Drum Machine
This task involved creating a kind of drum machine using React. This task involves linking sounds to actions which serves as a reminder of how fast digital communication is today.
D3 PROJECTS
Quality Assurance: Chai testing
Issue Tracker
This task involved rendering an interactive UI for collaboration on tracking issues as the code on which to practise Chai testing.
view the page
Personal Library
This task involved rendering a UI in which one could store book titles as the code on which to practise Chai testing with MongoDB.
view the page
Sudoku Solver
This task involved writing the code which will render a UI which solves a Sudoku puzzle also for the purpose of practising Chai testing.
view the page