Autoplay
Autocomplete
Previous Lesson
Complete and Continue
Create Chatbot Web Apps
Introduction
What you will learn (0:54)
What is a Chatbot (1:09)
Chatbot applications (1:57)
Choosing an IDE (0:48)
Project Structure (0:39)
Chatbot Design & User Interface
Adding Bootstrap (1:38)
Testing Bootstrap (2:16)
Chatbot Header (4:02)
Single Message Design (7:37)
Overflow & Scroll (2:14)
Input & Button Design (3:10)
Basic Logic
Create Main JS (1:50)
Reference to Elements (2:49)
Send Message Listener (7:15)
Chatbot send message function (2:12)
Background Colors (2:36)
Prevent Sending Empty Messages (1:55)
Remove message from the input (1:27)
Animating messages (2:34)
Animation & delay (3:14)
First chatbot app
Process Messages (3:38)
Array of expected messages (6:43)
Delay for chatbot messages (1:29)
Check chatbot response (4:29)
More Response Messages (3:30)
Process Message Advanced Logic (4:33)
Adding More Questions (1:28)
Second chatbot app
Ask questions function (7:45)
Storing answers in questions array (3:31)
Asking all possible questions (1:42)
Answer key (1:07)
Which questions to use (1:15)
Scroll to last message (4:28)
Application types (3:02)
Third chatbot app
Assistant initialize options (7:25)
Assistant Response (7:34)
Get location and weather (4:02)
Get location and weather Ajax request (5:07)
Weather service API (5:23)
Weather JSON parse (9:20)
Access JSON keys (2:54)
Please wait (UX) (4:06)
Open window for sports (2:26)
Separate Applications (1:44)
Enhancing first chatbot app
Enter key to send message (4:23)
Trim to remove spaces (2:42)
Replying with a link (3:06)
"hi" message exception (1:37)
Display date to users (8:16)
Forth chatbot app
Show restaurant menu function (4:22)
Restaurant response to users (5:41)
Something else message (3:04)
Display user's order (1:23)
Checkout link (2:31)
Wrong meal number (0:51)
Meal price (4:30)
Total price (3:31)
Order ticket (2:22)
Sending to the back-end (3:27)
Wrapping up
Four separate apps (1:22)
Split up code into four folders (2:31)
Congrats (0:29)
Project Code
General Chatbot
Data Collection
Personal Assistant
Restaurant
Teach online with
Input & Button Design
Lesson content locked
If you're already enrolled,
you'll need to login
.
Enroll in Course to Unlock