3 بهترین چارچوب جاوا اسکریپت / کتابخانه برای توسعه جلویی

جاوا اسکریپت با گذشت سال ها به طور فزاینده ای محبوبیت پیدا کرده است ، جامعه به سرعت در حال رشد است و توسعه دهندگان بطور مداوم روزانه ابزارهایی را برای این زبان می سازند و می سازند.


این مسئله وقتی تصمیم می گیرد که از چه ابزاری / چارچوب / کتابخانه برای یک کار خاص استفاده کنید ، این مسئله بسیار پرتکرار است زیرا همیشه برای گزینه های مختلفی که می خواهید در جاوا اسکریپت انجام دهید ، چندین گزینه وجود دارد. در ابتدا ، تصمیم گیری در مورد كتابخانه یا چارچوب برای یادگیری هنوز دشوار است.

این مقاله بر تغییر شکل مزیت استفاده از چندین چارچوب / کتابخانه جلویی JavaScript متمرکز شده و در نهایت تصویری واضح تر از آنها ارائه می دهد. این در نظر گرفته شده است که فرایند تصمیم گیری انتخاب یکی را آسان تر کند.

واکنشی

واکنشی یک چارچوب نیست بلکه یک کتابخانه جاوا اسکریپت برای ایجاد رابط های کاربر است.

این منبع باز و توسط Facebook و جامعه ای از توسعه دهندگان انفرادی نگهداری می شود. React در ابتدا توسط نوشته شد جردن واک به عنوان یک ابزار داخلی در Facebook. بعداً این منبع باز بود و در سال 2013 برای عموم مردم منتشر شد و پس از آن طیف گسترده ای از محبوبیت را به دست آورد.

برخی از ویژگی ها شامل موارد زیر است.

  • مؤلفه های واکنش پذیر ، قابل تنظیم و قابل استفاده مجدد را ارائه می دهد
  • از DOM مجازی استفاده می کند
  • خیلی سریع
  • مبتنی بر کامپوننت
  • اتصال داده های یک طرفه
  • قابلیت استفاده مجدد از کد
  • این یک اکوسیستم پر جنب و جوش و پرتحرک است که در پشت آن قرار دارد
  • مدیریت مناسب دولت

نصب / استفاده

React را می توان در جبهه به دو روش مختلف استفاده کرد.

  • بیش از CDN
  • با استفاده از Node.JS

بیش از CDN

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

به عنوان مثال ، اگر از یک محیط توسعه استفاده می کنید ،

و برای تولید

با استفاده از Node.JS

تصور می کنم شما قبلاً NodeJS نصب کرده اید. برای نصب React ، کافیست دستور زیر را تایپ کنید.

sudo npm i -g ایجاد-واکنش-برنامه –save-dev

پس از انجام نصب ، دستور زیر را تایپ کنید

برنامه-ایجاد-واکنش-برنامه-اولین-واکنش من-برنامه

دستور فوق کلیه کتابخانه های لازم برای React را برای اجرای مناسب نصب می کند ، که شامل یک سرور توسعه ، صفحه وب و بابل است..

به پوشه my-first-reaksion-app بروید و دستور زیر را اجرا کنید

شروع npm

موارد فوق یک سرور توسعه را در درگاه 3000 راه اندازی می کند. و هنگامی که به IP سرور خود با پورت 3000 دسترسی پیدا می کنید ، باید چیزی مانند زیر را مشاهده کنید.

React در حال افزایش محبوبیت و تقاضای تعدادی از سازمانهای بزرگ است. اگر شما علاقه مند به یادگیری هستید ، پس توصیه می کنم این کار را انجام دهید دوره کامل.

Vue.js

Vue.js یک چارچوب پیش رونده JavaScript برای ایجاد رابط های کاربر تعاملی و برنامه های تک صفحه ای است. این یک چارچوب نمایش مدل با کتابخانه اصلی است ، و تمرکز آن روی لایه نمای است. Vue محبوب است ، زیرا این قابلیت را دارد که بتوانید برنامه های تک صفحه ای را قدرت دهید. برخلاف React ، Vue از HTML خام استفاده می کند و نه JSX.

Vue.js یک منبع آزاد است و در ابتدا توسط آن ایجاد شده است اوان تو و در فوریه 2014 به صورت عمومی منتشر شد. موارد زیر برخی از ویژگی ها است.

  • این عناصر نمای واکنش پذیر و سازگار را فراهم می کند.
  • از DOM مجازی استفاده می کند
  • تمرکز خود را بر کتابخانه اصلی حفظ می کند (به عنوان مثال ، مسیریابی و مدیریت دولت)
  • برنامه ریزی در CSS بدون CSS-In-Js انجام می شود
  •  اتصال یک طرفه در اجزاء.
  • پشتیبانی از افزونه‌های ضروری
  • قابلیت استفاده مجدد از کد

نصب / استفاده

می توانید Vue.js را در قسمت جلویی یا از طریق CDN یا با Node.js استفاده کنید

برای استفاده از راه CDN, می توانید اسکریپت زیر را به بخش هدر صفحه HTML خود اضافه کنید.

فیلمنامه فوق برای اهداف توسعه مناسب است زیرا شامل یک پیام مهم کنسول است. با این حال ، برای تولید ، شما باید از موارد زیر استفاده کنید.

و به با نودج استفاده کنید, می توانید آن را با استفاده از دستور npm نصب کنید.

npm نصب vue

من اکیداً توصیه می کنم که رسمی Vue JS را بخوانید مستندات برای یادگیری بیشتر یا در نظر گرفتن این موضوع مسیر.

زاویه ای

زاویه ای یک چارچوب ساختاری JavaScript برای صفحات پویا است. این اجازه می دهد تا از HTML به عنوان یک زبان الگو استفاده کند و به استفاده از نحو HTML اجازه می دهد تا کامپوننت برنامه ها را به صورت واضح و مختصر بیان کند. این یک پروژه منبع باز است که توسط گوگل و سایر همکاران پشتیبانی می شود.

نصب و راه اندازی

اطمینان حاصل کنید که جدیدترین نودژ نصب شده است. اولین چیزی که باید نصب کنیم ابزار Angular CLI است.

npm install -g @ angular / cli

پس از نصب ، می توانیم با دستور زیر یک پروژه جدید ایجاد کنیم.

برنامه جدید-زاویه دار جدیدم را ng کنید

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

برای شروع برنامه جدید ایجاد شده ، دستور زیر را از پوشه برنامه ها اجرا کنید.

سرور ng

این باید به طور خودکار سرور را در پورت 4200 راه اندازی کند.

[[ایمیل محافظت شده] my-first-angular-app] # ng service
10٪ ماژول 3/3 ساختمان 0 فعال ℹ wds 」: پروژه در http: // localhost: 4200 / webpack-dev-server /
ℹ 「wds」: خروجی صفحه وب از /
ds ds wds 」: 404s به //index.html باز می گردند

chunk {main} main.js ، main.js.map (اصلی) 47.8 kB [اولیه] [ارائه]
chunk {polyfills} polyfills.js، polyfills.js.map (polyfills) 264 kB [اولیه] [ارائه]
chunk {runtime} runtime.js ، runtime.js.map (زمان اجرا) 6.15 kB [ورودی] [ارائه]
chunk {stiles} styles.js، styles.js.map (سبک) 10 کیلوبایت [اولیه] [ارائه]
chunk {vendor} vendor.js، vendor.js.map (فروشنده) 3.81 MB [اولیه] [ارائه]
تاریخ: 2019-12-28T12: 08: 20.138Z – هاش: 5d4b93c7bf9e61979c4d – زمان: 12864ms
** سرور توسعه زاویه ای Angular در حال گوش دادن به localhost: 4200 است ، مرورگر خود را در http: // localhost: 4200 / ** باز کنید
ℹ 「wdm」: با موفقیت کامپایل شد.

نتیجه

بنابراین ، آنچه شما برای یادگیری انتخاب می کنید بیشتر از اولویت شخصی است تا اینکه “چه چیزی بهتر است”.

کلیه چارچوب ها / کتابخانه های ذکر شده در بالا عالی هستند. در اینجا ضبط کوتاه است.

  • اگر می خواهید چارچوبی را که می خواهید به آن اعتماد کنید بدون نیاز به مقابله با وابستگی های خارجی ، باید Angular را یاد بگیرید.
  • اگر می خواهید سریع ، PWA ، برنامه تک صفحه ای بسازید ، راحت کار می کنید و در مورد JSX راحت هستید.
  • React به دلیل اجتماع گسترده خود دارای پرتحرک ترین جامعه و فرصت های شغلی بیشتر است.
  • React نسبتاً آسان برای شروع کار است.
  • React بسیار قابل تنظیم است و با هر قطعه UI به عنوان یک جزء رفتار می کند.
  • Vue مزایای React اما بدون JSX دارد.
  • بازار کار Vue به طور مداوم در حال افزایش است.

در اینجا نمودارهایی در Google Trends وجود دارد که مقایسه ای از میزان محبوبیت 3 مورد از آنها را نشان می دهد.

اگر توسعه جلویی مورد علاقه شماست ، ممکن است این موضوع را بررسی کنید البته Udemy.

برچسب ها:

  • متن باز

Jeffrey Wilson Administrator
Sorry! The Author has not filled his profile.
follow me
    Like this post? Please share to your friends:
    Adblock
    detector
    map