مسیریابی (Routing) در انگولار ۷ – آموزش انگولار ۷

به طور کلی منظور از مسیریابی (Routing) در انگولار، جا به جا شدن بین صفحات مختلف است. تا به حال سایت های زیادی را دیده اید که شما را با یک لینک به صفحه دیگر منتقل می کنند. همان کار را می توان با استفاده از مسیریابی انجام داد. همانطور که در بخش های قبلی توضیح داده شد، یککامپوننت جدید ایجاد کنید تا نحوه استفاده از مسیریابی در انگولار ۷ را بررسی کنیم. جهت مشاهده آموزش و دریافت آن بر روی لینک زیر کلیک نمایید.

 

 

لینک: مسیریابی (Routing) در انگولار ۷ – آموزش انگولار ۷

اسکرول مجازی (Virtual Scrolling) در انگولار ۷ – آموزش انگولار ۷

اسکرول مجازی یکی از قابلیت هایی است که در انگولار ۷ به آن اضافه شده است. این قابلیت به CDK یا همان Component Development Kit افزوده شده است. قابلیت Virtual Scrolling به شما کمک می کند تا فقط عناصری را که در محدوده قابل دیده شدن هستند، در DOM لود شوند و آن هایی که قابل مشاهده نیستند نیز از DOM حذف شوند. به این ترتیب سرعت بارگذاری برنامه تا حد زیادی بالا می رود. جهت مشاهده تصاویر خروجی پروژه و دریافت آن بر روی لینک زیر کلیک نمایید.

 

 

لینک: اسکرول مجازی (Virtual Scrolling) در انگولار ۷ – آموزش انگولار ۷

انیمیشن (Animations) در انگولار ۷ – آموزش انگولار ۷

انیمیشن قابلیت تعامل زیادی را به عناصر اضافه می کند. انیمیشن از نسخه دوم انگولار اضافه شده است. برای استفاده از قابلیت انیمیشن فریم ورک انگولار ۷ باید ماژول مربوط به آن را به فایل app.module.ts  اضافه کنید. جهت مشاهده این آموزش و دریافت آن بر روی لینک زیر کلیک نمایید.

 

 

لینک: انیمیشن (Animations) در انگولار ۷ – آموزش انگولار ۷

Darg and Drop در انگولار ۷ – آموزش انگولار ۷

Drag and Drop یکی از قابلیت های اضافه شده در نسخه ۷ فریم ورک انگولار است. این ویژگی به ما اجازه می دهد تا آیتم های یک لیست را با استفاده از ماوس جا به جا کنیم. در این بخش نحوه استفاده از این ماژول در انگولار ۷ را با کمک یک مثال بررسی خواهیم کرد. جهت مشاهده آموزش و دریافت آن بر روی لینک زیر کلیک نمایید.

 

 

لینک: Darg and Drop در انگولار ۷ – آموزش انگولار ۷

فرم ها (Forms) در انگولار ۷ – آموزش انگولار ۷

در این روش بیشتر کارها در قالب و با استفاده از کدهای HTML انجام می شود و اما در روش model driven اکثر کارها در داخل کلاس کامپوننت انجام می شود. برای درک بهتر روش template-driven ، با استفاده از این روش یک فرم ساده لاگین با ورودی های email و password به همراه یک دکمه submit ایجاد می کنیم. قبل از شروع باید ماژول FormsModule را از angular/forms به فایل app.module.ts اضافه کنیم. جهت مشاهده این آموزش و دریافت آن بر روی لینک زیر کلیک نمایید.

 

 

لینک: فرم ها (Forms) در انگولار ۷ – آموزش انگولار ۷

دستورات CLI در انگولار ۷ – آموزش انگولار ۷

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

 

 

لینک: دستورات CLI در انگولار ۷ – آموزش انگولار ۷

Http Client در انگولار ۷ – آموزش انگولار ۷

HttpClient در انگولار ۷ به ما کمک می کند تا داده ها را از یک منبع خارجی دریافت/ارسال کنیم. برای استفاده از HttpClient باید ماژول مربوط به آن را اضافه کنیم. در این بخش نحوه استفاده از قابلیت HttpClient انگولار ۷ را بررسی خواهیم کرد. همانطور که در بالا گفته شد برای استفاده از HttpClient باید ابتدا ماژول مربوط به آن را به فایل app.module.ts اضافه کنید. جهت مشاهده آموزش و دریافت آن بر روی لینک زیر کلیک نمایید.

 

 

لینک: Http Client در انگولار ۷ – آموزش انگولار ۷

سرویس ها (Services) در انگولار ۷ – آموزش انگولار ۷

در این بخش از آموزش فریم ورک انگولار ۷ به مبحث سرویس ها (Services) در انگولار ۷ می پردازیم. گاهی اوقات ممکن است بخواهید بخشی از کدهای پروژه در همه جای آن در دسترس باشد. سرویس ها برای رسیدن به این هدف به ما کمک می کنند. با استفاده از سرویس ها می توایند به متدها و پراپرتی های موجود در کامپوننت های مختلف در همه جای پروژه دسترسی داشته باشید. جهت مشاهده آموزش و دریافت آن بر روی لینک زیر کلیک نمایید.

 

 

لینک: سرویس ها (Services) در انگولار ۷ – آموزش انگولار ۷

Pipes در انگولار ۷ – آموزش انگولار ۷

در این بخش Pipe ها را بررسی خواهیم کرد. در فریم ورک انگولار ۱ با نام filters ایجاد شده اند و سپس در انگولار ۲ به pipes تغییر یافتند. کاراکتر | درانگولار ۷ برای تبدیل داده ها استفاده می شود. در زیر سینتکس استفاده از آن را مشاهده می کنید. شما می توانید اعداد، رشته، آرایه و تاریخ را با استفاده از Pipes ها در قالب دلخواه نمایش دهید. جهت مشاهده آموزش و دریافت آن بر روی لینک زیر کلیک نمایید.

 

 

لینک: Pipes در انگولار ۷ – آموزش انگولار ۷

مروری بر زبان برنامه نویسی TypeScript – آموزش TypeScript

جاوا اسکریپت به عنوان یک زبان برنامه نویسی سمت کاربر (Client Side) معرفی شد. پس Nodejs معرفی شده که برای اجرای شدن در سمت سرور (Server Side) ایجاد شده بود. با این حال زمانی که کدهای جاوا اسکریپت زیاد می شوند، به سمت بهم ریختگی و گرایش پیدا می کنند و نگه داری از کدهای برنامه سخت می شود. علاوه بر این زبان JavaScript در درک ویژگی های برنامه نویسی شیء گرا شکست خورد. همه این ها باعث می شود تا جاوا اسکرپت نتواند در سطح سازمانی به عنوان یک فناوری و زبان سمت سرور کامل، موفق باشد. زبان برنامه نویسی TypeScript با هدف پر کردن این خلا ایجاد شده است. جهت مشاهده آموزش و دریافت آن بر رو لینک زیر کلیک نمایید.

 

 

لینک: مروری بر زبان برنامه نویسی TypeScript – آموزش TypeScript

آموزش زبان برنامه نویسی TypeScript

TypeScript به شما اجازه می دهد تا جاوا اسکریپت را آن گونه که میخواهید بنویسد. زبان برنامه نویسی TypeScript ابرمجموعه ای از زبان جاوا اسکریپت است و در موقع کامپایل به جاوا اسکریپت ساده تبدیل می شود. این زبان برنامه نویسی مانند زبان سی شارپ و زبان جاوا کاملا شیء گرا است.Angular 2.0 که یکی از فریم ورک های محبوب جاوا اسکریپت است با این زبان برنامه نویسی نوشته شده است. جهت مشاهده آموزش و دریافت آن بر روی لینک زیر کلیک نمایید.

 

 

لینک:آموزش زبان برنامه نویسی TypeScript

دستورالعمل ها (Directives) در انگولار ۷ – آموزش انگولار ۷

دستورالعمل ها (Directives) در انگولار ۷ یک کلاس است که به صورت @directive اعلان شده است. انگولار شامل سه نوع دستورالعمل است که در ادامه بررسی می کنیم. این دستورالعمل ها در کلاس اصلی تعریف شده اند و جزئیات مربوط به چگونگی پردازش و استفاده شدن کامپوننت ها را دارند. جهت مشاهده آموزش و دریافت آن بر روی لینک زیر کلیک نمایید.

 

 

لینک: دستورالعمل ها (Directives) در انگولار ۷ – آموزش انگولار ۷

قالب ها (Templates) در انگولار ۷ – آموزش انگولار ۷

در انگولار ۷ از  به جای