دوره های آموزشی آکادمی پی وی لرن (پروژه محور و ویژه بازار کار)



  • ۷
  • مرداد

جلسه ۰۱ : آشنایی بیشتر با AngularJS

  • دسته‌بندی‌ها :
جلسه ۰۱ : آشنایی بیشتر با AngularJS
    • جزئیات
    • نوع محتواآموزش تصویری

      مقدمه

      با عرض سلام و وقت بخیر خدمت کاربران سایت پی وی لرن . و کاربرانی که دوره کامل آموزش AngularJS را دنبال می کنند. ما در بخش آشنایی بیشتر با AngularJS قصد داریم ابتدا شما را با ساختار و ویژگی های فریم ورک AngularJS ، آشنا کنیم. سپس در بخش های آموزشی آتی به آموزش کامل AngularJS ، خواهیم پرداخت.

      اگر به تازگی وارد بخش جاری شده اید. و از AngularJS و جزئیات این دوره آموزشی، اطلاع ندارید. می توانید مطالب بخش مقدمه ای بر دوره آموزش AngularJS را مرور کنید.

      آشنایی بیشتر با AngularJS

      AngularJS در واقع یک فریم ورک جاوا اسکریپت است. که شما می توانید آن را به صفحات HTML وب خود، با استفاده از تگ <script>، اضافه کنید.

      AngularJS ویژگی های HTML را با دستورالعمل ها گسترش می دهد. و داده ها را به HTML با اصطلاحات مرتبط می کند.

      AngularJS یک فریم ورک جاوااسکریپت است

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

      AngularJS به عنوان یک فایل جاوااسکریپت توزیع شده است. و می تواند به یک صفحه وب با تگ <script> اضافه شود:

      مثال : 

      AngularJS کد html را گسترش می دهد

      AngularJS صفحات html را با استفاده از ng-directives گسترش می دهد.

      دستور Ng-app یک برنامه AngularJS را تعریف می کند.

      دستورالعمل مدل ng مقدار کنترل های HTML از جمله input، select و textarea را به داده های برنامه متصل می کند.

      دستور ng-bind اطلاعات برنامه را به نمای HTML متصل می کند.

      مثال : 

      تشریح مثال فوق:

      AngularJS وقتی صفحه وب بارگذاری می شود، به طور خودکار شروع می شود.

      دستورالعمل برنامه Ng به AngularJS اعلام می کند. که عنصر <div> “مالک” یک برنامه AngularJS است.

      دستورالعمل مدل ng مقدار فیلد ورودی را به نام متغیر برنامه متصل می کند.

      دستور ng-bind محتویات عنصر <p> را به نام متغیر برنامه متصل می کند.

      دستورالعمل AngularJS

      همانطور که قبلا دیده اید، دستورات AngularJS دارای ویژگی های HTML با پیشوند ng هستند.

      دستور ng-init ابتدا متغیرهای برنامه AngularJS را راه اندازی می کند.

      مثال : 

      مثال ۲ : html معتبر

      خودتان امتحان کنید »

      مثال : 

      عبارات AngularJS

      عبارات AngularJS در داخل دو براکت نوشته می شوند: {{عبارات}}.

      AngularJS خروجی را دقیقا در همان جای که عبارات نوشته شده نمایش می دهد.

      مثال : 

      عبارات AngularJS داده های AngularJS را به HTML همانند دستورالعمل اتصال به ng متصل می کنند.

      مثال : اتصال به ng

      خودتان امتحان کنید »

      مثال : 

      برنامه های کاربردی AngularJS

      ماژول های AngularJS برنامه های AngularJS را تعریف می کنند.

      کنترل های AngularJS، برنامه های AngularJS را کنترل می کند.

      دستورالعمل Ng-app برنامه را تعریف می کند، دستورالعمل ng-controller کنترل کننده را تعریف می کند.

      مثال : دستورالعمل Ng-app

      خودتان امتحان کنید »

      مثال : 

      ماژول های AngularJS برنامه های کاربردی را تعریف می کنند:

      مثال : 

      کنترل کننده های AngularJS برنامه های کاربردی را کنترل می کند:

      مثال : 

      کلام آخر

      در این بخش حدودا با کلیات ساختار فریم ورک AngularJS و چگونگی استفاده از کدهای AngularJS در صفحه html ، آشنا شدید. امیدواریم که مطالب آموزش آشنایی بیشتر با AngularJS ، برای شما مفید بوده باشد.

      QR:  جلسه ۰۱ : آشنایی بیشتر با AngularJS
      به اشتراک بگذارید


      دیدگاه کاربران
      1. تصویر کاربر
        • تصویر کاربر