آموزش انگولار
برای دسترسی سریعتر به هر بخش، بر روی لینک های زیر کلیک کنید :
-
انگولار چیست
-
تاریخچه Angular
-
اپلیکیشن تک صفحه ای چیست
-
چرا فریم ورک انگولار
-
مزایای برنامه نویسی انگولار
-
سرفصل دوره آموزش Angular :
-
مقدمه ای بر فریمورک انگولار
-
راه اندازی فریمورک انگولار
-
آموزش تایپ اسکریپت
-
آشنایی با Angular
-
آشنایی Angular CLI
-
نمایش داده در فریم ورک Angular
-
ساخت کامپوننت های با قابلیت استفاده مجدد در انگولار
-
آموزش دستورات در Angular
-
آشنایی با فرم ها در انگولار
-
آموزش سرویس ها در انگولار
-
آشنایی با routing در انگولار
-
آشنایی با انگولار متریال
-
آموزش استفاده از Deployment در انگولار
انگولار چیست
در دوره آموزش 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 در انگولار
11. آشنایی با routing در انگولار
تعریف Routing در انگولار
کاربرد Router Link در انگولار
تعریف پارامتر در angular
آموزش پارامتر Query در انگولار
آشنایی با Navigation در انگولار
12. آشنایی با انگولار متریال
آموزش نصب انگولار متریال
آشنایی با Input در انگولار
آموزش استفاده از Button در انگولار
آموزش استفاده از Select در انگولار
آشنایی با Icons در انگولار
آموزش استفاده از Tab در انگولار
آشنایی با Dialogs در انگولار
13. آموزش استفاده از Deployment در انگولار
آموزش AOT Compilation در انگولار
آموزش استفاده از Environments در انگولار
آموزش نحوه Build در انگولار