آموزش دستورالعمل های سفارشی AngularJS با Dan Wahlin

AngularJS Custom Directives with Dan Wahlin

نکته: آخرین آپدیت رو دریافت میکنید حتی اگر این محتوا بروز نباشد.
نمونه ویدیوها:
توضیحات دوره: مهارت های AngularJS خود را به سطح بعدی ببرید و عملکرد درونی AngularJS و دستورالعمل های سفارشی را یاد بگیرید! ایجاد دستورالعمل های سفارشی AngularJS توضیح دهید که تابع link() برای دستکاری DOM چگونه کار می کند نقش $compile، $interpolate، $eval و موارد دیگر را بیاموزید ایجاد دستورالعمل هایی که از کنترلرها و الگوها استفاده می کنند انتقال اهرمی برای محتوای پویا درک گزینه های مختلفی که می توان در هنگام استفاده از آنها استفاده کرد. ایجاد دستورالعمل ها ویژگی های اصلی ارائه شده توسط jqLite را بشناسید فرآیند کامپایل در دستورالعمل ها از جمله توابع پیوند قبل و بعد را بدانید درک نحوه نیاز به دستورالعمل های دیگر در یک دستورالعمل سفارشی توضیح دهید که محدوده ایزوله چیست و چرا باید از آن استفاده کنید یاد بگیرید چگونه محدوده ایزوله را تعریف کنید و از آن استفاده کنید. خواص محلی خیلی بیشتر! پیش نیازها:تجربه موجود با جاوا اسکریپت، HTML و CSS الزامی است تجربه موجود با AngularJS الزامی است (آشنایی با نماها و دستورالعمل های داخلی، کنترلرها، کارخانه ها/سرویس ها و غیره) اکیداً توصیه می شود در دوره AngularJS JumpStart شرکت کنید. اگر تجربه ای در مورد چارچوب ندارید

** دوره مقالات جایزه جدید را در مورد ساخت دستورالعمل های سفارشی به روز کرد **

لطفاً توجه داشته باشید که این دوره نسخه 1.x AngularJS را پوشش می دهد. این دوره توسعه Angular (که با AngularJS متفاوت است) را پوشش نمی دهد.

در حال حاضر دوره های Angular زیادی در وب وجود دارد. کدام را باید مصرف کنید؟ اگر به دنبال غواصی عمیق‌تر در دستورالعمل‌های Angular سفارشی هستید و می‌خواهید از یک توسعه‌دهنده/مربی با بیش از 20 سال تجربه که جایزه Angular Google Developer Expert (GDE) Google را نیز دریافت کرده است، این دوره آموزشی برای شماست. ! دن همچنین ویدیوی محبوب AngularJS را در 60 دقیقه در YouTube ایجاد کرد (بیش از 1.9 میلیون بازدید) بنابراین اگر از آن لذت بردید، این دوره را دوست خواهید داشت!

آیا علاقه مند به یادگیری نحوه ارتقاء مهارت های AngularJS خود به سطح بعدی هستید؟ آیا شما با عباراتی مانند transclusion، Isolate scope، interpolation، ویژگی های محدوده محلی و موارد دیگر گیج شده اید؟ آیا می خواهید دستورالعمل های سفارشی بسازید اما نمی دانید از کجا شروع کنید؟ به دوره آموزشی آموزش ساخت AngularJS Custom Directives توسط Dan Wahlin نگاه نکنید!

در طول این دوره به شما نگاهی گام به گام به فرآیند ایجاد دستورالعمل‌های سفارشی داده می‌شود و مفاهیم کلیدی را پوشش می‌دهد که باید بدانید تا مهارت‌های AngularJS خود را به سطح بعدی ببرید. موضوعاتی مانند سرویس $compile، شیء تعریف دستورالعمل (DDO)، تابع ()link، محدوده ایزوله، ادغام کنترلر، انتقال، کار با سرویس $interpolate، $asyncValidators و موارد دیگر و همچنین تکنیک هایی برای ساختار کد دستورالعمل AngularJS.

علاوه بر آموزش‌های متخصص توسط Angular Google Developer Expert (GDE) Dan Wahlin، نمونه‌های کد عملی نیز به شما ارائه می‌شود که می‌توانید با سرعت دلخواه خود آن‌ها را دنبال کنید. در صورت نیاز به دیدن مجدد کد، کافی است ویدیو را مکث یا به عقب برگردانید یا در صورت تمایل به راه حل نهایی که ارائه شده است بروید. کد شروع و پایان ارائه شده است تا بتوانید یادگیری خود را به حداکثر برسانید و در دستورالعمل های ساختمانی متخصص شوید! ماژول های تحت پوشش این دوره عبارتند از:

  • شروع با دستورالعمل ها

  • محدوده مشترک و جداسازی شده

  • عملکرد پیوند

  • استفاده از کنترلرها

  • محتوای جایزه - دستورالعمل‌های سفارشی در عمل و موارد دیگر

  • محتوای پاداش: مقالاتی در مورد ساخت دستورالعمل های سفارشی

بسیاری از جزئیات اضافی در سراسر ماژول‌ها ارائه شده است، از جمله پوشش سرویس‌های $parse و $interpolate، نحوه استفاده از کنترل‌کننده‌ها و تابع پیوند به طور هماهنگ، چرایی و نحوه استفاده از transclusion برای ادغام محتوای سفارشی، مزایا و معایب موجود. روش‌های کدگذاری برای دستورالعمل‌های سفارشی، تکنیک‌هایی برای ارسال داده‌های پارامتر به توابع در هنگام استفاده از ویژگی‌های محدوده محلی، و بسیاری موارد دیگر.


سرفصل ها و درس ها

معرفی دوره Course Introduction

  • درباره نویسنده About the Author

  • پیش نیازهای دوره Course Prerequisites

معرفی دوره Course Introduction

  • معرفی دوره Course Introduction

  • معرفی دوره Course Introduction

  • درباره نویسنده About the Author

  • پیش نیازهای دوره Course Prerequisites

  • دستور کار دوره Course Agenda

  • دستور کار دوره Course Agenda

  • ویرایشگر کد Code Editor

  • ویرایشگر کد Code Editor

  • کد دوره و اسلایدها Course Code and Slides

  • کد دوره و اسلایدها Course Code and Slides

شروع با دستورالعمل ها Getting Started with Directives

  • معرفی Introduction

  • نقش دستورالعمل ها The Role of Directives

  • دسته بندی دستورالعمل ها Directive Categories

  • خلاصه Summary

شروع با دستورالعمل ها Getting Started with Directives

  • معرفی Introduction

  • نقش دستورالعمل ها The Role of Directives

  • ایجاد دستورالعمل Hello World Creating a Hello World Directive

  • ایجاد دستورالعمل Hello World Creating a Hello World Directive

  • دسته بندی دستورالعمل ها Directive Categories

  • بلوک های ساختمانی دستورالعمل Directive Building Blocks

  • بلوک های ساختمانی دستورالعمل Directive Building Blocks

  • خلاصه Summary

محدوده مشترک و ایزوله Shared and Isolate Scope

  • معرفی Introduction

  • خلاصه Summary

محدوده مشترک و ایزوله Shared and Isolate Scope

  • معرفی Introduction

  • درک محدوده مشترک و ایزوله Understanding Shared and Isolate Scope

  • درک محدوده مشترک و ایزوله Understanding Shared and Isolate Scope

  • نسخه نمایشی محدوده مشترک و ایزوله Shared and Isolate Scope Demo

  • نسخه نمایشی محدوده مشترک و ایزوله Shared and Isolate Scope Demo

  • @ دارایی Local Scope @ Local Scope Property

  • @ دارایی Local Scope @ Local Scope Property

  • @ Local Scope Property Demo @ Local Scope Property Demo

  • @ Local Scope Property Demo @ Local Scope Property Demo

  • = ویژگی Local Scope = Local Scope Property

  • = ویژگی Local Scope = Local Scope Property

  • = نسخه نمایشی ویژگی محدوده محلی = Local Scope Property Demo

  • = نسخه نمایشی ویژگی محدوده محلی = Local Scope Property Demo

  • ویژگی & Local Scope & Local Scope Property

  • ویژگی & Local Scope & Local Scope Property

  • نسخه نمایشی ویژگی دامنه محلی & Local Scope Property Demo

  • نسخه نمایشی ویژگی دامنه محلی & Local Scope Property Demo

  • خلاصه Summary

تابع ()link The link() Function

  • معرفی Introduction

  • تابع ()link The link() Function

  • تابع ()link The link() Function

  • لینک () تابع نسخه ی نمایشی link() Function Demo

  • لینک () تابع نسخه ی نمایشی link() Function Demo

  • ساخت دستورالعمل TableHelper Building a TableHelper Directive

  • ساخت دستورالعمل TableHelper Building a TableHelper Directive

  • نیاز به ngModel Requiring ngModel

  • نیاز به ngModel Requiring ngModel

  • استفاده از $parse و eval() Using $parse and eval()

  • ساخت دستورالعمل نقشه های گوگل Building a Google Maps Directive

  • ساخت دستورالعمل نقشه های گوگل Building a Google Maps Directive

  • با استفاده از $compile و $interpolate Using $compile and $interpolate

  • تابع compile و $interpolate Service Demo compile() Function and $interpolate Service Demo

  • آیا link() همیشه مناسب است؟ Is link() Always Appropriate?

  • آیا link() همیشه مناسب است؟ Is link() Always Appropriate?

  • خلاصه Summary

تابع ()link The link() Function

  • معرفی Introduction

  • استفاده از $parse و eval() Using $parse and eval()

  • با استفاده از $compile و $interpolate Using $compile and $interpolate

  • تابع compile و $interpolate Service Demo compile() Function and $interpolate Service Demo

  • خلاصه Summary

استفاده از کنترلرها در دستورالعمل ها Using Controllers in Directives

  • معرفی Introduction

  • معرفی Introduction

  • استفاده از کنترلر در یک دستورالعمل Using a Controller in a Directive

  • جایگزین کردن link() با یک کنترلر Replacing link() with a Controller

  • جایگزین کردن link() با یک کنترلر Replacing link() with a Controller

  • استفاده از controllerAs Using controllerAs

  • استفاده از controllerAs Using controllerAs

  • اضافه کردن کنترلر به TableHelper Adding a Controller to TableHelper

  • اضافه کردن کنترلر به TableHelper Adding a Controller to TableHelper

  • عبور پارامترها از یک دستورالعمل Passing Parameters Out of a Directive

  • درک انتقال Understanding Transclusion

  • نسخه ی نمایشی Transclusion Transclusion Demo

  • استفاده از Transclusion در TableHelper - قسمت 1 Using Transclusion in TableHelper - Part 1

  • فراخوانی تابع transclude() و استفاده از Require - Part 2 Calling the transclude() function and using Require - Part 2

  • فراخوانی تابع transclude() و استفاده از Require - Part 2 Calling the transclude() function and using Require - Part 2

  • خلاصه Summary

  • خلاصه Summary

  • متشکرم! Thank You!

  • متشکرم! Thank You!

استفاده از کنترلرها در دستورالعمل ها Using Controllers in Directives

  • معرفی Introduction

  • استفاده از کنترلر در یک دستورالعمل Using a Controller in a Directive

  • عبور پارامترها از یک دستورالعمل Passing Parameters Out of a Directive

  • درک انتقال Understanding Transclusion

  • نسخه ی نمایشی Transclusion Transclusion Demo

  • استفاده از Transclusion در TableHelper - قسمت 1 Using Transclusion in TableHelper - Part 1

محتوای پاداش - دستورالعمل های سفارشی در عمل و موارد دیگر Bonus Content - Custom Directives in Action and More

  • معرفی Introduction

  • معرفی Introduction

  • ساخت یک دستورالعمل اعتبار سنجی سفارشی با $asyncValidators Building a Custom Validation Directive with $asyncValidators

  • دستورالعمل wcUnique با نسخه نمایشی $asyncValidators wcUnique Directive with $asyncValidators Demo

  • دستورالعمل wcUnique با نسخه نمایشی $asyncValidators wcUnique Directive with $asyncValidators Demo

  • ساخت دستورالعمل پوشش آژاکس Building an Ajax Overlay Directive

  • ساخت دستورالعمل پوشش آژاکس Building an Ajax Overlay Directive

  • دمو wcOverlay و HTTP Interceptors wcOverlay and HTTP Interceptors Demo

  • دمو wcOverlay و HTTP Interceptors wcOverlay and HTTP Interceptors Demo

  • ایجاد دستورالعمل برجسته کننده منو Building a Menu Highlighter Directive

  • منوی هایلایتر دایرکتوری نسخه ی نمایشی menuHighlighter Directive Demo

  • منوی هایلایتر دایرکتوری نسخه ی نمایشی menuHighlighter Directive Demo

  • ساخت نسخه نمایشی راهنمای اعتبارسنجی سفارشی Building a Custom Validator Directive Demo

  • ساخت نسخه نمایشی راهنمای اعتبارسنجی سفارشی Building a Custom Validator Directive Demo

محتوای پاداش - دستورالعمل های سفارشی در عمل و موارد دیگر Bonus Content - Custom Directives in Action and More

  • معرفی Introduction

  • ساخت یک دستورالعمل اعتبار سنجی سفارشی با $asyncValidators Building a Custom Validation Directive with $asyncValidators

  • ایجاد دستورالعمل برجسته کننده منو Building a Menu Highlighter Directive

محتوای پاداش: مقالاتی در مورد ساخت دستورالعمل های سفارشی Bonus Content: Articles on Building Custom Directives

  • درباره این سری مقالات در دستورالعمل های AngularJS About this Article Series on AngularJS Directives

  • بخش 1: مبانی Part 1: The Fundamentals

  • قسمت 2: ایزوله کردن محدوده Part 2: Isolate Scope

  • قسمت 2: ایزوله کردن محدوده Part 2: Isolate Scope

  • بخش 3: پارامترهای محدوده و عملکرد را جدا کنید Part 3: Isolate Scope and Function Parameters

  • بخش 4: محدودیت و فراگیری Part 4: Restriction and Transclusion

  • قسمت 5: تابع پیوند () Part 5: The link() Function

  • قسمت 5: تابع پیوند () Part 5: The link() Function

  • قسمت 6: استفاده از کنترلرها Part 6: Using Controllers

  • قسمت 6: استفاده از کنترلرها Part 6: Using Controllers

  • قسمت 7: ایجاد یک دستورالعمل ارزش منحصر به فرد با استفاده از $asyncValidators Part 7: Creating a Unique Value Directive using $asyncValidators

محتوای پاداش: مقالاتی در مورد ساخت دستورالعمل های سفارشی Bonus Content: Articles on Building Custom Directives

  • درباره این سری مقالات در دستورالعمل های AngularJS About this Article Series on AngularJS Directives

  • بخش 1: مبانی Part 1: The Fundamentals

  • بخش 3: پارامترهای محدوده و عملکرد را جدا کنید Part 3: Isolate Scope and Function Parameters

  • بخش 4: محدودیت و فراگیری Part 4: Restriction and Transclusion

  • قسمت 7: ایجاد یک دستورالعمل ارزش منحصر به فرد با استفاده از $asyncValidators Part 7: Creating a Unique Value Directive using $asyncValidators

نمایش نظرات

آموزش دستورالعمل های سفارشی AngularJS با Dan Wahlin
جزییات دوره
4.5 hours
61
Udemy (یودمی) Udemy (یودمی)
(آخرین آپدیت)
5,180
4.8 از 5
دارد
دارد
دارد
Dan Wahlin
جهت دریافت آخرین اخبار و آپدیت ها در کانال تلگرام عضو شوید.

Google Chrome Browser

Internet Download Manager

Pot Player

Winrar

Dan Wahlin Dan Wahlin

توسعه دهنده، Google GDE و Microsoft MVP