[#Script #Coding] Build AI Apps with ChatGPT, DALL-E, and GPT-4 – Full Course for Beginners

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

By freeCodeCamp.org
Published: May 30, 2023

freeCodeCamp.org 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: https://scrimba.com/learn/buildaiapps

✏️ 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: https://www.youtube.com/c/Scrimba

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: https://scrimba.com/learn/htmlandcss
🔗 JavaScript: https://scrimba.com/learn/learnjavascript

⭐️ Code ⭐️
🔗 Download via Scrimba: https://scrimba.com/learn/buildaiapps

💫 Links mentioned in course:
🔗 GPT-4 waiting list: https://scrimba.com/links/gpt4-waitlist-openai
🔗 OpenAI Home: https://scrimba.com/links/openai
🔗 OpenAI Docs: https://scrimba.com/links/openai-docs-intro
🔗 OpenAI Completions endpoint docs: https://scrimba.com/links/openai-completions-docs
🔗 GPTTools.com model comparison: https://scrimba.com/links/open-ai-comparison-tool
🔗 OpenAI Playground: https://scrimba.com/links/open-ai-playground
🔗 Dall-E: https://scrimba.com/links/dall-e-openai
🔗 OpenAI endpoint compatibility table: https://scrimba.com/links/chatgpt-endpoint-compatibility
🔗 GPT-4 Chatbot conversation object format: https://scrimba.com/links/chatgpt-object-format
🔗 Data used to fine-tune We-Wingit Chatbot: https://scrimba.com/links/we-wingit-data-csv
🔗 Firebase home: https://scrimba.com/links/firebase-home
🔗 Firebase .val() method: https://scrimba.com/links/firebase-val-method
🔗 Object.values MDN: https://scrimba.com/links/object-dot-values
🔗 Netlify: https://scrimba.com/links/netlify-home

⭐️ 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: https://www.freecodecamp.org

Read hundreds of articles on programming: https://freecodecamp.org/news

Proudly powered by WordPress
Creative Commons License
EricBrooks.Com® is licensed under a Creative Commons License.

Disclaimer: The views expressed herein are solely those of Eric Brooks. They do not necessarily reflect those of his employers, friends, contacts, family, or even his pets (though my cat, Puddy, seems to agree with me on many key issues.). In accordance to my terms of use, you hereby acknowledge my right to psychoanalyze you, practice accupuncture, and mock you incessantly with every visit. As the user, you also acknowledge that the author has been legally declared a "Problem Adult" by the Commonwealth of Pennsylvania, and is therefore not responsible for any of his actions. ALSO, the political views and products advertised on this site may/may not reflect the views of Puddy or myself, so please don't take them as an endorsement. We just need to eat.