OpenAI With JavaScript (GPT-3 and DALL-E in Node.js)

[@ethos8863]

Hey so correction on your asynchronous function bit about await not being top level, that isn't actually true anymore. There is a *new* and arguably better import system being implemented known as ESM(ECMAScript Module) that can have top level await statements. All you have to do to enable it is use "type":"module" in your package.json

[@LearnWebCode]

Thank you so much, I didn't know about that. That's awesome!! I remember in the past you could opt into new features like that by having your filename end in .mjs instead .js, which never felt great to me; I love this new package.json approach. For anyone else reading this, you'd add "type: "module" to your package.json file and then in our main script file, instead of using "require" to load in the OpenAi package, we'd have this line instead: import { Configuration, OpenAIApi } from "openai"

[@offgridvince]

@@LearnWebCode I just saw this tip in another video last week. Pretty cool. I'm about to try this project today. Thank you so much for your content!

[@wild.idesph3580]

pretty cool! the exact example that I am looking for❤

[@R-Jay.]

As always you took a complex topic and made it sound approachable and less intimidating. Thank you, Brad!

[@luxdyola]

You are my best online teacher. A big shout out from KENYA😎💯

[@Amir-bq5er]

Awesome tutorial as always. Clear, concise, straight to the point, easy to follow. I enjoy your teaching style and it’s probably one of the best in this field no doubt. Definitely looking forward to more good stuff coming from this channel.

[@jugibur2117]

Oh that must be love with your cat! 🥰 Video is saved for later, thanks in advance Brad!

[@bro-watch]

Awesome! You’ve covered everything we need. Thanks!

[@jopa_ryds]

I have been trying to learn frontend for a few months. IRL meant I had to take a few months off and it feels like I forgot it all. Watching this video with your style made it all seem clearer and more achievable so I've just signed up to 4 of your courses: JS, CSS, Git and React! LFG!

[@Louisianish]

You won’t regret it! Brad is such a great teacher! Good luck with everything!

[@jopa_ryds]

@@Louisianish Awesome! Thanks for the good luck, right back at ya!

[@LearnWebCode]

That's so awesome to hear! Thank you, you got this!

[@bobbyboxer2664]

Awesome video with all the usual chill vibes 😅

[@serushpmn]

Today i asked chatGPT how can i use his API and he answer with some blah blah. It's easier to ask you to find the best, easiest and fastest answer. Thanks brad, your number one. I follow you like a TA, good luck in your life.

[@tuckernaughton]

You're one of my favorites Brad

[@ifelaw]

Brad you are one of the best development teacher I know! I'm curious to know if you at all plan on creating a react native course 👀

[@shabtikaplan]

You are the man!😀

[@MaxMov-sp8hr]

Very hydration video! ))

[@FengJackZhou]

Thanks for your video!

[@hqasmei]

Awesome video!

[@zoltancaputo9562]

Awesome! TKS

[@phillyt22]

You are awesome! Thank you.

[@Pareshbpatel]

A succinct tutorial on using OpenAI with JavaScript and how to host it using Next.js on Vercel. Thanks, Brad {2023-01-15}

[@sigfigronath]

your cat really likes your hair :D

[@vdmk314]

Love from @jaigoogle. Blown horn near the 👂 ears! What a tutorial...

[@May-p1x]

Can you share the version of your open ai package? It seems like a lot of the methods have changed since but I would still like to follow along.

[@nerses4328]

Where do I find .next? It's missing in the git repository

[@yishakabrham5002]

It says the require is undefined in my console

[@bar4bidden]

I'm getting a bunch of errors in teh terminal when I try to install after downloading the example from github. I tryed installing Nextjs just incase, but still getting errors.

[@LearnWebCode]

What do the error messages say? Perhaps you didn't enter your OpenAI API key into the example code from GitHub?

[@Funnyplanet818]

hi there, just complete your tutorial. but i've slight problems with it. when deploying into vercel app, the text is loading only and not showing results. but the art section is working fine. could u help me with this?

[@DiederikNomden]

Hi, I assume that, to let this work, you need a kind of paid subscription to OpenAI? I instantly get an endless list of code and an 'insufficient quota'-error on running the file...

[@ivofrancisco357]

Hey Brad, Have you given up of all the materials you have on Udemy?

[@tenc6491]

Hi Brad, in your react course: lecture 32, after having added useState exactly as per your tutorial, I am getting a blank screen on localhost:3000 Please help. I am messaging here because on Udemy, I have seen many unanswered questions from a year ago. I hope you will help here coz I am not able to go to the next lesson 33 without having it resolved. Thank you.

[@LearnWebCode]

What message do you see in the browser's console?

This is great, very clear instructions. Do you know if there's a solution with OpenAi to do the reverse of this.. to upload an image and make the AI to create a description of the image? Thanks Brad!

[@LearnWebCode]

Thanks! Good question, I haven't looked into that. I'm not sure but off the top of my head I don't believe their API has a direct way of doing that. Although I do wonder if you asked GPT-3 with a text prompt and said "Describe the image that is located at ____" and include the URL for the image in question, I wonder what it's response would be.

[@Way_Of_The_Light]

Loll what!!? Your cat gives you a scalp massage on every video!!? Lucky!! 🤣

[@LearnWebCode]

Cat receives: 1 dish of cat food Brad receives: 1 scalp massage ✨ Trade accepted ✨

[@Way_Of_The_Light]

@@LearnWebCode best deal 🤝🤣

[@vincentmax4571]

Cool

[@tiffanyw3794]

Does this still work

[@tenc6491]

Hi Brad, I hope you are well. Is your React Udemy course on codepen or on IDE like VScode, Sublime etc? Please let me know before I sign up to your React course on Udemy! Thank you.

[@LearnWebCode]

Thanks! The React course uses CodePen for the first introduction chapter, then for the majority of the course where we build a real front-end project we use VS Code and a real workflow.

[@tenc6491]

@@LearnWebCode Hi Brad! Thanks for the swift response. This helped me in buying the course right away. I appreciate it mate. May I say that you are one of the best teacher one can learn from? I started my web-dev journey in oct-2021 with a full time job. It's hard to manage but somehow I do it every day after my work for about 4 to 5 hours before retiring to bed. Learnt a lot of html and css from your videos during those initial days. I have now grasped ok-ok level of JavaScript and decided to hop on React js. Was immensely happy when I found that you have React js playlist. Gonna order it right away now that you've confirmed the use of ide instead of codepen for your react Udemy playlist. Thank you. Again, your explanations are extremely informative, concise and easy to grasp. Keep doing you!

[@tenc6491]

Done and ready to learn. 🙏

[@superclash8486]

The cat pov: 🙀🙀

[@xgqfrms]

👀BTW, there's a click-to-copy icon in the top right corner.

[@xgqfrms]

mayonnaise 蛋黄酱

[@codernerd7076]

Is the red panda not the unofficial mascot of Laravel 🤔😄

[@LearnWebCode]

🤯

[@ronidinho]

OpenAI requires you to pay to use the API now 😢

[@KnownTechnical]

nice haircut, probably your cat forced your to trim your hairs

[@LearnWebCode]

😂

[@aligohar2709]

heyy bradd, it's disgusting, I am attending your wordpress course at udemy but I have a number of problems but you are not replying although a number of students having same problem