Christian Heilmann

Modern Web Development: Centering DIVs in new exciting wrong ways with AI!

Friday, March 31st, 2023 at 12:48 am

Earlier today I spoke at the Microsoft Reactor meetup in Berlin about frontend development, LLMs, ChatGPT, GitHub Copilot and what it means to our work and careers. In this 32 minute talk and 5 minutes of Q&A, I covered a lot of ground:

  • Introduction
  • Web Development isn’t complex technology
  • GPT can create web products from a doodle, or can it?
  • WYSIWYG was never a thing for the web
  • Building web designs from prompts
  • What Web Development is not
  • Things a web design needs to cater for
  • What Web Development means
  • ChatGPT and conversational UI
  • AI will take our jobs – and that’s OK
  • Focusing on productivity
  • From Smart Autocomplete to AI Peer Programmers (GitHub Copilot, Amazon CodeWhisperer and GhostWriter AI Mode)
  • Valid criticisms of machine aided code completion
  • The full StackOverflow Developer
  • More than Automated Copy + Paste
  • Context Recognition
  • Code Explanation
  • Code Translation
  • Benefits of a “learning” code environment
  • Evidence of effectiveness of AI code completion
  • Code Brushes as a different interaction model
  • GitHub Copilot X
  • Chat inside the code editor
  • Chat interface for docs
  • Pull request generation
  • Copilot for CLI
  • Code by voice recognition
  • Voice access helps people and shouldn’t be a hustle aid
  • Augmenting code practices instead of replacing them
  • Focus shift from writing to reviewing code
  • New skill: Asking the right questions
  • Prompt Engineering (Course on LinkedIn Learning)
  • This is a great time to be a developer
  • Q&A

It was great to present and I am looking forward to expand on some of these topics as they become more available.

Share on Mastodon (needs instance)

Share on BlueSky

Newsletter

Check out the Dev Digest Newsletter I write every week for WeAreDevelopers. Latest issues:

160: Graphs and RAGs explained and VS Code extension hacks Graphs and RAG explained, how AI is reshaping UI and work, how to efficiently use Cursor, VS Code extensions security issues.
159: AI pipelines, 10x faster TypeScript, How to interview How to use LLMs to help you write code and how much electricity does that use? Is your API secure? 10x faster TypeScript thanks to Go!
158: 🕹️ Super Mario AI 🔑 API keys in LLMs 🤙🏾 Vibe Coding Why is AI playing Super Mario? How is hallucinating the least of our worries and what are rules for developing Safety Critical Code?
157: CUDA in Python, Gemini Code Assist and back-dooring LLMs We met with a CUDA expert from NVIDIA about the future of hardware, we look at how AI fails and how to play pong on 140 browser tabs.
156: Enterprise dead, all about Bluesky and React moves on! Learn about Bluesky as a platform, how to build a React App and how to speed up SQL. And play an impossible game in the browser.

My other work: