آموزش Angular 16 & RxJS: ساخت اپلیکیشن های تک صفحه ای مدرن

Angular 16 & RxJS: Build Modern Single Page Applications

نکته: آخرین آپدیت رو دریافت میکنید حتی اگر این محتوا بروز نباشد.
نمونه ویدیوها:
توضیحات دوره: باز کردن قفل توسعه وب مدرن: تسلط بر Angular 16، RxJS، طراحی پاسخگو، و پروژه های واقعی در SPA های اصلی با Angular 16: درک و ایجاد برنامه های کاربردی تک صفحه ای کارآمد با استفاده از Angular 16. اعمال RxJS در Angular: یادگیری برنامه نویسی واکنشی با RxJS برای مدیریت جریان داده و دولت مسلط به جاوا اسکریپت و تایپ اسکریپت: مهارت های JS را تقویت کنید، ویژگی های ES6 را یاد بگیرید و TypeScript را درک کنید. گردش کار توسعه موثر: یک محیط توسعه دهنده سازنده راه اندازی کنید و بهترین شیوه های Angular را اتخاذ کنید. پروژه های دنیای واقعی با بوت استرپ: استفاده از دانش در پروژه ها، ادغام Bootstrap برای پیشرفت های UI/UX. تکنیک های پیشرفته RxJS: با تسلط بر مفاهیم پیشرفته و تکنیک های بهینه سازی، عمیقاً در RxJS شیرجه بزنید. طراحی پاسخگوی کراس پلتفرم: اطمینان حاصل کنید که برنامه ها پاسخگو هستند و یک تجربه کاربری یکپارچه را ارائه می دهند. آماده برای توسعه دنیای واقعی: آماده ساختن، آزمایش و استقرار برنامه های قوی Angular باشید. پیش نیازها: دانش برنامه نویسی پایه: فراگیران باید درک اساسی از مفاهیم برنامه نویسی و نحو داشته باشند. درک HTML، CSS و جاوا اسکریپت: از آنجایی که Angular یک چارچوب توسعه وب است، درک اولیه HTML، CSS و جاوا اسکریپت ضروری است. آشنایی با Node JS و npm: Node JS و npm (Node Package Manager) برای توسعه Angular استفاده می شود. دانش اولیه نصب بسته ها و اجرای دستورات مورد نیاز است. کد ویژوال استودیو نصب شده: این دوره از کد ویژوال استودیو به عنوان ویرایشگر کد اصلی استفاده می کند. زبان آموزان باید آن را روی رایانه خود نصب کنند. اتصال به اینترنت پایدار: برای نصب بسته‌ها، دسترسی به اسناد، و دنبال کردن درس‌های ویدیویی به یک اتصال اینترنتی قابل اعتماد نیاز است. تمایل به یادگیری: Angular و RxJS منحنی یادگیری تند دارند، بنابراین تعهد به یادگیری و تمرین بسیار مهم است. مهارت های حل مسئله: مهارت های اساسی حل مسئله به فراگیران کمک می کند تا محتوای دوره را به طور مؤثر درک و اجرا کنند.

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

در اصول اصلی SPAها عمیقاً غوطه ور شوید و درک کنید که چرا Angular از سایر چارچوب ها متمایز است و بینش هایی را به دست آورید که به شما در تصمیم گیری آگاهانه در پروژه های خود کمک می کند. ما همه چیز را از راه‌اندازی محیط توسعه شما در Visual Studio Code گرفته تا پیچیدگی‌های TypeScript پوشش می‌دهیم و اطمینان می‌دهیم که شما پایه‌ای محکم برای ساختن دارید.

رویکرد عملی ما به این معنی است که از روز اول کد می نویسید. اصول جاوا اسکریپت، ES6 و TypeScript را کاوش کنید و یاد بگیرید که چگونه این فناوری ها برای ایجاد برنامه های کاربردی وب قوی با هم ترکیب می شوند. شما مفاهیم اساسی برنامه نویسی را درک خواهید کرد، انواع داده ها، توابع، رویدادها را درک خواهید کرد و در استفاده از کلمه کلیدی "this" تسلط خواهید داشت.

Angular 16 ویژگی‌ها و پیشرفت‌های فراوانی را به ارمغان می‌آورد، و شما یاد خواهید گرفت که چگونه از آنها برای ایجاد برنامه‌های وب بسیار تعاملی و واکنش‌گرا استفاده کنید. از ایجاد مؤلفه‌ها تا درک دستورالعمل‌ها، مسیریابی و تعامل مؤلفه‌ها، مهارت‌هایی را برای مدیریت چالش‌های توسعه پیچیده کسب خواهید کرد.

RxJS و برنامه نویسی واکنشی در قلب Angular قرار دارند. این دوره کاوش عمیقی از RxJS ارائه می دهد و به شما یاد می دهد که چگونه عملیات ناهمزمان و جریان داده را مانند یک حرفه ای مدیریت کنید. شما با Observables، Operators و Subjects کار می‌کنید، الگوها و تکنیک‌هایی را باز می‌کنید که کلید ایجاد برنامه‌های کاربردی با کارایی بالا هستند.

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

در پایان این دوره، شما درک جامعی از Angular 16، RxJS و بهترین روش‌ها در توسعه وب مدرن خواهید داشت که برای مقابله با پروژه‌های پیچیده و ایجاد برنامه‌های کاربردی وب یکپارچه و کارآمد آماده است. به ما بپیوندید و مهارت های توسعه خود را برای برآورده کردن نیازهای چشم انداز توسعه وب امروزی تغییر دهید.


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

معرفی Introduction

  • معرفی Introduction

  • اپلیکیشن تک صفحه ای چیست؟ What is Single Page Application?

  • Angular در مقابل سایر فریم ورک ها Angular vs Other Frameworks

  • RxJS چیست؟ What is RxJS?

  • چه چیزی یاد خواهید گرفت؟ What Will You Learn?

راه اندازی و نصب Setup and installation

  • نصب کد VS VS Code Installation

  • تنظیمات و برنامه های افزودنی Settings and Extensions

  • Node.js و NPM Node.js and NPM

  • اولین اپلیکیشن انگولار First Angular App

  • ساختار پوشه Folder Structure

JavaScript، ES6، و Typescript Basics JavaScript, ES6, and Typescript Basics

  • بررسی TypeScript: منحصر به فرد بودن آن در مقابل جاوا اسکریپت Exploring TypeScript: Its Uniqueness vs JavaScript

  • متغیرها Variables

  • انواع داده ها Data Types

  • کارکرد Functions

  • مناسبت ها Events

  • این کلمه کلیدی This Keyword

زاویه ای 16 Angular 16

  • اجزای جدید ایجاد کنید Create new components

  • درون یابی Interpolation

  • مناسبت ها Events

  • ماژول ها Modules

دستورالعمل ها Directives

  • ngFor ngFor

  • ngIF other ngIF else

  • سوئیچ ng ng switch

مسیریابی Routing

  • مسیریابی پایه در زاویه ای Basic Routing in angular

  • مسیریابی پویا Dynamic Routing

  • تعامل مؤلفه ها Component interaction

پروژه Project

  • پروژه قسمت 1 Project Part-1

  • پروژه قسمت 2 Project Part-2

کتابخانه شخص ثالث Third-Party Library

  • استفاده از بوت استرپ در انگولار Using Bootstrap in Angular

  • نوار ناوبری با استفاده از بوت استرپ Navbar using Bootstrap

  • ng بوت استرپ ng Bootstrap

غواصی در RxJS Diving into RxJS

  • RxJS و Key Points چیست؟ What is RxJS and Key Points

  • چرا از RxJS در Angular استفاده کنیم؟ Why use RxJS in Angular?

  • تنظیمات RxJS RxJS Setting

  • وعده Promise

  • قابل مشاهده Observables

  • اپراتورها Operators

  • کودکان قابل مشاهده Observable Childs

  • اشتراک فاصله Interval Subscription

  • اپراتور OF Operator

موضوعات RxJS RxJS Subjects

  • موضوع Subject

  • موضوع رفتار Subject Behavious

  • تمرین رفتاری موضوعی Subject Behavious Exercise

  • ReplySubject ReplySubject

نتیجه Conclusion

  • نتیجه Conclusion

نمایش نظرات

آموزش Angular 16 & RxJS: ساخت اپلیکیشن های تک صفحه ای مدرن
جزییات دوره
3.5 hours
45
Udemy (یودمی) Udemy (یودمی)
(آخرین آپدیت)
7,381
- از 5
ندارد
دارد
دارد
Meta Brains
جهت دریافت آخرین اخبار و آپدیت ها در کانال تلگرام عضو شوید.

Google Chrome Browser

Internet Download Manager

Pot Player

Winrar

Meta Brains Meta Brains

بیایید با هم ابر جهان را کدنویسی و بسازیم! Meta Brains یک برند آموزشی حرفه ای است که توسط تیمی از توسعه دهندگان نرم افزار و متخصصان امور مالی که به امور مالی، کدنویسی و اکسل علاقه دارند، توسعه یافته است. ما تجارب حرفه‌ای و آموزشی را برای ایجاد برنامه‌های آموزشی در سطح جهانی که برای همه قابل دسترسی است، گرد هم می‌آوریم. در حال حاضر، ما بر انقلاب بزرگ بعدی در محاسبات متمرکز هستیم: متاورس. هدف نهایی ما این است که نسل بعدی استعدادها را آموزش دهیم تا بتوانیم با هم متاورز را کدنویسی و بسازیم!