آموزش Angular و ASP.Net Core (بخش چهارم)
در این بخش از آموزش angular و asp.net core ما ساخت اولین پروژه را در ویژوال استودیو به شما عزیزان در مجموعه ABLY یاد خواهیم داد. بنابراین تا آخر این آموزش همراه ما باشید.
انگولار و asp.net core (بخش سوم)
آموزش برنامه نویسی
angular vs asp.net core (بخش سوم)
هر بخش از آموزش angular و aso.net core یک مفهوم اصلی را پوشش میدهد، اگر احساس میکنید یک بخش برای شما تکراری میباشد و به مطالب آن مسلط میباشید میتوانید آن بخش را نادیده گرفته و به بخش های بعدی مراجعه نمایید. بر عکس اگر از ابتدا تا انتهای این مسیر ما را همراهی کنید در آخر به مفاهیم سودمندی در زمینه ASP.NET Core و Angular دست خواهید یافت. انجام پروژه ای که در ادامه در این آموزش ارائه میشود نوعی سرمایه گذاری بر روی خودتان هست. بنابراین ما پیشنهاد می کنیم در تمام این دوره های آموزشی انگولار و asp.net core همراه ما در مجموعه ably باشید.
آموزش برنامه نویسی
انگولار و asp.net core (بخش اول)
Asp.Net Core و AngularJs دو فریم ورک قدرتمند هستند که هر دو وجه برنامه نویسی یعنی سرور ساید و کلاینت ساید را به خوبی پوشش میدهند و در پاسخ به این سوال که آیا توانایی رقابت با دیگر فریم ورکها را دارند با قطعیت هر چه تمام تر میتوان گفت بله. در این بخش از آموزش انگولار وasp.net core ما این دو فریمورک را کاملا برای شما عزیزان معرفی خواهیم کرد و به شما خواهیم گفت که چه چیزهایی در این دوره آموزشی یاد خواهیدگرفت. بنابراین با ما در مجموعه ABLY همراه باشید.
-
آموزش فارسي انگولار(بخش دوم)
-
آموزش انگولار و asp.net core (بخش سوم)
-
ایجاد اولین پروژه با ASP.Net Core 2 (بخش چهارم)
-
آموزش ایجاد پروژه در آنگولار و ASP.Net Core (بخش پنجم)
آموزش برنامه نویسی
Angular 6.0 را همین حالا شروع کنید
آموزش برنامه نویسی | ایجاد اولین پروژه انگولار 6
Angular آخرین نسخه آن، Angular 6.0 را منتشر کرده است. در این مقاله، ویژگی های جدید Angular 6.0 را درک خواهیم کرد و همچنین با استفاده از Angular CLI 6.0 و Visual Studio Code، یک پروژه جدید ایجاد می کنیم.
ابتدا این مقاله را مطالعه کنید: ایجاد یک برنامه انگولار با Visual Studio Code
آموزش برنامه نویسی
ایجاد یک برنامه انگولار با Visual Studio Code
آموزش برنامه نویسی | ایجاد یک برنامه انگولار با Visual Studio Code
با عرض سلام و خسته نباشید
در این مقاله ما به شما آموزش خواهیم داد که چطور یک برنامه انگولار را توسط Visual Studio Code ایجاد کنیم. پس با ما در مجموعه ABLY همراه باشید.
به ترتیب زیر مقاله را ادامه خواهیم داد:
- معرفی
- نصب Node.js
- نصب Visual Studio Code
- Angular CLI
- ایجاد اولین برنامه انگولار
- نتیجه گیری
آموزش برنامه نویسی
بسم الله الرحمن الرحیم
مشاهده تمامی آموزش های دوره AngularJS
دوره آموزش AngularJS
این دوره آموزشی تا بخش بیست و دوم مقدماتی خواهد بود اگر به این مطالب تسلط دارید لطفا به آموزش "طراحی یک Single Page Application با ASP.NET Web API و Angular.js " مراجعه کنید.
در بخش اول تنها موارد را به صورت مختصر معرفی می کنیم و سپس در بخش های بعدی هر یک را توضیح خواهیم داد.
در این دوره قصد داریم با AngularJS آشنا شویم. مثل تمامی دوره های دیگر مطالب را سعی خواهیم کرد بر پایه ی مثال و به صورت ساده و سریع بیان کنیم. انشالله که مفید واقع شود.
AngularJS یک framework جاوا اسکریپت است، یک کتابخانه است که با JavaScript نوشته شده است. AngularJS مانند یک فایل توزیع شده است و شما می توانید با اضافه کردن یک تگ script در صفحه html خود از آن استفاده کنید.
<script src="http://ajax.googleapis.com/ajax/libs/angularjs/1.2.15/angular.min.js"></script>
نکته:
معمولا اکثر افراد فایل های Script خود را در بخش Head صفحه قرار می دهند که این کار خود باعث می شود لود شدن صفحه تا زمان لود تمامی script ها به طول بیانجامد و با توجه به کند بودن سرویس های https در کشور ما، اگر script بخواهد از سرویس HTTPS استفاده کند کاربر عملا از باز شدن صفحه دلسرد خواهد شد.
بهتر است تمامی فایل هایی که امکان دارند را در پایین تگ <body> قرار دهید، البته این کار را برای تمامی فایل های Script نمی توان انجام داد اما با انجام این کار سرعت لود صفحات بسیار افزایش خواهد یافت.
آموزش برنامه نویسی
بسم الله الرحمن الرحیم
این دوره آموزشی تا بخش بیست و دوم مقدماتی خواهد بود اگر به این مطالب تسلط دارید لطفا به آموزش "طراحی یک Single Page Application با ASP.NET Web API و Angular.js " مراجعه کنید.
مشاهده تمامی آموزش های دوره AngularJS
دوره آموزش AngularJS
بخش سوم
AngularJS Directives
همان طور که گفتیم تمامی رهنمودهای AngularJS با پیشوند ng- شروع می شوند.
ng-app
یک رهنمود (یا directive) است که یک برنامه AngularJS را تعریف می کند. در واقع محدوده فعالیت یک برنامه AngularJS را مشخص می کند.
<html ng-app> …. </html>
AngularJS بر روی کل صفحه ما مدیریت خواهد داشت چون ng-app در بالاترین عنصر صفحه نوشته شده است.
ng-init
یک رهنمود برای مقدار دهی اولیه به داده های برنامه می باشد.
آموزش برنامه نویسی
بسم الله الرحمن الرحیم
این دوره آموزشی تا بخش بیست و دوم مقدماتی خواهد بود اگر به این مطالب تسلط دارید لطفا به آموزش "<>
آموزش برنامه نویسی
بسم الله الرحمن الرحیم
این دوره آموزشی تا بخش بیست و دوم مقدماتی خواهد بود اگر به این مطالب تسلط دارید لطفا به آموزش "طراحی یک Single Page Application با ASP.NET Web API و Angular.js " مراجعه کنید.
مشاهده تمامی آموزش های دوره AngularJS
دوره آموزش AngularJS
بخش پنجم
AngularJS Filters
Filter ها می توانند به رهنمود ها و عبارت ها با استفاده از یک کاراکتر pipe ( | ) اضافه شوند.
فیلترهای AngularJS می توانند شکل داده ها را تغییر دهند:
Filter | Description |
---|---|
currency | Format a number to a currency format. |
filter | Select a subset of items from an array. |
lowercase | Format a string to lower case. |
orderBy | Orders an array by an expression. |
uppercase | Format a string to upper case. |
اضافه کردن Filter ها به Expression ها
در دو مثال بعدی ما از personController که در مقاله قبل از آن استفاده کردیم بهره می بریم.
فیلتر uppercase همانطور که از نام آن مشخص است فرمت رشته ها (string) به حروف بزرگ تغییر می دهد.
آموزش برنامه نویسی
کاربر ABLY
دقیقا همینطور هست که در متن گفتید. باید تخته هوشمند ...
کاربر ABLY
با سلام عالی بود. لطفا مبحث فلاتر رو هم ادامه ...
مدیر سایت
سلام و درود ممنون از لطفتان بله حتما ...
کاربر ABLY
درود و سپاس از مطلبتون درمورد WHILE @@FETCH_STATUS = 0 ...
کاربر ABLY
ممنونم. استفاده بردم. ...