AngularJS کتابخانه‌ای برپایه‌ی جاوااسکریپت است که به منظور تولید نرم‌افزارهای تحت وب توسط گوگل توسعه پیدا کرده است.
ایده‌ی اصلی AngularJS، اضافه کردن امکاناتی به HTML است تا آن را از یک زبان نشان‌گذاری ساده خارج کند و ابزارهای لازم برای تولید یک نرم‌افزار داده محور را به ساده‌ترین شکل ممکن فراهم نماید.
امکانات متنوعی در این کتابخانه وجود دارد.
ویژگی اصلی AngularJS، ایجاد ارتباط پویا میان داده‌های ورودی و خروجی است. به این معنی که به سادگی می‌توانید اطلاعات دریافت شده از کاربر را به صورت خودکار جمع‌آوری کنید، پردازش کنید، در محل‌های دلخواه نمایش دهید یا به سرور بفرستید.
به عبارت دیگر، AngularJS ابزاری است که برنامه‌نویسی MVC را به معنای واقعی در محیط وب دست‌یافتنی می‌کند.
با استفاده از AngularJS می‌توان در یک صفحه‌ی وب، چندین Application مجزا از هم ایجاد کرد که هر یک به پایگاه داده‌ای مجزا متصل می‌شوند و اطلاعات را ارسال و دریافت می‌کنند.
استفاده از این کتابخانه بسیار آسان است. کافی است صفت‌های متناسب را به تگ‌های HTML اضافه کنید و در انتها، فایل اسکریپت AngularJS را در صفحه درج کنید تا بقیه‌ی کارها به صورت اتوماتیک به انجام برسد.
نخستین گام ایجاد یک Application جدید است که با مقداردهی به صفت «ng-app» شدنی است:
<div ng-app> </div> |
هر تگ حاوی صفت «ng-app» حاوی یک Application است. برای سازگاری با HTML5 می‌توانید صفت‌های AngularJS را که با پیشوند ng آغاز می‌شوند با پیشوند data-ng آغاز کنید
پیوند دادن اطلاعات ورودی و خروجی
<div data-ng-app> <label>نام:</label> <input type="text" data-ng-model="yourName" placeholder="نام خود را وارد کنید"> <p>سلام {{yourName}}!</p> </div> |
پس از تعریف فیلدهای ورودی و خروجی، کافی است تا فایل اسکریپت AngularJS را در سرآمد یا انتهای فایل HTML بارگزاری کنیم:
<script src="https://ajax.googleapis.com/ajax/libs/angularjs/1.3.0-rc.4/angular.min.js"></script> |
همان طور که گفته شد، AngularJS امکانات بسیار زیادی دارد که می‌تواند توسعه‌ی ابزارهای تحت وب را آسان و سریع‌تر کند. در این نوشته تنها به آشنایی سریع با این کتابخانه پرداختیم. برای کسب اطلاعات بیشتر می‌توانید از پیوندهای زیر استفاده کنید:
سایت رسمی
راهنمای استفاده از AngularJS در W3schools
خیلی ممنون از شما
آقا خیلی عالی بود.دم شما گرم.من یه سالی بود تقریبا دنبال یه آموزش ساده طراحی واکنش گرا و همین آنگولار بودم.مرسی از زحمت شما
خواهش می‌کنم. لطف دارید.
سلام خیلی ممنون مطالب خیلی خوب بود . استفاده بردیم .
دست شما درد نکنه–واقعا مختصر و مفید بود
بالایی راس میگه…
خیلی خوب بود…
ممنون
سلام
خواستم بدونم اینکه با استفاده از انگولار یک وبلاگ بسازیم کار عاقلانه ای هست یا نه؟
با سلام
Angular.js ابزاری برای تولید نرم‌افزارهای تحت وب است. برای مثال نرم‌افزارهای سازمانی، حسابداری، پرسنلی یا موارد مشابه. استفاده کردن از این ابزار برای یک سیستم ساده مثلا وبلاگ کار منطقی نیست.
به نظر بنده برای راه اندازی وبلاگ استفاده از هر ابزاری غیر از وردپرس کار اشتباهی است.
ضمن تشکر از پاسخگوییتون. ظاهرا ساعت درج نظرتون اشتباه هست!
راستش از ui انگولار متریال خیلی خوشم اومده و به دل میشینه بخاطر همین به این فکر افتادم.
بله به هر حال سیستمی که گوگل در حال توسعه‌ی آن باشد حتما سیستم با کیفیت و امکانات خوب خواهد بود. اگر هدف شما استفاده برای یادگیری و کسب تجربه باشد، راه‌اندازی یک وبلاگ هم گزینه‌ی خوبی است.
در ضمن ساعت ظاهرا مشکلی ندارد. شاید منطقه زمانی شما یا مرورگرتان ایرادی داشته باشد.