#SPA, #Angular
https://goo.gl/YUtihj
نسل بعدی SPA Framework ها؛ #Aurelia

چندیست که فریمورک جدیدی به نام Aurelia در بین برنامه نویسان وب سر و صدایی به پا کرده و خود را "نسل بعدی" SPA Framework ها می خواند.
ا Aurelia فریمورک جدید جاواسکریپتی برای ساخت برنامه های SPA (Single Page Application) هست که ساختار آن بسیار شبیه به AngularJs 2 می باشد
جالب اینجاست که این فریمورک توسط Rob Eisenberg، یکی از توسعه دهندگان سابق AngularJs 2 که به عنوان یک Framework Developer با تجربه شناخته می شود، ساخته شده است
از مزایای این فریمورک می توان نام برد :
1- پشتیبانی از ES6
2- یک پارچگی کامل با TypeScript
3- سینتکس آسان تر و ساده تر نسبت به آنگولار
4- بدون وابستگی به کتابخانه های خارجی مثل jQuery (ولی قابل استفاده همراه با jQuery سازگار با دیگر کتابخانه های third-party)
5- قابلیت ماژولار و Pluggable بودن بالا

http://aurelia.io/
مخزن گیتاب :
https://github.com/aurelia/framework
آموزش Aurelia :
http://aurelia.io/hub.html#/doc/persona/developer
http://aurelia.io/hub.html#/doc/api/
دانلود آموزش Aurelia Fundamentals (Pluralsight)
http://goo.gl/CGdovw
دانلود آموزش Building Applications With Aurelia (Pluralsight)
http://goo.gl/1FvupC
بلاگ اخبار :
http://blog.durandal.io/

@IranAspMvc

💐 بیش از 78 کامپوننت رابط کاربری با ده ها تم مختلف برای انگولار دو

رایگان و متن باز!
https://goo.gl/Vpl8co

#Angular #UI

#Angular #Angular_CLI #AspNet #AspNetMVC

یکپارچه سازی Angular 4 CLI با پروژه های ASP.Net MVC 5 در ویژوال استودیو حرفه ای

پس از بازنویسی نگارش اولیه ی انگیولار، بهبودهای بسیار گسترده ای از جمله افزایش سرعت بارگذاری و اجرای کدها و نیز ساختار بهتر و ساده تر در آن به جود آمد که سبب شد توسعه دهندگان بیشتری به استفاده از این فریم ورک قدرتمند ترغیب شوند. اما این پایان ماجرا نبود و تیم انگیولار با معرفی برنامه ی خط فرمانی Angular CLI ، چند قدم فراتر رفته و کار ایجاد و مدیریت برنامه، کامپایل ماژول ها و کدهای تایپ اسکریپت و فرآیند بیلد و استقرار آن را به این برنامه محول کرد و سبب شد توسعه ی سریعتر و تجربه ی لذت بخش تری را برای توسعه دهندگان انگیولار فراهم آورد.

تنها نکته ی چالش برانگیزِ استفاده از این ابزار قدرتمند برای توسعه دهندگان دات نت این است که به دلیل وابستگی آن به webpack و اینکه به گونه ای طراحی شده که در زمان توسعه به صورت مستقل عمل کند، استفاده از آن در یک پروژه ی ASP.Net MVC و در ویژوال استودیو حرفه ای به شکل معمول و آسانِ خود میسر نیست و نیازمند برپایی تدارکات و تنظیماتی می باشد. البته اگر از پروژه های جدید ASP.NET Core و نیز محیط توسعه ی Visual Studio Code استفاده میکنید، با توجه به وجود NET Core CLI. که چیزی شبیه به خط فرمان Angular-CLI است، سازگاری بیشتری خواهید داشت. اما اگر به دلایل مختلف هنوز مجبور به استفاده از پروژه های قدیمی ASP.Net MVC 5 هم هستید، جای نگرانی نیست و لینک زیر گام به گام مراحلی که باید جهت یکپارچه سازی Angular CLI با پروژه ی ASP.Net MVC 5 خود طی کنید را شرح داده است. در ضمن اگر به دنبال نمونه ی یک پروژه ی واقعی و با ساختار خوب از Angular 4 هستید، پیشنهاد میکنم حتما پروژه ی موجود در این مقاله را دریافت و مطالعه نمایید:

https://www.codeproject.com/Articles/1193423/Integrating-the-Angular-CLI-With-Visual-Studio

@IranAspMvc

#Angular #Extension #VSCode

6 افزونه ی بسیار مفید و ضروری VSCode برای توسعه دهندگان Angular

با گسترش و فراگیر شدنِ برنامه های مبتنی بر Angular در محیط VSCode، افزونه ها(Extensions) ی متعدد و زیادی جهت سهولت در امر توسعه، تهیه و در دسترس قرار گرفتند. انتخاب و نصب این افزونه ها تا حد زیادی بر حسب سلیقه و نوع نیاز انجام می شود. اما در یک رده بندی کلی و عمومی، شاید بتوان 6 افزونه ی زیر را جزو کاربردی ترین آن ها دانست:

1- افزونه TypeScript Hero
اگر شما نیز به دنبال راهی برای افزودنِ اتوماتیکِ ایمپورت ها در فایل های تایپ اسکریپت هستید و همچنین مرتب سازی یا حذف ایمپورت های استفاده نشده برایتان از اهمیت برخوردار است، این افزونه مناسب برای شماست. البته این تنها بخش کوچکی از امکانات این افزونه مانند قابلیت code completion و ... می باشد:
https://goo.gl/f4t1BC

2- افزونه Angular Language Service
از طریقِ این افزونه، قابلیتِ auto-completion فیلدهای تعریف شده در کامپوننت را در تمپلیت HTML خود خواهید داشت:
https://goo.gl/GerGJH

3- افزونه Bracket Pair Colorizer
همان طور که از نام آن پیداست کار این افزونه، تطبیقِ براکت ها از طریق تمایز رنگ آنهاست:
https://goo.gl/cD3DUa

4- افزونه Move TS
کار این افزونه ی مفید، تغییر مکانِ فایل های تایپ اسکریپت و نیز فولدرهای حاوی آن و به روز رسانی ایمپورت های مرتبط با آن است. این افزونه به خصوص زمانی کاربرد دارد که به دلیل بزرگ شدن یکی از ماژول های موجود در پروژه، مجبور به شکستن آن به ماژول های کوچکتر و در نتیجه، انتقال فایل و فولدر های آن هستید:
https://goo.gl/svH4bs

5- افزونه Material Icon Theme
این افزونه دارای تعداد زیادی آیکون های متریال دیزاین برای VSCode می باشد:
https://goo.gl/HgSDAj

6- افزونه Angular TypeScript Snippets
این افزونه ی مفید تعداد زیادی code snippet آماده برای تولید سریع کدها مانند ایجاد کامپوننت، دایرکتیو، سرویس و ... را فراهم میکند. هر چند بسیاری از این موارد توسط برنامه ی خط فرمانی Angular CLI نیز امکان پذیر است، اما این افزونه شامل مواردِ بسیارِ دیگری از جمله snippet هایی برای تولید کدهای HTML نیز می باشد:
https://goo.gl/QfXzkf

منبع و توضیحاتِ کاملِ موارد فوق را میتوانید از طریق لینک زیر مطالعه نمایید:

https://goo.gl/LovRde

@IranAspMvc

ASP.NET Core 2 & Angular 5 - Full Stack Web Development with .NET Core & Angular 📕

Author : Valerio De Sanctis 🖊

Publisher : Packt 💎

〰〰〰〰〰〰
#Book #AspMvc #Core #Angular
@ProgrammingTip

❇️ نمونه معماری پیاده سازی شده با ASP.NET Core و Angular و DDD
مناسب جهت Code Review و ایده برداری

Architecture .NET 5, ASP.NET Core 5, Entity Framework Core 5, C# 9, Angular 11, Clean Code, SOLID, DDD.

تکنولوژی ها و تکنیک های استفاده شده:
✔️.NET 5
✔️ASP.NET Core 5
✔️Entity Framework Core 5
✔️C# 9
✔️#Angular 11
✔️#UIkit
✔️#Clean_Code
✔️#Clean_Architecture
✔️#SOLID
✔️#DDD

🔰لینک مخزن گیتهاب
https://github.com/rafaelfgx/Architecture
___________________
@DotNetZoom