آموزش با React و Node.js چت بات برای وب سایت ایجاد کنید

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

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

• معرفی Introduction

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

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

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

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

مقدمه/مروری بر دوره 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

معرفی DialogFlow DialogFlow introduction

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

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

معرفی DialogFlow DialogFlow introduction

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

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

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

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

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

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

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

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

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

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

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

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

• اسمال تاک Smalltalk

• اسمال تاک Smalltalk

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

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

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

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

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

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

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

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

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

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

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

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

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

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

برنامه سمت سرور و 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

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

• معرفی Introduction

• مسیرها Routes

• مسیرها Routes

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

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

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

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

• عبارت جستجوی متنی به DialogFlow با Async در انتظار است 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 env Config local & server / Heroku env variables

• استقرار به Heroku/تست نقاط پایانی 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!

FrontEnd - Client Side - راه اندازی 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 - Client Side - راه اندازی React FrontEnd - Client Side – React setup

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

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

• React Generation React app Generation

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

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

• پروکسی Proxy

• پروکسی Proxy

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

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

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

• اجزای صفحه - قسمت 2 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 را به برنامه پشتیبان اضافه کنید 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 for visitors

در حال توسعه 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

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

• معرفی Introduction

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

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

• جزء کارت Card component

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

• نهاد شخص 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

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

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

• معرفی Mongoose Mongoose Introduction

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

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

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

• معرفی Mongo db Mongo db introduction

• معرفی Mongo db Mongo db introduction

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

• معرفی Mongoose Mongoose Introduction

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

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

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

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

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

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

تحقق Fulfillment

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

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

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

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

تحقق Fulfillment

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

• فرمت پاسخ Response format

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

کلاینت جاوا اسکریپت 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

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

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

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

محتوای اضافی - پرسش و پاسخ DialogFlow 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

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

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

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

• نحوه فراخوانی یک هدف دیگر از انجام 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

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

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

• DialogFlow Mega Agents DialogFlow Mega Agents

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

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

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

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

تحلیل احساسات 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

پلتفرم‌ها، 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 Lecture: Coupons for my other course and email list