تفاوت بین جی کویری و انگیولار جی اس(AngularJS) در طراحی سایت

، انگیولار (AngularJS) نه با جی کویری جایگزین می شود و نه با آن رقابت می کند هر دوی آنها می توانند در یک نرم افزار یکسان استفاده شوند.جی کویری برای دستکاری DOM حال آنکه انگیولار برای ساختارها استفاده می شود.در حقیقت انگیولار برتری نسبت به جی کویری برای دستکاری DOM ندارد.

.  

تفاوت بین jQuery و AngularJS در طراحی سایت

فاطمه صولتی - 94/3/11.  زمانیکه شروع به گسترش وب سایتم کردم jQuery اولین انتخابم بود. چیزی که بهترین رخ داد کاری من تا آن زمان لقب  گرفت.  jQuery سد ورودی جاوا اسکریپت جهانی را کاهش داد و مشکلات زیادی که در آن زمان وجود داشت  توسط IE حل شد. اما زمانیکه کار را با یک نرم افزار بزرگتر شروع کردم در عملکرد jQuery فقدان هایی وجود داشت. با وجود این هنوز هم  بjQuery برای دست بابی به ( DOM (Document Object Model مناسب بود اما به خاطر این فقدان ها به JS سوییچ کردم. JS به تنهایی کافی نبود به همین دلیل تصمیم گرفتم AngularJS  را امتحان کنم.

این سوال همیشه ذهنم را مشغول کرده که تفاوت بین jQuery  و AngularJS در چیست؟

Framework : اگر بخواهیم آنها را باهم مقایسه کنیم jQuery  و AngularJS  قبلا مثل یک کتابخونه بودند و بعد به صورت Framework  درآمدند.  شما می توانید این کتابخانه را به پروژتون متصل کنید و از همه آن و یا حتی قسمتی از آن استفاده کنید.شبیه یک پلاگین که در واقع مکملی برای پروژه JS شماست.  با Framework شما باید قوانین مربوط به آن را اجرا کنید, حال چه به صورت کامل و یا حتی کلا از آن استفاده نکنید.

AngularJS یک Framework  به صورت مدل MVC است که مشاهده و کنترل توسط این Framework یکی از معروفترین توسعه معماری های نرم افزار در جامعه امروزی است. زمانیکه به توسعه نرم افزار AngularJS  می پردازید باید نسبت به آن پیش زمینه ای با ذهن خلاق خود بسازید گرچه ممکن است با اضافه کردن AngularJS  به پروژه موجود به پیچیدگی بیشتری دچار شود.

AngularJS  را به جای jQuery  استفاده نکنید.

هزاران پلاگین jQuery  خروجی وجود دارد که تنها وظیفه پلاگ کردن را دارند وقتی کار را به آن می سپارید دیگرخیالتان از بابت آن راحت باشد. AngularJS  دستورالعمل های مختلفی دارند که پیشنهاد می شود حتما از آنها استفاده کنید. تلاش کنید که از روشهای توسعه یافته مربوط به AngularJS  به جای  وصله کردن کد با پلاگین های قدیمی استفاده کنید.لازم نیست که همیشه  jQuery را به پروژه هاتون اضافه کنید Angular ها با  jqLite (ساده شده سطح  jQuery  برای پایه ساختارهای DOM )در کنار هم استفاده می شود.

نرم افزارهای تک صفحه ای  

معماری نرم افزارهای Angular  متفاوت است.بیشتر انها نرم افزارهای تک صفحه ای هستند به جای اینکه همه کدها را شبیه کاری که با jQuery  انجام می دهیم و همچنین نشان دادن و مخفی کردن بخش های مختلف DOM را یکجا باهم لود نکنید قالب ها را براساس نیاز لود کنید (از http استفاده کنید) . چیزی که باعث می شود یک نرم افزار ماژولار و دسترسی به محتوای سریع تری داشته باشد رفع مشکل یا به روزرسانی کردن آن است.

من رویکردی که خود شما ایجاد کننده کنترل ماژول قالب HTML و فایل CSS همه در یک نرم افزار قابل رویت باشد را دوست دارم.

اتصال داده ها

اتصال داده ها یکی از بهترین ویژگی ها در AngularJS  است (یک یا دو راه برای اتصال) . این موضوع باعث می شود داده ها برخلاف jQuery  جایی که داده DOM وجود دارد کاملا مستقل از اجرا باشند. به عنوان مثال داده از درخواست HTTP می آید و به عنوان قالب در HTML که در حوزه کنترل و رندر {{ داده }} است اضافه می شود.

این روش به شما به عنوان یک توسعه دهنده این امکان را می دهد که بفهمید داده ها از کجا می آیند ودر کدام قسمت لازم است که تغییراتی ایجاد کنید. درjQuery  اگر شما چیزی شبیه  (data‘#’)$ رندر(); دارید بدین معنی است : کل صفحه جدید را شامل می شود و شما نمی دانید که دقیقا چه چیزی است و یا این محتویات از کجا آمده است.

خلاصه مطالب:

AngularJS نه با jQuery جایگزین می شود و نه با آن رقابت می کند هر دوی آنها می توانند در یک نرم افزار یکسان استفاده شوند. jQuery برای دستکاری DOM  حال آنکه AngularJS برای ساختارها استفاده می شود.در حقیقت AngularJS برتری نسبت به jQuery  برای دستکاری DOM ندارد.  

گروه طراحی وب سایت کارناوب بر اساس نیاز کاربران و نوع کاربری وب سایت از روش های مختلفی استفاده می کند .  در اینده مقالات با موضوع JQUERY و AngularJS  در اختیار شما قرار خواهیم داد .

موفق باشید



به مطلب ارائه شده امتیاز بدهید

(7)
4.92/ 5 279 امتیازدهنده

منبع : Alexbachuk

Arun
هادی جعفری هادی، با مدرک کارشناسی نرم افزار ، عاشق برنامه نویسی موبایل برای IOS هست ، بعضی وقت ها در زمینه فروش و بازریابی ایده های قشنگی رو اعلام میکنه

  • مطلب چه طور بود؟ سوالی در این باره دارید؟ در بخش نظرات مطرح نمایید.

  • م

    مهدی ربانی

    سپاس از مقاله ی سودمندتون 0 0

+ خدمات طراحی سایت
مقالات طراحی وب سایت
نظر سنجی

بهترین سرویس آمار بازدیدکنندگان وب سایت کدام است ؟(186رای )


نمایش نتیجه ها



پروژه های در حال انجام

طراحی سایت گروه کوشا

(5%)


طراحی سایت گروه رویش

(25%)


طراحی سایت خرید فروش خودرو

(25%)


طراحی اپلیکیشن دالینو

(25%)


سئوی سایت بانه کالا

(40%)


سئوی سایت آناهید

(50%)


طراحی سایت و اپلیکیشن جت کادو

(50%)


وب سایت دکتر ابراهیمی مقدم

(55%)


طراحی سایت رویا ملک

(55%)


طراحی سایت فروشگاه سازه

(60%)


سایت نیازمندیهای سنگریز

(75%)


اپلیکیشن IOS کارناوب

(80%)


اپلیکیشن موبایل بانه کالا

(80%)


بـاغ ویـلای پرند

(80%)


اپلیکیشن اندروید کارناوب

(90%)


باشگاه ورزشی آگرین کرج

(90%)


طراحی سایت چی کو جو

(90%)


ASP.NET MVC چیست؟

عضی از برنامه نویسان از ASP.NET Web forms و برخی دیگر از ASP.NET MVC استفاده می کنند البته برنامه نویس هایی هستند که هر دو اینها را با یکدیگر ترکیب می ...