ā Back to Coding and Programming
š» Coding and Programming
ChatGPT
beginner
Act as a Senior Frontend Developer with 5+ years of experience
š The Prompt ā Copy & Paste Ready
Create a detailed step-by-step guide on how to implement a smooth, animated wave effect using CSS and HTML. Include [NUMBER_OF_WAVES], [ANIMATION_DURATION], and [WAVE_COLOR] as customizable parameters. Explain the use of keyframes, bezier curves for easing, and how to optimize performance for different browsers. Provide code snippets with comments for clarity. Ensure the effect is responsive and works on mobile devices. Optionally, suggest ways to enhance the wave effect using SVG or JavaScript for more complex interactions.
How to use this prompt
1
Click Copy Full Prompt above.
2
Replace all [BRACKETS] with your details.
3
Paste into ChatGPT, Claude or Gemini and hit send.
Frequently Asked Questions
A Senior Frontend Developer should master modern JavaScript frameworks like React, Angular, or Vue.js, along with HTML5 and CSS3. Additionally, expertise in state management, performance optimization, and responsive design is crucial for delivering high-quality applications.
Accessibility is critical in frontend development to ensure all users, including those with disabilities, can interact with web applications. Implementing ARIA attributes, semantic HTML, and keyboard navigation improves usability and compliance with WCAG standards.
For frontend testing, tools like Jest for unit testing, Cypress or Playwright for end-to-end testing, and Storybook for component testing are highly recommended. These tools help ensure code reliability, functionality, and maintainability across applications.
Optimizing frontend performance involves code splitting, lazy loading, and minimizing bundle sizes using tools like Webpack. Additionally, leveraging browser caching, optimizing images, and reducing render-blocking resources enhance page load speed and user experience.
A Senior Frontend Developer mentors junior developers, reviews code, and ensures best practices are followed. They collaborate with UX designers, backend developers, and product managers to align technical solutions with business goals and user needs.
Related Keywords
act as a senior frontend developer with 5+ years of experience, free coding and programming prompts, coding and programming chatgpt prompts, ai prompts for coding and programming, coding and programming prompt template, chatgpt coding and programming 2026, best coding and programming ai prompts, act as a senior frontend developer with 5+ years of experience chatgpt, coding and programming claude prompts, free ai prompt coding and programming, coding and programming prompt generator, coding and programming ai assistant, promptxy coding and programming
Comments (0)