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.
Wilken GmbH
Ulm, Germany
Senior
Kubernetes
AI Frameworks
+3
ROSEN Technology and Research Center GmbH
Osnabrück, Germany
Senior
TypeScript
React
+3
MARKT-PILOT GmbH
Stuttgart, Germany
Remote
€75-90K
Senior
Java
TypeScript
+1
Matching moments
02:49 MIN
Using AI to overcome challenges in systems programming
AI in the Open and in Browsers - Tarek Ziadé
09:10 MIN
How AI is changing the freelance developer experience
WeAreDevelopers LIVE – AI, Freelancing, Keeping Up with Tech and More
03:07 MIN
Final advice for developers adapting to AI
WeAreDevelopers LIVE – AI, Freelancing, Keeping Up with Tech and More
03:31 MIN
Using AI to make work more human, not replace humans
Turning People Strategy into a Transformation Engine
04:09 MIN
The emerging market for fixing AI-generated code
Devs vs. Marketers, COBOL and Copilot, Make Live Coding Easy and more - The Best of LIVE 2025 - Part 3
05:55 MIN
The security risks of AI-generated code and slopsquatting
Slopquatting, API Keys, Fun with Fonts, Recruiters vs AI and more - The Best of LIVE 2025 - Part 2
04:56 MIN
Recreating React components using AI and dev tools
WeAreDevelopers LIVE – AI, Freelancing, Keeping Up with Tech and More
14:14 MIN
Scripting presentations and demos in VS Code
Devs vs. Marketers, COBOL and Copilot, Make Live Coding Easy and more - The Best of LIVE 2025 - Part 3
Featured Partners
Related Videos
30:24ChatGPT: Create a Presentation!
Markus Walker
39:11Agents for the Sake of Happiness
Thomas Dohmke
29:35GitHub Copilot Beyond the Basics - 10 Ways to Elevate Your Coding
Liuba Gonta & Yuliya Khadasevich
58:06From Syntax to Singularity: AI’s Impact on Developer Roles
Anna Fritsch-Weninger
47:35Panel 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
31:56Collaborative Intelligence: The Human & AI Partnership
Prashanth Chandrasekar, Alejandro Saucedo, Jakob von Lindern & Demetris Cheatham
26:52The Road to One Billion Developers
Thomas Dohmke & Demetris Cheatham
31:30Accessibility powered by AI
Ramona Domen
Related Articles
View all articles
From learning to earning
Jobs that call for the skills explored in this talk.
Coduct Solutions GmbH
Berlin, Germany
API
Azure
Python
Node.js
FastAPI
+3
autonomous-teaming
München, Germany
Remote
API
React
Python
TypeScript
Coduct Solutions GmbH
Köln, Germany
API
Azure
Python
Node.js
FastAPI
+3
score4more GmbH
Berlin, Germany
Remote
Intermediate
API
Scrum
React
DevOps
+8