Build AI Apps with ChatGPT, DALL-E, and GPT-4 – Full Course for Beginners

✏️ This course was created by Tom Chant, a teacher at Scrimba. If you have any feedback to Tom, please reach out to him on Twitter here:

We recommend that you learn basic HTML, CSS, and JavaScript before taking this course. Here are two free courses that will get you up to speed:

⭐️ Code ⭐️

💫 Links mentioned in course:

⭐️ Contents ⭐️
0:00:00 Introduction
0:01:19 Course Intro
0:04:56 MoviePitch intro
0:07:53 The Boilerplate
0:11:26 Getting an OpenAI API Key
0:13:32 Getting info for fetch request
0:15:14 Building an OpenAI fetch request
0:20:23 The first AI fetch request
0:26:41 Models
0:30:18 Tools
0:34:03 Refactor to use dependency l - env variable
0:38:11 Refactor to use dependency ll - The dependency
0:41:07 Refactor to use dependency lll - update fetchReply
0:44:40 Take out of Scrimba
0:46:45 Personalising the message
0:53:04 Tokens
0:57:09 fetchSynopsis
1:03:44 Aside - few shot approach
1:10:45 Aside - few shot approach ll
1:13:42 Refactor fetchSynopsis
1:21:00 Architecture
1:23:23 Title and Temperature
1:31:52 Reaching for the stars
1:37:52 Aside - createImage
1:46:56 fetchImagePrompt
1:54:21 Displaying the image and finishing off the UX
2:03:16 OutroKnowItAll: GPT-4 Chatbox2:06:47 KnowItAll Intro
2:09:40 Starter Code
2:13:10 Aside: How ChatGPT models work for chatbots
2:18:24 Conversation and instructions
2:20:21 Add user input to conversation array
2:23:06 The createChatCompletion endpoint
2:24:38 The model and object
2:28:46 Render the output, update the array
2:33:37 Aside: Theory: Frequency and presence penalties
2:37:07 presence_penalty practice
2:38:36 frequency_penalty practice
2:44:54 The chatbot’s personality
2:47:06 Firebase Intro
2:48:27 Firebase Account and database set up
2:50:43 Firebase dependency and database set up
2:55:53 Push method and instructions object
2:58:33 Update fetch Reply
3:02:24 Update fetchReply 2
3:04:49 Update the database
3:07:19 Render the conversation from the DB
3:12:02 The “start over” button
3:15:20 OutroWe-Wingit: Fine-tuned chatbot3:17:28 Intro to fine-tuning
3:20:04 Convert the Chatbot to We-Wingit
3:22:15 An Overview of the AI
3:23:52 Data for fine-tuning
3:26:34 The data we’re using
3:30:05 CLI 1 - Setting up the environment
3:33:03 CLI 2 - Data Preparation Tool
3:37:03 CLI 3 - Tuning the model
3:38:55 Updating the JS 1
3:41:33 Updating the JS 2
3:44:15 Updating the JS 3
3:47:01 The Separator
3:52:32 Aside - Stop Sequence
3:55:50 Adding the stop sequence
4:00:36 n_epochs
4:07:24 Intro to deployment
4:09:46 Download and GitHub
4:12:07 Netlify sign-up
4:13:56 Add Netlify env var
4:15:54 Netlify CLI
4:17:30 Netlify serverless function 1
4:19:52 Update fetchReply
4:24:28 Serverless function 2
4:27:30 Serverless function 3
4:29:21 Serverless function 4
4:32:32 Outro

🎉 Thanks to our Champion and Sponsor supporters:
👾 davthecoder
👾 jedi-or-sith
👾 南宮千影
👾 Agustín Kussrow
👾 Nattira Maneerat
👾 Heather Wcislo
👾 Serhiy Kalinets
👾 Justin Hual
👾 Otis Morgan

--

[karongendungu]

FreeCodeCamp...inspiring millions of hearts.Much love from Kenya

[rushilsatwara]

00:00 Build AI-powered apps with GPT Dolly and GPT-4 APIs

06:40 Learn how to use OpenAI API for front-end projects

18:40 Make a fetch request to OpenAI API for an enthusiastic response.

24:19 Using OpenAI's text models for natural language processing

35:39 Setting up OpenAI API in JavaScript

41:30 Learn how to run the project locally in VS Code

52:54 Understanding Max Tokens and Tokens in Open AI

58:57 Use examples in prompts to improve AI results

1:10:12 Refactor prompt to use few-shot approach

1:16:00 Create a concise synopsis for a movie prompt.

1:27:29 Adjusting temperature property in openAI API can control creativity and predictability of responses.

1:33:07 Learn how to extract names from a synopsis using OpenAI

04:14 Learn how to generate image prompts using AI

1:49:49 Generate a description of an image for a movie based on title and synopsis

2:01:12 Completed project summary and ideas for further development

2:07:16 Building a chatbot using GPT for AI in web dev

2:18:31 Creating a conversation array and pushing user input to it

2:24:21 Using the GPT-4 model for chat completion

2:35:55 Experiment with frequency and presence penalty to generate unique text.

2:41:45 Persist chat using Google Firebase database

2:53:11 Setting up conversation as single source of truth in database

2:58:58 Fetching data from Firebase and formatting it for Open AI API

3:10:23 Successfully built a chatbot app using GPT-4 model and create chat completions endpoint.

3:16:15 Fine-tuning AI models can help answer specific questions

3:27:40 Prompts and completions can involve lots of dialogue

3:33:08 Preparing and fine-tuning data using OpenAI CLI

3:44:31 Fine-tune chatbot is giving nonsensical gibberish

3:50:26 Each completion should end with a stop sequence.

4:01:55 Fine-tune a model with 16 epochs for improved results

4:07:39 Deploy OpenAI project with hidden API key using Netlify serverless function

4:18:52 Update fetch request to call serverless function instead of OpenAI API

4:24:38 Create a serverless function with OpenAI API

Crafted by Merlin.
Get Merlin: (merlin. foyer. work)
Use my invite code '9f55ad4a-yt' to register and get 100 free credits

[thedashingskull]

This code camp is the world's best source for learning.

My request for them is to please upload a full course of Julia Programming Language

[swoop-in]

Thank you so much sir
I really can't afford 15 dollars for this course
On udemy
Mastering AI: ChatGPT, DALL·E, MidJourney and their API's


This is the name of course

[mikesmith]

This is excatly what I needed - very informative, beginner friendly, nice explanations! 👍 Thank You!

[vickymishra]

I signed up on OpenAI but I didn't get any free credit. What can I do now? I really want to follow this course

[chris-adams-tas]

Brilliant demonstration IMHO.
Very little ambiguity, audio is first-rate, Tom is kicking goals here.

[benjaminsitaud]

On Scrimba, they say the course is deprecated. It means that the content may no longer work or be available... What a pity. Hopefully they update it

[TechTalksMedia]

print("Now this is what it's called \"Free Education\"")

[MohamedSalah-wxqv]

Best useful channel ever in YouTube, Thank you😀

[Personal-M.I.S.]

One lone mouse will save us! ...but lets not forget our ever faithful hamster sidekick too!🐹🐹🐹

[c.emmanuelzuniga]

Que gran video, ojalá pudiera hacer una versión en español.

[theblockchainsolution]

Free code camp is one of the smartest channels out there

[vampayor]

I dont have an account with open ai because of the phone number verification doesnt support the country im in.

Can i still develop gpt4 without the api?

[someatuffs]

Video uploaded an hour ago, I'm gonna start spending the next 4 gours with this video from now

[kimtoddsemail]

For anyone following along and realizing that you want to cancel the fine tuning of your model (because it takes a long time) and start over with a different command mentioned later in the video. You can use this command to cancel: openai api fine_tunes.cancel -i YOUR_ID_GOES_HERE

[jonmartirosyan]

awesome thanks, it's very useful

[morrazzo]

Shall I need to possess coding skills to learn how to build aaps through AI or zero knowledge is okay to start with AI?

[msbhvdK]

Where can I find someone who can help me build an AI App for a specific thing I have in mind? This is way too time consuming for me to learn right now 😒

[swatisahay]

This is now in my to do list of this week, thanks :)