Rainer Stropek
Livecoding with AI
#1about 3 minutes
Generating HTML and CSS from an image with ChatGPT
An image of a word clock is used as a prompt for ChatGPT-4o to generate the initial HTML structure and CSS layout.
#2about 4 minutes
Using comment-driven development with GitHub Copilot
Natural language comments in TypeScript are used to guide GitHub Copilot's statement completion to generate a time conversion function.
#3about 3 minutes
Inspecting Copilot's network requests with a proxy
A man-in-the-middle proxy reveals how Visual Studio Code sends code context to GitHub Copilot's backend for completion.
#4about 10 minutes
Generating complex logic with GitHub Copilot Chat
GitHub Copilot Chat is used to generate a time-rounding function, revealing its use of GPT-4 and a different system prompt than statement completion.
#5about 3 minutes
Generating unit tests for TypeScript functions
GitHub Copilot is prompted to write a comprehensive suite of unit tests using the Vitest framework for the previously generated functions.
#6about 4 minutes
Generating the core application business logic
The final step involves prompting the AI to generate the complex business logic that maps the current time to the correct words on the clock face.
#7about 3 minutes
Q&A on AI coding assistant limitations and usage
The discussion covers Copilot's limited project context, token limits, the benefits of strictly-typed languages, and free alternatives.
Related jobs
Jobs that call for the skills explored in this talk.
Featured Partners
Related Videos
ChatGPT: Create a Presentation!
Markus Walker
GitHub Copilot Beyond the Basics - 10 Ways to Elevate Your Coding
Liuba Gonta, Yuliya Khadasevich
Agents for the Sake of Happiness
Thomas Dohmke
From Syntax to Singularity: AI’s Impact on Developer Roles
Anna Fritsch-Weninger
Panel discussion: Developing in an AI world - are we all demoted to reviewers? WeAreDevelopers WebDev & AI Day March2025
Laurie Voss, Rey Bango, Hannah Foxwell, Rizel Scarlett, Thomas Steiner
Collaborative Intelligence: The Human & AI Partnership
Prashanth Chandrasekar, Alejandro Saucedo, Jakob von Lindern, Demetris Cheatham
The Road to One Billion Developers
Thomas Dohmke, Demetris Cheatham
Accessibility powered by AI
Ramona Domen
From learning to earning
Jobs that call for the skills explored in this talk.


Senior Backend Engineer – AI Integration (m/w/x)
chatlyn GmbH
Vienna, Austria
Senior
JavaScript
AI-assisted coding tools


Fast track to star developer - bootcamp for AI enthusiasts
Vicoland
Frankfurt am Main, Germany
Intermediate
PHP
API
Node.js
Angular
Amazon Web Services (AWS)
Content Expert, Artificial General Intelligence
Jobs for Humanity
Municipality of Madrid, Spain
XML
HTML
JSON
Python
Data analysis
+1
Web & KI Entwickler:in / AI Engineer - Python, LangChain - Generative AI, GenAI - German required - Region Rhein-Main o. Düsseldorf (hybrid)
KI Group
Wiesbaden, Germany
€55-75K
Intermediate
PHP
API
GIT
MySQL
+19
AI Engineer Copilot Studio (Low Code) (w/m/d)
KPMG AG Wirtschaftsprüfungsgesellschaft
Berlin, Germany
.NET
JSON
REST
Azure
Python
+1





