PC-app-development

Introduction

• 1. Introduction
  • 1.1. PC-app-development
  • 1.2. Home pages:
  • 1.3. Key Tkinter references:
  • 1.4. Key Anvil references:
  • 1.5. Key Pyscript references:

Tkinter basics

• 1. Introduction to tkinter
  • 1.1. Key references:
  • 1.2. Version checks
• 2. Importing tkinter
  • 2.1. tkinter recommended import
  • 2.2. tkinter import everything
  • 2.3. tkinter import
• 3. tkinter options
  • 3.1. Setting Options
  • 3.2. At object creation time
  • 3.3. After object creation
  • 3.4. Example code
• 4. tkinter constants
  • 4.1. Useful constants
  • 4.2. Booleans
  • 4.3. -anchor and -sticky
  • 4.4. -fill
  • 4.5. -side
  • 4.6. -relief
  • 4.7. -orient
  • 4.8. -tabs
  • 4.9. -wrap
  • 4.10. -align
  • 4.11. -bordermode
  • 4.12. Special tags, marks, and insert positions
  • 4.13. Text widget and button states
  • 4.14. Canvas state

tk geometry

• 1. tk geometry pack
  • 1.1. pack
  • 1.2. Options for the pack() geometry manager
• 2. tk geometry grid
  • 2.1. grid
  • 2.2. Example code
• 3. tk geometry place
  • 3.1. place
  • 3.2. Sample code
• 4. tkinter geometry Hello World
  • 4.1. Hello World - pack
  • 4.2. Hello World - grid
  • 4.3. Hello World - place
• 5. tkinter geometry Cost Calculator
  • 5.1. Cost Calculator - pack
  • 5.2. Cost Calculator - grid
  • 5.3. Cost Calculator - place

tk widgets

• 1. tk Label
  • 1.1. Usage
  • 1.2. Text
  • 1.3. Font
  • 1.4. Custom Font
  • 1.5. Text color
  • 1.6. Background color
  • 1.7. Padding
  • 1.8. Anchor
  • 1.9. Border
  • 1.10. Options
• 2. tk Entry
  • 2.1. Usage
  • 2.2. Entry example
  • 2.3. Option details
• 3. tk Text
  • 3.1. Usage
  • 3.2. Text widget example
  • 3.3. Parameter syntax
• 4. tk Button
  • 4.1. Usage
  • 4.2. Sample button
  • 4.3. Parameter syntax
  • 4.4. Default options
• 5. tk Radiobutton
  • 5.1. Usage
  • 5.2. Using radio buttons
  • 5.3. Parameter syntax
• 6. tk Checkbutton
  • 6.1. Usage
  • 6.2. Using check buttons
  • 6.3. Parameter syntax
• 7. tk Optionmenu
  • 7.1. Usage
  • 7.2. Sample OptionMenu
  • 7.3. Parameter syntax
  • 7.4. Default options
• 8. tk Listbox
  • 8.1. Usage
  • 8.2. Using a listbox widget
  • 8.3. Listbox methods
  • 8.4. Option details
• 9. tk messagebox

tk widgets interactions

• 1. tk command binding
• 2. Label textvariable: toggle text
  • 2.1. Toggle text via button
• 3. Label textvariable: Increment integers
  • 3.1. Increment label integer via buttons
• 4. Label textvariable: Increment floats
  • 4.1. Increment label float via buttons
• 5. Label textvariable: Increment integers with binding modifiers
  • 5.1. Increment label integer via buttons with modifiers
• 6. Counter: integers
  • 6.1. Required Syntax
• 7. Counter: floats
  • 7.1. Required Syntax
• 8. Counter: integers with modifiers
  • 8.1. Required Syntax
• 9. Modify via checkbox
  • 9.1. Required Syntax
  • 9.2. cget method for text
  • 9.3. Binary
• 10. Modify via radiobutton
  • 10.1. Required Syntax
• 11. tk Button Widget: Key Methods
  • 11.1. config (or configure)
  • 11.2. invoke
  • 11.3. bind
  • 11.4. Tkinter Button Events
  • 11.5. flash
  • 11.6. cget
  • 11.7. grid, pack, place
  • 11.8. focus_set
  • 11.9. unbind
  • 11.10. destroy
  • 11.11. Tkinter Button Widget: Grouped Methods by Function

tk apps

• 1. Inches to cm
  • 1.1. Create the Main Window
  • 1.2. Create Widgets
  • 1.3. Place Widgets in the Window
  • 1.4. Define Constants for formatting
  • 1.5. Format Widgets
  • 1.6. Define the Conversion Function
  • 1.7. Connect the Button to the Function
  • 1.8. Full code
  • 1.9. Inches to Centimeters Test Table
• 2. Fahrenheit to Celsius
  • 2.1. Basic window setup
  • 2.2. Create Widgets
  • 2.3. Position the Widgets
  • 2.4. Add Widget formatting
  • 2.5. Define the Conversion Function
  • 2.6. Connect the Button to the Function
  • 2.7. Full Code
  • 2.8. Fahrenheit to Celsius Test Table
• 3. Pounds to kgs task
  • 3.1. Hint:
• 4. Pounds to kgs
  • 4.1. Create the Main Window
  • 4.2. Define Formatting Constants
  • 4.3. Create Widgets
  • 4.4. Place Widgets in the Window
  • 4.5. Define the Conversion Function
  • 4.6. Connect the Button to the Function
  • 4.7. Full code
  • 4.8. Lbs-to-Kg Test Table
• 5. Name and age task
  • 5.1. Hints:
• 6. Name and age
  • 6.1. Code summary
  • 6.2. Create the main window:
  • 6.3. Create the widgets
  • 6.4. Grid Placement of widgets on the window:
  • 6.5. Define the place_name_age function:
  • 6.6. Full code
  • 6.7. Test Table
• 7. Login form task
  • 7.1. Special features
• 8. Login form
  • 8.1. Use summary
  • 8.2. Create the Main Window
  • 8.3. Define Constants
  • 8.4. Create the Login Function
  • 8.5. Create Widgets
  • 8.6. Arrange Widgets
  • 8.7. Full code
• 9. Login form: custom message box
  • 9.1. Custom top level window for a message box
  • 9.2. Key features
  • 9.3. Full code
  • 9.4. Locked parent version
• 10. AFL premiers
  • 10.1. Python terminal game
  • 10.2. Python tk game
• 11. RPG inventory
  • 11.1. Python terminal game
  • 11.2. Python tkinter version
  • 11.3. Functions in more detail

tk pizza orders tutorial

• 1. Pizza orders
  • 1.1. Tutorial Outline
• 2. Create a window
  • 2.1. Introduction to Tkinter
  • 2.2. Creating a Basic Window
• 3. Add Customer Label and Entry Widget
  • 3.1. Adding Labels
  • 3.2. Adding Entry Widgets
  • 3.3. Positioning Widgets Using Grid Layout
• 4. Add Radio Buttons for Pizza Types
  • 4.1. Introduction to Radio Buttons
  • 4.2. Creating and Positioning Radio Buttons for Pizza Type
  • 4.3. Using StringVar to Manage Radio Button Values
• 5. Add Radio Buttons and OptionMenu
  • 5.1. Creating and Positioning Radio Buttons for Pizza Sizes
  • 5.2. Creating and Positioning the OptionMenu
• 6. Add Costs
  • 6.1. Define prices for pizzas
  • 6.2. Adding Cost Display Fields
  • 6.3. Calculating the cost based on selection.
  • 6.4. Updating Costs Dynamically Based on Selections
• 7. Add Orders
  • 7.1. Creating an Add Order Button
  • 7.2. Writing the add_order Function
• 8. Display Orders
  • 8.1. Adding a Listbox Widget to Display Orders
  • 8.2. Display the orders as a list
  • 8.3. Updating the Orders List Dynamically
• 9. Deleting Orders
  • 9.1. Creating a Delete Order Section
  • 9.2. Writing the delete_selected_pizza Function
  • 9.3. Writing the select_order Function
  • 9.4. Binding the select_order Function to the listbox
  • 9.5. Writing the cancel_order Function
• 10. Final Touches and Styling
  • 10.1. Adding Font and colour variables
  • 10.2. Adding font and colour settings to tkinter widgets
  • 10.3. Adding color to the Orders list total
  • 10.4. Adding hover color to buttons
  • 10.5. Improving the customer_entry width
  • 10.6. Updating Pizza type to use prices dictionary
  • 10.7. Final Testing
• 11. Extensions
  • 11.1. Add customer mobile
  • 11.2. Add descriptions
  • 11.3. Add crust type
  • 11.4. Add drinks

pyscript

• 1. Introduction to pyscript
  • 1.1. Key references:
  • 1.2. Sign up
  • 1.3. New project
  • 1.4. Project files
  • 1.5. index.html
  • 1.6. Terminal
• 2. Browser elements
  • 2.1. Getting and setting input and output elements
  • 2.2. querySelector v getElementById
  • 2.3. Output to the browser window
• 3. Superheroes 1
  • 3.1. Superhero Name Generator: simple version
  • 3.2. pyscript.toml
  • 3.3. index.html
  • 3.4. main.py
• 4. Superheroes 2
  • 4.1. index.html
  • 4.2. main css:
  • 4.3. main.py
• 5. Elves
  • 5.1. index.html
  • 5.2. main css:
  • 5.3. main.py
• 6. Temperature converter
  • 6.1. index.html
  • 6.2. main css:
  • 6.3. main.py

Anvil use

• 1. Anvil Introduction
  • 1.1. Sign up
  • 1.2. New editor
  • 1.3. Key references:
• 2. First steps
  • 2.1. Do the tutorial
  • 2.2. Become familiar with the docs
  • 2.3. As you use components:
  • 2.4. useful tips:

Anvil apps

• 1. Name and age
  • 1.1. Design
  • 1.2. Get started
  • 1.3. Settings
  • 1.4. Build interface
  • 1.5. Output Code
  • 1.6. Event Code
  • 1.7. Final Code
• 2. Hailstone numbers
  • 2.1. References
  • 2.2. Design
  • 2.3. Get started
  • 2.4. Settings
  • 2.5. Build interface
  • 2.6. Initial Code
  • 2.7. Event Code
  • 2.8. Hailstone Code
  • 2.9. Checking the input
  • 2.10. Generate Code
  • 2.11. Final Code
• 3. Insult generator
  • 3.1. Design
  • 3.2. Get started
  • 3.3. Settings
  • 3.4. Build interface
  • 3.5. Initial Code & Event Code
  • 3.6. Insult maker
  • 3.7. Final Code
• 4. Sportsmen
  • 4.1. References
  • 4.2. Design
  • 4.3. Code
  • 4.4. radio button click handler
  • 4.5. Code
  • 4.6. Final Code
• 5. Temperature converter
  • 5.1. Get started
  • 5.2. Settings
  • 5.3. Build the first part of the interface
  • 5.4. Code
  • 5.5. Final Code
• 6. Temperature converter2
  • 6.1. References
  • 6.2. Key components
  • 6.3. Add image to left
  • 6.4. Vertically Centre the temperature fields
  • 6.5. Change Convert button to an icon button
  • 6.6. Create CtoF up arrow button
  • 6.7. Refactor code to calculate F to C
  • 6.8. Add Code for Fahrenheit enter key
  • 6.9. Create code to calculate C to F
  • 6.10. Add Code for celsius enter key
  • 6.11. Final code
• 7. Temperature converter3
  • 7.1. Multi Temperature converter
  • 7.2. Design
  • 7.3. Code
• 8. Rectangle area
  • 8.1. Get started
  • 8.2. Key components
  • 8.3. Event Code
  • 8.4. Calculation
  • 8.5. Final Code
• 9. Force components
  • 9.1. Get started
  • 9.2. Key components
  • 9.3. Event Code
  • 9.4. Calculation
  • 9.5. Final Code
• 10. Displacement calculator
  • 10.1. Get started
  • 10.2. Design
  • 10.3. Calculation
  • 10.4. Final Code

Anvil_youtube

• 1. Feedback Form
  • 1.1. References
  • 1.2. Get started
  • 1.3. Settings
  • 1.4. Build first part of interface
  • 1.5. Build Data Table
  • 1.6. Build the Server Code
  • 1.7. Build the Submit Code
  • 1.8. Form Code
• 2. iPhone Calculator
  • 2.1. References
  • 2.2. Get started
  • 2.3. Settings
  • 2.4. Build first part of interface
  • 2.5. Add code for buttons
  • 2.6. Code for buttons step 1
  • 2.7. Code for buttons step 2
  • 2.8. Code for buttons step 3
  • 2.9. Code for buttons step 4
  • 2.10. Code for buttons click method
  • 2.11. Code for buttons step 5
  • 2.12. Final code