AI Prompts for Success as a Web Developer

Episode Sponsor!

Thanks to Magic Mind for sponsoring this episode!

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

• Our Link: https://www.magicmind.com/html
• Promo Code: HTML20

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