دوره آموزش Angular

انگولار چیست

در دوره آموزش Angular می آموزید که فریمورک Angular

برای طراحی و توسعه برنامه‌های واکنش گرا و تک صفحه‌ای (Single Page Application (SPA)) تحت وب استفاده می شود. فریمورک Angular که بر پایه جاوا اسکریپت ایجاد شده، این امکان را برای شما فراهم می کند که از زبان نشانه گذاری HTML برای پیاده سازی قالب ها و توسعه دستورات استفاده کنید.

فریم ورک Angular،

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

تاریخچه Angular

فریمورک Angular

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

اولین ورژن از فریمورک Angular که همان AngularJS است، در سال 2009 ارائه شد و اساس توسعه امروزی فرانت-اند (Front End) را تشکیل داد. بازنویسی AngularJS در سال 2014، فریم ورک Angular را ارائه داد که برای جلوگیری از ایجاد سردرگمی در میان توسعه دهندگان، تصمیم گرفته شد که عبارت های مجزایی برای هر فریمورک بکار گرفته شود؛ بنابراین عبارت AngularJS برای ورژن های 1.X و عبارت Angular برای ورژن های 2 به بعد بکار گرفتند.

فریم ورک انگولار 3

تنها بعنوان ویرایشی مقدماتی از نسخه 2 در نظر گرفته شد و بهمین دلیل از ارائه و معرفی آن خودداری کردند.

انگولار نسخه 4

در سال 2016 وارد دنیا برنامه نویسان شد و برخی امکانات جدید به آن اضافه شد. بعبارت دیگر، این نسخه نسبت به انگولار 2 تغییر چندانی نکرد.

نسخه 5 انگولار

در سال 2017 معرفی شد و بعنوان نقطه عطفی در دنیا انگولار در نظر گرفته شد، زیرا تغییرات کلیدی در آن ایجاد شد.

نسخه 6 انگولار

در سال 2018 وارد دنیا برنامه نویسان شد. در این ورژن تغییرات خیلی زیادی صورت نگرفت، و تمرکز اصلی بر روی ایجاد تغییر در RxJS بود.

فریم ورک انگولار 7

نیز در سال 2018 معرفی شد و پس از آن، در 28 می 2019 ورژن 8 معرفی شد که نسبت به ورژن های پیشین، قابلیت های گسترده ای داشت. از جمله این قابلیت ها می توان به ایجاد تغییر در Lazy Loading و بسیاری موارد دیگر اشاره کرد. و در نهایت در سال 2020، نسخه های 9 و 10 از فریم ورک Angular ارائه شدند تا بازدهی این فریم ورک را به حداکثر برسانند.

اپلیکیشن تک صفحه ای چیست

اپلیکیشن‌ تک صفحه‌ای،

یک برنامه کاربردی تحت وب یا یک وبسایت است که برای ایجاد صفحات جدید، روش قدیمی بارگذاری تمام صفحات را کنار گذاشته، و با ایجاد تعامل با browser وبسایت، صفحه کنونی وب را بصورت دینامیک و با استفاده از داده های موجود در سرور بازنویسی می کند. هدف از این روش، انتقال سریعتر است که باعث می شود وبسایت شبیه یک برنامه native عمل کند.

چرا فریم ورک انگولار

فریمورک Angular

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

مزایای برنامه نویسی انگولار

فریم ورک Angular

مزایا بسیاری دارد که از جمله آنها می توان به موارد زیر اشاره کرد :

توسعه پذیری فریم ورک Angular

فریمورک Angular

بدلیل انعطاف پذیری بالا، قابلیت اجرا بر روی پلتفرم های بسیاری را داراست.

استفاده مجدد از کدها در فریمورک انگولار

استفاده مجدد از کدها در فریم ورک Angular

باعث بالا بردن عملکرد فریمورک Angular با استفاده از کدهای کمتر و همینطور در زمان صرفه جویی می شود.

تزریق وابستگی در فریم ورک Angular

تزریق وابستگی در فریم ورک Angular

از جمله مزایای آن است. وابستگی مشخص می کند که بخش های مختلف یک کد، چطور با یکدیگر در ارتباط هستند؛ و چطور ایجاد تغییر در یک بخش، بر روی دیگر بخش ها تاثیر می گذارد. تزریق وابستگی باعث می شود که بتوان بخش های مختلف یک کد را دوباره بکار گرفت، و مدیریت و تست کد آسانتر شود.

استفاده از TypeScript در فریم ورک انگولار

استفاده از TypeScript در فریمورک انگولار

از جمله مزایای آن در نظر گرفته می شود. بکارگیری TypeScript امکان نوشتن مجموعه کدی با قابلیت شکل پذیری بهتر، کدهای تمیزتر و مقیاس پذیری بالا را برای شما فراهم می کند.

استفاده از MVC در فریم ورک Angular

استفاده از MVC در فریمورک انگولار

از جمله مزایای آن در نظر گرفته می شود. با استفاده از معماری MVC (Model-View Controller) می توان منطق برنامه را از لایه UI (User Interface) جدا کرد تا در صورت بروز مشکل، امکان مدیریت آن براحتی وجود داشته باشد.

سرعت فریم ورک Angular

سرعت فریم ورک انگولار،

یکی دیگر از مزیت های مهم آن است. با استفاده از فریم ورک Angular نه تنها می‌توان به بیشترین سرعت روی پلتفرم‌های تحت وب دست یافت، بلکه می توان با استفاده از سازوکارهایی مانند Web Worker و Server-Side Rendering این سرعت را ارتقا داد. علاوه بر این، فریم ورک Angular کنترل بیشتری بر توسعه‌پذیری برنامه‌ها دارد و چالش‌های مربوط به استفاده از دادگان را می‌توان با ساخت مدل داده‌های مبتنی بر RxJS وImmutable.js به راحتی مدیریت کرد.

ابزارهای فریمورک انگولار

ابزارهای فریمورک Angular

از دیگر مزیت های این فریمورک است. با قالب‌های از پیش آماده و ساختارهای موجود به راحتی می‌توان برنامه‌های جدید تولید کرد. هم چنین می‌توان از جامعه بزرگ برنامه نویسی برای حل مشکلات و سرعت بخشی به فرآیند توسعه بهره برد. با وجود همین جامعه بزرگ، بیشتر IDE های موجود، پشتیبانی لازم برای توسعه برنامه‌های مبتنی بر Angular را ارائه می دهند. با درکنار هم قرار گرفتن همگی ابزارها و بسترها و جامعه برنامه‌نویسی می‌توان برنامه‌های قدرتمندی توسعه داد.

استفاده آسان از فریم ورک Angular

استفاده آسان از فریم ورک انگولار،

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

سرفصل دوره آموزش Angular

1. مقدمه ای بر فریمورک انگولار

انگولار چیست

چرا فریم ورک انگولار

Angular تاریخچه

مزایای برنامه نویسی انگولار

2. راه اندازی فریمورک انگولار

نصب پیش نیازهای فریم ورک Angular

راه اندازی Node Js

راه اندازی تایپ اسکریپت

راه اندازی Angular CLI

آموزش نصب vs code در انگولار

نصب افزونه ها برای Angular

ساختار برنامه Angular

شیوه استفاده از NPM در انگولار

3. آموزش تایپ اسکریپت

ساخت برنامه در تایپ اسکریپت

آموزش متغیرها در Type Script

آموزش انواع داده در Type Script

تغییر نوع متغیر در تایپ اسکریپت

توابع در Type Script

آموزش کلاس در تایپ اسکریپت

آموزش رابط ها در تایپ اسکریپت

آموزش object در تایپ اسکریپت

constructor در تایپ اسکریپت

تعیین سطح دسترسی در type script

4. آشنایی با Angular

آموزش قالب Building Blocks در انگولار

آشنایی با Components در angular

آشنایی با lifecycle hooks در angular

5. آشنایی Angular CLI

ساخت پروژه در فریمورک انگولار

آموزش ساخت ماژول در Angular

آموزش components در angular

آموزش سرویس در Angular

آموزش تحلیل پروژه با کد لینتر در فریم ورک angular

آموزش اجرا پروژه در angular

6. نمایش داده در فریم ورک angular

آموزش مدیریت رویدادها در انگولار

آشنایی با میان یابی در Angular

آموزش اتصال داده ها در انگولار

آموزش اتصال properties در انگولار

آشنایی با attributes binding در انگولار

اتصال رویدادها در فریم ورک انگولار

آموزش Two-Way Binding در انگولار

آشنایی با pipe در انگولار

ساخت pipe سفارشی در فریم ورک انگولار

7. ساخت کامپوننت های با قابلیت استفاده مجدد در انگولار

آموزش input در angular

آموزش output در angular

آموزش کپسوله سازی در انگولار

آموزش تگ ng-content در انگولار

آموزش تگ ngContainer در انگولار

آموزش تگ ng Template در انگولار

آموزش Two-Way Binding در انگولار

8. آموزش دستورات در Angular

آموزش ngIf در انگولار

معرفی ngSwitchCase در انگولار

آموزش ng-For در انگولار

آموزش ng-Class در انگولار

آموزش ng Style در انگولار

آشنایی با Safe Traversal Operator در انگولار

9. آشنایی با فرم ها در انگولار

آشنایی با فرم های الگو محور در angular

آشنایی فرم های الگو محور در انگولار

استفاده از ngModel در انگولار

اعتبار سنجی فرم های الگو محور در angular

آشنایی با checkbox در انگولار

آموزش منوهای Dropdown در انگولار

ساخت دکمه رادیو در انگولار

معرفی فرم های واکنشی در انگولار

آشنایی با فرم های واکنشی در انگولار

آموزش اعتبار سنجی در فرم های واکنشی در انگولار

نحوه استفاده از Form Builder در انگولار

10. آموزش سرویس ها در انگولار

آشنایی با Http Client در انگولار

آشنایی با CRUD در انگولار

آموزش مدیریت خطا در انگولار

آشنایی با observable در انگولار

آشنایی با promise در انگولار

• Routing & Navigation

  1- نحوه تعریف Routing

  2- نحوه استفاده از RouterLink

  3- نحوه تعریف Parameters

  4- نحوه تعریف Query Parameters

  5- نحوه انجام Navigation

• Angular Material

  1- نحوه افزودن Material

  2- نحوه استفاده از Inputs

  3- نحوه استفاده از Buttons

  4- نحوه استفاده از Selects

  5- نحوه استفاده از Icons

  6- نحوه استفاده از Tabs

  7- نحوه استفاده از Dialogs

• Deployment

  1- آشنایی با AOT Compilation

  2- آشنایی با Environments

  3- آشنایی با نحوه Build