آموزش ارتباطات WebSocket با Node و Angular

WebSocket Communications with Node and Angular

نکته: آخرین آپدیت رو دریافت میکنید حتی اگر این محتوا بروز نباشد.
نمونه ویدیوها:
توضیحات دوره:
اگر با یک صفحه وب مواجه شدید که در زمان واقعی به روز می شود، احتمالاً WebSocket را در محل کار می بینید. برخلاف پروتکل درخواست و پاسخ HTTP، WebSocket امکان برقراری ارتباط دوطرفه و بلادرنگ را فراهم می‌کند و یادگیری نحوه استفاده از آن به شما کمک می‌کند نرم‌افزار مفیدتر و جذاب‌تری توسعه دهید. در این دوره آموزشی، Patrick Siewe به شما می آموزد که WebSocket چیست و چه کاری می تواند انجام دهد، با راهنمایی شما در ایجاد یک برنامه برای چت زنده از انتها به انتها. ابتدا، او شما را در ساخت سرور باطن در NodeJS، کدگذاری شده با TypeScript راهنمایی می کند. سپس، او نحوه ساخت قسمت جلویی را به عنوان یک برنامه Angular بسیار ساده، که در TypeScript نیز کدگذاری شده است، نشان می دهد. از آنجایی که همه چیز در اطراف ما بیشتر به هم متصل و تعاملی تر می شود، مهارت در WebSocket فقط می تواند شما را برای کارفرمایان فعلی یا آینده قابل فروش تر و ارزشمندتر کند، بنابراین در این دوره آموزشی با پاتریک همراه باشید تا به تسلط بر WebSocket بپردازید.

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

معرفی Introduction

  • WebSockets چیست؟ What are WebSockets?

  • پیش نمایش برنامه چت که با هم خواهیم ساخت Preview the chat app we will build together

  • آنچه شما باید بدانید What you should know

  • امتحان فصل Chapter Quiz

1. محیط: TypeScript، Node و Angular 1. Environment: TypeScript, Node, and Angular

  • نحوه کلون کردن کد در هر مرحله How to clone the code at any stage

  • کتابخانه DataTypes مشترک ایجاد کنید Create shared datatypes library

  • سرویس Node.js را ایجاد کنید Create the Node.js service

  • برنامه کلاینت Angular را ایجاد کنید Create the client Angular application

  • ساختار پروژه را مرور کنید Review the project structure

  • سرور WebSocket را به Node.js اضافه کنید Add the WebSocket server to Node.js

  • امتحان فصل Chapter Quiz

2. Stand Up a WebSocket Service 2. Stand Up a WebSocket Service

  • اولین اتصال WebSocket خود را دریافت کنید Receive your first WebSocket connection

  • چندین کاربر متصل را مدیریت کنید Manage multiple connected users

  • شکل پیام WebSocket را استاندارد کنید Standardize WebSocket message shape

  • پیام چت جدید را برای همه پخش کنید Broadcast new chat message to all

  • چالش: زمانی که کاربر جدیدی متصل شد به همه اطلاع دهید Challenge: Notify all when a new user connects

  • راه حل: هنگام اتصال کاربر به همه اطلاع دهید Solution: Notify all when a user connects

  • امتحان فصل Chapter Quiz

3. رابط کاربری را با Angular بسازید 3. Build the UI with Angular

  • نگاهی گذرا به Angular A quick look at Angular

  • مؤلفه چت را تنظیم کنید Set up the chat component

  • نمونه اولیه رابط کاربری چت Prototype the chat UI

  • رابط کاربری اتصال را اضافه کنید Add the connection UI

  • امتحان فصل Chapter Quiz

4. WebSockets را در UI روشن کنید 4. Turn On WebSockets in the UI

  • شبیه سازی احراز هویت بر اتصالات جدید Simulate authentication on new connections

  • برنامه وب را به سوکت وصل کنید Connect the web app to the socket

  • گپ زدن را شروع کن Start chatting

  • چالش: نمایش اعلان هنگام ورود یا خروج کاربر Challenge: Show notification when user enters or leaves

  • راه حل: نمایش اعلان هنگام ورود یا خروج کاربر Solution: Show notification when user enters or leaves

  • چالش: نمایش لیست کاربران متصل Challenge: Show list of connected users

  • راه حل: نمایش لیست کاربران متصل Solution: Show list of connected users

  • امتحان فصل Chapter Quiz

نتیجه Conclusion

  • مراحل بعدی Next steps

نمایش نظرات

Linkedin (لینکدین)

لینکدین: شبکه اجتماعی حرفه‌ای برای ارتباط و کارآفرینی

لینکدین به عنوان یکی از بزرگترین شبکه‌های اجتماعی حرفه‌ای، به میلیون‌ها افراد در سراسر جهان این امکان را می‌دهد تا ارتباط برقرار کنند، اطلاعات حرفه‌ای خود را به اشتراک بگذارند و فرصت‌های شغلی را کشف کنند. این شبکه اجتماعی به کاربران امکان می‌دهد تا رزومه حرفه‌ای خود را آپدیت کنند، با همکاران، دوستان و همکاران آینده ارتباط برقرار کنند، به انجمن‌ها و گروه‌های حرفه‌ای ملحق شوند و از مقالات و مطالب مرتبط با حوزه کاری خود بهره‌مند شوند.

لینکدین همچنین به کارفرمایان امکان می‌دهد تا به دنبال نیروهای با تجربه و مهارت مورد نیاز خود بگردند و ارتباط برقرار کنند. این شبکه حرفه‌ای به عنوان یک پلتفرم کلیدی برای بهبود دسترسی به فرصت‌های شغلی و گسترش شبکه حرفه‌ای خود، نقش مهمی را ایفا می‌کند. از این رو، لینکدین به عنوان یکی از مهمترین ابزارهای کارآفرینی و توسعه حرفه‌ای در دنیای امروز مورد توجه قرار دارد.

آموزش ارتباطات WebSocket با Node و Angular
جزییات دوره
1h 50m
32
Linkedin (لینکدین) Linkedin (لینکدین)
(آخرین آپدیت)
-
- از 5
ندارد
دارد
دارد
Patrick Siewe
جهت دریافت آخرین اخبار و آپدیت ها در کانال تلگرام عضو شوید.

Google Chrome Browser

Internet Download Manager

Pot Player

Winrar

Patrick Siewe Patrick Siewe

پاتریک سیوه یک مهندس نرم افزار در کوین بیس است.

پاتریک تجربه گسترده ای در ساخت برنامه های کاربردی تک صفحه ای جلویی و API های RESTful بک اند دارد. او با فریم ورک Angular frontend، NestJS Backend Framework ساخته شده بر روی Node.js/Express.js، MongoDB و پایگاه داده MySQL و زبان های JavaScript، TypeScript و Go آشناست. پاتریک علاوه بر تجربه مهندسی نرم افزار، دارای مدرک MBA از دانشگاه میشیگان است.