diff --git a/README.md b/README.md index d8d9dca..1523f27 100644 --- a/README.md +++ b/README.md @@ -1,2 +1,29 @@ # 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](https://anvil.works) → **New App** → **Blank App** (Material Design). +2. Add a **Button** to `Form1`. +3. Click **Code** and paste: + +**`Form1` (client)** +```python +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()