Hi!
This is the second article of “How AI can help you learn to code.“ This one is about GPTs. Most of these GPTs will help you automate some of your work as a programmer, while one will help you with your coding questions without giving you the answers right away or coding for you …
You can find the firt article of these series here. Some articles will be free (like this) while others will be exclusive to our premium subscribers, so consider subscribing!
Since the GPT store was released, I’ve been trying different GPTs to automate part of my work as a programmer.
The GPT store is one week old, so I didn’t find many good GPTs in the store (most have the same functionalities). That said, I selected a few of them that are worth a try whether you’re learning to code or are already an experienced programmer.
Here are some of the best GPTs I found for programmers.
If you don’t feel like reading, watch my YouTube video below.
#1 DesignerGPT: Create websites from scratch
Have you ever wanted to create a website from any idea you have in mind? DesignerGPT can help you with that! We only need to give an idea and it’ll create a basic website for us in seconds.
Say I want to create a pizzeria website.
Here’s the website this GPT created for me.
If you want to add something to the page, you can continue the chat or you can get the HTML code used for this AI-generated website to develop it further on your own.
If you’re new to coding, you might learn something new by analyzing the code generated.
Here’s one thing. If you refresh the site this GPT generates, you’ll see that the main image changes every time. This is due to the line of code below that connects to Unsplash to get random images.
<img src=”https://source.unsplash.com/featured/?pizza" alt=”Delicious Pizza” />ScrapeGPT
#2 Screenshot to CodeGPT: Copy websites with a screenshot
Have you ever wanted to copy a website you’ve just visited? This GPT can generate code that can be your starting point for this project.
Screenshot to CodeGPT is a GPT that lets you build websites from screenshots! You only need to take a screenshot of an existing website, upload it to ChatGPT and it’ll convert it to HTML, Tailwind, or JS code.
Say I want to clone my website, so I take the screenshot below.
Now I upload it to this GPT and I get the HTML code that I can use as a starting point to build this website.
Here's what I get after copying and pasting the code to an HTML file.
It doesn’t look quite like my website, but if I quickly relocate some sections, I’ll at least have the structure of the website.
#3 Code Tutor: Solve your coding questions by thinking rather than cheating
Code Tutor is an amazing GPT created by Khan Academy that can help you every time you get stuck in your coding projects.
Unlike GPT-4 (and other custom GPTs), this GPT doesn’t give you answers to your coding questions right away but encourages you to think to find the solution to your problems step by step.
Say I don’t know the difference between tuples and lists/dictionaries in Python. Instead of listing the differences in the first response, Code Tutor encourages me to say everything I know about them.
Explaining a concept is a good chance to see how much you know about a topic. In my response, I quickly describe what I know and admit what concepts are still unclear to me.
Code Tutor defines mutable and immutable objects and now asks new questions to better understand these concepts.
Do you see the difference?
Instead of getting the answers right away, we’re using the trial-and-error technique to find the answers to our questions. We’ll get the same answers as with GPT-4 or Google search, but in the process of getting the final answer, we get intermediate questions that will guide us toward our final goal. This is a fundamental method of problem-solving, which is recommended to be used when learning to code.
#4 ScrapeGPT: Extract data from websites
ScrapeGPT helps you extract data from websites in seconds. You only need to go to the target website, save it as a PDF, and specify the data you want to extract by providing a sample item.
I’ll use as an example the “web scraping courses” search result from Udemy.
First, we have to save the page as a PDF:
Go to the page you want to extract data from
If you’re on Chrome or Edge, click on “File” and select “Print”, on “Layout” select “Landscape” and then click on “Save” to save the page as a PDF
If you’re on Safari, click on “File” and then select “Export as PDF”
Then, in the prompt, we have to provide a sample item specifying the data we wish to extract. I’ll use the first course listed as a sample.
Course: Web Scraping in Python BeautifulSoup, Selenium & Scrapy 2023
Instructor: Frank Andrade
Rating: 4.4
Number of ratings: 1,087
Hours: 10 total hours
Finally, we get a link with a CSV file that has the data extracted.
Simple, right?
That’s it! Let me know in the comments if your favorite GPT wasn’t included in the list.
https://chat.openai.com/g/g-tkLO0UYT9-code-template and https://chat.openai.com/g/g-0HEFz1HZM-repo-master these are mine that are trained with personal data and APIs so there really good if you wanted to give them a go. Please any feedback is welcomed... Thanks