ChatGPT: Топ-10 эффективных промтов для Web-разработчиков

В этой статье мы обсудим вопросы веб-разработки и то, как ChatGPT может разработчикам (и обычным пользователям) помочь в решении многих задач.

Создание SVG-файла

ChatGPT способен сгенерировать любую графическую картинку в формате SVG, просто напишите, что вам нужно.

Например: Create a red question mark in SVG

Так будет выглядеть ответ нейросети:

Для того, чтобы получить картинку, скопируйте код, вставьте его в новый файл в программе Блокнот. Затем сохраните файл в формате svg.

Решение наиболее распространенных проблем с CSS

У вас проблемы с наложением стилей, или вы не знаете, как отцентрировать div?

Например: How do you vertically and horizontally center a div?

Вот как ответит вам нейросеть:

Может легко объяснить регулярные выражения (Regex)

У многих веб-разработчиков возникают проблемы с регулярными выражениями (regex) и их вариантами использования. ChatGPT поможет вам понять, как работает regex или объяснит, что они делают.

Например: Explain this regex: /^([a-z0–9_.-]+)@([\da-z.-]+).([a-z.]{2,63})$/

Ответ нейросети:

Напишет код за вас

Код, написанный ChatGPT, зачастую все еще содержит ошибки, но его синтаксис настолько понятен и прост, что вы можете сами его исправить и заставить работать как надо.

Пример: Create a website code with a search bar that will take me to google search results for the phrase I enter into it

Вот как ответила нейросеть:

Вы можете сохранить сгенерированный код в новом файле в программе Блокнот. Сохраните файл в форме HTML.

Проблемы с Bootstrap или Tailwind? ChatGPT поможет

ChatGPT знает достаточно много фреймворков, чтобы помочь вам создать базовые интерфейсы.

Пример: Create a header with a drop down main menu, use Bootstrap v5 for that

Ответ нейросети:

Вы можете сохранить сгенерированный код в новом файле в программе Блокнот. Сохраните файл в форме HTML.

Утечки памяти

У вас есть подозрение, что в вашем коде есть утечка памяти? Попросите проверить его нейросеть. ChatGPT способен обнаружить утечку памяти и предложить решение проблемы.

Например: Detect memory leaks in the following C++ code [ваш код]

Поиск нужного API

Если вы ищете конкретные API, которые нужны вам для вашего проекта, вы можете использовать ChatGPT для создания списка наиболее популярных и бесплатных API в заданной категории.

Пример: List ten popular and free APIs in the category of [нужная категория]

Ответ ChatGPT на наш запрос:

Помощь на собеседовании

ChatGPT может составить для вас список вопросов или лучших практических примеров, связанных с используемым вами языком программирования, что, несомненно, пригодится на собеседовании.

Например: Can you recommend some coding exercises for interview practice?

Ответ чат-бота:

Рекомендуемые библиотеки

Если вы задаетесь вопросом, какая библиотека лучше всего подойдет для вашего проекта, вы можете использовать ChatGPT, чтобы помочь вам принять решение.

Пример: Recommend a JS framework for [описание специфики вашего проекта].

Ответ нейросети:

Предложения по UX/UI

ChatGPT поможет составить список наиболее распространенных ошибок в UX/UI.

Пример: UX/UI recommendations for a sales landing page. What should I pay attention to to increase the chances of a sale?

Вот как ответила нейросеть:

Если этот материал показался вам интересным, то подписывайтесь на наши аккаунты в VK, Telegram и Дзен, чтобы быть в курсе последних обновлений.