جستجو برای:
  • صفحه اصلی
  • وبلاگ تخصصی جاوااسکریپت
    • جاوااسکریپت
    • Angular
    • Nodejs
    • Reactjs
    • Vuejs
    • Electronjs
    • دیتابیس MongoDB
    • کتابخانه های جاوا اسکریپت
    • فریمورک های جاوا اسکریپت
  • تونل یادگیری رایگان
    • آموزش رایگان جاوااسکریپت
      • 1) جاوااسکریپت چیست ؟
      • 2) بارگذاری جاوااسکریپت
      • 3) کامنت گذاشتن در جاوااسکریپت
      • 4) متغیرها در جاوااسکریپت
      • 5) عملگرها در جاوااسکریپت
      • 6) انواع داده در جاوااسکریپت
      • 7) اعداد در جاوااسکریپت
      • 8) رشته ها در جاوااسکریپت
      • 9) متد های رشته در جاوااسکریپت
      • 10) آرایه ها در جاوااسکریپت
      • 11) متدهای آرایه در جاوااسکریپت
      • 12) مرتب سازی آرایه در جاوااسکریپت
      • 13) اشیا در جاوااسکریپت
      • 14) توابع در جاوااسکریپت
      • 15) توابع ریاضی در جاوااسکریپت
      • 16) دستور شرطی if در جاوااسکریپت
      • 17) دستور Switch در جاوااسکریپت
      • 18) آموزش حلقه for در جاوااسکریپت
      • 19) آموزش حلقه while
    • آموزش رایگان جی کوئری
      • 1) جی کوئری چیست ؟
      • 2) نصب جی کوئری
      • 3) سینتکس جی کوئری
      • 4) سلکتورها در جی کوئری
      • 5) رویداد ها در جی کوئری
      • 6) Hide و Show در جی کوئری
      • 7) افکت Fade در جی کوئری
      • 8) افکت Slide در جی کوئری
      • 9) انیمیشن در جی کوئری
      • 10) افکت ها در جی کوئری
      • 11) دسترسی به محتوای تگ ها (Get)
      • 12) ارسال اطلاعات به تگ ها (Set)
    • آموزش های کامل جاوااسکریپت
      • آموزش کامل Operators (عملگرها)
      • آموزش کامل حلقه ها و شرط ها
      • آموزش کامل Objects (اشیا)
      • آموزش کامل Arrays (آرایه ها)
      • آموزش کامل Functions (توایع)
  • دوره ها
    • دوره رایگان جاوااسکریپت
    • دوره رایگان عملگرها (Operators)
    • دوره رایگان شرط ها و حلقه ها
    • دوره رایگان اشیا (Objects)
    • دوره رایگان آرایه ها (Arrays)
    • دوره رایگان توابع (Functions)
    • دوره پروژه محور هیولای جاوااسکریپت
    • دوره رایگان React مقدماتی
    • دوره پروژه محور هیولای React
  • نقشه راه یادگیری جاوااسکریپت
 
MEGA JS
  • صفحه اصلی
  • وبلاگ تخصصی جاوااسکریپت
    • جاوااسکریپت
    • Angular
    • Nodejs
    • Reactjs
    • Vuejs
    • Electronjs
    • دیتابیس MongoDB
    • کتابخانه های جاوا اسکریپت
    • فریمورک های جاوا اسکریپت
  • تونل یادگیری رایگان
    • آموزش رایگان جاوااسکریپت
      • 1) جاوااسکریپت چیست ؟
      • 2) بارگذاری جاوااسکریپت
      • 3) کامنت گذاشتن در جاوااسکریپت
      • 4) متغیرها در جاوااسکریپت
      • 5) عملگرها در جاوااسکریپت
      • 6) انواع داده در جاوااسکریپت
      • 7) اعداد در جاوااسکریپت
      • 8) رشته ها در جاوااسکریپت
      • 9) متد های رشته در جاوااسکریپت
      • 10) آرایه ها در جاوااسکریپت
      • 11) متدهای آرایه در جاوااسکریپت
      • 12) مرتب سازی آرایه در جاوااسکریپت
      • 13) اشیا در جاوااسکریپت
      • 14) توابع در جاوااسکریپت
      • 15) توابع ریاضی در جاوااسکریپت
      • 16) دستور شرطی if در جاوااسکریپت
      • 17) دستور Switch در جاوااسکریپت
      • 18) آموزش حلقه for در جاوااسکریپت
      • 19) آموزش حلقه while
    • آموزش رایگان جی کوئری
      • 1) جی کوئری چیست ؟
      • 2) نصب جی کوئری
      • 3) سینتکس جی کوئری
      • 4) سلکتورها در جی کوئری
      • 5) رویداد ها در جی کوئری
      • 6) Hide و Show در جی کوئری
      • 7) افکت Fade در جی کوئری
      • 8) افکت Slide در جی کوئری
      • 9) انیمیشن در جی کوئری
      • 10) افکت ها در جی کوئری
      • 11) دسترسی به محتوای تگ ها (Get)
      • 12) ارسال اطلاعات به تگ ها (Set)
    • آموزش های کامل جاوااسکریپت
      • آموزش کامل Operators (عملگرها)
      • آموزش کامل حلقه ها و شرط ها
      • آموزش کامل Objects (اشیا)
      • آموزش کامل Arrays (آرایه ها)
      • آموزش کامل Functions (توایع)
  • دوره ها
    • دوره رایگان جاوااسکریپت
    • دوره رایگان عملگرها (Operators)
    • دوره رایگان شرط ها و حلقه ها
    • دوره رایگان اشیا (Objects)
    • دوره رایگان آرایه ها (Arrays)
    • دوره رایگان توابع (Functions)
    • دوره پروژه محور هیولای جاوااسکریپت
    • دوره رایگان React مقدماتی
    • دوره پروژه محور هیولای React
  • نقشه راه یادگیری جاوااسکریپت
0
ورود / ثبت نام

فریم ورک Angular

15 تیر 1398
ارسال شده توسط محمدرضا حاجی مقصودی
Angular ، فریم ورک ها
2.92k بازدید

فریمورک Angular js

فریم ورک Angularjs

Angular (انگولار) فریمورک قدرتمند جاوا اسکریپتی است؛ زبان جاوا اسکریپت در سر تا سر دنیا بسیار مورد استفاده قرار میگیرد و در بسیاری از انجمن های مربوط به تکنولوژی از Angular js به عنوان زبان آینده ی برنامه نویسی یاد میشود. زبان جاوا اسکریپت بسیار قدرتمند است و پاسخگوی نیاز اکثر برنامه نویس ها در حوزه های مختلف است.
فریم ورک های این زبان مانند Vue ,React ,Angular به سرعت رو به توسعه و پیشرفت هستند و اغلب، پس از یادگیری جاوا اسکریپت به سمت فریم ورک های آن گرایش پیدا می کنند. در این مقاله قصد داریم تا فریم ورک انگولار را بررسی کنیم تا اگر قصد یادگیری انگولار را داریم، دانش بیشتری در مورد آن داشته باشیم.

ANGULARJS چیست؟

Angularjs (انگولار جی اس) یک فریم ورک جاوا اسکریپت است که شاید بتوان آن را چیزی فراتر از فریمورک یعنی در حد یک پلتفرم شناخت؛ که برای ساخت و طراحی اپلیکیشن های تحت وب، اندروید و ios و حتی desktop کاربرد دارد. انگولار ابتدا برای ایجاد وبسایت ها تک صفحه ای (Single Page Application) مورد استفاده قرار میگرفت و بدون لود شدن صفحه اطلاعات وبسایت به روز میشد که این باعث سریع تر شدن واکنش وبسایت و جذابیت بالا برای کاربران میشد. انگولار توسط زبان جاوا سکریپت پیاده سازی شده است؛ همین موضوع باعث شده است تا در حین توسعه برنامه ها واپلیکیشن ها توسط انگولار به دانش حداقلی در مورد جاوا اسکریپت و با نحوه کدنویسی آن آشنا باشیم.

مقاله مرتبط: تغییرات انگولار8

 

انگولار از کجا وارد جهان برنامه نویسی شد؟

ابتدا انگولار جی اس (Angular.Js) در سال ۲۰۰۹ توسط میسکو هوری و ادام آبرونز در شرکت گوگل طراحی و عرضه شد. Angular Js پس از معرفی به دلیل کارکردن ساده و قدرت بالایی که داشت به سرعت مورد استقبال بالا قرار گرفت و بسیاری از توسعه دهندگان به Angularjs روی آوردند.

در سال ۲۰۱۶ شرکت گوگل نسخه ی دیگری از انگولار را که Angular 2 بود را منتشر کرد. انگولار در نسخه ی دوم تفاوت های بسیار زیادی با Angular js پیدا کرد به طوری که هسته ی انگولار در نسخه ی دوم به صورت کامل مورد باز نویسی قرار گرفت. Angular 2 پس از انتشار مشکلات زیادی را به همراه داشت، خیلی از امکانات و تنظیمات آن باید به صورت دستی وارد میشد و پس از تکمیل کدنویسی باید به دلیل سرعت پایین و حجم بالای آن باید از طریق webpack حجم آنرا کاهش میدادیم تا در حین اجرا به کندی یا مشکلات از این قبیل که علت آن سنگین بودن Angular2 بود برخورد نکنیم. در اواخر سال ۲۰۱۶ گوگل تغییراتی در این نسخه از انگولار به وجود آورد و این فریم ورک را تا حدی بهبود بخشید.

چیزی نگذشت که در بهار سال ۲۰۱۷ نسخه ی چهارم انگولار (Angular4) منتشر شد. نسخه ی چهارم این فریمورک قابلیت های بهتری نسبت به نسخه یAngular2 و Angular Js داشت در حدی که از هر دو نسخه ی پیشین خود سبقت گرفت. Angular4 از Angular2 سریع تر، راحت تر و کامل تر بود و قابلیت ها و امکانات بیشتری را در خود جای داده بود. پس از انتشار نسخه ی چهارم، پله پله و در بازه های زمانی کوتاهی این فریمورک ارتقا پیدا کرد و اکنون نسخه ی angular8، آخرین ورژن این فریمورک قدرتمند است که توسعه دهندگان بسیاری در حال استفاده از  آن میباشند.

فریمورک Angular js

 

Angular چگونه کار میکند؟

انگولار هر صفحه از وبسایت ما را به یک یا چند کامپوننت تقسیم میکند. هر کدام از این بخش ها یا کامپوننت ها که توسط انگولار پیاده سازی می شوند، خود از سه بخش تشکیل شده اند.
بخش اول قالب یا template آن کامپوننت است که خروجی رندر گرفته شده از انگولار در قالب html می باشد. بخش دوم کلاس (class) است که متشکل از متغیر ها و توابع جاوا اسکریپت و دستورات انگولار است و خروجی را به template میفرستد. بخش سوم Meta data نام دارد که به بیان ساده مشخص میکند که کدام class و کدام template کامپوننت ما را تشکیل میدهد. در meta data سلکتور هایی وجود دارد که مانند تگ های html هستند و برای اپلیکیشن ما که با Angular نوشته شده است، مشخص میکند کدام کامپوننت باید اجرا شود. فریم ورک انگولار زبان html را برای ما به نوعی قدرتمند تر میکند و ما با استفاده از آن قادر خواهیم بود تا در دستورات html خود از دستورات شرطی، حلقه ها و data binding استفاده کنیم.

مقایسه Angular و React

فریمورک Angular js

 

ویژگی های ANGULARJS

استفاده انگولار از تایپ اسکریپت

اولین ویژگی آن استفاده از TypeScript است. فریمورک انگولار دارای ویژگی های خاصی است که برداشت های متفاوتی از آن می شود. عده ای آنها را مزیت و عده ای آنها را ضعف این فریمورک میدانند. استفاده از انگولار نیازمند این است که تا حدی با تایپ اسکریپت آشنا باشیم که برخی آنرا جزء ایرادها و ضعف های انگولار میدانند اما برخی دیگر استفاده از تایپ اسکریپت و دستورات شئ گرا را یک فرصت میدانند که اختیارات بیشتری برای برنامه نویسی با انگولارفراهم میکند. از سوی دیگر استفاده از دستورات تایپ اسکریپت تفکیک پذیری کد ها قالب وبسایت را تا حد مطلوبی بالا میبرد که این خود مزیت مهمی محسوب می شود.

فریمورک Angular js

 

بزرگ بودن Angularjs

انگولار فریم ورک بسیار بزرگی است و نسبت به فریمورک vue و کتابخانه react از منابع بیشتری استفاده میکند. به همین دلیل اغلب از Angular در ساخت پروژه های بزرگ استفاده می شود. حجم بالای انگولار در نسخه ی ۲ کمی از محبوبیت این فریم ورک کاست اما در Angular4 به بعد این مشکل کمتر شد وحجم انگولار بهبود پیدا کرد. انگولار از معماری MVVM استفاده میکند و کد های منطق برنامه از کد های view جدا هستند. استفاده از این معماری مزیت های زیادی در کار با انگولار برای ما فراهم کرده است.

کدام فریمورک را یاد بگیریم؟ Angular یا Vue یا React

فریمورک Angular js

 

پشتیبانی قدرتمند از فریم ورک Angular

فریم ورک انگولار توسط گوگل منتشر شده است و بهترین متخصصین از سر تا سر جهان در این شرکت بزرگ فعالیت میکنند. همین باعث شده که به روز ترین دانش در توسعه ی محصولات این شرکت استفاده شود. فریم ورک Angular js هم از این موضوع بی نصیب نیست. این فریمورک به سرعت در حال بروز رسانی است و در زمانهای خیلی کوتاه نسخه های جدید از آن منتشر می شود. نسخه ی angular2 به دلیل ضعف هایی که در برخی موارد داشت باعث شد تا حد کمی از محبوبیت انگولار کاسته شود اما از بعد از انتشار نسخه ی Angular 4، دوباره این فریم ورک روند صعودی را در پیشرفت و جذب جامعه ی برنامه نویسان را در پیش گرفت.

فریمورک Angular js

اشتراک گذاری:
برچسب ها: Angularانگولارفریم ورک

مطالب زیر را حتما مطالعه کنید

فریمورک Electronjs

فریمورک Electron JS

تغییرات انگولار 8

تغیرات انگولار8 (آخرین ورژن Angular)

فریمورک Vue.js

مروری بر فریم ورک Vue js

react یا vue یا angular

Angular یا Vue js یا React js کدام را یاد بگیریم؟

تفاوت Angular و React

مقایسه React و Angular

1 دیدگاه

به گفتگوی ما بپیوندید و دیدگاه خود را با ما در میان بگذارید.

  • sanaz bemani گفت:
    28 شهریور 1398 در 15:11

    سلام . ممنون از سایت خوبتون.

    پاسخ

دیدگاهتان را بنویسید لغو پاسخ

جستجو برای:
هیولای جاوااسکریپت

آموزش پروژه محور جاوااسکریپت

آموزش پروژه محور جاوااسکریپت

دسته‌ها
  • Angular
  • Denojs
  • Electronjs
  • Mongo DB
  • Nodejs
  • React
  • Vue
  • ابزار و تکنولوژی
  • جاوااسکریپت
  • فریم ورک ها
  • کتابخانه ها
  • وبلاگ
  • یادگیری React
  • یادگیری جاوااسکریپت
  • یادگیری جی کوئری
جاوااسکریپت را از کجا شروع کنیم؟

نقشه راه یادگیری جاوا اسکریپت

MEGAJS | مگا جی اس

جدیدترین نوشته ها
  • ۲6) تمرین عملگرها: جا به جایی متغیرها با جاوااسکریپت
  • Typescript چیست؟ چرا باید ازش استفاده کنیم؟
  • ۲۵) آموزش اولویت عملگرها در جاوااسکریپت
  • ۲۴) آموزش عملگرهای منطقی در جاوااسکریپت
  • محبوب
  • جدید
  • دیدگاه ها
قبلی بعدی
دسته بندی دوره ها
دسته بندی دوره ها
دسته بندی دوره ها
فیلتر انتخاب ها
درباره MEGA JS

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

با عضویت در خبرنامه ما از آخرین آپدیت دوره ها و تخفیف ها با خبر باشید

کانال آپارات

فیلم های آموزشی رایگان در کانال آپارات MEGAJS

کانال آپارات MEGAJS

تمامی حقوق برای سایت MEGA JS محفوظ می باشد.
ورود به سایت ×
رمز عبور خود را فراموش کرده اید؟
ورود با رمز یکبار مصرف
ارسال کد یکبار مصرف(00:120)
حساب کاربری ندارید؟
ثبت نام
ارسال کد یکبار مصرف(00:120)
بازگشت به ورود

ارسال کد یکبار مصرف (00:120)
بازگشت به ورود
  • (+93) افغانستان
  • (+355) Albania
  • (+213) Algeria
  • (+1) American Samoa
  • (+376) Andorra
  • (+244) Angola
  • (+1) Anguilla
  • (+1) Antigua
  • (+54) Argentina
  • (+374) Armenia
  • (+297) Aruba
  • (+61) Australia
  • (+43) Austria
  • (+994) Azerbaijan
  • (+973) Bahrain
  • (+880) Bangladesh
  • (+1) Barbados
  • (+375) Belarus
  • (+32) Belgium
  • (+501) Belize
  • (+229) Benin
  • (+1) Bermuda
  • (+975) Bhutan
  • (+591) Bolivia
  • (+599) Bonaire, Sint Eustatius and Saba
  • (+387) Bosnia and Herzegovina
  • (+267) Botswana
  • (+55) Brazil
  • (+246) British Indian Ocean Territory
  • (+1) British Virgin Islands
  • (+673) Brunei
  • (+359) Bulgaria
  • (+226) Burkina Faso
  • (+257) Burundi
  • (+855) Cambodia
  • (+237) Cameroon
  • (+1) Canada
  • (+238) Cape Verde
  • (+1) Cayman Islands
  • (+236) Central African Republic
  • (+235) Chad
  • (+56) Chile
  • (+86) China
  • (+57) Colombia
  • (+269) Comoros
  • (+682) Cook Islands
  • (+225) Côte d'Ivoire
  • (+506) Costa Rica
  • (+385) Croatia
  • (+53) Cuba
  • (+599) Curaçao
  • (+357) Cyprus
  • (+420) Czech Republic
  • (+243) Democratic Republic of the Congo
  • (+45) Denmark
  • (+253) Djibouti
  • (+1) Dominica
  • (+1) Dominican Republic
  • (+593) Ecuador
  • (+20) Egypt
  • (+503) El Salvador
  • (+240) Equatorial Guinea
  • (+291) Eritrea
  • (+372) Estonia
  • (+251) Ethiopia
  • (+500) Falkland Islands
  • (+298) Faroe Islands
  • (+691) Federated States of Micronesia
  • (+679) Fiji
  • (+358) Finland
  • (+33) France
  • (+594) French Guiana
  • (+689) French Polynesia
  • (+241) Gabon
  • (+995) Georgia
  • (+49) Germany
  • (+233) Ghana
  • (+350) Gibraltar
  • (+30) Greece
  • (+299) Greenland
  • (+1) Grenada
  • (+590) Guadeloupe
  • (+1) Guam
  • (+502) Guatemala
  • (+44) Guernsey
  • (+224) Guinea
  • (+245) Guinea-Bissau
  • (+592) Guyana
  • (+509) Haiti
  • (+504) Honduras
  • (+852) Hong Kong
  • (+36) Hungary
  • (+354) Iceland
  • (+91) India
  • (+62) Indonesia
  • (+98) ایران
  • (+964) عراق
  • (+353) Ireland
  • (+44) Isle Of Man
  • (+972) Israel
  • (+39) Italy
  • (+1) Jamaica
  • (+81) Japan
  • (+44) Jersey
  • (+962) Jordan
  • (+7) Kazakhstan
  • (+254) Kenya
  • (+686) Kiribati
  • (+965) Kuwait
  • (+996) Kyrgyzstan
  • (+856) Laos
  • (+371) Latvia
  • (+961) Lebanon
  • (+266) Lesotho
  • (+231) Liberia
  • (+218) Libya
  • (+423) Liechtenstein
  • (+370) Lithuania
  • (+352) Luxembourg
  • (+853) Macau
  • (+389) Macedonia
  • (+261) Madagascar
  • (+265) Malawi
  • (+60) Malaysia
  • (+960) Maldives
  • (+223) Mali
  • (+356) Malta
  • (+692) Marshall Islands
  • (+596) Martinique
  • (+222) Mauritania
  • (+230) Mauritius
  • (+262) Mayotte
  • (+52) Mexico
  • (+373) Moldova
  • (+377) Monaco
  • (+976) Mongolia
  • (+382) Montenegro
  • (+1) Montserrat
  • (+212) Morocco
  • (+258) Mozambique
  • (+95) Myanmar
  • (+264) Namibia
  • (+674) Nauru
  • (+977) Nepal
  • (+31) Netherlands
  • (+687) New Caledonia
  • (+64) New Zealand
  • (+505) Nicaragua
  • (+227) Niger
  • (+234) Nigeria
  • (+683) Niue
  • (+672) Norfolk Island
  • (+850) North Korea
  • (+1) Northern Mariana Islands
  • (+47) Norway
  • (+968) Oman
  • (+92) پاکستان
  • (+680) Palau
  • (+970) Palestine
  • (+507) Panama
  • (+675) Papua New Guinea
  • (+595) Paraguay
  • (+51) Peru
  • (+63) Philippines
  • (+48) Poland
  • (+351) Portugal
  • (+1) Puerto Rico
  • (+974) Qatar
  • (+242) Republic of the Congo
  • (+40) Romania
  • (+262) Runion
  • (+7) Russia
  • (+250) Rwanda
  • (+290) Saint Helena
  • (+1) Saint Kitts and Nevis
  • (+508) Saint Pierre and Miquelon
  • (+1) Saint Vincent and the Grenadines
  • (+685) Samoa
  • (+378) San Marino
  • (+239) Sao Tome and Principe
  • (+966) Saudi Arabia
  • (+221) Senegal
  • (+381) Serbia
  • (+248) Seychelles
  • (+232) Sierra Leone
  • (+65) Singapore
  • (+1) Sint Maarten
  • (+421) Slovakia
  • (+386) Slovenia
  • (+677) Solomon Islands
  • (+252) Somalia
  • (+27) South Africa
  • (+82) South Korea
  • (+211) South Sudan
  • (+34) Spain
  • (+94) Sri Lanka
  • (+1) St. Lucia
  • (+249) Sudan
  • (+597) Suriname
  • (+268) Swaziland
  • (+46) Sweden
  • (+41) Switzerland
  • (+963) Syria
  • (+886) Taiwan
  • (+992) Tajikistan
  • (+255) Tanzania
  • (+66) Thailand
  • (+1) The Bahamas
  • (+220) The Gambia
  • (+670) Timor-Leste
  • (+228) Togo
  • (+690) Tokelau
  • (+676) Tonga
  • (+1) Trinidad and Tobago
  • (+216) Tunisia
  • (+90) ترکیه
  • (+993) Turkmenistan
  • (+1) Turks and Caicos Islands
  • (+688) Tuvalu
  • (+1) U.S. Virgin Islands
  • (+256) Uganda
  • (+380) Ukraine
  • (+971) ایلات متحده عربی
  • (+44) پادشاهی متحد بریتانیا
  • (+1) ایالات متحده آمریکا
  • (+598) Uruguay
  • (+998) Uzbekistan
  • (+678) Vanuatu
  • (+58) Venezuela
  • (+84) Vietnam
  • (+681) Wallis and Futuna
  • (+212) Western Sahara
  • (+967) Yemen
  • (+260) Zambia
  • (+263) Zimbabwe

ورود

رمز عبور را فراموش کرده اید؟

هنوز عضو نشده اید؟ عضویت در سایت