زمانی که با فریم ورک وب اپلیکیشن متن باز گوگل یعنی انگولار آشنا شدم تصمیم گرفتم تا در مورد این کتابخانه متن باز تحقیق کنم مقالات و کتاب های زیادی مطالعه کردم ، تقریبا دانش مورد نیاز را برای ساخت اپلیکیشن با انگولار بدست آوردم اما به عنوان یک برنامه نویس دات نت به دنبال یک آموزش ساده و روان بودم که بتونم انگولار را با ASP.NET CORE MVC ترکیب کنم موفق هم شدم و بعد از مدتی تصمیم گرفتم که یک آموزش پروژه محور از چگونگی ساخت اپلیکشن SPA با استفاده از انگولار و ASP.NET Core MVCایجاد کنم. در این آموزش از Angular 2 و ASP.NET Core 1 استفاده می کنیم ولی نحوه ی کانفیگ کردن اپلیکیشن با انگولار 6 و ASP.NET Core 2.2 هم مورد بررسی قرار خواهد گرفت و سورس پروژه با Angular 6 و ASP.NET Core 2.1 هم در اختیار شما قرار خواهد گرفت تا براحتی بتونید پروژه را با Angular 6 و ASP.NET Core 2.2 پیش ببرید و بزودی آپدیت پروژه با استفاده از Angular 8 و ASP.NET Core 3 هم بر روی سایت بارگزاری خواهد شد.
منبع : Essential Angular for ASP.NET Core MVC
مراحل ایجاد سولوشن پروژه ترکیبی انگولار 6 با ASP.NET Core MVC 2.2را با استفاده از فایل PDF( با کلیک بر روی لینک چگونگی ایجاد سولوشن ترکیبی انگولار 6 به بعد با ASP.NET Core 2.2)موجود در قسمت فایل های آموزش دنبال کنید ، سولوشن آماده این کار را می توانید از فایل های موجود(با کلیک بر روی لینک سولوشن پروژه با انگولار 6 و ASP.NET Core 2.1) دانلود کنید و از بخش 2ویدیو شماره 12 کار را طبق ویدیو های آموزش ادامه دهید و در صورت برخورد با خطا یا تغییرات می توانید تغییرات را در سورس کامل پروژه فروشگاه اینترنتی که در سایت آپلود شده است ، مشاهده کنید. سورس کامل پروژه با انگولار 8و ASP.NET Core 3هم بعد از انتشار نسخه نهایی بر روی سایت آپلود خواهد شد.
در بخش کامنت دوره می توانید سوال ها و مشکلات خودتون را مطرح کنید در اسرع وقت پاسخ خواهم داد.
پیش نیاز های این دوره :
آشنایی مقدماتی با ASP.NET Core MVC
آشنایی مقدماتی با انگولار 2 به بعد
سر فصل های آموزش انگولار با ASP.NET Core MVC
بیش از 16 ساعت آموزش
مقدمه و معرفی پروژه نهایی
بخش دوم : شناسایی خطاهای تایپ اسکریپت
بخش سوم : معرفی وابستگی ها داخل کلاس ریپازیتوری
بخش چهارم : پیاده سازی اکشن متد وب سرویس
بخش پنجم : بروز رسانی آبجکت ها در اپلیکیشن انگولار
بخش ششم : پیکربندی روتینگ
بخش هفتم : نمایش امتیاز ها
بخش هشتم : نمایش جزئیات سبد خرید
بخش نهم : ایجاد قالب کامپوننت
بخش دهم : ایجاد متد ریپازیتوری
بخش یازدهم : ارسال و دریافت توکن های Anti-CSRF
نظرات (22)
فرشاد کلهر
1397/10/10 04:32 عصرسلام بنده اکثر اموزش های سایتتون رو خریداری کردم میخواستم اگر امکانش هست کد تخفیفی برای بنده مشتریان وفادارتون اختصاص بدید که این اموزش رو هم بتونیم تهیه کنیم
پاسخمدیرسایت
1397/10/10 07:58 عصرسلام از وفاداری شما دوست عزیز کمال تشکر را داریم ، تخفیف 75 درصدی به صورت محدود توسط مدرس ، بر روی دوره آموزشی اعمال شده است ، اعمال تخفیف مجدد امکان پذیر نیست.ان شاالله در دوره های بعدی که تحفیف کمتری دارند ، حتما برای شما کد تخفیف در نظر گرفته خواهد شد.
پاسخنوید
1397/12/01 11:29 صبحسلام شما این درستور با چه کلید هایی تبدیل به کد html نمودید در صفحه view ؟ div#data.p1.p2
پاسخمهدی میلانی
1397/12/01 02:46 عصربا سلام خدمت شما دوست عزیز از کلید tap استفاده کنید ، البته باید اکستنشن مورد نیاز برای این کار را نصب کنید ، که این کار در قسمت افزودن اکستنشن های مورد نیاز به vs انجام شده است.
پاسخنوید
1397/12/01 03:32 عصرتشکر کلید تب رو بلد بودم ولی ولی چون کار نمیکرد فکر میکردم از کلیدهای ترکیبی خاصی استفاده میکنید نام اکسنشن رو پیدا نکردم 2 تا بود ولی اون یکی دیگش رو نتونستم پیدا کنم
پاسخمهدی میلانی
1397/12/01 08:16 عصراز این آدرس : https://marketplace.visualstudio.com/items?itemName=MadsKristensen.WebExtensionPack2017 آخرین نسخه اکستنش Web Essentialبرای vs 2017 را دانلود و نصب کنید. داخل vs هم میتونید از مسیر زیر : tools/extensions and update و جستجوی web essential 2017 اکستنشن مورد نظر را نصب کنید و استفاده کنید.
پاسخنوید
1397/12/02 07:00 عصرموقعه نصب با این خطا توی Command Prompt مواجه شدم بعد از اجرای دستور: ng eject The 'eject' command has been disabled and will be removed co mpletely in 8.0. The new configuration format provides increased flexibility to modify the configuration of your workspace without ejecting. There are several projects that can be used in conjuction wi th the new configuration format that provide the benefits of ejecting w ithout the maintenance overhead. One such project is ngx-build-plus found here: https://github.com/manfredsteyer/ngx-build-plus
پاسخمهدی میلانی
1397/12/02 09:08 عصردستور ng eject از انگولار ورژن 6 و بالاتر حذف شده است در توضیحات دوره آموزشی گفتم که برای نصب ورژن انگولار 6 و بالاتر از فایل pdf موجود در فایل های دوره استفاده کنید. در ضمن سولوشن آماده انگولار 6 و ASP.NET Core 2.2 را در قسمت فایل های آموزش قرار دادم که میتونید ازش استفاده کنید.
پاسخمهدی میلانی
1397/12/02 09:34 عصردوستان عزیز اگر خواستید از انگولار 6 یا 7 استفاده کنید از فایل pdf که مراحل نصب انگولار 6 به بعد را در آن توضیح دادم استفاده کنید.
پاسخپوررستمی
1397/12/05 04:26 عصرسلام آقای میلانی در پناه خداوند سلامت باشید با انگولار امکان مانور روی تصاویر وجود دارد یا نه؟ یعنی کنار عناوین محصولات تصاویرشان نیز نمایش داده شود. (سایتی که بعنوان پایان کار نشان داده اید تصویری مشاهده نمیگردد)
پاسخمهدی میلانی
1397/12/05 04:41 عصرسلام ، خیلی ممنون بله ، براحتی میشه این کار را انجام داد. من تصویر نمایش ندادم ، این کار را شما به عنوان تمرین انجام بدید ، اگر با مشکل مواجه شدید بنده کمکتان خواهم کرد. با تشکر
پاسخپوررستمی
1397/12/05 04:47 عصربسیار متشکرم آقای میلانی عزیز
پاسخپوررستمی
1397/12/05 06:13 عصرحالا جسارتا اگر امکانش باشه و فرصت داشتید یک قسمت هم به آموزشها اضافه فرمایید افزودن و نمایش و حذف و ویرایش تصاویر که کاملتر باشد باتشکر زیاد
پاسخمهدی میلانی
1397/12/05 07:53 عصربله ان شاالله در اولین فرصت این کار را انجام خواهد داد. ولی برنامه ریزی کردم که 2 تا دوره آموزش حرفه ای کاربردی و پروژه محور با استفاده از انگولار و ASP.NET Core برای علاقه مندان تهیه کنم.این آموزش بیشتر برای آشنایی با انگولار (برای افرادی که آشنایی مفدماتی با انگولار دارند) و ASP.NET Core تهیه شده است. یعنی تمام نکات مهم به همراه ایجاد یک پروژه توضیح داده شده است.اگر وقت بشه و عمری باقی باشه در آینده نزدیک آموزش های خوب و قوی و متفاوت از گروه تمرین برای علاقه مندان ارائه خواهد شد.
پاسخپوررستمی
1397/12/06 10:04 صبحانشاءالله درپناه خداوند امیدوارم بار دیگر سایتتان از فعالیت باز نایستد و همیشه رو به جلو باشد و این حرکتتان لحظه ای نباشد آموزشهای این سایت مخصوصا آموزش های آقای دلیل بصورت عمقی و اصطلاحا فلسفی بود چند انتقاد خدمتتون دارم اول تشکر میکنم از اخلاق شما که همیشه در برخوردتان بار کاربر در نظر دارید طرفتان انسان مساوی با شماست و خود را مکلف به احترام و تسلیم اصول میدانید. بنظر سطح سواد برنامه نویسی شما با ما بسیار زیاد است و شما این نکته را در نظر نمیگیرید در آموزشی از سایت دیگر که الان هم استفاده میکنم مدرس روشی جالب در آموزش های متنوعش در پیش گرفته اشتباه نکنم اصطلاح برنامه نویسی اش میشود کپسوله سازی یعنی هر آموزش رو حدالامکان منحصر میکرد در همان آموزش که نیازی به مطالب هرچند اساسی دیگر نباشد مثلا قرار باشد html را درس دهید حدالامکان به css رجوع نفرمایید و css را در مبحثی دیگر درس دهید اما نکته اینجاست که تمرکز را روی ریشه ای درس دادن قرار دهید بنظرم بهتر است چند آموزش ریشه ای ارائه فرمایید و یک آموزش کلی که آموزش های دیگر را در پروژه ای سطح بالا پوشش دهد بنظرم شما یا اهمیت نمیدهید و فکر میکنید برای دیگران فقط اجرای کد مهم است و به عمق مطالب نمیپردازید یا تمرکز در خروجی آموزش دارید و بسیاری مسائل را خلاصه میگذرید
پاسخپوررستمی
1397/12/06 10:05 صبحمثلا در سایت مذکور(که متاسفانه آموزش هایش گران هستند و البته به کیفیت آموزش های عمقی آقای دلیل نمیباشند) برای انتیتی فریمورک دو یک دوره تهیه شده و بصورت عمقی با تست نویسی و استفاده از اس کیو ال پروفایلر به بررسی دستورات میپردازد یا تایپ اسکریپ دوره ای جداگانه شما دوره ای عمقی و مفصل برای تایپ اسکریپت 3 در نظر دارید؟! در همین دوره سایت با انگولار شما بسیاری مطالب با خلاصه گویی اشاره ای کرده که من کاربر با دیدنش یا احساس میکنم خیلی بیسوادم و دلسرد میشوم کلا! یا به دنبال آموزش مواردی که ذکر فرموده اید در سایتهای دیگر میباشم یا مواردی حاشیه ای که بسیار وقت و انرژی بیهوده میگیرند میتوانید همان خلاصه گویی را داشته باشید اما اشاره فرمایید که در دوره هایی جداگانه هر یک ازاین موارد بصورت مفصل و عمقی با کدنویسی بررسی خواهند شد نه اینکه جوری برخورد کنید که انگار مثل روز روشن است و اینکه منِ نوعی نمیدانم بخاطر بیسوادیم هست! و به کل دلسرد شوم اینطور سایت هم جریان خواهد داشت با آموزشهای متنوع که بنظرم برنامه نویسی هنر و زیبایی خودش را دارد که چه بهتر شما آن را تعلیممان دهید و تاکید بر کیفیت کار داشته باشید نه بر نتیجه گرا بودن و بقول (اشتباه نکنم) ابن سینا در عرض زندگی کنید نه اینکه محول کنید به طول پیشنهاد میکنم همین مواردی که در آموزش سایت با انگولار در نموداری اشاره فرمودید که پشت پرده چه میگذرد وقتی ریکوئست داده میشود... هر یک را با کد نویسی و بصورت عملی در دوره هایی مجزا توضیح بفرمایید در پناه خداوند موفق باشید
پاسخمهدی میلانی
1397/12/06 11:23 صبحسلام ، شما بزرگوارید این دوره برای افرادی تهیه شده است که انگولار کار کردند و مسلط هستند ، فقط میخوان برای سمت سرور از ASP.NET Core استفاده کنند ولی سعی کردم خط به خط کد ها رو بگم چه کاری انجام می دهند. در مورد نمودار ها و اسلاید ها توصیحاتی که ارائه میشه کدش رو نوشتیم و بعد حالا روی اسلاید میگیم این کارها رو انجام دادیم. ببینید الان سایت های خیلی خوبی در زمینه آموزش برنامه نویسی وجود داره و شاید مباحث پایه را به خوبی ارائه داده باشند ، پس ما باید ی خورده متفاوت عمل کنیم و بریم به سمت تکنولوژی های کاربردی در کنار اون مواردی که به صورت پایه ای یاد گرفتیم. بنده در تولید آموزش این نکات را در نظر می گیرم. در کل انتقاد های شما سازنده خواهد بود و سعی می کنیم تو آموزش ها در نظر بگیریم.
پاسخپوررستمی
1397/12/07 11:17 صبحسلام. متشکرم برادر گرامی از توضیحاتتان و هدفی که در مورد سایت بازگو فرمودید اینکه بیشتر جنبه کاربردی داشته باشد که بنظرم تکلیف کلی سایت را مشخص میکند و راهش را مجزا انشاءالله موفق باشید بنظرم نامناسب نخواهد بود اگر توضیحی تا حد ممکن مختصر به عرایضم اضافه کنم اشاره داشته باشم که تا حدی به انگولار و تایپ اسکریپت و دات نت کور آشنایی دارم و عرض بنده در مورد توضیحات مثلا در ویدیوی نهم از قسمت دوم میباشد جاییکه رابطه ها را مختصر توضیحاتی میفرمایید. که هر چند باز موضوع اصلی تغییر نمیکند یعنی ایکاش این سایت تا حد بالایی از آموزشها برای کاربران برنامه نویس اکتفا میکرد مثلا کسانی دیگر به بررسی و آموزش تایپ اسکریپت 3 و یا web pack و یا spa services middleware میگماشتید و اینطور تاکید بنده بخاطر کیفیت بالا و هزینه پایین آموزش های شماست الان بنده بیشتر آموزش ها را از سایت تاپ لرن تهیه میکنم که قیمت های بالایی دارد هرچند در مناسبت هایی تخفیف میدهد اما باز هم بنظرم زیاد است و در نبود رقیبان خوب از فضا استفاده کرده اند. بیشتر سایتها بنا به سطح سواد بنیانگذارش مدتی خود را نشان میدهند و با تمام شدن سواد مدیرش سایت هم تمام میشود! یعنی چیزی دیگر برای ارائه ندارند!
پاسخمهدی میلانی
1397/12/09 07:50 عصربزرگترین مشکل تیم ما کمبود وقت هست و خیلی محتوا آماده کرده بودیم که به علت مشغله زیاد امکان ایجاد آموزش مقدور نبود ولی خب سعی می کنیم بروزتر باشیم.
پاسخپوررستمی
1397/12/07 11:19 صبحچند مقایسه از دیدگاه کاربری در مورد سایتهای برنامه نویسی که در این چندساله میشناسم خدمتتان عرض میکنم لرن فایلز و دانشجویار و طلوع و تاپ لرن و تمرین تا جاییکه با سایت لرن فایلز آشنایی دارم بنظر مسئول اصلی و محترمش آقای چرم پیشه با هر ایده ای که در سر دارند امور سایتشان را بیشتر در قالب یک سیستم اداری قرار داده اند و تمرکز روی آموزش های عالی به حد کافی نمیباشد سایت دانشجویار که سایتی شلخته و در هم بر هم میباشد بنظرم آخرین جاییکه باید پولتان را آنجا هدر بدهید سایت طلوع که مدرسی بنظر فوق العاده باسواد داشت آقای امیرچابک ولی ایشان هم گذرا به تدریس موارد مهم پرداخته اند که بیشتر جنبه آشنایی دارد تا آموزشی اما سایت تاپ لرن که مسئول اصلیش آقای مدائنی بنظر بسیار زیاد فعال میباشد و بنظر با نبود رقیبی مناسب بسیار از فضای پیش آمده استفاده کرده اند و این بین باید من کاربر برای استفاده از آموزششان هزینه بالایی بپردازم که شاید صد هزار تومن برای ایشان چیزی نباشد ولی برای همه اینطور نیست که اگر شما به کارتان ادامه میدادید شاید اینطور اذیت نمیدیدیم در این سایت تمرین فقط دو مدرس را مشاهده کرده ایم تا الان یکی شما و دیگر آقای دلیل که بنظر هر دو فوق العاده سطح علم برنامه نویسیتان بالا میباشد اما دریغ از یک مدیریت مناسب! قالب و شمایل سایتتان مناسب نمیباشد و تعاملتان با کاربران به حد کافی نمیباشد و تقریبا صفر است و به اصطلاح سایت شما زنده نیست بنظرم نیاز به برنامه ای خوب و چندین ساله دارید و همچنین جدیت برای اینکار بنظرم این سایت بیشتر نیاز به مدیری خوب دارد که هم فراهم کردن انواع آموزش ها را مدیریت کند و هم سطح سایت در مسیرش را تا حد بهینه ای بالا ببرد بنظرم بعد از چند آموزش از شما که وعده داده اید احتمال دارد باز شاهد بی حرکتی سایتتان باشیم چون شما دست تنها هستید یا باید مدیری باشید که تقریبا همه چیز را زیر نظر دارد یا مدرس عالی آقای میلانی میدانم پرگویی کردم این را دلیل بر بیکاری بنده نگیرید بلکه ادب و برخورد شما این کار را بر بنده تکلیف کرد. درپناه خداوند سربلند و موفق باشید.
پاسخمرتضی دلیل
1397/12/10 12:15 عصرسلام. مطالب شما رو خوندم و تقریبا در مورد نواقص ما و سایتمون، همه حرفاتون درسته. از لطفی که به من داشتید هم ممنونم. متاسفانه بزرگترین مشکل ما زمان هست. برای این سایت چند بار قالب جدید و حتا بکند جدید طراحی کردیم و کدنویسی ها هم انجام شد اما متاسفانه به دلیل مشغله فرصت ادامه کار را نداشتیم. الان هم نسبت به سایت و مخاطبانش بی تفاوت نیستیم. امیدوارم بتوانیم این توجه و لطف شما رو با تولید ویدیوهای خوب و به درد بخور جبران کنیم.
پاسخمهدی میلانی
1397/12/06 12:13 صبحسلام به همه ی دوستان عزیز برای ایجاد سولوشن با نسخه 6 که چندتا از دوستان مشکل داشتند و به بنده ایمیل زدند یک ویدیو تهیه کردم که بزودی آپلودش می کنم. اگر در زمان بیلد پروژه انگولار در زمان ایجاد سولوشن به این خطا برخورد کردید : node_modules/rxjs/internal/types.d.ts(81,44): error TS1005: ';' expected error after installation of Angular 6 مراحل زیر را دنبال کنید : فایل package.json را باز کنید و دیپندنسی : "rxjs": "^6.0.0" را به "rxjs": "6.0.0" تغییر دهید و بعد از ذخیره ی تغییرات فایل را ببندید. cmd را باز کنید مسیر را به دایرکتوری محل ایجاد پروژه تغییر دهید ، مثلا D:\Eshop و بعد دستور npm update را اجرا کنید و بعد با اجرای دستور ng build پروژه انگولار را بیلد کنید.
پاسخ