SpinSpire YouTube Channel

We love to share knowledge by publishing videos, tutorials, and screencasts to the SpinSpire YouTube channel. Subscribe to stay updated!

Videos with extra writeups

Playlists

Other Videos

Live coding: Chrome/Firefox extensions and userscripts in Svelte

Live coding: Chrome/Firefox extensions and userscripts in Svelte

Block page refresh/navigation in Svelte if form fields unsaved

Block page refresh/navigation in Svelte if form fields unsaved

Drupal 'component' module: part 3: using Svelte UI framework/compiler

Drupal 'component' module: part 3: using Svelte UI framework/compiler

Drupal 'component' module: part 2: custom HTML tags (web-components)

Drupal 'component' module: part 2: custom HTML tags (web-components)

Drupal 'component' module: part 1: JS apps as Blocks

Drupal 'component' module: part 1: JS apps as Blocks

docker-compose intro tutorial: full application stacks

docker-compose intro tutorial: full application stacks

docker intro tutorial: run programs in isolation (containerized)

docker intro tutorial: run programs in isolation (containerized)

tutorial: ssh tools for remote operations

tutorial: ssh tools for remote operations

tutorial: vim/vi survival guide: editor basics

tutorial: vim/vi survival guide: editor basics

common Linux commands every developer must know

common Linux commands every developer must know

Shell command line keyboarding skills for developer productivity

Shell command line keyboarding skills for developer productivity

compare Svite/Vite vs Snowpack 'unbundlers' for FAST Svelte development

compare Svite/Vite vs Snowpack 'unbundlers' for FAST Svelte development

Svelte presentation at JaxNode, August 2020

Svelte presentation at JaxNode, August 2020

svelte tab component from scratch: using slots, stores, and context

svelte tab component from scratch: using slots, stores, and context

build svelte modal dialog from scratch

build svelte modal dialog from scratch

Why learn Svelte? Business, technical, and personal reasons.

Why learn Svelte? Business, technical, and personal reasons.

How to learn Svelte? Roadmap for getting started

How to learn Svelte? Roadmap for getting started

Svelte stores for auto detecting running AJAX requests and show Spinners

Svelte stores for auto detecting running AJAX requests and show Spinners

call non-CORS REST APIs over AJAX with CORS proxy server

call non-CORS REST APIs over AJAX with CORS proxy server

live code: svelte + rollup.config + package.json step-by-step

live code: svelte + rollup.config + package.json step-by-step

live code: lazy loaded & responsive images in Svelte with svelte-image

live code: lazy loaded & responsive images in Svelte with svelte-image

Svelte reactive declarations and 'tick' synch'ing

Svelte reactive declarations and 'tick' synch'ing

Svelte Firebase realtime photo guestbook - image upload with in-browser resize

Svelte Firebase realtime photo guestbook - image upload with in-browser resize

Svelte app showing realtime Postgres data changes (GraphQL subscriptions)

Svelte app showing realtime Postgres data changes (GraphQL subscriptions)

Insanely fast mobile sites with Svelte, GraphQL and Drupal | Florida DrupalCamp 2020

Insanely fast mobile sites with Svelte, GraphQL and Drupal | Florida DrupalCamp 2020

Decoupled (headless) Drupal/GraphQL with Svelte & Sapper frontend

Decoupled (headless) Drupal/GraphQL with Svelte & Sapper frontend

Svelte live coding & demo at Jacksonville meetup

Svelte live coding & demo at Jacksonville meetup

Svelte SPA routing: Routify tutorial

Svelte SPA routing: Routify tutorial

Binding DOM to JS variables in Svelte - 'bind:this' and 'use' directives

Binding DOM to JS variables in Svelte - 'bind:this' and 'use' directives

SvelteJS tree component: recursion using 'svelte:self'

SvelteJS tree component: recursion using 'svelte:self'

React vs Svelte comparison: AJAX

React vs Svelte comparison: AJAX

Client-side (SPA) routing in Svelte

Client-side (SPA) routing in Svelte

Introduction to Svelte & Sapper - a presentation at JaxNode

Introduction to Svelte & Sapper - a presentation at JaxNode

Sapper Svelte SPA - AJAX FORM POST to create database records

Sapper Svelte SPA - AJAX FORM POST to create database records

Sapper Svelte SPA - adding MongoDB persistence

Sapper Svelte SPA - adding MongoDB persistence

Sapper Svelte SPA - starter project

Sapper Svelte SPA - starter project

Svelte: project structure and build process fully explained

Svelte: project structure and build process fully explained

Session 4 - Drupal 8+Git+composer: configuration management workflow

Session 4 - Drupal 8+Git+composer: configuration management workflow

Session 5 - Drupal 8 RESTful web services

Session 5 - Drupal 8 RESTful web services

RevealJS: Easy, beautiful presentation template in HTML

RevealJS: Easy, beautiful presentation template in HTML

ReactJS vs SvelteJS comparison by building a FileUpload component

ReactJS vs SvelteJS comparison by building a FileUpload component

Beginner's tutorial in JavaScript UI development with SvelteJS

Beginner's tutorial in JavaScript UI development with SvelteJS

ReactJS/webpack app from scratch, explaining every line of code and config

ReactJS/webpack app from scratch, explaining every line of code and config

Session 3 - JavaScript fundamentals: closures, prototypes, OOP

Session 3 - JavaScript fundamentals: closures, prototypes, OOP

Session 6 - Introduction to ReactJS

Session 6 - Introduction to ReactJS

Rich Web Applications with ReactJS and Drupal 8

Rich Web Applications with ReactJS and Drupal 8

Session 2 - Linux network configuration and troubleshooting tools

Session 2 - Linux network configuration and troubleshooting tools

Session 1 - Fundamentals of Web, Internet and TCP/IP programming

Session 1 - Fundamentals of Web, Internet and TCP/IP programming

Internet and Web Fundamentals for aspiring developers

Internet and Web Fundamentals for aspiring developers