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.
Matching moments
04:29 MIN
Introducing AI-first programming with modern tools
Inspiring Young People (and Their Parents) to Become Programmers - Cassandra Chin
16:08 MIN
How AI tools are changing developer workflows
Coffee with Developers - Cassidy Williams -
26:21 MIN
Why now is the best time to be a developer
Coffee with Developers - Dan Mindru - Product Marketing for Developers
10:41 MIN
Using AI tools to enhance fundamental programming skills
Tech with Tim at WeAreDevelopers World Congress 2024
20:07 MIN
The current era of AI-assisted development
From Punch Cards to AI-assisted Development
01:53 MIN
How GenAI is currently changing development work
The Future of Developer Experience with GenAI: Driving Engineering Excellence
12:22 MIN
Leveraging AI as a tool for learning and productivity
Exploring AI: Opportunities and Risks in Development
09:18 MIN
How AI tools like GitHub Copilot lower coding barriers
The Road to One Billion Developers
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.
Full-Stack Developer mit Fokus auf AI Coding
VisualMakers GmbH
Köln, Germany
€56-80K
GIT
React
Flask
Python
+7
AI Engineer
Codurance
Leeds, United Kingdom
£53K
Azure
Python
Agile Methodologies
Amazon Web Services (AWS)
AI Engineer
Codurance
Manchester, United Kingdom
£55K
Azure
Python
Agile Methodologies
Amazon Web Services (AWS)
Remote AI Software Engineer - Flexible, High-Impact Coding
Taskify AI
Municipality of Madrid, Spain
€60K
Junior
AI Agent Builder & Experimenter (Fullstack)
autonomous-teaming
München, Germany
Remote
API
React
Python
TypeScript