آموزش ساخت چت بات برای وبسایت با ری‌اکت و نود.جی‌اس - آخرین آپدیت

سرفصل ها و درس ها

مقدمه/مروری بر دوره Introduction / Course Overview

• مقدمه Introduction

• نمای کلی برنامه App OverView

• پشته فنی (Tech-Stack) Tech-Stack

• Tech-Stack Tech-Stack

• پشت صحنه – معماری برنامه Behind the scenes – application architecture

• جریان تکمیل Fulfillment Flow

• مراحل توسعه Development stages

• مراحل توسعه Development stages

• چگونه کمک بگیریم How to get help

• چگونه کمک بگیریم How to get help

• منابع اضافی Additional resources

مقدمه / نمای کلی دوره Introduction / Course Overview

• معرفی Introduction

• نمای کلی برنامه App OverView

• پشت صحنه – معماری اپلیکیشن Behind the scenes – application architecture

• جریان تحقق Fulfillment Flow

• منابع اضافی Additional resources

معرفی DialogFlow DialogFlow introduction

• مقدمه DialogFlow / ایجاد یک عامل (agent) DialogFlow Introduction / Create an agent

• DialogFlow مقدمه/ایجاد یک عامل DialogFlow Introduction / Create an agent

• پروژه گوگل / حساب‌های سرویس / تنظیمات عامل Google project / service accounts / agent settings

• پروژه Google/حساب های خدمات/تنظیمات عامل Google project / service accounts / agent settings

• مبانی اهداف DialogFLow - قصد بازگشت و خوش آمد گویی DialogFLow Intents Basics - Fallback and Welcome intent

• مبانی Intent های DialogFlow – Intent بازگشت و خوش‌آمدگویی DialogFLow Intents Basics - Fallback and Welcome intent

• مبانی Intent های DialogFlow – Intent های تعریف شده توسط توسعه‌دهنده DialogFLow Intents Basics - Developer defined Intents

• موجودیت‌های DialogFlow (Entities) DialogFlow Entities

• Intent ها با پارامترها Intents with parameters

• مقاصد با پارامترها Intents with parameters

• عوامل پیش ساخته Prebuild agents

• عوامل از پیش ساخته شده (Prebuild agents) Prebuild agents

• اسمال تاک Smalltalk

• گفتگوی کوتاه (Smalltalk) Smalltalk

• کتاب الکترونیکی رایگان آموزش DialogFlow DialogFlow tutorial FREE ebook

• کتاب الکترونیکی رایگان آموزش DialogFlow DialogFlow tutorial FREE ebook

مقدمه DialogFlow DialogFlow introduction

• مبانی اهداف DialogFLow - اهداف تعریف شده توسط توسعه دهنده DialogFLow Intents Basics - Developer defined Intents

• موجودیت های DialogFlow DialogFlow Entities

برنامه سمت سرور Server Side App

• مقدمه معماری Architecture Introduction

• Express & Generate Express App را نصب کنید Install Express & Generate Express App

• نصب Express و تولید برنامه Express Install Express & Generate Express App

• تنظیمات استقرار در Heroku Heroku deployment configuration

• استقرار در Heroku Heroku deployment

• استقرار هیروکو Heroku deployment

• تنظیم Nodemon Nodemon setup

برنامه سمت سرور (Server Side App) Server Side App

• معرفی معماری Architecture Introduction

• پیکربندی استقرار Heroku Heroku deployment configuration

• راه اندازی Nodemon Nodemon setup

برنامه سمت سرور و DialogFlow را متصل کنید Connect Server Side app & DialogFlow

• مقدمه Introduction

• مسیرها Routes

• مسیرها (Routes) Routes

• راه‌اندازی احراز هویت ماژول DialogFlow – بخش ۱ DialogFlow module Authentication setup part 1

• بخش 1 تنظیم احراز هویت ماژول DialogFlow DialogFlow module Authentication setup part 1

• راه‌اندازی احراز هویت ماژول DialogFlow – بخش ۲ DialogFlow module Authentication setup part 2

• تنظیم متغیرهای محیطی در ویندوز Setting environment variables in Windows

• ارسال کوئری متنی به DialogFlow با Async await Text query to DialogFlow with Async await

• عبارت جستجوی متنی به DialogFlow با Async در انتظار است Text query to DialogFlow with Async await

• ماژول چت‌بات Chatbot module

• ارسال کوئری رویداد به DialogFlow Event query to DialogFlow

• پرس و جو رویداد به DialogFlow Event query to DialogFlow

• رمزگذاری پارامترها Encoding parameters

• پیکربندی محلی و سرور / متغیرهای محیطی Heroku Config local & server / Heroku env variables

• استقرار در Heroku / تست نقاط پایانی (endpoints) Deploy to Heroku / Test endpoints

• استقرار به Heroku/تست نقاط پایانی Deploy to Heroku / Test endpoints

• خطاهای رایج هنگام استقرار برای اولین بار در Heroku Common errors when first deploying to Heroku

• خطاهای رایج هنگام اولین استقرار در Heroku Common errors when first deploying to Heroku

• GRPC با node v12 کار نمی کند هشدار! GRPC not working with node v12 WARNING!

• GRPC با node v12 کار نمی‌کند – هشدار! GRPC not working with node v12 WARNING!

اتصال برنامه سمت سرور و DialogFlow Connect Server Side app & DialogFlow

• معرفی Introduction

• بخش 2 تنظیم احراز هویت ماژول DialogFlow DialogFlow module Authentication setup part 2

• تنظیم متغیرهای محیطی در ویندوز Setting environment variables in Windows

• ماژول چت بات Chatbot module

• پارامترهای رمزگذاری Encoding parameters

• پیکربندی متغیرهای محلی و سرور/Heroku env Config local & server / Heroku env variables

FrontEnd - Client Side - راه اندازی React FrontEnd - Client Side – React setup

• FrontEnd - معرفی سمت مشتری FrontEnd - Client Side Introduction

• Frontend - مقدمه سمت کلاینت FrontEnd - Client Side Introduction

• تولید برنامه React React app Generation

• دو سرور برای توسعه Two servers for development

• دو سرور برای توسعه Two servers for development

• پروکسی Proxy

• پراکسی (Proxy) Proxy

• ارتقاء پراکسی Proxy upgrade

• ارتقاء پروکسی Proxy upgrade

• کامپوننت‌های صفحه – بخش ۱ Components for the page - part 1

• کامپوننت‌های صفحه – بخش ۲ Components for the page - part 2

• HTML و CSS با Materialize HTML & CSS with Materialize

• HTML و CSS با Materialize HTML & CSS with Materialize

• اتصال سرور و کلاینت Connect Server and Client

• اتصال سرور و کلاینت Connect Server and Client

• افزودن فراخوانی API به برنامه Backend Add API calls to backend APP

• کامپوننت پیام ساده Simple Message component

• جزء پیام ساده Simple Message component

• پیام خوش‌آمدگویی Welcome message

• پیام خوش آمد Welcome message

• فعال کردن ورودی متن از کاربر Enable text input from user

• ورودی متن از کاربر را فعال کنید Enable text input from user

• اسکرول به آخرین پیام نمایش داده شده Scroll to last message rendered

• افزودن فوکوس خودکار به ورودی متن Add auto-focus to text input

• نشست منحصر به فرد برای بازدیدکنندگان (Unique Session) Unique Session for visitors

Frontend - سمت کلاینت – راه‌اندازی React FrontEnd - Client Side – React setup

• React Generation React app Generation

• اجزای صفحه - قسمت 1 Components for the page - part 1

• اجزای صفحه - قسمت 2 Components for the page - part 2

• تماس‌های API را به برنامه پشتیبان اضافه کنید Add API calls to backend APP

• به آخرین پیام ارائه شده بروید Scroll to last message rendered

• افزودن فوکوس خودکار به ورودی متن Add auto-focus to text input

• جلسه منحصر به فرد برای بازدید کنندگان Unique Session for visitors

در حال توسعه Frontend Developing Frontend

• مقدمه Introduction

• پیام‌های کارت (Cards Message) در DialogFlow Cards Message in DialogFlow

• پاسخ کارت از DialogFlow در برنامه React Cards response from DialogFlow in React App

• کامپوننت کارت Card component

• نمایش گالری کارت – بخش ۱ Render card galleries part 1

• رندر گالری کارت قسمت 1 Render card galleries part 1

• نمایش گالری کارت – بخش ۲ Render card galleries part 2

• پیام‌های پاسخ سریع (QuickReplies Message) در DialogFlow QuickReplies Message in DialogFlow

• پیام QuickReplies در DialogFlow QuickReplies Message in DialogFlow

• کامپوننت‌های پاسخ سریع Quick replies components

• پیاده‌سازی کامپوننت‌های پاسخ سریع Quick replies components implementation

• Intent های دنباله‌دار (Follow up intents) Follow up intents

• زمینه های DialogFlow DialogFlow contexts

• زمینه‌های DialogFlow (Contexts) DialogFlow contexts

• تست پاسخ های سریع Quick replies test

• تست پاسخ‌های سریع Quick replies test

• رویدادهای DialogFlow DialogFlow events

• رویدادهای DialogFlow (Events) DialogFlow events

• پر کردن اسلات (Slot filling) Slot filling

• نهاد شخص Person Entity

• موجودیت شخص (Person Entity) Person Entity

• ایجاد پر کردن اسلات برای مسترکلاس Create slot feeling for masterclass

• نمایش / پنهان کردن ربات Show / hide bot

• نمایش/پنهان کردن ربات Show / hide bot

• به فروشگاه خوش آمدید – راه اندازی DialogFlow Welcome on Shop – DialogFlow setup

• خوش‌آمدگویی در فروشگاه – تنظیمات DialogFlow Welcome on Shop – DialogFlow setup

• خوش‌آمدگویی در فروشگاه – گوش دادن به تاریخچه ناوبری Welcome on Shop – listen to navigation history

• به فروشگاه خوش آمدید - به تاریخچه ناوبری گوش دهید Welcome on Shop – listen to navigation history

• چت‌بات – مکث بین پیام‌ها Chatbot – a pause between messages

توسعه Frontend Developing Frontend

• معرفی Introduction

• پیام کارت در DialogFlow Cards Message in DialogFlow

• پاسخ کارت از DialogFlow در React App Cards response from DialogFlow in React App

• جزء کارت Card component

• گالری کارت رندر قسمت 2 Render card galleries part 2

• اجزای پاسخ سریع Quick replies components

• اجرای اجزای پاسخ سریع Quick replies components implementation

• پیگیری اهداف Follow up intents

• پر کردن اسلات Slot filling

• ایجاد حس اسلات برای مسترکلاس Create slot feeling for masterclass

• چت بات – مکث بین پیام ها Chatbot – a pause between messages

ذخیره داده ها از مکالمه به پایگاه داده Save data from conversation to database

• معرفی Mongo db Mongo db introduction

• مقدمه پایگاه داده Mongo Mongo db introduction

• راه‌اندازی پایگاه داده Mongo Mongo db setup

• مقدمه Mongoose Mongoose Introduction

• افزودن Mongoose به کد Add Mongoose to code

• کجا ثبت نام را دریافت و ذخیره کنیم Where to catch and save registration

• کجا ثبت نام را بگیریم و ذخیره کنیم Where to catch and save registration

• کلاس‌های مدل Mongoose Mongoose model Classes

• ذخیره ثبت نام Saving registration

• ذخیره ثبت نام Saving registration

ذخیره داده‌ها از مکالمه در پایگاه داده Save data from conversation to database

• راه اندازی Mongo db Mongo db setup

• معرفی Mongoose Mongoose Introduction

• Mongoose را به کد اضافه کنید Add Mongoose to code

• کلاس های مدل مونگوس Mongoose model Classes

تحقق Fulfillment

• مقدمه fulfillment Introduction to fulfillment

• Ngrok برای fulfillment محلی Ngrok for local fulfillment

• راه‌اندازی Fulfillment Fulfilment setup

• نوشتن کامل در پایگاه داده Fullfilment write to database

• نوشتن در پایگاه داده با Fulfillment Fullfilment write to database

• خواندن از پایگاه داده با Fulfillment Fullfilment read from database

Fulfillment Fulfillment

• مقدمه ای بر تحقق Introduction to fulfillment

• Ngrok برای تحقق محلی Ngrok for local fulfillment

• تنظیم تحقق Fulfilment setup

• Fullfilment از پایگاه داده خوانده می شود Fullfilment read from database

در حال اعزام به هروکو Deploying to Heroku

• محیط توسعه در مقابل محیط تولید (Dev vs Prod) Dev vs Prod environment

• محیط Dev vs Prod Dev vs Prod environment

• مسیریابی Frontend روی سرور FrontEnd routing on Server

• اسکریپت Build برای کلاینت – اسکریپت postbuild Build script for client - postbuild script

• بهینه سازی کد قبل از استقرار Code optimisation before deployment

• بهینه‌سازی کد قبل از استقرار Code optimisation before deployment

• استقرار در هروکو Deploying on Heroku

• استقرار در Heroku Deploying on Heroku

استقرار در Heroku Deploying to Heroku

• مسیریابی FrontEnd در سرور FrontEnd routing on Server

• ساخت اسکریپت برای مشتری - اسکریپت پس از ساخت Build script for client - postbuild script

کلاینت جاوا اسکریپت JavaScript client

• معرفی کلاینت جاوا اسکریپت JavaScript client introduction

• مقدمه کلاینت جاوا اسکریپت JavaScript client introduction

• تولید توکن جاوا اسکریپت JavaScript token generation

• فراخوانی DialogFlow از Frontend Call DialogFlow from FrontEnd

• قالب پاسخ Response format

• رمز و پیکربندی اضافی برای متغیرهای محیطی Token and extra configuration to environment variables

• توکن و تنظیمات اضافی به متغیرهای محیطی Token and extra configuration to environment variables

• تولید توکن در nodejs Generate token in nodejs

• توکن در nodejs تولید کنید Generate token in nodejs

• ثبت نام از طریق fulfillment Registration via fulfillment

• انتشار کد Publish the code

• کد را منتشر کنید Publish the code

کلاینت جاوا اسکریپت (JavaScript client) JavaScript client

• تولید توکن جاوا اسکریپت JavaScript token generation

• تماس DialogFlow از FrontEnd Call DialogFlow from FrontEnd

• فرمت پاسخ Response format

• ثبت نام از طریق تکمیل Registration via fulfillment

محتوای اضافی - پرسش و پاسخ DialogFlow Extra content - DialogFlow Q&A

• چگونه یک پارامتر را در DialogFlow تأیید کنیم How to validate a parameter in DialogFlow

• چگونه یک پارامتر را در DialogFlow اعتبارسنجی کنیم How to validate a parameter in DialogFlow

• چگونه یک Intent دیگر را از fulfillment DialogFlow فراخوانی کنیم How to call another intent from DialogFlow fulfillment

• چگونه از حلقه اعتبارسنجی پارامتر در ربات‌ها جلوگیری کنیم How to prevent parameter validation loop in bots

• موجودیت‌های REGEXP REGEXP entities

• برگه تقلب Regex Regex cheat sheet

• فعال کردن انبساط خودکار (automated expansion) Allow automated expansion

• تطابق تقریبی (Fuzzy matching) Fuzzy matching

• تطبیق فازی Fuzzy matching

• عوامل بزرگ DialogFlow (DialogFlow Mega Agents) DialogFlow Mega Agents

محتوای اضافی – پرسش و پاسخ DialogFlow (Q&A) Extra content - DialogFlow Q&A

• نحوه فراخوانی یک هدف دیگر از انجام DialogFlow How to call another intent from DialogFlow fulfillment

• چگونه از حلقه اعتبارسنجی پارامتر در ربات ها جلوگیری کنیم How to prevent parameter validation loop in bots

• موجودیت های REGEXP REGEXP entities

• برگه تقلب Regex Regex cheat sheet

• اجازه گسترش خودکار Allow automated expansion

• DialogFlow Mega Agents DialogFlow Mega Agents

تحلیل احساسات Sentiment analysis

• تحلیل احساسات به طور خلاصه Sentiment analysis in a nutshell

• تحلیل احساسات به طور خلاصه Sentiment analysis in a nutshell

• تحلیل احساسات برای چت‌بات Sentiment analysis for a chatbot

• سناریوهای پیاده‌سازی رایج در چت‌بات Common implementation scenarios in chatbot

• بیشتر درباره تحلیل احساسات More about sentiment analysis

تحلیل احساسات (Sentiment analysis) Sentiment analysis

• تجزیه و تحلیل احساسات برای یک ربات چت Sentiment analysis for a chatbot

• سناریوهای پیاده سازی رایج در چت بات Common implementation scenarios in chatbot

• بیشتر در مورد تجزیه و تحلیل احساسات More about sentiment analysis

پلتفرم‌ها، NLP و کتابخانه‌ها برای ربات‌های صوتی و ربات‌های چت Platforms, NLP & Libraries for Voice Bots & Chatbots

• ابزارها برای توسعه‌دهندگان ربات چت و ربات صوتی Tools for chatbot and voice bot developers

پلتفرم‌ها، NLP و کتابخانه‌ها برای ربات‌های صوتی و چت‌بات‌ها Platforms, NLP & Libraries for Voice Bots & Chatbots

• ابزارهایی برای توسعه دهندگان ربات چت و صدا Tools for chatbot and voice bot developers

نتیجه Conclusion

• نتیجه‌گیری Conclusion

نتیجه‌گیری Conclusion

• نتیجه Conclusion

بخش پاداش BONUS section

• درس جایزه: کوپن برای دوره دیگر من و لیست ایمیل Bonus Lecture: Coupons for my other course and email list

بخش جایزه (BONUS section) BONUS section

• سخنرانی جایزه: کوپن برای دوره دیگر و لیست ایمیل من Bonus Lecture: Coupons for my other course and email list