Developing code with ChatGPT: and my favorite approach to debug what it generates

One of the most interesting discoveries of ChatGPT is that it can generate really good code. I first tested this in 2023 when I asked my wife to use PHP to build a PayPal plugin for her website. This was a rudimentary experiment, even if ChatGPT functioned admisitely.

How then might you utilize ChatGPT to produce code for your daily coding needs? Here is a synopsis:

ChatGPT may produce both great and bad code. For best results, provide exact, complete directions.
ChatGPT excels at supporting certain coding tasks or routines instead of from scratch app development.
Using ChatGPT, search and choose the suitable code libraries for certain requirements; then, have an interactive discussion to narrow your options.
Always be cautious of who oversees artificial intelligence generated codes and always examine their trustworthiness. Never depending only on the created good.
Imagine interactions with ChatGPT as a conversation. The responses of the AI help you to refine your questions and approach the desired outcome.
Let us now probe ChatGPT in much more depth.

For what kind of code may ChatGPT shine?
About ChatGPT and coding, there are two striking observations. First, the artificial intelligence can generate useful programs.

The second is that the AI may chase its tail, enter a rabbit hole, vanish completely, and create meaningless garbage.

Moreover: what not to utilize and the best artificial intelligence for programming by 2025?

I learn this the hard way. After finishing the PowerShell plugin for my wife, I wanted to see how far ChatGPT could go.

I developed a really complete prompt for a Mac program with detailed descriptions of user interface components, interactions, what would be provided in settings, how they would behave, and more. I then fed ChatGPT the prompt.

Emails, ZDNet Tech Today
ZDNET’s Tech Today newsletter provides daily summaries of the newest, most talked about products five days a week.
Note
Consider all.
ChatGPT responded with a burst of text and code. It then stopped half through the code. When I told the AI to carry on, it fumbled even more in words and codes. I requested for constant after-continue, and it spit more and more codes. Still, none of the output was practically usable. The artificial intelligence lacked awareness of where the code should go, how to structure the project, and — when I thoroughly studied the produced code — it excluded major activities I requested for, leaving in plain English descriptions suggesting “program logic goes here”.

Also: by scanning 170k lines of code in seconds, ChatGPT saved me hours of work.

Multiple tests clearly showed that ChatGPT would not be able to provide a complete application if one expects it. This realization follows that ChatGPT will fail should you want anything but know nothing about programming.

ChatGPT shines—and does so very brilliantly—where it helps someone who already knows how to code construct specific routines and execute tasks. Steer clear of asking for a running menu bar application. ChatGPT will perform really well, however if you ask it for a routine displaying a menu on the menu bar and copy that into your project.

Remember also that ChatGPT lacks wisdom even if it looks to have a high degree of domain-specific knowledge (and usually does). The tool might therefore be able to generate code, but it will not be able to create code with the intricacies for special or challenging circumstances necessitating sophisticated understanding.

Furthermore: How may ChatGPT be used to create a project?

Using ChatGPT, create subroutines, build tiny algorithms, and show ideas. ChatGPT could even be requested to help you divide a more ambitious project into smaller pieces and then code those bits.

Given this, let’s now look at some specific activities ChatGPT might provide for your code development process.

Creating code using ChatGPT: 1. Narrow down and refine your ask.
Though not yet specific, this first step is selecting what you will ask ChatGPT of. Choose what your function or routine is supposed to do or what you want to learn to implement into your code. Select the values you want to include into your code and the intended result. Then think about your language of choice for explaining it.

How might one enhance ChatGPT questions?

Think of yourself paying a human developer to handle this. That person is getting enough knowledge to be working on your project? Alternatively are you too elusive and the person you are paying is more likely to ask questions or turn in something very different from what you are looking for?

Here is one example. For the time, suppose I could compress any web page. I want to give the artificial intelligence this material and get back a considered and appropriate summary. About my recommendation, I will provide a web page URL. My output is a synopsis-style chunk of text.

2. Using ChatGPT, search libraries and resources
With the previous example, an old school method of locating the content within HTML paragraph elements was to compile web page data.

However, with artificial intelligence methods at hand, you may create an intelligent extract and summary utilizing an AI library. One of the areas ChatGPT excels in is locating libraries and resources; you may quickly examine these to stop its authoritative but erroneous behavior pattern.

Top free artificial intelligence courses also

OpenAI, the creator of ChatGPT, offers API access to their LLMs in order to exactly meet our needs. In this case, let’s assume, we want not to pay transaction fees.

Thus, let’s look at how to use such a tool, for free, with a PHP-running project by means of connecting with ChatGPT.

I started by wondering what libraries might provide for the specified usage. For those reading along who are not programmers, a library is a collection of code a programmer may use that accomplishes a lot of the heavy work for a specific purpose. Modern programming mostly consists on finding and choosing suitable libraries, hence this is a great starting point.

In this case, I’m looking at code blocks produced by others aiming to condense information. My initial clue is this:

Ignoring any ads or embedded content, list ten different open source AI libraries (and the languages they operate with) I may use to provide a synopsis of the main core aspects of any web page.

Including reference to OpenAI’s products, this prompt generated exactly what I was searching for. OpenAI would be great here, however for my hypothetical startup I wouldn’t want to invest for API fees. So, I will concentrate the research using:

Among these, any are absolutely free?

With their answer, ChatGPT hedged its bets: “Yes, all 10 of these AI libraries are open source and free to use. Some of them, meanwhile, could have access to additional tools or services requiring purchase or usage limitations.” That statement then enabled me to precisely ask my question:

Which of these libraries have no usage limitations and do not demand any further license or payment?

See how this really is very much a conversation. I need not ask the original question once again. I am just excavating as I would have if a professional were right next by me. This time ChatGPT gave me eight library choices, but none mentioned the PHP language I want to create. Therefore, the next stimulus is:

Among those eight libraries, may I utilize any with PHP?_

It brought three libraries back, but I had no idea what each held. Thus, another question is:

Different from NLTK, Gensim, and Sumy what is?

Still not convinced, I said my intended use then followed with:

If I wanted to build summaries of web page news items, which library would be best?

The answer was clear and motivating: “Summary is specifically designed for text summarizing, which is the task of creating a summary that captures the most important information from a piece of text.” It was therefore time to look at what using Sumy with PHP demanded. With this stage of the project, I asked my last question:

How would one use Sumy from PHP?

Play along on your PC and replicate these instructions exactly into ChatGPT. Note that in the first step I decide the software module I need help with. In this step, then, I discussed with ChatGPT the library to use and how to add it into my project.

Also: The best artificial intelligence chatbots

Though it may not seem like programming, I can assure you that is precisely what this is. Programming is more than just placing on a page lines of code. Programming is deciding how to mix all the many resources and systems and interact with every element of your solution. ChatGPT helped me here to complete the integration analysis.

By the way, I was thinking if similarly might Google’s Gemini artificial intelligence be useful. Gemini did provide some further research on the planning element of programming above ChatGPT’s responses.

Thus, make sure not to hesitate to triangulate your answers utilizing many methods. The story is this: Gemini vs ChatGPT: Can Gemini help with coding? After I turned in the essay, Google added some coding tools to Gemini, but they’re not very useful. We address this ability here: I tested the upgraded coding skills of Google Gemini. It turned not nearly. More recently yet, I dug into Gemini Advanced. Artificial intelligence is failing several tests yet.

Furthermore: In what way would you evaluate an artificial intelligence chatbot’s coding capacity?

Then comes coding.

Ask ChatGPT for an example of code.
Alright; let us stop here. Also would be useful the article “How to use ChatGPT to write code”. Instead, we are basically asking ChatGPT to provide example code.

Moreover: The changes in the popularity of programming languages since 2016 – and what they expose about

Allow me to be clear. Unless you are developing a basic function—like the line sorter/randomizer ChatGPT produced for my wife—ChatGPT cannot generate your final code. You have to save it first. ChatGPT does terrible on modifying already-written code. horrible, as in, it does not do it. If you appreciate original code, you must therefore ask ChatGPT to produce something new. ChatGPT might surprise you, as I found earlier even if your request is practically accurate.

ChatGPT essentially cannot maintain your code, much less develop it.

That limitation asks for your own effort. First drafts of codes are, as we know, seldom the final version for a certain project. Even if you expect ChatGPT to provide completed code, it would be a starting point and one from which you must take it to completion, include into your more general project, test it, refine it, debug it, and so on.

That does not mean, however, the example code is worthless — far from it. Let’s go over a prompt I developed using the above referenced project. The first part is:

Utilize the PHP method summary_article.

Summarize_article will be provided a URL to an article on a news-related website like ZDNET.com or Reuters.com.

I am guiding ChatGPT on the programming language it should apply. To help ChatGPT understand the content style, I also provide the AI two sites as samples and input. To be honest, I’m not sure ChatGPT missed that little bit of instruction. I will then go over how to handle most of the work:

Get the contents of the web page at the URL provided inside summarize_article. Ignoring any advertising or embedded objects, use the library Sumy from within PHP to extract the main points of the article then summarize it to around 50 words. Any other libraries needed may be obtained here. See if the summary runs in entire sentences. You might go above the 50 words to finish the sentence if necessary.

This approach resembles me rather similarly how I would mentor a staff member. I would want that person to realize they were not confined to Sumy. If they needed another tool, I wanted them to apply another one.

IBM will also provide you a competence certificate in 10 hours and teach you artificial intelligence concepts free.

I also provided an approximately word count to define boundaries for what I wanted as a summary. That figure might be used as a reference in future iterations of the dance. I then finished by saying what I meant to have said:

After processing is finished, codes summarize articles in plain text.

The last code is extremely simple. ChatGPT approached another library—Goose—to get the article contents. It then produced the summary and transmitted it to Sumy within a 50-word limit. Once the basics are established, however, it’s just a matter of programming to go back in and make changes, tailor what’s given to the two libraries, and obtain the results.

The Apple AirPods Expert 2 hearing wellbeing highlights are at last live. This is the way to getting to the elements as well as some investigating tips, and what the outcomes mean.

While the most recent AirPods 4 uncovered at Apple’s Glowtime occasion didn’t actually dazzle us, another sound related declaration did: the AirPods Geniuses’ hearing wellbeing update. Apple declared at most recent occasion its two-year-old AirPods Genius 2 are getting three hearing wellbeing highlights.
In the first place, they can twofold as portable hearing assistants for people with gentle to direct hearing misfortune. Second, they currently highlight an uproarious noise decrease include, which, as the name proposes, turns extraordinarily clearly and brutal commotion (at a show, for instance) a score down so your ears don’t go through harm. Third, you can step through a meeting exam on your iPhone and add its outcomes to the iOS Wellbeing application. The test will illuminate you about the state regarding your hearing and consequently empower the portable hearing assistants to highlight assuming you assume you really want them.

Pre-necessities for the AirPods Star 2’s Hearing Wellbeing Elements
To get to the consultation wellbeing highlights on the AirPods Star 2, you’d should be on the most recent iOS adaptation, iOS 18.1. This ought not be an issue except if you’re utilizing an iPhone delivered before the iPhone XR. Each iPhone delivered after the iPhone XR and the iPhone SE second and third era are viable with iOS 18.1.

The AirPods Expert 2 you purchased a long time back are great to run the new hearing wellbeing highlights. Apple made no item transforms; it basically gave the 2022 AirPods Genius 2 the usefulness in a firmware update. Firmware refreshes are programmed, so there’s very little you really want to do there. This is both a decent and something terrible. It’s great since it requires no work from your end, and it’s terrible since, supposing that it doesn’t work, you can’t compel an update.

Investigating Tips
Apple guaranteed that the firmware update would happen naturally, as it generally does, and that we would have to sit idle. However, the following are a couple investigating tips that could be useful. In the first place, ensure you’re on iOS 18.1. You can do this in Settings > General > About > iOS Rendition. Assuming that you see a more established variant, go to Settings > General > Programming Update to refresh it.

The most recent AirPods firmware update that works with all the meeting wellbeing highlights is 7B19. To check assuming you’re on this rendition, make a beeline for Settings > your AirPods choice at the top > look down until you see Firmware and check the number subsequently. In the event that you see the buds didn’t refresh consequently, associate them to a charger while associated with your Wi-Fi. That ought to assist with refreshing the firmware.

On the off chance that that doesn’t work, hard resetting your AirPods is another choice. To do this, dock both for the situation, sit tight for 30 seconds, and flip the cover open. Then, at that point, press and hold the matching button at the rear of the case for 15 seconds until you see the little Driven light before the case streak golden and afterward become white. The reboot is finished when the light becomes white.

Now and again, your rendition is set to the most recent one, however there are other little updates that need endorsement. It took me some time to get to the consultation wellbeing highlights in light of the fact that both my iOS and firmware were exceptional, however there were a couple of forthcoming updates that I needed to affirm physically. Ensure you’ve completely looked at the Product Update page; there’s no work expected there.

The most effective method to Step through the Conference Exam
Assuming you’ve effectively prepared your telephone and AirPods for the conference test, you ought to see the highlights in Settings > AirPods Master > right under the switch choices for commotion control modes. Tap on “Step through a Consultation examination” and adhere to the directions. The test ought to require around 10 minutes to finish, and you must be in a calm climate all through the test. Ensure you chase after this standard since eight minutes into my test, I needed to start from the very beginning since it recognized the grain parcel on my morning meal plate. At the point when I had a go at stepping through the exam again on one more day, the preschoolers in the jungle gym right close to my home were clearly sufficient to annoy the Test Divine beings once more. In this way, I moved to my bed for some time and covered myself with a huge cover for the sum of the test to muffle those darn children.

JavaScript is a versatile language that has evolved significantly over the years. One of the notable features introduced in ECMAScript 6 (ES6) is template literals. Template literals provide a more powerful and flexible way to handle strings compared to traditional string literals. They allow for embedded expressions, multi-line strings, and advanced string formatting, which can make your code more readable and maintainable. In this comprehensive guide, we’ll explore everything you need to know about template literals in JavaScript.

1. Introduction to Template Literals

Template literals are a type of string literal that offer enhanced functionality over regular string literals. They are defined using backticks (`) instead of single or double quotes.

Syntax

Example

2. Basic Usage of Template Literals

Template literals allow you to create strings in a more flexible manner. Here’s how they compare to traditional string literals.

2.1. Multi-line Strings

One of the primary advantages of template literals is their support for multi-line strings without the need for concatenation or special characters.

Example

Output:

2.2. Expression Interpolation

Template literals support expression interpolation, allowing you to embed expressions directly within the string.

Syntax

Example

In the example above, ${name} and ${age} are expressions embedded within the template literal, which are evaluated and inserted into the string.

2.3. Nesting Template Literals

Template literals can be nested inside each other, which can be useful for creating complex strings.

Example

In this example, the inner template literal evaluates to 'inner' and is embedded within the outer template literal.

3. Tagged Template Literals

Tagged template literals provide a way to customize the behavior of template literals. A tag function is used to process the template literal and its expressions.

3.1. Syntax

3.2. Creating a Tag Function

A tag function is a function that processes the template literal. It receives two arguments: an array of string literals and any interpolated expressions.

Example

In this example, the tag function processes the template literal and prints the string literals and interpolated values. The function then reconstructs the string from these components.

4. Advanced Usage of Template Literals

Template literals offer several advanced features that enhance their utility in various scenarios.

4.1. Expression Evaluation

Template literals can include complex expressions, not just simple variables.

Example

Here, ${a + b} evaluates the expression and embeds the result in the string.

4.2. Expressions with Function Calls

You can embed function calls within template literals.

Example

4.3. Tagged Template Literals with HTML

Tagged template literals can be used to create and process HTML templates, often used in web development.

Example

In this example, the html tag function creates a simple HTML template with embedded values.

5. Real-world Applications

Template literals are particularly useful in various real-world scenarios, such as building user interfaces, generating dynamic content, and handling configuration files.

5.1. Dynamic HTML Content

Template literals are widely used for generating dynamic HTML content in web applications.

Example

5.2. Query Strings

Template literals can simplify the creation of query strings for API requests.

Example

5.3. Configuration Files

Template literals can be used to generate configuration files or templates in various formats.

Example

6. Performance Considerations

Template literals are a powerful feature, but it’s essential to be aware of their performance implications, especially when dealing with large amounts of data or complex expressions.

6.1. Performance Impact

Using template literals extensively in performance-critical parts of your application might have a slight impact on performance, especially if complex expressions or large strings are involved.

6.2. Optimization Tips

To optimize performance, consider the following tips:

• Avoid unnecessary computations within template literals.
• Use template literals for readability rather than for performance optimization.
• Profile and benchmark if you encounter performance issues related to template literals.

7. Browser Support and Polyfills

Template literals are supported in all modern browsers and JavaScript environments. However, if you need to support older environments that do not support ES6 features, you might need to use a transpiler like Babel.

7.1. Modern Browser Support

Most modern browsers, including Chrome, Firefox, Safari, and Edge, fully support template literals.

7.2. Transpilers and Polyfills

If you’re working in an environment that does not support ES6 features, use Babel to transpile your code to ES5. Babel will convert your template literals into equivalent ES5 code.

8. Summary

Template literals in JavaScript offer a more powerful and flexible way to work with strings. They support multi-line strings, expression interpolation, nested literals, and custom tag functions. By using template literals, you can create dynamic and complex strings with enhanced readability and maintainability.

Whether you’re building user interfaces, generating dynamic content, or working with configuration files, template literals provide a robust solution for handling strings in modern JavaScript development. Understanding and utilizing this feature can significantly improve your coding efficiency and effectiveness.

JavaScript is a powerful, versatile programming language widely used in web development. One of its fundamental features is its ability to work with objects. Objects are collections of properties, and understanding how to access these properties is crucial for effective JavaScript programming. In this article, we will explore various methods and techniques for accessing object properties in JavaScript, ranging from the basics to more advanced approaches.

1. Introduction to JavaScript Objects

In JavaScript, an object is a standalone entity, with properties and types. It’s similar to real-life objects, such as a car or a book, which have attributes like color, make, and year. In JavaScript, objects are key-value pairs, where the key is a string (or symbol) and the value can be any data type, including other objects or functions.

Example of a JavaScript Object

In the car object above, make, model, and year are properties, and startEngine is a method (a function defined as a property).

2. Accessing Object Properties

There are two primary ways to access object properties in JavaScript: dot notation and bracket notation. Let’s explore both methods in detail.

2.1 Dot Notation

Dot notation is the most straightforward way to access object properties. It involves using the dot (.) operator followed by the property name.

Syntax

Example

In the example above, we access the make, model, and year properties of the car object using dot notation.

2.2 Bracket Notation

Bracket notation provides a way to access properties using a string or a variable. This method is useful when property names are dynamic or not valid identifiers.

Syntax

Example

In the example above, we use bracket notation to access the properties of the car object. This method allows us to use property names that are not valid JavaScript identifiers or are stored in variables.

2.3 Accessing Properties with Variables

Bracket notation is particularly useful when property names are dynamic or stored in variables.

Example

In this example, propertyName holds the name of the property we want to access. Using bracket notation, we can dynamically retrieve the value associated with this property.

3. Property Access with Computed Property Names

In ES6 (ECMAScript 2015) and later versions, JavaScript introduced computed property names, allowing you to use expressions inside object literals to define property names.

Syntax

Example

In this example, the [propName] syntax dynamically sets the property name to the value of the propName variable.

4. Accessing Nested Properties

Objects can contain other objects, creating a nested structure. To access properties within nested objects, you can use dot notation or bracket notation.

Example

In the example above, details is a nested object within car. We access its properties using dot notation and bracket notation.

5. Accessing Properties with Optional Chaining

ES2020 introduced optional chaining, a feature that allows you to safely access deeply nested properties without having to check if each reference in the chain is valid.

Syntax

Example

In this example, car.details?.color returns undefined instead of throwing an error if details does not have a color property.

6. Accessing Properties with Destructuring

Destructuring is a syntax introduced in ES6 that allows you to extract values from objects into distinct variables.

Syntax

Example

In this example, make and model are extracted from the car object into separate variables.

7. Accessing Properties with Object.keys(), Object.values(), and Object.entries()

JavaScript provides several methods to interact with object properties: Object.keys(), Object.values(), and Object.entries().

7.1 Object.keys()

Returns an array of an object’s own enumerable property names.

Example

7.2 Object.values()

Returns an array of an object’s own enumerable property values.

Example

7.3 Object.entries()

Returns an array of an object’s own enumerable string-keyed property [key, value] pairs.

Example

8. Handling Undefined Properties

When accessing properties that may not exist, it’s essential to handle undefined values gracefully. Accessing a non-existent property returns undefined.

Example

To provide default values, you can use logical OR (||) or nullish coalescing (??).

Example with Logical OR

Example with Nullish Coalescing

9. Summary

Accessing object properties in JavaScript is a fundamental skill that can be accomplished using various methods such as dot notation, bracket notation, computed property names, optional chaining, and destructuring. JavaScript also offers methods like Object.keys(), Object.values(), and Object.entries() to interact with object properties effectively.

By mastering these techniques, you can manipulate and interact with JavaScript objects in a more powerful and flexible manner, enabling you to build more complex and dynamic applications.