آموزش مقدماتی تا پیشرفته انگولار
معرفی فریم ورک انگولار جی اس
انگولار جی اس یکی از فریمورک های جاوا اسکریپت است که توسط گوگل توسعه پیدا کرده است . حتما با برنامه های تک صفحه ای یا single page application ها اشنایی دارید، این فریمورک برای پیاده سازی چنین برنامه هایی بسیار مفید است. فریمورک AngularJS بخوبی معماری MVC را در سطح کلاینت پیاده سازی می کند ، که باعث ساده تر شدن توسعه و خطایابی برنامه های تحت وب می شود. انگولار از html و css و java استفاده می کند و نقص های انها را برطرف می کند. انگولار برای طراحی وب اپلیکیشن هایی با محتوای داینامیک بسیار مفید است .
در ادامه این مقاله 5 مورد از مزایای انگولار جی اس را بیان می کنیم :
ویژگی شماره یک : دادن ساختار به اپلیکیشن ها
در حالت عادی زمان نوشتن کدهای جاوا اسکریپت ساختار مناسبی برای کد های خود نداشتیم . هرچند که این موضوع در طراحی وب اپلیکیشن های کوچک چندان مهم نیست، ولی برای طراحی وب اپلیکیشن های بزرگ قطعا مشکل ساز خواهد بود . با انگولار می توانید برای ساختار کدهای خود از معماری mvc و یا mvvm استفاده کنید . انگولار فریمورک Mvw است که w مخفف whatever work for you است . شما می توانید کد های خود را به صورت ماژول هایی سازمان دهی کنید که به طرز چشمگیری قابلیت تستینگ و دستکاری کد های شما را بهبود می بخشد .
ویژگی شماره دو : data-binding دوطرفه :
model جایی است که برای خواندن و یا اپدیت کردن چیزی به آن مراجعه می کنید. یکی از ویژِگی های مفید انگولار جی اس استفاده از data-binding دوطرفه است . به طور عادی هنگامی که مدل تغییر می کند برنامه نویس می بایست این تغییرات را به طور دستی برروی المان ها و DOM اعمال کند و یا بالعکس اگر تغییری برروی DOM ایجاد شود باید برروی مدل نیز این تغییرات اعمال شود . که البته با اضافه کردن تعاملات کاربر در وب اپلیکیشن ها این تغییرات پیچیده تر نیز خواهد شد . با استفاده از انگولار جی اس هندل کردن این موضوعات به راحتی انجام می شود و همگام سازی DOM و مدل و یا برعکس به راحتی مدیریت شده و انجام میشود.
ویژگی شماره سه : تمپلیت ها
در انگولار یک تمپلیت تنها یک html ساده محسوب می شود. تمپلیت های html در مرورگر به DOM تبدیل می شود که انگولار دقیقا با همین DOM کار میکند و ان را پیمایش می کند تا دستورالعمل ها را که دایرکتیو نامیده می شوند رندر کند . در واقع دایرکتیو ها عمل data-binding را برای view وب اپلیکیشن شما راه اندازی می کند .
ویژگی شماره چهار: دایرکتیو ها
دایرکتیو ها از محبوب ترین ویژگی های فریم ورک انگولار می باشند. این بخش چالش برانگیزترین بخش انگولار است.
می توان از دایرکتیو ها برای ایجاد تگ های دلخواه HTML استفاده کرد به عنوان widget های جدید و دلخواه عمل می کنند. از دایرکتیوها همچنین می توان با روش های جالبی در تعیین رفتار برای المان ها و تغییر ویژگی های DOM استفاده کرد.
ویژگی شماره پنج: dependency injection
این قسمت این امکان را می دهد که به جای ساختن یا جستجوی وابستگی ها آنها را از انگولار درخواست کنید . به عنوان مثال می گویید من به x نیاز دارم و DI ان را برای شما می سازد . هنگامی که به سرویس خاصی نیاز دارید کافی است آن را به لیست پارامترهای خود اضافه کنید و در این صورت انگولار ان سرویس را در اختیار شما قرار می دهد .
فیلم آموزش انگولار1 در 3 مرحله زیر آموزش داده خواهد شد:
- آموزش مقدماتی انگولار
- آموزش متوسط انگولار
- آموزش پیشرفته انگولار (به زودی)
در پایان هر مرحله، بر اساس آنچه یادگرفته ایم یک پروژه عملی پیاده سازی خواهیم کرد.
سرفصل های فیلم آموزش انگولار
پیش نمایش فیلم آموزش انگولار |
---|
درس شماره 1 (معرفی انگولار ) زمان فیلم: 06:39 |
دانلود مستقیم پیش نمایش (معرفی انگولار ) - حجم دانلود 49 مگابایت (کلیک کنید +) |
درس شماره 2 (انتخاب ویرایشگر و دانلود کتابخانه انگولار) زمان فیلم: 08:55 |
دانلود مستقیم پیش نمایش (انتخاب ویرایشگر و دانلود کتابخانه انگولار) - حجم دانلود 33 مگابایت (کلیک کنید +) |
درس شماره 3 (سینتکس انگولار) زمان فیلم: 07:00 |
دانلود مستقیم پیش نمایش (سینتکس انگولار) - حجم دانلود 14 مگابایت (کلیک کنید +) |
توجه: کیفیت این محصول توسط بیـــاموز تضمین شده است. در صورت عدم رضایت شما، ۷۰ درصد مبلغ پرداختی به حساب بانکی شما بازگشت داده میشود.
فیلم آموزش انگولار، مربوط به angular 1 است.
در حال حاضر فیلم اموزش مقدماتی انگولار در سایت قرار گرفته است و آموزش متوسط و پیشرفته در حال ضبط هستش و بزودی در اختیار شما کاربران محترم قرار خواهد گرفت.