آموزش ارتباطات 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
https://donyad.com/d/4115
Patrick Siewe
پاتریک سیوه یک مهندس نرم افزار در کوین بیس است.
پاتریک تجربه گسترده ای در ساخت برنامه های کاربردی تک صفحه ای جلویی و API های RESTful بک اند دارد. او با فریم ورک Angular frontend، NestJS Backend Framework ساخته شده بر روی Node.js/Express.js، MongoDB و پایگاه داده MySQL و زبان های JavaScript، TypeScript و Go آشناست. پاتریک علاوه بر تجربه مهندسی نرم افزار، دارای مدرک MBA از دانشگاه میشیگان است.
پاتریک تجربه گسترده ای در ساخت برنامه های کاربردی تک صفحه ای جلویی و API های RESTful بک اند دارد. او با فریم ورک Angular frontend، NestJS Backend Framework ساخته شده بر روی Node.js/Express.js، MongoDB و پایگاه داده MySQL و زبان های JavaScript، TypeScript و Go آشناست. پاتریک علاوه بر تجربه مهندسی نرم افزار، دارای مدرک MBA از دانشگاه میشیگان است.
نمایش نظرات