Software Development

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



This course will teach you how to build AI-powered apps with the ChatGPT, Dall-E and GPT-4 APIs. Go here to try the interactive browser-version:

Thank you for reading this post, don't forget to subscribe!

✏️ 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:

Also, follow Scrimba on YouTube 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:
🔗 HTML & CSS:
🔗 JavaScript:

⭐️ Code ⭐️
🔗 Download via Scrimba:

💫 Links mentioned in course:
🔗 GPT-4 waiting list:
🔗 OpenAI Home:
🔗 OpenAI Docs:
🔗 OpenAI Completions endpoint docs:
🔗 GPTTools.com model comparison:
🔗 OpenAI Playground:
🔗 Dall-E:
🔗 OpenAI endpoint compatibility table:
🔗 GPT-4 Chatbot conversation object format:
🔗 Data used to fine-tune We-Wingit Chatbot:
🔗 Firebase home:
🔗 Firebase .val() method:
🔗 Object.values MDN:
🔗 Netlify:

⭐️ 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

Learn to code for free and get a developer job:

Read hundreds of articles on programming:

source