جلسه ۱۱۷ شیرازلاگ ارایه دهنده: مریم بهزادی

2. ‫از‬ ‫استفاده‬ ‫با‬ ‫وب‬ ‫کاربری‬ ‫رابط‬ ‫طراحی‬Vue.js
‫جلسه‬۱۱۷‫رشریرازلگا‬
‫بهزادی‬ ‫مریم‬
۱۰‫ماه‬ ‫مهر‬۱۳۹۶
‫زند‬ ‫دانشگاه‬
Instagram: lugshiraz
Telegram: @shirazlug

3. 3
‫مقدمه‬
●‫کتابخانه‬ ‫و‬ ‫فریمورک‬ ‫بین‬ ‫تفاوت‬‫ت‬

4. 4
‫مقدمه‬

5. 5
‫معرفی‬.Vuejs

6. 6
‫مزایای‬PWA
●‫سریع‬ ‫بارگذاری‬
●‫کلیک‬ ‫یک‬ ‫با‬ ‫فقط‬ ،‫محتوا‬ ‫به‬ ‫دسترسی‬
●‫لطیف‬ ‫جایی‬ ‫جابه‬ ‫و‬ ‫انیمیشن‬
●‫ناپایدار‬ ‫های‬‫شبکه‬ ‫در‬ ‫حتی‬ ‫خوشایند‬ ‫تجربه‬
●‫مختلف‬ ‫مرورگرهای‬ ‫با‬ ‫سازگاری‬

7. 7
‫مزیتها‬
●‫سادگی‬
●‫یادگیری‬ ‫نرخ‬
●‫پذیری‬ ‫انعطاف‬
●‫کارایی‬
●‫خط‬ ‫طول‬
●‫توسعه‬ ‫زمان‬
●‫حجم‬
●‫ابزارها‬
●‫محبوبیت‬
●‫سبک‬
●...

8. 8
‫معایب‬
●‫رقیبان‬ ‫مقابل‬ ‫در‬ ‫تر‬‫ضعیف‬ ‫پشتیبانی‬
●)‫(!؟‬ ‫بال‬ ‫ترافیک‬ ‫با‬ ‫هایی‬‫سایت‬ ‫در‬ ‫ضعف‬
●‫بال‬ ‫پذیری‬ ‫انعطاف‬)‫بیشتر‬ ‫نویسان‬ ‫برنامه‬ ‫با‬ ‫بزرگ‬ ‫های‬ ‫پروژه‬ ‫(در‬

9. 9
‫ها‬‫فریمورک‬‫سایر‬‫با‬‫مقایسه‬

10. 10
‫مقایسه‬DOM‫و‬VirtualDOM

11. 11
‫ها‬‫فریمورک‬‫سایر‬‫با‬‫مقایسه‬
Vue.js React Angular
First Release 2014 2013 2016
Framework/Library Framework Library Framework
By
Evan You
Google
Jordan Walke
Facebook
Google
Easy to Learn Rank #1 #2 #3
Scalability Rank #3 #2 #1
3rd party library
compatibility
#2 #1 #3
Light Weight #1 #2 #3

12. 12
‫ها‬‫فریمورک‬‫سایر‬‫با‬‫مقایسه‬
Vue.js React Angular
Community/Popularity #2 #1 #3
Simplicity / Code Length #1 #2 #3
Development Time #1 #2 #3
Size #1 #2 #3
JSX / Templates JSX + Template JSX Template
The Future #1 #2 #3

13. 13
‫بندی‬‫جمع‬
●... ‫مشتاق‬ ‫نویسان‬ ‫برنامه‬ ‫به‬ ‫ما‬ ‫پیشنهاد‬
●... ‫ها‬ ‫استارتاپ‬ ‫به‬ ‫ما‬ ‫پیشنهاد‬
●... ‫بزرگ‬ ‫های‬ ‫تیم‬ ‫و‬ ‫تجاری‬ ‫های‬ ‫شرکت‬ ‫به‬ ‫ما‬ ‫پیشنهاد‬
●... ‫هستید‬ ‫سادگی‬ ‫دنبال‬ ‫به‬ ‫اگر‬
●... ‫دارید‬ ‫عققه‬ ‫اسکریپت‬ ‫جاوا‬ ‫به‬ ‫اگر‬
●... ‫دارید‬ ‫عققه‬ ‫اسکریپت‬ ‫تایپ‬ ‫به‬ ‫تگر‬‫ا‬
●... ‫ترید‬‫ا‬‫د‬ ‫عققه‬ ‫ها‬ ‫تمپلیت‬ ‫از‬ ‫استفاده‬ ‫به‬ ‫تگر‬‫ا‬

14. 14
‫نویسی‬‫نامه‬‫ر‬‫ب‬‫بخش‬