آموزش Angular

Angular یک پلت فرم است که ساخت برنامه های وب را آسان می کند.Angular ترکیبی از قالب های اخباری، Dependency Injection و بهترین شیوه های یکپارچه سازی برای حل چالش های توسعه است.

آموزش Angular-پوسته برنامه Angular،اگر Angular CLI را از قبل بر روی سیستم خود نصب ندارید با استفاده از دستور زیر Angular CLI را به صورت سراسری بر روی سیستم خود نصب کنید:

در این قسمت ، برنامه Heroe را برای نمایش لیستی از Heroes ها گسترش می دهیم و به کاربر اجازه خواهیم داد تا Heroes را انتخاب کنند و جزئیات را ببینندآموزش نمایش یک لیست از Heroe ها در Angular

این برنامه اکنون یک عنوان خوب و اساسی دارد.در این جا شما یک کامپوننت (component) برای نمایش اطلاعات hero ایجاد می کنید و سپس آن کامپوننت (component) را در پوسته برنامه قرار دهید.آموزش Hero Editor در Angular

در حال حاضر، HeroesComponent هم لیست و هم جرئیات Hero های انتخاب شده را نمایش می دهد. هر چه نرم افزار شما بیشتر توسعه یابد، قرار دادن تمامی این ویژگی ها در یک کامپوننت کار سختی است. بهتر است که کامپوننت های بزرگ را به زیر کامپوننت های کوچک تر تبدیل کنید و هر کدام از آن ها را بر روی یک وظیفه یا گردش کار مشخص متمرکز کنید.

،آموزش AngularJS،دوره آموزش Angular،دوره آموزش Angularjs،کلاس آموزش Angularjs،کلاس آموزش Angular،کلاس آموزش آنگولار،کلاس حضوری آموزش آنگولار،دوره حضوری آموزش آنگولار،دوره حضوری آموزش angularjs،دوره حضوری آموزش angular،کلاس حضوری آموزش angular

آموزش Angular6-آموزش Routing در Angular6

در این آموزش شما خواهید توانست که با کمک HttpClient موجود در Angular، ویژگی های پایداری داده (data persistence features) زیر را اضافه کنید. آموزش Angular6-آموزش HTTP در Angular6

جهانی سازی نرم افزار عرصه‌ای از برنامه نویسی است که جنبه‌های متعددی دارد. با کمک این قابلیت می‌توان نرم افزارها را به صورتی کاربر پسند برای کاربران جهانی عرضه کرد. در این صفحه به ابزار جهانی سازی Angular (i18n) می‌پردازیم. با کمک این ابزار می‌توانید نرم افزار خود را با زبان‌های متعددی بسازید.تعریف جهانی سازی (i18n) در Angular 6تعریف جهانی سازی (i18n) در Angular 6

به کمک این سرویس می توان خطاها، راهنمایی ها و تکمیل کدهای ناقص را دریافت کرد و در قالب های Angular حرکت کرد. چه این قالب ها در یک فایل خارجی HTML باشند و چه درون annotation ها یا decorator های یک رشته تعبیه شده باشند. اگر شما یک فایل Angular را باز کنید، این سرویس به صورت خودکار متوجه می شود، فایل tsconfig.json شما را می خواندسرویس زبانی Angular

در این صفحه به بررسی امکانات پیش فرض Angular جهت مقابله با آسیب پذیری ها و حملات مرسوم نرم افزارهای تحت وب مانند حملات تزریق اسکریپت از طریق سایت می‌پردازیم. این بررسی‌ها امنیت سطح نرم افزار مانند احراز هویت (این کاربر کیست؟) و اختیاردهی (این کاربر بتواند چه کاری انجام دهد؟) را شامل نمی‌شوند.

Angular پلتفرم و فریمورکی برای ساخت برنامه‌های کلاینت در HTML و تایپ اسکریپت است که به زبان تایپ اسکریپت نوشته شده است. Angular کارکردهای اصلی و اختیاری را به صورت مجموعه‌ای از کتابخانه‌های تایپ اسکریپت پیاده سازی می‌کند به گونه‌ای که بتوانید این مجموعه را در برنامه‌های خود وارد کنید.

برنامه‌های Angular پیمانه‌ای یا ماژولار هستند و Angular سیستم پیمانه‌ای مخصوص به خود تحت عنوان NgModule را دارد. NgModule ها نگهدارنده هایی برای یک بلوک به هم پیوسته از کدهای اختصاص داده شده به یک دامنه، جریان کار و یا مجموعه‌ای از قابلیت‌های با ارتباط نزدیک به هم از برنامه هستند

کامپوننت ها بخش کوچکی از صفحه به نام view را کنترل می‌کنند. برای مثال تک تک کامپوننت ها هر یک از view های زیر را در این آموزش کنترل و تعریف می‌کنند:

سرویس‌ها دسته‌ی گسترده‌ای هستند که تمامی مقادیر، توابع و یا ویژگی‌هایی که یک برنامه نیاز دارد را شامل می‌شوند. یک سرویس معمولاً کلاسی است که برای یک هدف کاملاً مشخص و محدود تعریف شده است. سرویس باید یک کار کاملاً مشخصی را به بهترین شکل انجام دهد.معرفی سرویس‌ها و تزریق وابستگی(Dependency Injection)

پس از آن که بلوک‌های ساختاری اصلی Angular را متوجه شدید، می‌توانید در رابطه با ویژگی‌ها و ابزارهایی که می‌توانید به کمک آن‌ها برنامه‌های Angular را توسعه دهید و آن‌ها را اجرا کنید

مثال QuickStart live-coding یا download example اصطلاحاً playground هستند. در اینجا بنا نیست که یک برنامه‌ی واقعی را بنویسید. بهتر است که شما در سیستم خودتان به صورت محلی برنامه نویسی کنید، همان طور که ما از شما انتظار داریم که Angular را به این شیوه یاد بگیرید.راه اندازی برنامه نویسی Local در Angular

در آموزش مربوط به راه اندازی، نحوه‌ی نصب بسیاری از فایل‌ها آورده شده است. از اغلب این فایل‌ها می‌توان با خیال آسوده عبور کرد. فایل‌هایی که داخل پوشه‌های e2e/ و src/ وجود دارند، بیشترین اهمیت را برای برنامه نویسان دارند.تشریح Setup Project

Angular CLI، برنامه‌های Angular و خود Angular به ویژگی‌ها و کارایی‌های ارائه شده توسط کتابخانه‌هایی وابسته هستند که این کتابخانه‌ها به صورت بسته‌های نرم افزاری npm موجود هستند.بسته‌های نرم افزاری Npm

تایپ اسکریپت زبان اصلی برنامه نویسی برنامه‌های Angular است. جاوا اسکریپت زیر مجموعه‌ی تایپ اسکریپت است که در آن برای تجهیز و حفاظت از نوع داده‌ها از زمان طراحی پشتیبانی می‌شود.پیکربندی تایپ اسکریپت

برنامه‌های Angular اساساً شامل کامپوننت ها و قالب‌های HTML مربوط به آن‌ها هستند. با توجه به اینکه به صورت مستقیم مرورگر نمی‌تواند این کامپوننت ها و قالب‌های ارائه شده توسط Angular را درک کند، این برنامه‌ها قبل از اجرا شدن در یکی از مرورگرها به فرایند کامپایل نیاز دارند.

Angular از اغلب مرورگرهای امروزی پشتیبانی می‌کند. این مرورگرها را می‌توانید به صورت دقیق در این مقاله مشاهده کنید.پشتیبانی از مرورگر

Angular این کامپوننت ها را ایجاد و رندر می‌کند، فرزندان آن را ایجاد و رندر می‌کند، زمانی که ویژگی‌های مقید به داده‌ی آن تغییر می‌کنند، این کامپوننت ها را بررسی می‌کند و قبل از حذف کردن آن‌ها از DOM، آن‌ها را از بین می‌برد.

برای نمایش داده ها می توانید کنترل های موجود در قالب HTML را به ویژگی های یک کامپوننت Angular مقید کنید.نمایش داده ها

برنامه ی Angular چیزهایی که کاربر می بینید و کارهایی که می تواند انجام دهد را مدیریت می کند. Angular این کار را از طریق تعامل میان یک نمونه ی کلاس کامپوننت (خود کامپوننت) و قالب کاربری آن انجام می دهد.

اعمال کاربر مانند کلیک کردن بر روی یک لینک، فشار دادن دکمه و وارد کردن متن باعث پیش آمدن رویدادهای DOM می‌شوند. در این بخش به چگونگی مقید کردن این رویدادها به event handler ها کامپوننت توسط سینتکس مقیدسازی رویداد در Angular می‌پردازیم.

در این آموزش به دستورالعمل های حالت های رایج ارتباطات کامپوننت می پردازیم. به گونه ای که در این حالت ها دو یا چند کامپوننت اطلاعات خود را با یکدیگر به اشتراک می گذارند.تعامل کامپوننت

برنامه‌های Angular به کمک استاندارد CSS سبک بندی می‌شوند. این یعنی شما می‌توانید از تمام چیزهایی که درباره‌ی استایل شیت های CSS، انتخابگرها، قوانین و پرس و جوهای واسطه‌ای می دانید مستقیماً در برنامه‌های Angular استفاده کنید.سبک‌های کامپوننت