DEV Community

Cover image for Modern Web Development: Centering DIVs in new exciting wrong ways with AI!
Christian Heilmann
Christian Heilmann

Posted on • Originally published at christianheilmann.com

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

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.

Top comments (4)

Collapse
 
ingosteinke profile image
Ingo Steinke, web developer

This post needs some code. Please include the source directly in your post instead of linking to external sources. See "how to ask a good question" ... oh wait, this is not my StackOverflow review queue... 😆
I will watch the video later when I have time and an opportunity to listen to the sound as well, but still I would like to like some code examples of centering div elements until 2021.

Collapse
 
codepo8 profile image
Christian Heilmann • Edited

Just nest blockquote elements around it until the indentation feels half the screen minus the width of the DIV.

Collapse
 
codepo8 profile image
Christian Heilmann

There you go:

Image description

Collapse
 
jankapunkt profile image
Jan Küster

Remember the <center></center> Tag? 😅