Prompt Engineering for Web Developers

What is the main purpose of prompt engineering for web developers?

• To craft effective inputs for LLMs to get useful outputs
• To write HTML code faster
• To generate CSS stylesheets
• To debug JavaScript code

Answer explanation

Prompt engineering is about crafting inputs (prompts) for LLMs to get the best and most useful outputs.

Which acronym summarizes the four core principles of prompt engineering in the document?

• ABCD
• C³I
• LLMX
• STAR

Answer explanation

The document uses the C³I acronym: Clear, Context, Constraints, Iterate.

When talking to an LLM, why is it important to provide context?

• So the LLM doesn't repeat your question
• To avoid using technical jargon
• So the LLM understands relevant background and specifics
• To limit the response length

Answer explanation

Providing context helps the LLM understand background and specifics to give a relevant answer.

Which of the following is an example of a CLEAR prompt according to the document?

• Explain HTML.
• Tell me about code.
• Explain the difference between <div> and <section> in semantic HTML.
• What is JavaScript?

Answer explanation

Clear prompts are specific, such as asking for the difference between two elements.

Why should you define technical terms when prompting an LLM?

• To make the LLM guess your meaning
• To ensure clarity, especially with project-specific jargon
• To lengthen the prompt unnecessarily
• To save time

Answer explanation

Defining terms ensures the LLM understands your intended meaning, especially with project-specific jargon.

What is one way to specify constraints in a prompt?

• By providing only half the information
• By stating preferred output format or audience
• By leaving out details
• By asking random questions

Answer explanation

Constraints can include format, audience, output length, etc. as part of the prompt.

If your prompt asks for 'output as a Markdown table,' which principle are you applying?

• Iterate
• Context
• Constraints
• Clear

Answer explanation

Stating 'output as a Markdown table' is an example of a constraint.

Why is iteration important in prompt engineering?

• LLMs rarely give perfect answers on the first try
• It reduces server costs
• It makes prompts shorter
• It avoids the need for context

Answer explanation

Iteration is key because prompt engineering is conversational and often needs refining.

Which prompt is best for debugging code with an LLM?

• What's wrong with my code?
• Here's my error message and code: [PASTE CODE]. What could be causing it?
• Fix my website.
• Can you help me?

Answer explanation

Providing the error message and relevant code is the best way to get helpful debugging feedback.

What is the risk of copying code generated by an LLM without review?

• The code may be too advanced
• The code might contain errors or security issues
• The code will always be correct
• The LLM will refuse to answer

Answer explanation

Always review and understand generated code; LLMs can make mistakes.