TimTim

سایت خبر خوان

آموزش Vue.js قسمت اول (معرفی)

یکشنبه 18 فروردین 98 | 09:37 - virgool.io - 15
مجموعه آموزش فریم ورک ویو «vue.js» به زبان فارسی
Vue.js
Vue.js

ویو جی اس چیه ؟

خوب قبل از هر چی بهتره با این شروع کنم که اصلا ویو جی اس چیه

به طور خلاصه ویو یک کتاب خانه متن باز به زبان جاوا اسکریپته که میشه ازش برای ساختن رابط کاربری و وب اپلیکشن ها استفاده کرد.

اگر اهل برنامه نویسی و بخصوص برنامه نویسی تحت وب باشید حتما اسم هایی مثل «jQuery» ٬ «Angular» ٬‌ «React» به گوشتون خورده

ویو هم یکی از همین کتاب خونه هاس (: اگر دقیق ترش رو بخواین خالق ویو اقای «Evan You» که توی شرکت گوگل روی انگولار کار می کرد یه روزی با خودش گفت

I figured, what if I could just extract the part that I really liked about Angular and build something really lightweight.
یافتم ٬ چرا اون قسمتی از انگولار رو که دوست دارم رو بر ندارم و باهاش یه چیز سبک تر (به عبارتی سریع تر) نسازم

این جوری شد که در سال ۲۰۱۴ ویو متولد شد

خوب از قصه گفتن بگذریم و بریم سر اصل مطلب




ویو برای ما دقیقا چیکار میکنه ؟

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

حالا شاید بگید این که خوبه ٬ اره خوبه ولی وقتی که یه فضای مدیریت شده و قابل گسترش در اختیار برنامه نویس های جاوا اسکریپت قرار بدین که خوب مروگر این کارو نمی کنه |:

پس نیاز شد ابزار و ساختاری مناسب برای این کار ساخته بشه و یکی از فرزندان این تلاش فریم ورک هایی مثل ویو و انگولار شدن که وظیفشون مدیریت و مهندسی برنامه های بزرگیه که به زبان جاوا اسکریپت یا تایپو اسکریپت برای مدیریت رابط کاربری نوشته شده ان هستش.

  • حالا وسط این همه فریم ورک چرا ویو ؟؟
  • در مقایسه با رقبا ویو کم حجم تر و در بسیاری از موارد سریع تره
  • ویو بسیار راحت و بدون نیاز به پوسته خاصی با بقیه کتاب خونه ها مچ میشه
  • ویو بسیار سادس طوری که یه برنامه نویس اشنا به مفاهیم وب می تونه توی یک هفته کاملا یادش بگیره و باهاش کار کنه
  • ویو یک «progressive framework» یعنی شما می تونید بسته به نیازتون فقط توی یه بخش کوچیک از برنامتون ازش استفاده کنید یا این که برای پروژه های بزرگ کل پروژه تون رو با ویو پیاده سازی کنید
  • ویو کاملا زبان «typescript» رو پشتیبانی می کنه ولی شما رو مجبور نمی کنه ازش استفاده کنید
  • و کلی مورد دیگه که اگر دوست دارید می تونید از (Comparison with Other Frameworks) که خود سایت رسمی ویو منتشر کرده بیشتر راجبش بخونید.

در مجموع سادگی در کنار تکمیل بودن و مقیاس پذیری بسیار بالای ویو ٬ اون رو دلنشین کرده

حالا ویو چه امکانات قابل توجهی به ما میده ؟

ویو اکوسیستم کاملی داره که تقریبا هر نوع نیازی رو پاسخ گوعه که میشه به

  • ابزار دیباگ برای کروم «chrome Dev tools»
  • سازگاری کامل با فریم ورک های تست «unit testing» و « and to end testing»
  • پشتیبانی کامل از «server side rendring»
  • امکان تبدیل وب اپلیکیشن به برنامه کراس پلتفرم موبایل ( پیشنهاد نمی کنم )

و کلی ابزار باحال دیگه اشاره کرد.


در ادامه چی میبینیم ؟

از قسمت بعدی شروع می کنیم به آشنا شدن با فریم ورک ویو و دست به کد میشیم (:

انشالله هر هفته با یک بخش ویو آشنا میشیم و بعدش میریم سراغ کتاب خونه های خوب و معروف ویو

ممنون از وقتتون

ویرگول,برنامه نویسی,برنامه نویسی وب,جاوا اسکریپت,ویو جی اس,ویو,