Your browser doesn't support the features required by impress.js, so you are presented with a simplified version of this presentation.

For the best experience please use the latest Chrome, Safari or Firefox browser.

عنوان ارائه:


بررسی فریم‌ورک انگولار

سمانه سادات یعقوبی

دانشجوی رشته‌ی مهندسی نرم‌افزار



درس روش پژوهش و ارائه

زمان: ۸ آبان

  1. مقدمه
    1. فریم‌ورک‌ها و کتابخانه‌ها
    2. انگولار چیست؟
    3. تاریخچه‌ی انگولار
  2. بررسی تخصصی انگولار
    1. زبان تایپ‌اسکریپت
    2. ساختار MVW در انگولار
    3. Angular CLI
    4. قالب‌های سمت کاربر
    5. کاربردها
  3. مقایسه
    1. اطلاعات
    2. انعطاف‌پذیری
    3. سرعت و عملکرد
    4. پشتیبانی و به‌روز‌رسانی
  4. نتیجه گیری
فریم‌ورک‌ها و کتابخانه‌ها

وب‌اپلیکشن‌چیست؟
چرا فریم‌ورک؟
چرا فریم‌ورک‌های جاوااسکریپتی؟

1

انگولار چیست؟
  1. بستر توسعه‌ی سمت کاربر
  2. پشتیبانی توسط گوگل
  3. مبتنی بر زبان تایپ‌اسکریپت
  4. بر پایه‌ی MVC
  5. توسعه‌ی متن‌باز
  6. تحت مجوز MIT

2

2
4

3

زبان تایپ اسکریپت

  1. پشتیبانی کامل زبان جاوا‌اسکریپت
  2. توسعه توسط مایکروسافت
  3. ارائه‌ی قابلیت های پیشرفته‌ی شی‌گرایی
  4. الهام گرفته از زبان #c
  5. آزاد و متن‌باز

4

پشتیبانی در مرورگر‌ها

ES5‌:
ES6‌:

97.88%
78.99%

5

ساختار MVW در انگولار

MVW

MVW

MVVM

MVP

MVC

MVC

Model View Whatever

6

رابط خط‌فرمان انگولار

CLI

 npm i -g @angular/cli

 ng new my-first-app

 cd my-first-app/

 ng serve

7

قالب‌های سمت کاربر

در اکثر وب‌اپلیکشن‌ها، در سمت سرور داده ها و قالب ترکیب می‌شوند.

در انگولار، داده‌ها و قالب بصورت جداگانه از سرور دریافت شده و
در سمت کلاینت با هم ترکیب می‌شوند.

مزیت:
صرفه‌جویی در پهنای باند
افزایش سرعت
کش‌کردن قالب و داده‌ها

8

کاربرد‌های انگولار

Single Page Applications (SPAs)
Progressive Web Applications (PWAs)
Native Applications
Desktop Applications

9

مقایسه فریم‌ورک‌های سمت کاربر

Vs.

Vs.

10

ری‌اکت چیست؟

  1. کتابخانه‌ای برای ساخت رابط‌کاربری
  2. توسعه و نگهداری توسط فیسبوک
  3. مبتنی بر زبان جاوا‌اسکریپت

    4. Netflix, Udemy, Uber, Twitter,
    Pinterset, Airbnb, Reddit, ...

11

Vue.js چیست؟

  1. بستر توسعه‌ی سمت کاربر
  2. توسعه توسط برنامه‌نویسان مستقل
  3. مبتنی بر زبان جاوا‌اسکریپت

    4. AliBaba, Baidu, Expedia, Gitlab, ...

    12

انگولار چیست؟

  1. بستر توسعه‌ی سمت کاربر
  2. پشتیبانی توسط گوگل
  3. مبتنی بر زبان تایپ‌اسکریپت

    4. Forbes, Weather.com, Microsoft Support,
    Kia motors, Tesla, Telegram Web, ...

13

پشتیبانی و به‌روز‌رسانی

API های نسبتا پایدار دارد و به‌روز‌رسانی راحت است.
پشتیانی طولانی مدت از نسخه ‌۴ به بعد انجام شده و به‌روز‌رسانی در
نسخه‌های اخیر راحت است.
۹۰٪ APIها یکسان هستند و به‌روز‌رسانی برای پروژه‌های کوچک راحت است.

14

فریم‌ورک در برابر کتابخانه

انگولار یک فریم‌ورک است و ساختار مشخصی برای برنامه‌های شما دارد.
ری‌اکت کتابخانه است و انعطاف‌پذیری بیشتری دارد.
ویو فریم‌ورک است و نسبتا انعطاف‌پذیر است.

15

سرعت و عملکرد

Memory allocation in MBs ± standard deviation

16

نتیجه‌گیری

زبان تایپ‌اسکریپت
شی‌گرایی
دارای راهنما و ساختار مشخص
مناسب برای پروژه بزرگ

17

منابع

http://angular.io/
https://medium.com/unicorn-supplies/angular-vs-react-vs-vue-a-2017-comparison-c5c52d620176
https://hackernoon.com/5-best-javascript-frameworks-in-2017-7a63b3870282
http://madewithreact.com/
https://madewithvuejs.com/
https://madewithangular.com/
https://programmingwithmosh.com/angular/angular-4-tutorial/
http://www.stefankrause.net/js-frameworks-benchmark6/webdriver-ts-results/table.html
available on Github

Any Question?