Visual Learning

Visual game learning for data structures, loops, conditionals, core CS

Fundamentals

Course teaches first-year CS fundamentals needed for UC success and jobs

Apps for Interviews

Build working apps you can confidently explain and defend

UC Berkeley logo

 

 

 

 

 

 

About the Course

This free course is for high-school students and early CS learners who want to become internship- and interview-ready by building real Python applications.  You’ll learn through interactive, visual apps where objects, lists, dictionaries, and event handlers drive visible behavior, and projects grow from small scripts into structured applications you can extend. As you progress, you’ll pick up industry-aligned patterns like state management, separation of concerns, async programming, and basic deployment workflows. In later chapters, you’ll build a real AI chat app using a local language model with streaming responses.  By the end, you’ll have portfolio-ready projects you can demo, explain, and defend.

Course Curriculum

22 Chapters · 117 Lessons

  1. 1

    Welcome!

    1. (Included in full purchase)

      Oppkey Industry Projects with Python — Course Overview

    2. (Included in full purchase)

      Course Learning Approach

    3. (Included in full purchase)

      Player Resolution, Editor Setup, and Learning Tips

  2. 2

    Chapter 1: Introduction to Python with Flet

    1. (Included in full purchase)

      Chapter 1 Overview: Setup, Your First App, and Core Python Fundamentals Through Visual UI

    2. (Included in full purchase)

      01 Setup Python + Build Your First Flet UI App - PYTH 1.01

    3. (Included in full purchase)

      Quiz for 01 Setup Python

    4. (Included in full purchase)

      02 Variables, Lists, and Looping with Flet - PYTH 1.02

    5. (Included in full purchase)

      Quiz for 02 Variables, Lists and Looping

    6. (Included in full purchase)

      03 List Comprehensions, Insert, and Rows in Flet - PYTH 1.03

    7. (Included in full purchase)

      04 Virtual Environments with uv: Python Versions, Activation, and Editor Setup - PYTH 1.04

    8. (Included in full purchase)

      05 How Loops, Functions, and List Comprehensions Work - PYTH 1.05

    9. (Included in full purchase)

      Download Completed Project for Chapter 1

    10. (Included in full purchase)

      06 Course Learning Checklist

  3. 3

    Chapter 2: Flet UI Concepts (Visual Layer)

    1. (Included in full purchase)

      Chapter 2 Overview: Interactive UI, State, and Constraint-Based Logic with Flet (PYTH 2)

    2. (Included in full purchase)

      07 Python Beginner Course: Using Flet Icons & Icon Buttons for Game-Like Controls - PYTH 2.01

    3. (Included in full purchase)

      08 Flet Moving a Character with Buttons, Images, and Absolute Positioning in Flet PYTH 2.2

    4. (Included in full purchase)

      09 Controlling Character Speed with a Slider (Flet UI State) PYTH 2.3

    5. (Included in full purchase)

      10 World Bounds & Collision Logic with If-Else (Flet Game Movement) PYTH 2 04

    6. (Included in full purchase)

      Download Completed Code For Chapter 2

  4. 4

    Chapter 3: Differences between synchronous and asynchronous programming

    1. (Included in full purchase)

      Chapter 3 Overview: Concurrency, State, and Responsive Python Applications (PYTH 3)

    2. (Included in full purchase)

      11 Understanding Synchronous vs Asynchronous - PYTH 3.01

    3. (Included in full purchase)

      12 State Management and Separation of Concerns - PYTH 3.02

    4. (Included in full purchase)

      13 Introduction to Threading - PYTH 3.03

    5. (Included in full purchase)

      14 Queues and Async Functions - PYTH 3.04

    6. (Included in full purchase)

      15 System Overview and UC CS Preparation - PYTH 3.05

    7. (Included in full purchase)

      Download code for end of chapter 3

  5. 5

    Chapter 4: Async Refactoring, GitHub Introduction, and Serverless Deployment

    1. (Included in full purchase)

      Chapter 4 Overview: From Coursework to Portfolio-Ready Software (PYTH 4)

    2. (Included in full purchase)

      16 Refactoring from Threads to Pure Async - PYTH 4.01

    3. (Included in full purchase)

      17 Deploying a Python UI to the Web & Turning It into a Portfolio Project (Flet + Uvicorn) PYTH 4.02

    4. (Included in full purchase)

      18 GitHub Introduction - PYTH 4.03

    5. (Included in full purchase)

      19 Python Flet Serverless Deploy to Fly.io - PYTH 4.04

    6. (Included in full purchase)

      Chapter 4 Download Completed Project

    7. (Included in full purchase)

      Set Fly Memory to 512MB or Higher

  6. 6

    Chapter 5: Python Fullstack Development and Deployment

    1. (Included in full purchase)

      Chapter 5 Overview: Modern Python Full-Stack Architecture and Cloud Deployment

    2. (Included in full purchase)

      20 Python Fullstack Overview - PYTH 5.01

    3. (Included in full purchase)

      21 Uvicorn and ASGI: Real-Time Python Apps with WebSockets - PYTH 5.02

    4. (Included in full purchase)

      22 Docker + Fly.io Explained: Deploying a Python App the Modern Way - PYTH 5.03

    5. (Included in full purchase)

      23 Prototypes to Production: How This Python Full-Stack Path Prepares You for Jobs - PYTH 5.04

    6. (Included in full purchase)

      Download Chapter 5 Slides

  7. 7

    Chapter 6: Imperative vs Declarative Python UI

    1. (Included in full purchase)

      Chapter 6 Overview: Building Modern Python UIs with Flet (Imperative vs Declarative, Setup, and State)

    2. (Included in full purchase)

      24. Imperative vs Declarative Python UI Overview with Flet - PYTH 6.01

    3. (Included in full purchase)

      25 Flet 1.0 alpha Setup - PYTH 6.02

    4. (Included in full purchase)

      26 Imperative UI in Flet: Buttons, Styling, and Page Updates - PYTH 6.03

    5. (Included in full purchase)

      27 Declarative UI in Flet: Using use_state (React-Style Components) - PYTH 6.04

    6. (Included in full purchase)

      Download Completed Project Chapter 6

  8. 8

    Chapter 7: FastAPI + Flet Integration

    1. (Included in full purchase)

      Chapter 7 Overview: FastAPI + Flet Integration - Going from a Single Python App to a Real Full-Stack Pattern

    2. (Included in full purchase)

      28 Full-Stack Python Preview: Flet + FastAPI Integration - PYTH 7.01

    3. (Included in full purchase)

      29 Why Use FastAPI with Flet? Architecture Tradeoffs Explained - PYTH 7.02

    4. (Included in full purchase)

      30 Minimal Flet + FastAPI App (Python 3.12, uv, Health Check Demo) - PYTH 7.03

    5. (Included in full purchase)

      31 Adding Business Logic with FastAPI + Pydantic (Flet UI Inputs, Python Full Stack) - PYTH 7.04

    6. (Included in full purchase)

      32 Connecting Flet UI to FastAPI Backend (POST Requests, Threading, Live Updates) - PYTH 7.05

    7. (Included in full purchase)

      33 Separation of Concerns in Flet + FastAPI: Two Servers, One App (and How to Test with curl) - PYTH 7.06

    8. (Included in full purchase)

      33.1 Windows Workaround for MIME type TypeError "text/plain"

    9. (Included in full purchase)

      Download Code for Chapter 7

  9. 9

    Chapter 8: Declarative UI

    1. (Included in full purchase)

      Chapter 8 Overview: Declarative UI (Components, State, and a React-Style Mental Model in Python)

    2. (Included in full purchase)

      34 Building Reusable Components in Flet (Python) — Structure, Imports, and ft.component - PYTH 8.01

    3. (Included in full purchase)

      35 State Management in Flet Components — use_state, Buttons, and Dynamic UI Updates - PYTH 8.02

    4. (Included in full purchase)

      36 Refactoring Flet State into Reusable Flet Components — Custom Displays, Buttons - PYTH 8.03

    5. (Included in full purchase)

      Download Code for Chapter 8

  10. 10

    Chapter 9: Flet Components

    1. (Included in full purchase)

      Chapter 9 Overview: From Components to Interaction: Building Real UIs 🧩

    2. (Included in full purchase)

      37 GridView: Scalable Grids, Colored Blocks, and Image Galleries - PYTH 9.01

    3. (Included in full purchase)

      38 Flet Dropdown Menu Tutorial (Python 3.13 + uv) | Beginner-Friendly Walkthrough - PYTH 9.02

    4. (Included in full purchase)

      39 Python OOP Fundamentals | Classes, Lists, Dictionaries, and Dropdown Menus - PYTH 9.03

    5. (Included in full purchase)

      40 Using use_state for Interactive UI with Dropdowns and Objects - PYTH 9.04

    6. (Included in full purchase)

      41 Understanding use_state in Flet: Declarative State, Rerenders, and UI Updates - PYTH 9.05

    7. (Included in full purchase)

      42 Adding a Snackbar with State and Event Handlers - PYTH 9.06

    8. (Included in full purchase)

      43 Flet Snackbar Explained: State, Keys, and Non-Blocking Notifications - PYTH 9.07

    9. (Included in full purchase)

      44 Using Python Dataclasses in a Flet App: Cleaner Models, Less Boilerplate - PYTH 9.08

    10. (Included in full purchase)

      44.5 Let's Build a Resume App! 😺

    11. (Included in full purchase)

      Download code for chapter 9

  11. 11

    Chapter 10: Flet + AI with Ollama

    1. (Included in full purchase)

      Chapter 10 Overview: Building a Local AI Chat App with Flet + Ollama (Streaming + Async)

    2. (Included in full purchase)

      45 Run a Local LLM with Ollama and Python (uv + HTTP API) - PYTH 10.1

    3. (Included in full purchase)

      46 Configuring Ollama for Fast Dialogue in Python (AI Tutorial) - PYTH 10.2

    4. (Included in full purchase)

      47 From CLI to UI: Adding a Flet Input to a Python + Ollama AI App - PYTH 10.3

    5. (Included in full purchase)

      48 Displaying LLM Responses in Flet: Using Columns and Containers for Chat Output - PYTH 10.4

    6. (Included in full purchase)

      49 Upgrading to Flet 1.0 Beta (0.80) with uv: Fixing Version Mismatches in a Live App - PYTH 10.5

    7. (Included in full purchase)

      50 Build a Streaming LLM Chat UI in Python (Async httpx Token Streaming) - PYTH 10.6

    8. (Included in full purchase)

      51 Streaming LLM Responses from Python with Ollama and httpx (Step-by-Step) - PYTH 10.7

    9. (Included in full purchase)

      52 Parsing Streamed LLM Tokens from Ollama in Python (JSON, Dicts, and Content Extraction) - PYTH 10.8

    10. (Included in full purchase)

      53 Streaming LLM Output in Python: Using an Accumulator for Real-Time Text Rendering - PYTH 10.9

    11. (Included in full purchase)

      54 AsyncIO to a Streaming LLM App: Non-Blocking Python with HTTPX and Concurrency - PYTH 10.10

    12. (Included in full purchase)

      55 Async Streaming LLMs in Python: Flet UI + HTTPX + Ollama Explained - PYTH 10.11

    13. (Included in full purchase)

      56 Async & Streaming Patterns for AI Apps: From Flet to FastAPI, Django, React - PYTH 10.12

    14. (Included in full purchase)

      Download code for chapter 10

  12. 12

    Chapter 11: Flet + FastAPI Architecture

    1. (Included in full purchase)

      57 Clean Architecture for Flet + FastAPI (Project Structure, Layers, Best Practices) PYTH 11.1

    2. (Included in full purchase)

      58 Starting a FastAPI Flet Project with Modern Architecture

    3. (Included in full purchase)

      Download Chapter 11 Base - Starting Point for Direct Function

    4. (Included in full purchase)

      58.1 FastAPI + Flet Architecture: HTTP Boundaries vs Direct Python Function CallsCh 11, Video 3

    5. (Included in full purchase)

      58.2 Flet + FastAPI: Calling API Routes as Direct Python Functions (Hands-On Tutorial) 11.4

    6. (Included in full purchase)

      Download - Direct Python Function Access - Completed

  13. 13

    Chapter 12: Deployment

    1. (Included in full purchase)

      59 Overview of Flet Deployment to GitHub Pages - PYTH 12.1

    2. (Included in full purchase)

      60 Upgrade Flet and Build GitHub Action Workflow

    3. (Included in full purchase)

      61 GitHub Repository and GitHub Pages Setup

    4. (Included in full purchase)

      Completed Project for GitHub Pages Deployment

  14. 14

    Chapter 13: Data and Charting

    1. (Included in full purchase)

      62 What Is a CSV File? Read, Parse, and Manipulate CSV Data in Python (From Basics to Pandas)- Ch 13, Lesson 1

    2. (Included in full purchase)

      Download code for Chapter 13, Lesson 1 - CSV files, File IO

    3. (Included in full purchase)

      63 - Python Data Structures - tuple, list, set - Chapter 13, Lesson 2

    4. (Included in full purchase)

      64 Python Iterables Explained Visually (Lists, Tuples & Sets) | Flet UI Tutorial - Ch 13, Lesson 3

    5. (Included in full purchase)

      Download code for Chapter 13, Lessons 2 and 3 - tuple, set, list

  15. 15

    Introduction to FastOpp

    1. (Included in full purchase)

      FastOpp Country Store 1.1 – Templates, Models, and Routes

    2. (Included in full purchase)

      FastOpp Country Store 1.2 – Static Images and SQLAdmin Setup with FastAPI

  16. 16

    Connect to a Database

    1. (Included in full purchase)

      FastOpp Country Store 1.3 – Connect FastAPI to SQLite with SQLAlchemy

    2. (Included in full purchase)

      FastOpp Country Store 1.4 – Build a SQLModel Data Model for the Store

  17. 17

    Safe Database Migrations

    1. (Included in full purchase)

      FastOpp Country Store 1.5 – Add a New Column with Safe Database Migrations

    2. (Included in full purchase)

      FastOpp Country Store 1.6 – Add a New Page with a Form in FastAPI Templates

    3. (Included in full purchase)

      FastOpp Country Store 1.7 – Set Up a POST Route for HTML Form Submissions

  18. 18

    Frontend Development with Jinja2, Tailwind and Alpine.js

    1. (Included in full purchase)

      FastOpp Country Store 1.8 – Tailwind and AlpineJS for Styling and Animation

  19. 19

    Connecting to LLMs

    1. (Included in full purchase)

      FastOpp Country Store 1.9 – Connect FastOpp to an LLM with a FastAPI Service

    2. (Included in full purchase)

      Mac Install with Apple Silicon

  20. 20

    RAG Pipeline

    1. (Included in full purchase)

      Overview

    2. (Included in full purchase)

      Historical Context of Using PyTorch and FAISS - Partial DRAFT

    3. (Included in full purchase)

      01 Load Model with Sentence Transformers and Environment Setup

    4. (Included in full purchase)

      Code for Lesson 1 - Set up Environment and Load Model

    5. (Included in full purchase)

      02 Index Vector Library FAISS and Perform Search

    6. (Included in full purchase)

      Download code for lesson 2 - embed, index, search

  21. 21

    GitHub and Collaborative Workflows

    1. (Included in full purchase)

      Pull Request on Open Source Repository

  22. 22

    Internship and Job Tips

    1. (Included in full purchase)

      Silicon Valley Internship and Job Tips

Ready to Start Your Journey?

Start building projects right now suitable for a high-school portfolio, internship discussions, or early technical interviews!

Enroll Now