MansourM61

Perl Project Setup

Install Perl and Perlbrew

Windows OS

There are two options to install Perl:

1. ActiveState Perl: ActiveState offers both a free community version and a commercially supported binary distribution of Perl for Win32 and Perl for Win64.
2. Strawberry Perl: A 100% Open Source Perl for Windows that is exactly the same as Perl everywhere else; this includes using modules from CPAN, without the need for binary packages.

MansourM61

Ruby Project Setup

A useful guide to start with is found here.

Install rbenv and ruby

UNIX OS

1. Install rbenv
2. Check the available versions of Ruby:

MansourM61

Python Project Setup

Install UV

UNIX OS

To install:

curl -LsSf https://astral.sh/uv/install.sh | sh

MansourM61

HTMX and Alpine.js Project Setup

• HTMX and Alpine.js Project Setup
  • Hono-Based Setup
    • Project Setup
    • Add a Page Using JSX Notation
    • Add a Page Using Flat HTML
    • Add a Page Using handlebars
  • Vite-Based Setup
    • Project Setup

MansourM61

HTMX Project Setup

• HTMX Project Setup
  • Project Setup
  • Add a Page Using express-handlebars
  • Add a Page Using handlebars
  • Add a Page Using Template Literals

htmx is a small, free-dependency library that gives access to AJAX, CSS Transitions, WebSockets and Server Sent Events directly in HTML, using attributes.

MansourM61

TanStack

• TanStack
  • TanStack Virtual
    • Fixed-Size Contents
    • Variable-Size Contents
    • Dynamic Size Contents
    • Window-Scrolled Contents
  • TanStack Pacer
    • Debouncing

MansourM61

Table

• Table
  • TanStack Table
    • Table with Sorting and Formatting
    • Global and Column Filtering
    • Table with Pagination
    • Table with Row Selection
    • Table with Column Ordering and Hiding

MansourM61

Client Fetching

• Client Fetching
  • Native fetch
    • Fetching Data (GET)
    • Sending Data (POST)
  • AXIOS
  • upfetch
    • Fetching Data
    • Sending Data

MansourM61

Query

• Query
  • Vanilla Query
    • GET Operation on Mount
    • GET Operation on Demand
  • TANSTACK Query
    • TANQ Setup
    • Automatic GET Operation
• GET Operation on Demand

MansourM61

Alpine.js Project Setup

• Alpine.js Project Setup
  • Vanilla Code
    • Setup the Project
    • Adding Component
      • index.html
      • src/main.ts
      • src/components/comp.html
• src/components/comp.ts