AngularJS چیست و آموزش‌های ابتدایی درباره‌ی آنگولار جی اس
با عرض سلام
در این بخش از کدپز فریم ورک AngularJS را موردبررسی قرار می‌دهیم. برای درک بهتر این موضوع شما می‌توانید مطالبی را که راجع به جاوا اسکریپت از قبل در کدپز موجود است را موردمطالعه قرار دهید.
AngularJS چیست ؟
AngularJS یک فریم ورک از جاوااسکریپت می‌باشد که HTML را به فرمت‌های قابل‌بیان و قابل‌خواندن گسترش می‌دهد. آنگولار جی اس به شما این اجازه را می‌دهد تا به تزئین HTML خود بپردازید علاوه بر این به منطق برنامه‌ی شما کمک می‌کند که به‌صورت هوشمند باشد نه دستی!
برای ورود به این دوره شما نیازمند داشتن حداقل دانش اولیه راجع به موارد زیر خواهید بود :
HTML
CSS
JavaScript
تاریخچه‌ای از AngularJS
برای اولین بار آنگولار نسخه‌ی 1.0 در سال 2012 انتشار یافت
Miško Hevery یکی از کارکنان گوگل بود که در سال 2009 شروع به‌کار با انگولار کرد.
این ایده‌ی توسعه‌یافته هم‌اکنون نیز توسط گوگل به‌صورت رسمی پشتیبانی می‌شود.
شروع کار با AngularJS
برای استفاده از این فریم ورک شما نیاز دارید قطعه کد زیر را در فایل موردنظر خود استفاده کنید.
|
1 2 3 4 5 6 |
<!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 را بررسی میکنیم.
|
1 2 3 4 5 6 7 8 9 |
<!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 مراجعه فرمایید.
ویدیوی این قسمت
6 Comments
Join the discussion and tell us your opinion.
مطالبتون فوق العادس واقعا عالی دارید فعالیت میکنید.
تشکر نشون لطف شماست دوست عزیز
خیلی عالی بودش مطلبتون فقط اگه میشه یکم زودتر ادامه ی مطالبش رو قرار بدید خیلی علاقمند شدم بهش که زودتر یادش بگیرم.
تمام سعیمون رو میکنیم بصورت کاملا اختصاصی و هرچه سریعتر در اختیاز شما قرار بدیم اموزش های انگولار رو
اگه امکانش هست مثال های بیشتری بیارید برای کدها
و انگولار رو بصورت ویدیویی هم اموزش هاش رو قرار بدید.
سعیمون بر کاملا اختصاصی بودن تمام مطالب سایت هسش آنگولار یک اموزشی هست که تازه کدپز در این زمینه داره اقدام میکنه و ویدیوهای اموزشی تمام دوره ها رو هم سعی میکنیم تا چند وقت اینده با تمام قدرت در اختیار شما عزیزان قرار بدیم