Create Chatbot Web Apps

Do you wanna create a chatbot web app using Javascript?

Do you wanna improve your javascript skills by create uncommon web app?

Introduction

Available in days

days after you enroll

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

Available in days

days after you enroll

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

Available in days

days after you enroll

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

Available in days

days after you enroll

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

Available in days

days after you enroll

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

Available in days

days after you enroll

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

Available in days

days after you enroll

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

Available in days

days after you enroll

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

Available in days

days after you enroll

Project Code

Available in days

days after you enroll