FluidFrameDev

How to Code in Anvil 🛠️🐍

Python, but make it full-stack. Anvil lets you build web apps with Python on the front-end, back-end, and that weird in-between bit where bugs are born.

What this repo is

A fast, slightly sarcastic tutorial set you can follow in 30–60 minute bursts:

• 01 – Hello, Anvil: Your first form, your first button, your first victory lap.
• 02 – Data Tables: Store data like a responsible adult.
• 03 – Server Modules: Do secure things on the server, not in the browser. (No, really.)

TL;DR: Hello Anvil

1. Go to anvil.works → New App → Blank App (Material Design).
2. Add a Button to Form1.
3. Click Code and paste:

Form1 (client)

from anvil import *
import anvil.server

class Form1(Form1Template):
  def __init__(self, **properties):
    self.init_components(**properties)

  def button_1_click(self, **event_args):
    msg = anvil.server.call('hello_server', self.text_box_1.text or "World")
    Notification(msg, timeout=2).show()