CuteFront

A Qt-like, Semi-Declarative Javascript Frontend Framework

• Intro
  • Features
  • For Whom?
  • For What?
  • Cute-What?
• Qt-like Widgets and Signals
  • Let’s play ball
  • About the State
  • Anatomy of a Widget
• Tutorial
  • 1. Create Directory Structure
  • 2. Create Widgets using AI
  • 3. Create Main SPA HTML
  • 4. HIMO Diagram
• Starting a Project
  • A. With Project Init Script
  • B. With Fullstack Example
  • Nginx, sqlite, etc.
  • Firefox
• Widget Library
  • Basic Widgets
  • Contribute
• Code Organization
• State History
  • State de/serialization
  • Using state de/serialization
  • Serialize
  • Deserialize
  • Initialization
  • Pitfalls
• Development Environments
  • 1. Plainfile
  • 2. Native
  • 3. Docker
• Creating and Using Widgets
  • Subclassing a Widget
  • Constructor
  • Logging
  • Defining Signals
  • Initialize State
  • Slot Methods
  • Creating Autodocumentation
  • Using the DOM
  • Emitting Signals
  • Connecting Signals
  • Create test HTML
  • The Trouble with “this”
  • Parent / Child Widget Structures
• AI Generated Widgets
• A Fullstack Example
  • Datasources
  • Installing the Backend
  • 1. Plainfile Run
  • 2. Native Run
  • 3. Docker Run
  • Internals
• Python vs JS Cheatsheet
  • None
  • else if
  • Type testing
  • Type conversions
  • Strings
  • Lists, Arrays
  • Sets
  • args
  • Dictionaries, Objects
  • Deepcopy
  • Traceback
  • Subclassing
  • Object Instance Members
  • Lambda Functions
  • JS Scope
• Links
• Appendum: A Short History of Web Development
  • Prehistory
  • Definitions
  • Bronze Age
  • Iron Age
  • Modern Age

Indices and tables

• Index

• Module Index

• Search Page