دوره کامل انگولار 18 - صفر تا صد انگولار 18
✅ سرفصل و جزئیات آموزش
آنچه یاد خواهید گرفت:
- تسلط به انگولار 18 از پایه - درک بلوکهای سازنده اساسی مانند کامپوننتها، سرویسها، ماژولها و غیره
- برسی عمیق اجزای داخلی انگولار و درک نحوه قرار گرفتن آنها در کنار هم
- ساخت وب اپلیکیشنهای پویا با استفاده از ابزارها و ویژگیهای قدرتمند انگولار
- ایجاد کامپوننتهای قابل استفاده مجدد برای ساختاردهی موثر اپلیکیشن انگولار خود
- پیادهسازی تزریق وابستگی و سرویسها برای معماری تمیز و مقیاسپذیر
- تسلط به RxJS و Observables برای مدیریت جریانهای داده غیرهمزمان در انگولار
- تسلط به سیگنالهای جدید برنامهنویسی واکنشگرا در انگولار 18
- انجام سریعتر توسعه با فرمانهای Angular CLI و بهترین شیوهها
- درک هوکهای چرخه عمر انگولار و مدیریت state اپلیکیشن به طور موثر
- بروزرسانی جدیدترین ویژگیهای انگولار 18 و تضمین مهارتهای خود در آینده
- کسب دانش عمیق درباره نحوه ساخت دایرکتیوهای Attribute و سفارشی
- درک سوالات کلیدی درباره انگولار - چرا انگولار؟ مزایای آن چیست؟
- با مباحث پیشرفته مثل View Encapsulation، تشخیص تغییر، تزریق وابستگی و هوکهای چرخه عمر آشنا خواهید شد.
پیشنیازهای دوره
- دانش اولیه با HTML ،CSS و جاوااسکریپت توصیه میشود.
- آشنایی با تایپاسکریپت مفید است، اما نگران نباشید، مفاهیم اصلی را پوشش خواهیم داد.
- یک کامپیوتر با نصب نودجیاس و npm (ما مسیر راهاندازی را به شما آموزش میدهیم).
- تمایل به یادگیری و ساخت اپلیکیشنهای انگولار عالی
توضیحات دوره
این دوره با ارائه یک بررسی عمیق از تمام ویژگیهای پیشرفته موجود در ماژولهای اصلی و رایج انگولار، پایه و اساس محکمی در انگولار 18 به شما میدهد.
این دو ماژول پایه، اساس هر چیزی در انگولار هستند، بنابراین تسلط به آنها به صورت دقیق ضروری است. انگولار طی سالها تحولات زیادی داشته است، و با آمدن سیگنالها، چندین روش برای انجام تسکهای مختلف معرفی شده است. در این دوره، هر ویژگی را از هر دو منظر - استفاده از سیگنالها و دکوراتورها - بررسی میکنیم.
در این دوره، شما یک بررسی جامع از امکانات پایه و پیشرفته در ماژولهای انگولار، از جمله ویژگیهایی مانند عناصر انگولار دریافت خواهید کرد.
تمام موارد از قبیل ویژگیهای پرکاربرد انگولار و مباحث پیشرفتهتر مانند حالتهای تشخیص تغییر، جداسازی استایل، تزریق وابستگی پروجکشن محتوا، بینالمللیسازی، کامپوننتهای مستقل و موارد دیگر را پوشش میدهیم.
این دوره هیچ گونه پیشینه قبلی در انگولار را فرض نمیکند. هر مفهوم بر مبنای مفاهیم قبلی ساخته شده است، بنابراین هیچ ارجاع رو به جلو ندارد و فرآیند یادگیری را هموار و منطقی میکند.
در حالی که با اصول انگولار شروع میکنیم، دوره سریعاً به سمت مباحث سطح متوسط و پیشرفته سوق داده میشود تا برای توسعهدهندگان در هر سطحی مفید باشد.
برای تسلط به ویژگی کامپوننتهای مستقل، یک بخش جداگانه اختصاص داده شده که نحوه مهاجرت اپلیکیشنهای موجود به استفاده از این قابلیت و حذف کامل NgModules را آموزش میدهد.
بررسی دوره
ما با یک مقدمه سریع و عملی به فریمورک انگولار شروع میکنیم، محیط توسعه خود را راهاندازی کرده و با استفاده از Angular CLI، پروژه را سریعا scaffold مینمایید.
در این زمین بازی، به پرسشهای رایج درباره انگولار پاسخ میدهیم: چرا انگولار؟ مزایای اصلی و ویژگیهای کلیدی آن چه هستند؟ با تشخیص تغییر و نحوه ساخت سینتکس قالب انگولار آشنا میشوید.
سپس، تمامی ویژگیهای مربوط به دو ماژول اصلی انگولار و ماژولهای رایج انگولار، شامل موارد زیر، بررسی میگردد:
- کامپوننتهای سفارشی با Component@
- ویژگیهای Input@ و Output@ در کامپوننتها و Emitters رویداد
- سینتکس کنترل جریان - if@ و for@ و switch@
- دایرکتیوها - ngFor و ngIf و ngClass و ngStyle و ngSwitch
- defer@ برای بارگذاری جزئی قالب
- Observables و پایپهای داخلی، Async Pipe و پایپهای سفارشی
- Injectable@ و سرویسهای سفارشی
- هوکهای چرخه عمر - ngOnInit و ngOnDestroy و موارد دیگر
- HTTP Client - بررسی GET و POST و PUT و DELETE
- ViewChild@ و ViewChildren@ و ContentChild@ و ContentChildren@
- پروژکشن محتوا با ng-content و ng-template
- تشخیص تغییر (نرمال و OnPush) و View Encapsulation
- دایرکتیوهای ساختاری و Attribute (Directive@ و Host@ و HostListener@ و HostBinding@)
- تزریق وابستگی (Inject@ و Optional@ و Self@ و SkipSelf@)
- تشخیص تغییر سفارشی
- عناصر انگولار و کامپوننتهای مستقل
- سیگنالها در انگولار
- و موارد دیگر
آنچه در دوره خواهید آموخت؟
در پایان دوره، شما دانش عملی و پیشرفته در انگولار 18 کسب خواهید کرد. شما با اطمینان اپلیکیشنهای انگولار را ساخته و درک عمیقی از تمام امکانات موجود در ماژولهای اصلی و ماژولهای رایج خواهید داشت.
این دوره برای چه کسانی مناسب است؟
- مبتدیانی که میخواهند انگولار را از ابتدا یاد بگیرند و وب اپلیکیشنهای پویا بسازند.
- توسعهدهندگان جاوااسکریپت که میخواهند مهارتهای خود را با یک فریمورک مدرن ارتقا دهند.
- توسعهدهندگانی که با فریمورکهایی مانند ریاکت یا Vue آشنا هستند و میخواهند به انگولار مسلط شوند.
- کاربران قبلی انگولار که قصد دارند مهارتهای خود را به انگولار 18 ارتقا دهند.
- کسی که میخواهد درک عمیقی از اجزای داخلی انگولار داشته باشد و اپلیکیشنهای مقیاسپذیر بسازد.
دوره کامل انگولار 18 - صفر تا صد انگولار 18
-
مقدمه 00:47
-
راهاندازی ویرایشگر کد 03:13
-
بررسی کوتاه ویژوال استودیو کد 04:15
-
تنظیمات تم ویژوال استودیو کد 03:06
-
راهاندازی فونت 03:19
-
راهاندازی پلاگین 04:37
-
نصب نودجیاس و نحوه استفاده از NPM 02:51
-
پایان 00:57
-
آشنایی با انگولار 05:07
-
اپلیکیشن تک صفحهای چیست؟ 02:08
-
Angular CLI 04:51
-
پروژه اول انگولار 05:08
-
توضیح فرآیند ng serve (فرآیند BTS) 05:41
-
ساختار فایلهای انگولار - بخش 1 06:07
-
ساختار فایلهای انگولار - بخش 2 03:04
-
ساختار فایلهای انگولار - بخش 3 02:29
-
کامپوننتهای انگولار کدامند؟ 03:04
-
تسک (کامپوننتها) 01:46
-
کامپوننتها چگونه محتوای داخل مرورگر را بارگذاری میکنند؟ 05:41
-
ایجاد کامپوننت انگولار به صورت دستی 07:28
-
بارگذاری کامپوننت در داخل مرورگر - بخش 1 07:16
-
بارگذاری کامپوننت در داخل مرورگر - بخش 2 04:20
-
کامپوننت تودرتو 07:30
-
ویژگی قالب 03:12
-
ویژگی استایل 02:19
-
رویکرد بهتر برای قالبها و استایلها 08:17
-
ایجاد کامپوننت با استفاده از Angular CLI 07:10
-
درونیابی رشته (درونیابی متن) 03:23
-
بررسی عمیق درونیابی رشته 05:34
-
چرا این را درونیابی رشته مینامند؟ 02:08
-
اتصال ویژگی 03:40
-
درونیابی رشته در مقابل اتصال ویژگی 03:51
-
اتصال کلاس 04:28
-
اعمال اتصال کلاس در شرطی نادرست 02:44
-
تسک 00:40
-
راهحل تسک 02:56
-
اتصال کلاس با مقادیر رشته 03:56
-
اتصال استایل در انگولار 03:22
-
اتصالات چندگانه استایل 02:08
-
اتصال کلاس در مقابل اتصال استایل 02:10
-
اتصال رویداد 04:08
-
دیگر اتصالات رویداد 02:42
-
فیلترینگ رویداد - بخش 1 05:03
-
فیلترینگ رویداد - بخش 2 03:05
-
متغیر قالب 04:43
-
اتصال داده دوطرفه - بخش 1 06:40
-
اتصال داده دوطرفه - بخش 2 04:20
-
اتصال داده یک طرفه در مقابل دوطرفه 06:24
-
دایرکتیوهای انگولار چه هستند؟ 03:40
-
کامپوننت و دایرکتیو ساختاری 03:11
-
دایرکتیو NgIf (روش قدیمی) 04:32
-
سینتکس if@ (بروزرسانی جدید) 01:47
-
رویکرد شرطی Else 05:28
-
Ng-Template 03:08
-
شرطیهای چندگانه - بخش 1 - NgIf 06:36
-
شرطیهای چندگانه - بخش 2 - استفاده از NgIf و Else 07:09
-
شرطیهای چندگانه - بخش 3 - با سینتکس جدید if@ 04:09
-
تفاوت بین if و if else 03:12
-
NgIf - شرطیهای مقادیر عددی - بخش 1 07:28
-
if@ - شرطیهای مقادیر عددی - بخش 2 02:43
-
NgIf - شرطیهای مقادیر رشته - بخش 1 03:38
-
if@ - شرطیهای مقادیر رشته - بخش 2 02:18
-
بررسی عمیق ng-template 03:04
-
دایرکتیو NgTemplateOutlet 04:15
-
آشنایی با NgFor 07:36
-
حلقه سینتکس جدید for@ 03:21
-
واکشی لیست نامرتب 06:13
-
واکشی آرایه آبجکت 07:08
-
واکشی آرایه آبجکت - سینتکس for@ 02:53
-
مکانیسم تشخیص تغییر در انگولار - بخش 1 05:41
-
مکانیسم تشخیص تغییر در انگولار - بخش 2 07:19
-
ایندکس حلقه for در انگولار - بخش 1 04:36
-
ایندکس حلقه for در انگولار - بخش 2 03:24
-
طول آرایه کاربران 04:30
-
ویژگی شمارش حلقه for 03:34
-
چگونه آرایه خالی را مدیریت کنیم؟ 05:55
-
بلوک سینتکس empty@ 03:50
-
ویژگی first و last و even و odd در حلقه for 05:54
-
NgSwitchCase 06:31
-
پیشفرض NgSwitchCase 05:11
-
Switch Case @default با سینتکس جدید 06:11
-
دایرکتیو ngStyle 08:39
-
دایرکتیو NgClass 06:50
-
دایرکتیو ساختاری در مقابل Attribute 04:09
-
ارتباط بین کامپوننتها چیست؟ 03:04
-
رابطه والد و فرزند (بررسی عمیق) 02:47
-
جریان داده والد و فرزند - بخش 1 06:43
-
جریان داده والد و فرزند - بخش 2 06:38
-
جریان داده چندگانه والد و فرزند 03:20
-
درک جریان داده والد و فرزند 03:08
-
جریان داده والد به فرزند (ViewChild@) - بخش 1 06:08
-
جریان داده والد به فرزند (ViewChild@) - بخش 2 04:18
-
جریان داده والد به فرزند (ViewChild@) - بخش 3 04:30
-
جریان داده والد به فرزند (output@ و Event Emitter) - بخش 1 03:12
-
جریان داده والد به فرزند (output@ و Event Emitter) - بخش 2 06:43
-
viewChild@ در مقابل Output@ 04:21
-
پروجکشن محتوای ng-content 04:40
-
کامپوننتهای قابل استفاده مجدد 02:46
-
پروجکشن محتوای چندین اسلات 06:58
-
هوکهای چرخه عمر چیست؟ 03:46
-
رندرینگ کامپوننتها به صورت برنامهای - بخش 1 03:29
-
رندرینگ کامپوننتها به صورت برنامهای - بخش 2 04:19
-
هوک چرخه عمر NgOnChanges - بخش 1 04:57
-
هوک چرخه عمر NgOnChanges - بخش 2 06:10
-
هوک چرخه عمر NgOnInit 05:12
-
متد Constructor 07:16
-
هوک چرخه عمر NgDoCheck 05:00
-
NgOnChanges در مقابل NgDoCheck 05:14
-
هوک چرخه عمر NgAfterContentInit 05:56
-
هوک چرخه عمر NgAfterContentChecked 04:44
-
هوک چرخه عمر NgAfterViewInit 06:02
-
هوک چرخه عمر NgAfterViewChecked 03:52
-
هوک چرخه عمر NgOnDestroy 04:15
-
پایپها در انگولار چه هستند؟ 04:07
-
پایپ تبدیل به حروف بزرگ 06:23
-
پایپ تبدیل حروف به کوچک و عنوان 04:10
-
پایپ عدد 02:40
-
نقش درونیابی رشته در پایپهای انگولار 02:42
-
پایپ درصد و ارز 03:25
-
پایپهای پارامتری شده 04:13
-
پایپهای تاریخ و زمان 05:29
-
فرمتهای تاریخ سفارشی 04:20
-
فرمتهای زمان سفارشی 03:19
-
پایپ جیسان 07:34
-
پایپ اسلایس 05:42
-
پایپ زنجیرهای 03:44
-
آشنایی با سرویسهای انگولار 05:08
-
ایجاد سرویس انگولار به صورت دستی 02:54
-
یوزکیس سرویس انگولار - بخش 1 04:19
-
یوزکیس سرویس انگولار - بخش 2 03:28
-
تزریق وابستگی - بخش 1 02:49
-
تزریق وابستگی - بخش 2 04:29
-
تزریق وابستگی - بخش 3 03:42
-
تزریق وابستگی چگونه کار می کند؟ 05:12
-
ایجاد سرویس با استفاده از Angular CLI 02:32
-
یوزکیس سرویسهای انگولار - بخش 1 06:42
-
یوزکیس سرویسهای انگولار - بخش 2 04:42
-
رابط انگولار 05:56
-
فایل جداگانه برای رابط انگولار 07:31
-
مدیریت فیلدهای اختیاری 02:01
-
مقدمه فرمهای قالب محور در انگولار 09:10
-
تبدیل فرم HTML به فرم قالب محور در انگولار 05:30
-
کلاس NgForm و FormGroup 03:58
-
کلاس NgModel - FormControl 04:04
-
اعتبارسنجی فرم - بخش 1 06:03
-
اعتبارسنجی فرم - بخش 2 02:13
-
اعتبارسنجی فرم - بخش 3 03:20
-
افزودن حاشیه قرمز به ورودی 04:27
-
اعتبارسنجی MinLength 06:14
-
اعتبارسنجی MaxLength 02:26
-
اعتبارسنجی ایمیل 05:44
-
اعتبارسنجی ناحیه متن 03:23
-
ngSubmit 03:20
-
غیرفعالسازی دکمه ارسال 02:10
-
مقدمه بخش (فرمهای واکنشگرا) 00:36
-
راهاندازی فرم واکنشگرا 02:53
-
ایجاد کنترلهای فرم واکنشگرا به صورت برنامهای 05:54
-
اعتبارسنجی اولیه فرمهای واکنشگرا 02:08
-
افزودن چندین اعتبارسنجی در فرم واکنشگرا 02:06
-
تکمیل تمام اعتبارسنجیها 10:07
-
ارسال فرم واکنشگرا و دریافت مقادیر فرم 03:41
-
گروههای فرم تودرتو 07:44
-
آرایههای فرم واکنشگرا 10:23
-
بیلدر فرم واکنشگرا 07:33
-
افزودن اعتبارسنجیهای سفارشی - بخش 1 06:57
-
افزودن اعتبارسنجیهای سفارشی - بخش 2 07:34
-
افزودن اعتبارسنجیهای سفارشی - بخش 3 01:15
-
پایان بخش 00:52
-
مقدمه بخش 00:38
-
مسیریابی و ناوبری در انگولار چیست؟ 01:40
-
چگونه مسیریابی و ناوبری را در انگولار پیادهسازی کنیم؟ 01:00
-
ایجاد اپلیکیشن جدید در انگولار 02:11
-
پیکربندی مسیریاب در انگولار 05:20
-
خروجی مسیریاب در انگولار 02:38
-
لینکهای مسیریاب در انگولار 01:39
-
Url اولیه در انگولار 03:08
-
مسیریاب اولیه در انگولار 01:59
-
مسیریاب در مقابل href 03:56
-
Routerlinkactive در انگولار 02:34
-
متغیرهای پارامتر مسیریاب 05:57
-
دریافت پارامترهای مسیریاب 05:15
-
Observable چیست؟ 04:01
-
اشتراک در Observable 01:51
-
Next در Observable 02:21
-
Observable در مقابل توابع 02:24
-
برنامهنویسی همزمان در مقابل غیرهمزمان 03:39
-
اشتراک و لغو اشتراک Observable 02:38
-
پارامترهای چندگانه در مسیریابی 03:13
-
پارامترهای کوئری 06:19
-
ماژول جداگانه برای مسیریابی در انگولار 06:14
-
ناوبری برنامهای 03:51
-
مسیرهای WildCard 03:39
-
پایان بخش 00:35
مشخصات آموزش
دوره کامل انگولار 18 - صفر تا صد انگولار 18
- تاریخ به روز رسانی: 1404/12/10
- سطح دوره:همه سطوح
- تعداد درس:193
- مدت زمان :13:52:34
- حجم :4.4GB
- زبان:دوبله زبان فارسی
- دوره آموزشی:AI Academy