دوره آموزشی
دوبله زبان فارسی
انگولار 4 - مبتدی تا حرفه ای
✅ سرفصل و جزئیات آموزش
در این دوره با انگولار، محبوب ترین فریمورک برای ساخت وب اپلیکیشن ها، اپلیکیشن های حرفه ای و تعاملی می سازید. این دوره همه موارد را پوشش می دهد.
واضح، مختصر و جامع
آیا از کنار هم قرار دادن آموزش های جداگانه یا برخورد با مدرسان سردرگم و گیج خسته شده اید؟ پس این دوره برای شما مناسب است. این دوره کامل در مجموعه ای از ویدئوهای با اندازه کوچک و آسان برای دنبال کردن ساختار یافته است که هم تئوری و هم عملی را پوشش می دهد.
آنچه یاد خواهید گرفت
- ساخت و استقرار با اطمینان اپلیکیشن های انگولار سریع و تعاملی
- عیب یابی خطاهای رایج
- نمایش داده و مدیریت رویدادها
- ساخت کامپوننت های قابل استفاده مجدد
- دستکاری DOM با استفاده از دایرکتیوها
- فرمت بندی داده با استفاده از پایپ ها
- ساخت فرم های واکنش گرا و قالب محور
- استفاده از سرویس های HTTP
- استفاده از افزونه های واکنش گرا و observables
- پیاده سازی مسیریابی و ناوبری
- پیاده سازی احراز هویت و مجوز
- ذخیره داده در Firebase
- استقرار اپلیکیشن های خود
- تست واحد اپلیکیشن های انگولار خود
- استفاده از انیمیشن های انگولار
- نوشتن کد تمیز و قابل نگهداری مانند یک حرفه ای
- میانبرهایی برای نوشتن کد بیشتر در زمان کمتر
- اعمال بهترین شیوه های صنعت
محتوای دوره
- شروع کار
- تایپ اسکریپت و اصول برنامه نویسی شی گرا
- اصول انگولار
- نمایش داده و مدیریت رویدادها
- ساخت کامپوننت های قابل استفاده مجدد
- دایرکتیوها
- فرم های قالب محور
- فرم های واکنش گرا
- Consume کردن سرویس های HTTP
- مسیریابی و ناوبری
- احراز هویت و مجوز
- استقرار
- ساخت اپلیکیشن های بلادرنگ با Firebase
- انیمیشن های انگولار
- Angular Material
- ریداکس
- تست واحد
- تست یکپارچه سازی
- پروژه - راه اندازی
- پروژه - احراز هویت و مجوز
- پروژه - مدیریت محصول
- پروژه - کاتالوگ محصول
- پروژه - سبد خرید
- پروژه - ماژول چک اوت
- پروژه - ماژولارسازی و بهبودهای نهایی
این دوره برای چه کسی مناسب است؟
- کسی که می خواهد توسعه فرانت اند را با انگولار یاد بگیرد.
- توسعه دهندگان فرانت اند که با کتابخانه های دیگری مانند ری اکت آشنا هستند و می خواهند انگولار را به جعبه ابزار خود اضافه کنند.
- توسعه دهندگان بک اند که می خواهند به توسعه فول استک شیفت کنند.
پیش نیازهای دوره
- نیازی نیست با تایپ اسکریپت یا هر نسخه قبلی انگولار آشنا باشید. شما فقط به دانش اولیه HTML ،CSS و جاوا اسکریپت نیاز دارید.
انگولار 4 - مبتدی تا حرفه ای
-
مقدمه 02:51
-
انگولار چیست؟ 02:00
-
معماری اپلیکیشن های انگولار 03:48
-
راه اندازی محیط توسعه 02:40
-
اولین اپلیکیشن انگولار خود 06:54
-
ساختار پروژه های انگولار 06:54
-
وب پک 03:15
-
تاریخچه نسخه انگولار 03:34
-
ساختار دوره 03:46
-
یک قول به ما بدهید 00:48
-
دنبال کردن مدرس None
-
مسیرهای یادگیری None
-
مقدمه 00:41
-
تایپ اسکریپت چیست؟ 02:24
-
اولین برنامه تایپ اسکریپت خود 03:00
-
اعلان متغیرها 04:49
-
تایپ ها 05:43
-
Type Assertions 02:47
-
توابع Arrow 01:44
-
رابط ها 03:54
-
کلاس ها 04:31
-
آبجکت ها 04:09
-
Constructors 02:52
-
مودیفایرهای دسترسی 02:56
-
مودیفایرهای دسترسی در پارامترهای Constructor 01:41
-
ویژگی ها 05:18
-
ماژول ها 04:31
-
تمرین None
-
راه حل 08:48
-
مقدمه 00:19
-
ساخت بلوک هایی از اپلیکیشن های انگولار 03:41
-
ایجاد کامپوننت ها 09:38
-
ایجاد کامپوننت ها با استفاده از Angular CLI 04:41
-
قالب ها 02:28
-
دایرکتیوها 03:27
-
سرویس ها 04:29
-
تزریق وابستگی 07:20
-
تولید سرویس ها با استفاده از Angular CLI 02:11
-
تمرین - Authors 00:32
-
راه حل 06:17
-
یک نکته سریع None
-
مقدمه 00:24
-
اتصال ویژگی 03:16
-
اتصال Attribute 03:35
-
افزودن بوت استرپ 04:53
-
اتصال کلاس 01:47
-
اتصال استایل 01:19
-
اتصال رویداد 04:30
-
فیلترینگ رویداد 01:50
-
متغیرهای قالب 01:53
-
اتصال دو طرفه 08:05
-
پایپ ها 06:38
-
پایپ های سفارشی 06:16
-
تمرین - کامپوننت مورد نظر 01:22
-
راه حل - کامپوننت مورد نظر 05:05
-
تمرین - مورد عنوان 01:17
-
راه حل - مورد عنوان 10:25
-
مقدمه 00:26
-
API کامپوننت 04:22
-
ویژگی های ورودی 04:44
-
Aliasing ویژگی های ورودی 04:22
-
ویژگی های خروجی 03:22
-
انتقال داده رویداد 05:51
-
Aliasing ویژگی های خروجی 02:05
-
قالب ها 02:41
-
استایل ها 05:10
-
کپسوله سازی View 09:11
-
ngContent 04:56
-
ngContainer 02:34
-
تمرین - LikeComponent 01:38
-
راه حل - LikeComponent 04:51
-
یک نکته سریع None
-
مقدمه 00:31
-
ngIf 06:11
-
ویژگی پنهان 03:25
-
ngSwitchCase 06:36
-
ngFor 04:18
-
ngFor و تشخیص تغییر 03:28
-
ngFor و TrackBy 05:47
-
ستارک مهم 01:47
-
ngClass 01:51
-
ngStyle 02:31
-
عملگر پیمایش ایمن 02:45
-
ایجاد دایرکتیوهای سفارشی 09:52
-
تمرین - Zippy 01:06
-
راه حل - Zippy 07:56
-
مقدمه 00:26
-
ساخت فرم اولیه بوت استرپ 04:05
-
انواع فرم ها 03:21
-
ngModel 05:30
-
افزودن اعتبارسنجی 03:17
-
خطاهای اعتبارسنجی خاص 04:20
-
استایل دهی به فیلدهای ورودی نامعتبر 01:26
-
قالب های Cleaner 01:52
-
ngForm 05:05
-
ngModelGroup 02:38
-
دایرکتیو ها و کلاس های کنترل 01:47
-
غیرفعال سازی دکمه ارسال 01:08
-
کار با چک باکس ها 02:18
-
کار با لیست های کشویی 06:02
-
کار با دکمه های رادیویی 02:55
-
تمرین - ایجاد فرم دوره 01:08
-
راه حل - فرم دوره 11:34
-
مقدمه 01:15
-
ساخت فرم بوت استرپ 00:50
-
ایجاد کنترل ها به صورت برنامه ای 06:14
-
افزودن اعتبارسنجی 07:07
-
خطاهای اعتبارسنجی خاص 02:33
-
پیاده سازی اعتبارسنجی سفارشی 07:01
-
عملیات های غیرهمزمان 05:13
-
اعتبارسنج های غیرهمزمان 08:04
-
نمایش تصویر لودر 01:37
-
اعتبارسنجی پس از ارسال فرم 04:58
-
گروه های فرم تودرتو 02:40
-
آرایه فرم 08:43
-
بیلدر فرم 03:59
-
جمع بندی سریع 01:16
-
تمرین - تغییر فرم پسورد 01:27
-
راه حل - تغییر فرم پسورد 15:17
-
مقدمه 01:03
-
JSONPlaceHolder 01:52
-
دریافت داده 08:17
-
ایجاد داده 07:59
-
بروزرسانی داده 05:05
-
حذف داده 01:59
-
رابط OnInit 03:54
-
تفکیک Concerns 03:41
-
استخراج یک سرویس 07:09
-
مدیریت خطاها 03:21
-
مدیریت خطاهای پیش بینی نشده 02:27
-
مدیریت خطاهای پیش بینی شده 04:28
-
Throw کردن خطاهای خاص اپلیکیشن 08:32
-
بررسی کد 02:59
-
ایمپورت عملگرهای قابل مشاهده و متدهای فکتوری 03:08
-
مدیریت خطای گلوبال 07:03
-
استخراج متد مدیریت خطای قابل استفاده مجدد 03:35
-
استخراج سرویس داده قابل استفاده مجدد 07:39
-
عملگر نقشه 04:27
-
بروزرسانی های خوش بینانه در مقابل بدبینانه 06:25
-
Observables در مقابل Promises 06:44
-
تمرین 01:15
-
راه حل 05:31
-
مقدمه 00:30
-
مسیریابی به طور خلاصه 01:04
-
پیکربندی مسیرها 06:47
-
RouterOutlet 02:29
-
RouterLink 05:41
-
RouterLinkActive 01:52
-
دسترسی به پارامترهای مسیر 05:23
-
چرا پارامترهای مسیر Observables هستند؟ 08:57
-
مسیرهایی با پارامترهای چندگانه 01:48
-
پارامترهای کوئری 04:28
-
سابسکرایب شدن در Observables چندگانه 04:45
-
عملگر SwitchMap 07:59
-
ناوبری برنامه ای 02:16
-
تمرین - آرشیوهای وبلاگ 02:01
-
راه حل 08:23
-
مقدمه 00:46
-
بررسی اپلیکیشن 02:29
-
معماری 03:02
-
JSON Web Tokens 05:47
-
کد استارتر 08:02
-
پیاده سازی لاگین 06:08
-
پیاده سازی خروج از سیستم 01:47
-
نمایش - مخفی سازی عناصر 06:40
-
نمایش - مخفی سازی عناصر بر اساس نقش کاربر 04:15
-
دریافت کاربر فعلی 00:49
-
رابط CanActivate 05:35
-
ریدایرکت کردن کاربران پس از لاگین 04:34
-
حفاظت از مسیرها بر اساس نقش کاربر 05:45
-
دسترسی به منابع API محافظت شده 07:27
-
جمع بندی سریع 01:54
-
مقدمه 00:36
-
آماده سازی برای استقرار 05:36
-
کامپایل کردن JIT در مقابل AOT 05:29
-
کامپایلر انگولار در عمل 03:34
-
ساخت اپلیکیشن ها با Angular CLI 06:40
-
محیط ها 04:27
-
افزودن یک محیط سفارشی 03:10
-
Linting با Angular CLI 04:45
-
Linting در ویژوال استودیو کد 01:59
-
سایر گزینه های استقرار 03:59
-
استقرار در GitHub Pages 07:29
-
استقرار در Firebase 07:03
-
Heroku 01:44
-
استقرار در Heroku 08:04
-
موتورها 01:28
-
تمرین 00:20
-
مقدمه 01:16
-
FIrebase چیست؟ 02:20
-
اولین پروژه Firebase شما 00:41
-
کار با پایگاه داده های Firebase 04:58
-
نصب Firebase 05:08
-
خواندن لیست ها 07:17
-
پایگاه داده بلادرنگ 01:32
-
Observables و نشت های حافظه 02:53
-
لغو سابسکرایب از سابسکریپشن ها 04:08
-
پایپ غیرهمزمان 02:40
-
خواندن یک آبجکت 03:26
-
کلیدواژه As 02:21
-
افزودن یک آبجکت 08:00
-
بروزرسانی یک آبجکت 05:06
-
حذف یک آبجکت 02:12
-
منابع اضافی 02:49
-
مقدمه 00:44
-
مثال هایی از انیمیشن ها 02:23
-
روش های مختلف برای ایجاد انیمیشن ها 04:32
-
انیمیشن های انگولار 04:08
-
ایمپورت ماژول انیمیشن ها و Polyfill 02:44
-
پیاده سازی انیمیشن fadeIn 07:11
-
پیاده سازی انیمیشن fadeOut 01:58
-
States 03:12
-
ترنزیشن ها 02:10
-
ایجاد تریگرهای قابل استفاده مجدد 02:12
-
تمرین - انیمیشن اسلاید 00:52
-
راه حل 03:42
-
Easings 05:34
-
کی فریم ها 05:27
-
ایجاد انیمیشن های قابل استفاده مجدد 07:53
-
پارامتری سازی انیمیشن های قابل استفاده مجدد 08:12
-
Callback های انیمیشن 02:45
-
کوئری عناصر فرزند 05:32
-
متحرک سازی عناصر فرزند 03:02
-
اجرای انیمیشن های موازی 03:01
-
Staggering انیمیشن ها 07:24
-
کار با State های سفارشی 10:01
-
انیمیشن های چند مرحله ای 02:16
-
تفکیک Concerns 03:31
-
مقدمه 00:42
-
Angular Material چیست؟ 04:31
-
نصب Angular Material 07:30
-
چک باکس ها 04:28
-
دکمه های رادیویی 05:43
-
انتخاب ها 05:07
-
ورودی ها 07:31
-
نواحی متنی 01:49
-
انتخابگرهای تاریخ 09:37
-
آیکون ها 03:40
-
دکمه ها 04:50
-
تراشه ها 05:45
-
اسپینر پیشرفت 07:31
-
Tooltips 02:18
-
تب ها 02:24
-
دیالوگ ها 08:39
-
انتقال داده به دیالوگ ها 10:47
-
سایر کامپوننت ها None
-
ایجاد ماژول قابل استفاده مجدد 05:51
-
تم ها 04:20
-
SASS 08:46
-
ایجاد تم سفارشی 09:10
-
استفاده از تایپوگرافی Angular Material 03:01
-
سفارشی سازی تایپوگرافی 06:31
-
نکته مهم None
-
مقدمه 00:34
-
ریداکس چیست؟ 06:33
-
بلوک های سازنده ریداکس 03:29
-
توابع خالص 04:13
-
نصب ریداکس 06:26
-
کار با اکشن ها 07:56
-
الگوی انتخاب 06:31
-
اجتناب از جهش های آبجکت 05:03
-
استفاده از آبجکت های تغییرناپذیر 05:41
-
تمرین 01:52
-
ابزارهای توسعه دهنده ریداکس 08:45
-
فراخوانی APIs 09:06
-
ریفکتور کردن دستورات Fat Case 02:33
-
برخورد با دامنه های پیچیده 08:56
-
مقدمه 01:12
-
تست خودکار چیست؟ 07:27
-
انواع تست ها 06:04
-
اصول تست واحد 07:44
-
کار با رشته ها و آرایه ها 03:14
-
راه اندازی و Tear Down 06:05
-
کار با فرم ها 03:30
-
کار با Emitter های رویداد 02:51
-
کار با Spies 06:56
-
تست تعامل 06:26
-
کار با باکس های تایید 03:09
-
محدودیت های تست های واحد 01:31
-
پوشش کد 03:30
-
مقدمه - تست یکپارچه سازی 00:44
-
کد راه اندازی 04:41
-
تولید کد راه اندازی 04:53
-
ویژگی تست و اتصالات کلاس 07:55
-
تست اتصالات رویداد 04:59
-
تامین وابستگی ها 02:37
-
دریافت وابستگی ها 05:48
-
تامین Stubs 07:11
-
تست ناوبری 04:02
-
برخورد با پارامترهای مسیر 06:33
-
تست کامپوننت های RouterOutlet 07:05
-
تست های کامپوننت Shallow 04:54
-
تست دایرکتیوهای Attribute 04:30
-
برخورد با عملیات های غیرهمزمان 05:41
-
مقدمه 04:57
-
دسترسی به کد منبع None
-
چالش 02:41
-
ایجاد یک پروژه جدید 05:16
-
نصب بوت استرپ 04:54
-
استخراج کامپوننت نوار ناوبری 01:59
-
تعریف مسیرها 07:51
-
افزودن منوی کشویی 06:44
-
پاکسازی نوار ناوبری 02:26
-
فیکس کردن چند مشکل جزئی 03:02
-
استقرار 02:51
-
مقدمه 02:06
-
پیاده سازی لاگین با گوگل 08:27
-
پیاده سازی خروج از سیستم 03:12
-
نمایش کاربر فعلی 02:20
-
استفاده از پایپ غیرهمزمان 04:42
-
استخراج یک سرویس 07:57
-
استخراج یک سرویس 06:25
-
ریدایرکت کردن کاربران پس از لاگین 08:27
-
ذخیره کاربران در پایگاه داده 05:51
-
تعریف نقش ها 05:47
-
محافظت از مسیرهای ادمین 11:13
-
نمایش یا مخفی سازی لینک های ادمین 08:05
-
فیکس کردن یک باگ 01:32
-
مقدمه 02:00
-
ساخت فرم بوت استرپ 07:35
-
Populate کردن 08:57
-
ذخیره محصول در Firebase 07:24
-
پیاده سازی اعتبارسنجی 05:32
-
افزودن اعتبارسنجی سفارشی 04:42
-
افزودن کارت بوت استرپ 07:10
-
رندرینگ لیست محصولات 04:05
-
ویرایش یک محصول 10:30
-
بروزرسانی یک محصول 04:09
-
حذف یک محصول 03:59
-
جستجو برای محصولات 09:26
-
استخراج یک رابط 01:20
-
افزودن کامپوننت جدول داده 05:07
-
پیکربندی جدول داده 04:32
-
فید کردن جدول داده 08:04
-
فیلترینگ با جدول داده 03:18
-
فیکس کردن باگ با ریدایرکت کردن کاربران 02:52
-
پاکسازی فرم محصول 01:36
-
مقدمه 01:20
-
نمایش تمامی محصولات 07:54
-
نمایش دسته بندی ها 03:37
-
فیلترینگ محصولات بر اساس دسته بندی 08:09
-
برخورد با چند عملیات غیرهمزمان ها 04:54
-
ریفکتور کردن - استخراج ProductFilterComponent 07:54
-
ریفکتور کردن - استخراج ProductCardComponent 08:32
-
بهبود کارت محصول 02:31
-
چسبنده کردن دسته بندی ها 02:24
-
جمع بندی 00:36
-
مقدمه 02:59
-
ایجاد سبد خرید 08:59
-
ریفکتور کردن - انتقال مسئولیت به سرویس 07:38
-
افزودن محصول به سبد خرید 07:28
-
ریفکتور کردن متد addToCart 06:10
-
نمایش کمیت 09:41
-
بهبود فوتر کارت 04:36
-
پیاده سازی دکمه های تغییر کمیت 06:59
-
نمایش تعداد آیتم های سبد خرید در نوار ناوبری 09:10
-
ریفکتور کردن - ایجاد یک مدل غنی 09:03
-
ساخت صفحه سبد خرید ساده 06:11
-
فیکس کردن مشکل طراحی 04:56
-
نمایش قیمت کل 05:43
-
ریفکتور کردن - استخراج ProductQuantityComponent 08:33
-
کشف مشکل طراحی 06:18
-
صاف کردن آیتم های سبد خرید 08:40
-
مقداردهی اولیه آبجکت بهتر 04:47
-
پاکسازی سبد خرید 03:21
-
فیکس کردن باگ با بروزرسانی کمیت 01:36
-
بهبود طرح بندی 02:41
-
افزودن Thumbnail 03:20
-
ریفکتور کردن بیشتر 08:11
-
مقدمه 02:00
-
افزودن دکمه چک اوت 02:43
-
ساخت فرم حمل و نقل 01:14
-
ذخیره سفارش در Firebase 08:39
-
مرتبط کردن سفارش با کاربر فعلی 02:10
-
ریفکتور کردن - استخراج یک مدل غنی 04:29
-
ریدایرکت کردن کاربر 02:54
-
پاکسازی سبد خرید 02:52
-
تراکنش ها None
-
افزودن ویجت خلاصه سفارش 08:47
-
ریفکتور کردن 09:15
-
نمایش سفارشات 03:07
-
فیکس کردن یک باگ 01:11
-
پردازش پرداخت ها None
-
مقدمه 01:02
-
پلاگین های ضروری تایپ اسکریپت 04:12
-
انتقال فایل ها و پوشه ها 05:35
-
ایجاد ماژول مشترک 05:55
-
ایجاد ماژول ادمین 09:27
-
ایجاد ماژول خرید 04:52
-
ایجاد ماژول اصلی 05:26
-
ایمپورت و اکسپورت ماژول ها 06:22
-
افزودن آیکون ها 02:29
-
ترازبندی آیتم های نوار ناوبری 03:34
-
تعریف تم 05:38
-
جمع بندی None
مشخصات آموزش
انگولار 4 - مبتدی تا حرفه ای
- تاریخ به روز رسانی: 1404/06/14
- سطح دوره:مقدماتی تا حرفهای
- تعداد درس:395
- مدت زمان :30:00:00
- حجم :26.28GB
- زبان:دوبله زبان فارسی
- دوره آموزشی:AI Academy
آموزش های مرتبط
The Great Courses
2,495,000
499,000 تومان
- زمان: 06:19:16
- تعداد درس: 40
-
سطح دوره:
-
زبان: دوبله فارسی
The Great Courses
6,787,000
1,357,400 تومان
- زمان: 17:11:52
- تعداد درس: 113
-
سطح دوره:
-
زبان: دوبله فارسی
The Great Courses
8,360,500
1,672,100 تومان
- زمان: 21:10:47
- تعداد درس: 202
-
سطح دوره:
-
زبان: دوبله فارسی
The Great Courses
5,720,500
1,144,100 تومان
- زمان: 14:29:26
- تعداد درس: 36
-
سطح دوره:
-
زبان: دوبله فارسی
The Great Courses
4,206,500
841,300 تومان
- زمان: 10:39:08
- تعداد درس: 64
-
سطح دوره:
-
زبان: دوبله فارسی
The Great Courses
4,391,000
878,200 تومان
- زمان: 11:07:45
- تعداد درس: 63
-
سطح دوره:
-
زبان: دوبله فارسی
The Great Courses
7,261,000
1,452,200 تومان
- زمان: 18:23:18
- تعداد درس: 103
-
سطح دوره:
-
زبان: دوبله فارسی
The Great Courses
490,000
98,000 تومان
- زمان: 00:57:00
- تعداد درس: 20
-
سطح دوره:
-
زبان: دوبله فارسی
The Great Courses
490,000
98,000 تومان
- زمان: 00:41:00
- تعداد درس: 9
-
سطح دوره:
-
زبان: دوبله فارسی