آموزش کدنویسی برنامه های وب با Angular, Dart

با مشاهده این کورس آموزشی از طریق انجام پروژه های واقعی و به زبانی بسیار ساده مطالب فراوانی را در رابطه با آنگولار و دارت یاد می گیرید.

عنوان اصلی : AngularDart: Build Dynamic Web Apps with Angular and Dart

سرفصل ها :

معرفی:
مقدمه - دوره برای چه کسی است
ساختار دوره چگونه است
AngularDart - انگیزه
IntelliJ Idea را نصب کنید:
IntelliJ Idea را نصب کنید
فقط برای کاربران ویندوز - تنظیمات توسعه ویندوز:
آنچه در این بخش پوشش خواهیم داد
راه اندازی توسعه ویندوز برای AngularDart
فقط برای کاربران MAC - راه اندازی توسعه MAC برای AngularDart:
راه اندازی توسعه MAC
راه اندازی Dart SDK و Path در MAC - اجرای برنامه دارت
AngularDart - یک مرور کلی و انگیزه:
آنچه در این بخش پوشش خواهیم داد
مروری کوتاه بر معماری زاویه ای
TODO AngularDart Project Walkthrough
ساخت اپلیکیشن Make It Rain
باران را بساز - قالب درون خطی
بخشنامه ngIf
Data Binding - بررسی اجمالی
ویژگی NgStyle صحافی و تغییر رنگ متن
شیرجه عمیق به دستورالعمل های AngularDart:
پروژه بازسازی برای چندین مؤلفه
ngIf - یک Boolean را برای نمایش متن تغییر دهید
استفاده از خصوصیت پنهان Binding VS ngIf
ngبرای دستورالعمل و شاخص
استفاده از ngClass برای اتصال بیشتر کلاس‌های CSS
با استفاده از ngStyle Directive
تنظیم ngStyle از روش Component
استفاده از ngFor Directive با TrackBy
نمای کلی - دستورالعمل ها - مقدمه ای بر ایجاد دستورالعمل های ویژگی های سفارشی
ایجاد دستورالعمل های ویژگی سفارشی شده
اجرای دستورالعمل سفارشی textZoom
دستورالعمل سفارشی - افزودن اتصال داده های ورودی
چالش - دستورالعمل های سفارشی:
ایجاد یک دستورالعمل سفارشی - برجسته
راه حل: دستورالعمل سفارشی - هایلایتر
ساخت قطعات قابل استفاده مجدد:
قطعات قابل استفاده مجدد
قابلیت استفاده مجدد از قطعات - توضیح داده شده است
ایجاد یک مؤلفه قابل استفاده مجدد - با استفاده از ویژگی ورودی
اتصال یک ویژگی ورودی دیگر
شرح صحافی ویژگی ورودی
افزایش رویدادها با جریان در یک جزء قابل استفاده مجدد
افزودن نام مستعار به تمام خصوصیات ورودی و خروجی
انتقال داده های رویداد
ویژگی های ورودی، خروجی - خلاصه
چالش - اجزای قابل استفاده مجدد:
افزودن Bootstrap-glyphicon به پروژه
کامپوننت Final Like چگونه باید رفتار کند
راه حل - اجزای قابل استفاده مجدد:
راه حل چالش کامپوننت FacebookLike
AngularDart - خدمات HTTP - مصرف داده از راه دور:
آنچه در این بخش پوشش خواهیم داد
دریافت داده از API - قسمت 1
دریافت داده از API - تجزیه JSON با استفاده از json Decode
نمایش داده ها در یک لیست
استفاده از چرخه زندگی Hook OnInit برای پر کردن لیست
جداسازی نگرانی ها - ایجاد کد سرویس و نظافت
راه اندازی Firebase
ایجاد اپلیکیشن و پایگاه داده Firebase
راه اندازی پروژه Firebase و افزودن اولین مورد به پایگاه داده بیدرنگ
نمایش همه موارد از Firebase - نگاشت JSON به Dart Objects
اختیاری - اضافه کردن بوت استرپ به پروژه
نمایش دانش آموز اضافه شده درست هنگام افزودن - روش Future.Then
حذف موارد - رفع مشکل
در قسمت جلو و عقب حذف کنید
به روز رسانی دانشجو - قسمت 1
به روز رسانی نهایی دانشجویی
AngularDart - فرم ها:
فرم ها - مقدمه
فرم ها - ایجاد فرم های بوت استرپ
فرم ها - صحافی دو طرفه در یک فرم
افزودن اعتبار - قسمت 1
تغییر Div در صورت معتبر بودن
پاک کردن فرم ما با مدل
ارسال فرم با ngSubmit - قسمت 1
نمایش داده های مدل بسته به بولی ارسالی
AngularDart - Pipes:
معرفی لوله ها
لوله ها - انگیزه و کاری که انجام می دهند
با استفاده از UpperCase Pipe
لوله - خرما لوله
پارامترسازی یک لوله
لوله ها و پارامترهای ارز
لوله های زنجیر زنی
ایجاد لوله های سفارشی
مسیریابی در AngularDart:
ماژول روتر - مقدمه
مراحل ایجاد مسیریابی مسیریابی
پیکربندی مسیرها - قسمت 1
ایجاد Route و RoutePaths
افزودن مسیرها به نوار مرورگر و رفتن به الگو - قسمت 1
افزودن لینک های دکمه بوت استرپ
افزودن RouterLinkActive
ایجاد مدل دانشجویی و پر کردن قالب StudentList و مسیر پیش‌فرض
افزودن صفحه یافت نشد
تغییر مسیر
ماژول روتر - قسمت 2:
پارامترهای مسیر و ناوبری - مقدمه
تغییر ساختار لیست دانشجویان
نمایش اعلامیه های ساختگی
اضافه کردن NavBar - Bootstrap
کامپوننت دانشجویی و مسیر را تنظیم کنید
راه اندازی الگوی فهرست دانش آموز و انتخاب دانش آموز
ایجاد URL ناوبری دانش آموز و پاس کردن پارامتر شناسه
ناوبری مؤلفه دانشجویی را تنظیم کنید
ناوبری ضروری هنگامی که دانش آموز روی پارامترها کلیک کرده و در مرورگر عبور می کند
رفع - مشکل اتصال دو طرفه
پروژه نهایی - داشبورد دانش آموزی:
آنچه در این بخش پوشش خواهیم داد - نسخه ی نمایشی
ایجاد مدل های داده
Main و Index را تنظیم کنید
همه اجزا را تنظیم کنید
تنظیم NavBar
مسیرها و مسیرها را تنظیم کنید
Navigation to Work را تنظیم کنید
نمایش همه اطلاعیه ها
نمایش همه دانش آموزان ساختگی
اضافه کردن سبک اشاره گر
راه‌اندازی مسیر و الگوهای جزئیات دانش‌آموز
راه اندازی مسیر جزئیات دانش آموز - قسمت 2
نمایش شناسه مشخصات دانش آموز
تنظیم جزئیات دانش آموز و دکمه برگشت
تنظیم Add Student Component - Part 1
افزودن مسیر دانشجویی را تنظیم کنید
افزودن دانش آموزان به لیست
ذخیره دانش آموزان در Firebase
نمایش همه دانش آموزان ذخیره شده از Firebase
اضافه کردن کارت
یک دانشجو را به روز کنید
یک دانش آموز را حذف کنید
لمس و پایان نهایی
تغییر مسیر و صفحه یافت نشد
توسعه اپلیکیشن AngularDart:
آنچه در این بخش پوشش خواهیم داد
NodeJs را نصب و بررسی کنید
Main را با BrowserClient تنظیم کنید
استقرار پروژه در میزبان Firebase