دوره آموزشی ارتباطات WebSocket با Node و Angular
1 ساعت 51 دقیقهپیشرفته2022-03-11
مدرسین
Patrick Siewe
Software Engineer
جزئیات دوره
اگر با یک صفحه وب مواجه شدید که در زمان واقعی به روز می شود، احتمالاً WebSocket را در محل کار می بینید. برخلاف پروتکل درخواست و پاسخ HTTP، WebSocket امکان برقراری ارتباط دوطرفه و بلادرنگ را فراهم میکند و یادگیری نحوه استفاده از آن به شما کمک میکند نرمافزار مفیدتر و جذابتری توسعه دهید. در این دوره آموزشی، Patrick Siewe به شما می آموزد که WebSocket چیست و چه کاری می تواند انجام دهد، با راهنمایی شما در ایجاد یک برنامه برای چت زنده از انتها به انتها. ابتدا، او شما را در ساخت سرور باطن در NodeJS، کدگذاری شده با TypeScript راهنمایی می کند. سپس، نحوه ساخت قسمت جلویی را به عنوان یک برنامه Angular بسیار ساده، که در TypeScript نیز کدگذاری شده است، نشان می دهد. از آنجایی که همه چیز در اطراف ما بیشتر به هم متصل و تعاملی می شود، مهارت در WebSocket فقط می تواند شما را برای کارفرمایان فعلی یا آینده قابل فروش تر و ارزشمندتر کند، بنابراین در این دوره آموزشی با پاتریک همراه باشید تا با تسلط بر WebSocket شروع کنید.
مهارت ها
AngularNode.jsJavaScript FrameworksFull-Stack Web DevelopmentFront-End Web DevelopmentWeb DevelopmentOpen SourceOne-Off
سرفصل ها
0. مقدمه
- 01 - WebSockets چیست؟
- 02 - پیش نمایش برنامه چت که با هم خواهیم ساخت
- 03 - آنچه باید بدانید
1. محیط - TypeScript، Node و Angular
- 04 - نحوه کلون کردن کد در هر مرحله
- 05 - ایجاد کتابخانه انواع داده های مشترک
- 06 - سرویس Node.js را ایجاد کنید
- 07 - برنامه کلاینت Angular را ایجاد کنید
- 08 - ساختار پروژه را مرور کنید
- 09 - سرور WebSocket را به Node.js اضافه کنید
2. Stand Up a WebSocket Service
- 10 - اولین اتصال WebSocket خود را دریافت کنید
- 11 - چندین کاربر متصل را مدیریت کنید
- 12 - شکل پیام WebSocket را استاندارد کنید
- 13 - پیام چت جدید را برای همه پخش کنید
- 14 - چالش - هنگام اتصال یک کاربر جدید به همه اطلاع دهید
- 15 - راه حل - هنگام اتصال یک کاربر به همه اطلاع دهید
3. رابط کاربری را با Angular بسازید
- 16 - نگاهی گذرا به Angular
- 17 - کامپوننت چت را تنظیم کنید
- 18 - رابط کاربری چت را نمونه اولیه کنید
- 19 - رابط کاربری اتصال را اضافه کنید
4. WebSockets را در UI روشن کنید
- 20 - احراز هویت در اتصالات جدید را شبیه سازی کنید
- 21 - برنامه وب را به سوکت وصل کنید
- 22 - چت را شروع کنید
- 23 - چالش - نمایش اعلان هنگام ورود یا خروج کاربر
- 24 - راه حل - نمایش اعلان هنگام ورود یا خروج کاربر
- 25 - چالش - نمایش لیست کاربران متصل
- 26 - راه حل - نمایش لیست کاربران متصل
نتیجه
- 27 - مراحل بعدی
دوره های مرتبط
- دوره آموزشی واکنشگرایی و سیگنالها در Angular
- دوره آموزشی ساخت کتابخانههای Angular
- دوره آموزشی رمزگشایی Angular: بهینهسازی عملکرد
- دوره آموزشی ساخت اپلیکیشنهای Angular و ASP.NET Web API
- دوره آموزشی مدیریت وضعیت در Angular با NgRx
- دوره آموزشی تکنیکهای بهینهسازی عملکرد Angular
- دوره آموزشی انگولار: ساخت برنامههای بزرگ
- دوره آموزشی تست و اشکال زدایی در انگولار