AD
Episode
279
Interview
Web News

AI Prompts for Success as a Web Developer

Recorded:
December 15, 2023
Released:
December 20, 2023
Episode Number:
279

AI tools have taken off over the past year touching almost every aspect of the internet, and web development is no exception. Chatbots like ChatGPT and Copilot (Bing Chat) can be used to help write code, troubleshoot, and learn web development in a way that is much more interactive than a traditional Google search. In this episode, Matt and Mike discussed how they use these AI tools in both their learnings and production work. The duo covered how to approach these new AI chatbots as they're something that is well beyond the commonplace assistants that we have today like Google Assistant, Alexa, and Siri. Learn how to add AI to your web development toolkit and get work done faster.

Listen

Also available on...
Spotify
Apple
G
o
o
g
l
e
PodBean
RSS
...and many more, check your podcast app!

Who’s in This Episode?

Matt Lawrence
Host
Web developer, podcast host, podcast producer, always gaming
MPorterBridges
Mike Karan
Host
Podcast host, Twitter aficionado, and DevRel @plasmicapp
htmleverything

Show Notes

Episode Sponsor!

Thanks to Magic Mind for sponsoring this episode!

Use our link and promo code for up to 50% off!


What you'll learn in this episode

  • How to use AI chatbots (Copilot/Bing Chat & ChatGPT) when learning web development
  • How to approach a conversation with one of these bots as its different than previous voice assistants


How to support the show

Patreon

Prices subject to change and are listed in USD

  • Support the show from as little as ~$1/month
  • Get a shoutout at the end of the episode (while supplies last) for just ~$3/month
  • Help support the HTML All The Things Podcast: Click Here

Scrimba Discount!

We receive a monetary kickback when you use our link

  • Learn to code using Scrimba with their interactive follow along code editor
  • Join their exclusive discord communities and network to find your first job!
  • Use this URL to get 10% off on all their paid plans: https://tinyurl.com/ScrimbaHATT

Show Notes

  • Copying, pasting, and asking
    - If I don’t know what a piece of code is doing, I will copy and paste it into the conversation and ask 
    - Usually the AI will assume the context if its general enough, but sometimes it can benefit from being given more “surrounding” code so it knows more about the big picture
  • Ask for examples
    - When I was confused about why we would use arrow functions with a let versus a const, I asked copilot for help, it gave me an answer in paragraph form that I didn’t really understand, so I asked it to explain it with examples and it proceeded to generate a couple with accompanying explanations
  • Expand inquiries
    - Don’t just stop at whatever answer you were given, if it’s not enough
    - You can ask for explanations with examples, can even ask it to explain things differently altogether (ie explain it to me in terms a child would understand)
  • Troubleshooting
    - I would paste in an error that I get in the console and give it some code for context as well and ask it for ideas on how to solve this error
  • Design Help
    - I suck at design so I ask it for layout and color help
    - It can give a good starting point for what a layout should look like if you feed it the requirements of your app
    - With ChatGPT’s integration with Dalle3 it can also create designs you can use/alter for images, background, etc.

Links

  • ‍Michael LaRocca
    - Author of the Self-Taught the X Generation blog, at selftaughttxg.com

    Podcast

    Blog

    Contact

    Copyright© 2024
    Legal