search
HomeWeb Front-endJS TutorialNgSysV.The Age of AI - Meet your Digital Tutor

NgSysV.The Age of AI - Meet your Digital Tutor

This post series is indexed at NgateSystems.com. You'll find a super-useful keyword search facility there too.

Last reviewed: Nov '24

1. Introduction

When I first used chatGPT for advice on an IT issue in November 2022, I swear I felt the earth tilt on its axis. Whether this new "Age of AI" will be for good or for ill remains an open question but, for you as an IT learner, I'm clear that it represents an unparalleled opportunity.

Put simply, chatGPT gives you a personal tutor - a training "entity" that is available at the touch of a key at any time of night or day. It will provide general background information, debate issues, answer questions and resolve problems. And it's free!

Not the least of its capabilities is that it seems to have an almost uncanny ability to understand what you're asking. It is amazingly tolerant of poor grammar and spelling. Its (instantaneous) response is then clear and beautifully structured.

Previously, an IT student working independently of formal teaching would have had to fall back on Google searches. Certainly, the information you were looking for would exist somewhere in the blizzard of results returned by the search, but where and in what language? While most technical documentation is written in English, from the point of an IT learner unfamiliar with technical jargon, it might as well be written in Martian.

Now, in what must surely be the greatest IS ever devised, this vast mess of raw information has been sorted into a coherent form and front-ended with natural language tools. Exactly how it works is beyond my understanding. What I do know, is that, when I am struggling to understand an issue, chatGPT can save me months of frustrated floundering. I'm confident that it can do the same for you.

2. Notes on using General-purpose Chatbots.

At the time of writing (November 2024), you have free access to three significant bots - chatGPT, Bing and Gemini. Of the three bots, ChatGPT is the one I recommend. I've been using its GPT40 version on its free tier and have found it perfectly adequate for my requirements. I'm conscious of the enormous debt I owe here to Open AI, the artificial intelligence research lab and company founded in 2015 by Elon Musk, Sam Altman, and others.

ChatGPT is distributed as a webapp, so no "installation" is required. I run it in Chrome on a laptop with a modestly-sized screen, a keyboard and a mouse. You can sign up at Chatbot App. Use your email to register an account and you're on your way.

Here are a few tips:

  • Be respectful. As far as I know, the bot is indifferent to abuse, but I believe that using a courteous style will affect your perception of the "relationship". This will have beneficial consequences for the quality of your questions. You might think this weird, but I believe it helps to hold a mental image of the bot as a person. In my mind, chatGPT looks a bit like Robin Williams in "Dead Poets Society".
  • Take care with the construction of your questions. While chatGPT tolerates mis-spellings and grammatical errors, you'll get better answers if you make your queries unambiguous.
  • Be persistent. If you don't understand something, ask for more details. Because chatGPT has "memory" you can have what feels like a genuine conversation. Even better, when you finally get the issue straightened out, this frequently ends up with a morale-boosting "well done" from the bot. I'm ridiculously grateful when, after a long, stumbling conversation, I'm rewarded with a "that's a great insight" response. If you're travelling alone on your IT journey, chatGPT makes a terrific difference.
  • But don't push it too far. Be prepared to break off while you think through what you've been told. Take a walk and get some fresh air. Maybe leave things to simmer overnight. It's amazing what a good night's sleep can do.

Here are some examples of specific questions you might ask:

  • What does this {Javascript code statement] do?
  • what does [Technical term] mean?
  • How might I do [procedure description] in Javascript?
  • Please give me a short tutorial on [Coding issue]?
  • The following code [block of code] is meant to do this [statement of intent] but it does the other [statement of actual result]. Can you explain why, please?
  • What CSS styling will place a popup in the centre of the screen?
  • Why does the following code [block of code] give this error message [error message]
  • In answer to an earlier question you said [previous chatGPT statement] but [statement of possibly contradictory evidence]
  • I believe [statement of your belief]. Is this correct?
  • could you comment on the accuracy and completeness of the following [statement of your ideas]?

ChatGPT's answers won't always be correct, especially when you get onto recent topics where its training opportunities will have been limited. Be prepared to do cross-checks using a search engine. In my experience, chatGPT is much more reliable than either Bing or Gemini, but it still gets things wrong. With experience, I think you'll find that you can somehow tell that it's "blagging" you. When challenged and presented with clear evidence that puts it clearly in the wrong it will respond with "I'm sorry about the confusion in my previous answer". That always makes my day!

I hope the two of you have a great time. ChatGPT will save you a ton of trouble.

3. Notes on using Code-generation Chatbots

Frankly, at this stage in your career, it would be best if you forgot about any serious use of AI code generation. You need to develop an instinct for good coding practice and this will only come through writing it yourself. But that said (and I'll be the first to admit that using an AI assistant to write console.log messages has saved me heaps of time), here are a few pointers.

If you're using VSCode as your code editor, the obvious AI assistant is Microsoft's Copilot tool. But be prepared to invest up to $100 per annum here.

Microsoft called their tool "Copilot" because a common practice in coding shops was for developers to work in pairs. A lead programmer would be assigned a "copilot" to do the "grunt" work. This worked really well - the leader would be free to concentrate on the tricky stuff and the copilot would learn basic skills from someone who knew what they were doing.

Once you feel you've learnt all the basic coding skills - naming conventions, composability, separation of concerns, "dry" (don't repeat yourself) and are a world-expert in Javascript syntax, etc, you may feel you're qualified to take a lead role. At this point, Copilot is magic! Here are a few notes about using it.

Copilot is installed as a VSCode "plugin". Plugins provide extensions to the editor's basic functionality. For example, the VSCode "Rewrap" plugin keeps my comment lines formatted within a fixed line length and saves me hours of cursing. They're usually free, being written by wonderful people who want to make other people's lives easier.

Instructions for installing Copilot can be found at Set up GitHub Copilot in VS Code. This will sign you up for a free trial, set up a payment method and add the extension to your VSCode installation. If you decide to continue, you can opt to pay monthly or take out an annual subscription at a reduced rate.

Right now, without any of this, you can get quite a lot of assistance from the basic "out of the box" VSCode.

For a start, a r-click/"format document" on your code will straighten out all the mangled indentation. Automatic syntax-checking will highlight missing brackets and identify undeclared variables (through the display of a mysterious "three-dot" annotation beneath a variable name).

Additionally, there are "IntelliSense" popups that appear as soon as you start typing a function or variable name. With luck, these will include an entry for exactly the name you intended to type. Clicking the entry saves you the bother.

But Copilot takes things into another dimension. Install a free Copilot extension and try typing a console.log command. Immediately you start to type the command a faint "preview" of Copilot's best guess at what you intend will appear. The difference between this and what you've seen with Intellisense is that Copilot has scanned all of the code before this point and has made an acute guess at what you intend to log. If it's got this right, which in my experience it does with alarming accuracy, all you have to do is click the "tab" key and observe the faint preview turn into solid text that becomes part of your code.

You will get a better insight into Copilot's abilities if you start typing a comment to describe the functionality of a block of code you plan to write. As soon as you start typing, Copilot will offer previews of what it guesses you're trying to do. We've all seen "autocompletion" before, but Copilot takes things into another dimension - it completes not only words but whole sentences. Again, it uses the context of your preceding code to propose both variable names and logic. I've seen it complete a full paragraph and even conclude this with a "This is a pain" comment, mimicking something I'd done in respect of a particularly tedious block of dull but essential code myself a few hundred lines previously. That made me laugh.

But when I completed my comment, I wasn't laughing when Copilot proposed a block of Javascript that implemented the actions described in the comment. The code was word-perfect!

are we seeing here? Man-machine symbiosis, an arrangement analogous to a horse and a rider? Remember, a horse without a rider is just an interesting animal.

You'll find a full description of Copilot's functionality at Microsoft's Getting started with GitHub Copilot in VS Code.

The above is the detailed content of NgSysV.The Age of AI - Meet your Digital Tutor. For more information, please follow other related articles on the PHP Chinese website!

Statement
The content of this article is voluntarily contributed by netizens, and the copyright belongs to the original author. This site does not assume corresponding legal responsibility. If you find any content suspected of plagiarism or infringement, please contact admin@php.cn
Python vs. JavaScript: A Comparative Analysis for DevelopersPython vs. JavaScript: A Comparative Analysis for DevelopersMay 09, 2025 am 12:22 AM

The main difference between Python and JavaScript is the type system and application scenarios. 1. Python uses dynamic types, suitable for scientific computing and data analysis. 2. JavaScript adopts weak types and is widely used in front-end and full-stack development. The two have their own advantages in asynchronous programming and performance optimization, and should be decided according to project requirements when choosing.

Python vs. JavaScript: Choosing the Right Tool for the JobPython vs. JavaScript: Choosing the Right Tool for the JobMay 08, 2025 am 12:10 AM

Whether to choose Python or JavaScript depends on the project type: 1) Choose Python for data science and automation tasks; 2) Choose JavaScript for front-end and full-stack development. Python is favored for its powerful library in data processing and automation, while JavaScript is indispensable for its advantages in web interaction and full-stack development.

Python and JavaScript: Understanding the Strengths of EachPython and JavaScript: Understanding the Strengths of EachMay 06, 2025 am 12:15 AM

Python and JavaScript each have their own advantages, and the choice depends on project needs and personal preferences. 1. Python is easy to learn, with concise syntax, suitable for data science and back-end development, but has a slow execution speed. 2. JavaScript is everywhere in front-end development and has strong asynchronous programming capabilities. Node.js makes it suitable for full-stack development, but the syntax may be complex and error-prone.

JavaScript's Core: Is It Built on C or C  ?JavaScript's Core: Is It Built on C or C ?May 05, 2025 am 12:07 AM

JavaScriptisnotbuiltonCorC ;it'saninterpretedlanguagethatrunsonenginesoftenwritteninC .1)JavaScriptwasdesignedasalightweight,interpretedlanguageforwebbrowsers.2)EnginesevolvedfromsimpleinterpreterstoJITcompilers,typicallyinC ,improvingperformance.

JavaScript Applications: From Front-End to Back-EndJavaScript Applications: From Front-End to Back-EndMay 04, 2025 am 12:12 AM

JavaScript can be used for front-end and back-end development. The front-end enhances the user experience through DOM operations, and the back-end handles server tasks through Node.js. 1. Front-end example: Change the content of the web page text. 2. Backend example: Create a Node.js server.

Python vs. JavaScript: Which Language Should You Learn?Python vs. JavaScript: Which Language Should You Learn?May 03, 2025 am 12:10 AM

Choosing Python or JavaScript should be based on career development, learning curve and ecosystem: 1) Career development: Python is suitable for data science and back-end development, while JavaScript is suitable for front-end and full-stack development. 2) Learning curve: Python syntax is concise and suitable for beginners; JavaScript syntax is flexible. 3) Ecosystem: Python has rich scientific computing libraries, and JavaScript has a powerful front-end framework.

JavaScript Frameworks: Powering Modern Web DevelopmentJavaScript Frameworks: Powering Modern Web DevelopmentMay 02, 2025 am 12:04 AM

The power of the JavaScript framework lies in simplifying development, improving user experience and application performance. When choosing a framework, consider: 1. Project size and complexity, 2. Team experience, 3. Ecosystem and community support.

The Relationship Between JavaScript, C  , and BrowsersThe Relationship Between JavaScript, C , and BrowsersMay 01, 2025 am 12:06 AM

Introduction I know you may find it strange, what exactly does JavaScript, C and browser have to do? They seem to be unrelated, but in fact, they play a very important role in modern web development. Today we will discuss the close connection between these three. Through this article, you will learn how JavaScript runs in the browser, the role of C in the browser engine, and how they work together to drive rendering and interaction of web pages. We all know the relationship between JavaScript and browser. JavaScript is the core language of front-end development. It runs directly in the browser, making web pages vivid and interesting. Have you ever wondered why JavaScr

See all articles

Hot AI Tools

Undresser.AI Undress

Undresser.AI Undress

AI-powered app for creating realistic nude photos

AI Clothes Remover

AI Clothes Remover

Online AI tool for removing clothes from photos.

Undress AI Tool

Undress AI Tool

Undress images for free

Clothoff.io

Clothoff.io

AI clothes remover

Video Face Swap

Video Face Swap

Swap faces in any video effortlessly with our completely free AI face swap tool!

Hot Article

Hot Tools

SublimeText3 English version

SublimeText3 English version

Recommended: Win version, supports code prompts!

Safe Exam Browser

Safe Exam Browser

Safe Exam Browser is a secure browser environment for taking online exams securely. This software turns any computer into a secure workstation. It controls access to any utility and prevents students from using unauthorized resources.

SecLists

SecLists

SecLists is the ultimate security tester's companion. It is a collection of various types of lists that are frequently used during security assessments, all in one place. SecLists helps make security testing more efficient and productive by conveniently providing all the lists a security tester might need. List types include usernames, passwords, URLs, fuzzing payloads, sensitive data patterns, web shells, and more. The tester can simply pull this repository onto a new test machine and he will have access to every type of list he needs.

Notepad++7.3.1

Notepad++7.3.1

Easy-to-use and free code editor

PhpStorm Mac version

PhpStorm Mac version

The latest (2018.2.1) professional PHP integrated development tool