قسمت اول آموزش AngularJS

نویسنده:

مرتضی افضلی

Statistics-rafiki

تعداد بازدید:

13538

Calendar-amico (2)

تاریخ به‌روزرسانی:

1399-02-20

Work time-rafiki

زمان مطالعه:

5 دقیقه

AngularJS چیست و آموزش‌های ابتدایی درباره‌ی آنگولار جی اس

با عرض سلام

در این بخش از کدپز فریم ورک AngularJS را موردبررسی قرار می‌دهیم. برای درک بهتر این موضوع شما می‌توانید مطالبی را که راجع به جاوا اسکریپت از قبل در کدپز موجود است را موردمطالعه قرار دهید.

AngularJS چیست ؟

AngularJS یک فریم ورک از جاوااسکریپت می‌باشد که HTML را به فرمت‌های قابل‌بیان و قابل‌خواندن گسترش می‌دهد. آنگولار جی اس به شما این اجازه را می‌دهد تا به تزئین HTML خود بپردازید علاوه بر این به منطق برنامه‌ی شما کمک می‌کند که به‌صورت هوشمند باشد نه دستی!

برای ورود به این دوره شما نیازمند داشتن حداقل دانش اولیه راجع به موارد زیر خواهید بود :

HTML

CSS

JavaScript

تاریخچه‌ای از AngularJS

برای اولین بار آنگولار نسخه‌ی 1.0 در سال 2012 انتشار یافت

Miško Hevery یکی از کارکنان گوگل بود که در سال 2009 شروع به‌کار با انگولار کرد.

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

شروع کار با AngularJS

برای استفاده از این فریم ورک شما نیاز دارید قطعه کد زیر را در فایل موردنظر خود استفاده کنید.

<!DOCTYPE HTML>
<html>
<head>
< script src="https://ajax.googleapis.com/ajax/libs/angularjs/1.6.4/angular.min.js" >< /script >
</head>
</html>

آنگولار جی اس به‌صورت اپن سورس می‌باشد. این فریم ورک ساخته‌شده از بخشی fontend MEAN، پایگاه داده‌ی MongoDB، چارچوب سرور این سورس وب، خود آنگولار جی اس و محیط کاری زمان‌بندی سرور Node.js است.

اصطلاحات AngularJS

یک عبارت معمولاً در داخل علامت‌های {{}} به‌صورت روبرو بیان می‌شود. {{عبارت مدنظر}}

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

در زیر یک قطعه کد ساخته‌شده توسط اصطلاحات AngularJS را بررسی می‌کنیم.

<!DOCTYPE HTML>
<html ng-app>
<head>
< script src="https://ajax.googleapis.com/ajax/libs/angularjs/1.6.4/angular.min.js" >< /script >
</head>
<body>
<p> {{2+2}} </p>
</body>
</html>

خروجی کد بالا عدد 4 را نمایش می‌دهد، زیرا آنگولار جی اس عبارات را ارزیابی کرده و نتیجه را برمی‌گرداند.

به یاد داشته باشید که عبارت ng-app در تگ موجود باشد. این دستور معرف این است که یک برنامه توسط AngularJS در حال اجرا می‌باشد. اگر این دستور را حذف کنیم اصطلاحات محاسبه نخواهند شد.

تعدادی دستورالعمل وجود دارد که آنگولار جی اس را قادر می‌سازد رفتار مشخصی به عناصر HTML اضافه کند. ما در مورد آنها در درس‌های آینده صحبت خواهیم کرد.

به یاد داشته باشید که عبارات آنگولار جی اس از دستورات شرطی، حلقه‌ها و استثناها پشتیبانی نمی‌کند، درحالی‌که حالت‌های جاوا اسکریپت این کار را انجام می‌دهند.

امیدوارم که این سری از آموزش‌های کدپز کاربرد کافی برای شما عزیزان داشته باشد. در ادامه به بررسی باقی بخش‌های فریم ورک AngularJS خواهیم پرداخت.

برای کسب اطلاعات بیشتر می‌توانید به سایت w3schools مراجعه فرمایید.

ویدیوی این قسمت

Picture of مرتضی افضلی

مرتضی افضلی

این روزها دیگر نیاز نیست کلی هزینه‌ی اجاره‌ی مغازه بدهید. با دنیای کسب‌وکار اینترنتی و دیجیتال مارکتینگ می‌توانیم کسب درامد داشته باشیم و من در مجموعه‌ی کدپز در این راه همراه شما هستم.

تا کنون 264 نفر در کدپز ثبت نام کرده اند.

6 دیدگاه در “AngularJS چیست و آموزش‌های ابتدایی درباره‌ی AngularJS

  1. محمدحسین گفت:

    مطالبتون فوق العادس واقعا عالی دارید فعالیت میکنید.

    1. مرتضی افضلی گفت:

      تشکر نشون لطف شماست دوست عزیز

  2. مهسا گفت:

    خیلی عالی بودش مطلبتون فقط اگه میشه یکم زودتر ادامه ی مطالبش رو قرار بدید خیلی علاقمند شدم بهش که زودتر یادش بگیرم.

    1. مرتضی افضلی گفت:

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

  3. sima گفت:

    اگه امکانش هست مثال های بیشتری بیارید برای کدها
    و انگولار رو بصورت ویدیویی هم اموزش هاش رو قرار بدید.

    1. مرتضی افضلی گفت:

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

دیدگاهتان را بنویسید

نشانی ایمیل شما منتشر نخواهد شد. بخش‌های موردنیاز علامت‌گذاری شده‌اند *