Fetch, Async, Wait, Promises Demo

GitHub examples covering a range of techniques for fetching API data with client-side 'vanilla' Javascript.

HTML Block vs Inline Elements

What are and where to use block and inline elements.

PHP Essentials

Get a grasp of the basics, variables through to Cookies and Sessions.

React Introduction (with Vite)

Using ReactJS for building web applications using the Vite Framework as the tech stack.

React SPA Demo

ReactJS Single Page Application demo on Plunker.

Dummy 'film' Data

Dummy 'film' data in a range of formats for all your movie database needs.

CSS / JS Snow Storm

Fun random logic for a snow storm effect. Play with the values.

The <dialog> Element

No need for plugins,<dialog> is a super streamlined way to build stylish dialogue boxes.

Node / Express / MongoDb

Guide to building applications with a NodeJS, Express backend. Covers a CRUDing application and uses EJS templating.

Javascript Objects

This Repo is designed as a teaching aid for those interesting in learning about Javascript Objects. Check the Wiki.

Javascript Introduction

GitHub repo and supporting Wiki introducing core Client Side Javascirpt concepts.

Git, GitHub and Visual Studio Code

Setting up GitHub and Visual Studio Code.

Mobile First Web Project

Follow the Wiki to put together a mobile first designed page. Uses Flexbox.

Canvas

Range of examples creating animated content with <canvas>.

SVG Shapes and Animations

SVG examples and animations with various CSS and Javascript techniques.

Core CSS Selectors

Overview of the three core CSS Selectors - HTML Selector, CSS Selector and the ID Selector.

HTML / CSS Guide

Learn the basics of HTML and CSS by starting with 20 key HTML Elements, and 20 Key CSS Properties.

Route Handling

Two linked Repos - one that provides NextJS RESTful Endpoints, one ReactJS Single Page Application that calls the Endpoints.

Animated Rainbow with CSS3 Keyframe

No Javascript, no libraries, just pure CSS to create an animated rainbow.

MySQL Community Server and WorkBench

Set up guide for the free community server. Managing your data via MySQL Workbench.

ReactJS Application (no backend required)

ReactJS tutorial (see the Wiki) with no backend set up.

CSS Transitions, Transforms and Filters

Range of examples using CSS to apply transitions to HTML content including transforms and filters.

Javascript DOM Game

Follow the Wiki to set up an object collecton game. Customerize as you see fit.

Dad Joke

Smilely Face from Icanhazdadjoke

Courtesy of canhazdadjoke.com