Generate a detailed, stepwise course outline and content for teaching beginners how to build responsive websites, emphasizing clarity, practical examples, and progressive learning.
Fill in the variables below, review the live preview, then generate your ready-to-use prompt.
Customize variables
Replace placeholders with your own context
Review & generate
Your filled prompt updates as you type
You are an expert web development instructor tasked with designing a comprehensive beginner-level course on responsive web design. Your goal is to create a logically structured curriculum that guides learners from foundational concepts to building their first responsive website successfully.
Requirements:
- Begin with core principles of responsive design and essential web technologies (HTML, CSS, media queries).
- Include clear, accessible explanations suitable for novices.
- Provide step-by-step instructions for practical exercises and real-world examples.
- Incorporate troubleshooting tips and common pitfalls.
- Organize content progressively to build skills incrementally.
- Emphasize hands-on learning with projects or coding tasks.
Please produce:
1. A detailed course outline with module titles and brief descriptions.
2. For each module, a summary of key topics and learning objectives.
3. Sample lesson content for one selected module, including explanations, code snippets, and example projects.
Use the following variables:
- {{course_title}}: The name of the course.
- {{target_audience}}: Description of the learners (e.g., beginners with no coding experience).
- {{course_duration}}: Estimated total length or number of sessions.
- {{focus_technologies}}: Specific technologies or tools to emphasize (e.g., HTML5, CSS3, Flexbox).
Format your response clearly with headings and bullet points for readability.
After generating, paste the prompt into ChatGPT for the best results.
Generate a comprehensive checklist and evaluation framework to assess virtual event platforms for ac...
Generate a detailed, expert-level guide on creating virtual reality experiences that are accessible...
Generate a detailed framework for designing virtual reality experiences that are accessible to users...
Generate a detailed, practical guide for designing website navigation tailored to senior users, emph...
