آموزش دوره برنامه نویسی Angular JS در کرج

کلاس برنامه نویسی Angular JS انگولار جی اس در کالج اورست

انگولار جی‌اس یک چهارچوب وب‌ اپلیکیشن متن باز است که اولین بار در سال ۲۰۰۹ توسط میسکو هوری و آدام آبرونز توسعه یافت. در حال حاضر این فریم‌ورک توسط گوگل توسعه داده می‌شود و آخرین نسخه آن 1.4.3 است.

بر اساس مستندات رسمی AngularJS به صورت زیر تعریف می‌شود:

“AngularJS یک فریم‌ورک ساخت‌‌یافته برای وب‌‌اپلیکیشن‌های پویا می‌باشد. انگولار علاوه بر اینکه این امکان را به شما می‌دهد که از HTML برای طراحی قالب استفاده کنید باعث می‌شود بتوانید سینتکس‌های HTML را طوری گسترش دهید تا جزئیات وب‌اپلیکیشن‌ها را نیز به وضوح بیان نمایید.”

AngularJs یک فریم ورک برای طراحی سایت و وب اپلیکیشن تک صفحه‌ای می باشد. ممکن است شما بارها در مورد انگولار شنیده باشید اصطلاحات زیادی در مورد این فریم ورک وجود دارد اگر با این اصطلاحات آشنایی ندارید چند دقیقه وقت بگذارید تا بتوانید این اصطلاحات را یاد بگیرید.

اول از همه اینکه انگولارجی اس یک فریم ورک می باشد فریم ورک به شما این امکان را می‌دهد که کدهای خود را تکنیکی و بهینه بنویسید، تغییر بدهید و تنظیمات استاندارد را روی آن پیاده سازی کنید. با انجام این کارها شما می‌توانید برخی از ویژگی های فریم ورک را استفاده کنید. انگولار به معنی قالب سازی فیلترها ترکیب داده‌های دو طرفه و بقیه موارد است.

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

بنابراین در یک برنامه‌ی واقعی که چیزی شبیه به این می باشد شما یک صفحه index.html دارید که می توانید ببینید چقدر کوتاه است. برای اینکه بدانید برنامه شما چطور ممکن است به نظر برسد از قسمتی استفاده کنید که نه تنها سند اصلی بلکه قسمتی از داده‌هایی که شما نیاز دارید در برنامه ی خود استفاده کنید را نشان می دهد و با کلیک بر روی هر یک از این گزینه‌ها جزئیات برای شما نمایان خواهد شد و با کلیک بر روی هر یک از آیکن‌ها به داده های مورد نظر برسید.

اگر صفحات شما لود نشد می توانید مطمئن شوید که سیستم شما در حال انجام کار دیگری مانند بارگذاری محتوا به صورت تدریجی می باشد.

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

• متخصص نرم افزار

برنامه نویسی جاوا اسکریپت

بررسی و شرح ویژگی های:AngularJS 

        آشنایی با Directive های اولیه جهت شروع کار مانند ng-app, ng-controller و...

        آشنایی با مفهوم Module و Controller و نحوه تعریف آنها

        نوشتن یک Controller با Model ساده جهت نمایش Hello World

        آشنایی با ng-bind جهت bind کردن یک متغیر در Model به یک Tag در HTML

        آشنایی با ng-model و ng-change جهت کار با فرم های HTML

        آشنایی با Watch و نحوه ی کار با آنها

        اشنایی با ng-repeat جهت ساخت لیست و جدول در از روی آرایه ها در Model

        کار با ng-show و ng-hide جهت نمایش یا مخفی سازی Tag ها در صفحه

        مدیریت Style نمایشی Tag ها با ng-class

        مدیریت آدرس لینک ها و تصاویر با ng-href و ng-src

        استفاده از Filter ها برای نمایش داده ها در قالب دلخواه

مباحث پیشرفته :Angular JS

        مدیریت وابستگی (Dependency) های یک Module و پیاده سازی Dependency Injection در Angular JS

        اشنایی با مفاهیم Provider, Factory و Service و کاربرد هرکدام

        آشنایی با سیستم Routing و پیاده سازی آن جهت نمایش View هنگام تغییر URL

        آشنایی با Batarang و نحوه ی Debug کردن آسان تر کدهای AngularJs

 AngularJSدلخواه در  Directive پیاده سازی        

ارتباط با سرور با استفاده از :Angular

        آشنایی با الگوی Promise و نحوه ی پیاده سازی آن

        ارتباط با سرور با استفاده از $http

        پیاده سازی Service دلخواه جهت ارتباط با سرور و Inject آن داخل Controller ها

        بررسی تنظیمات کامل $http جهت Customize کردن درخواست http و اضافه کردن Request Header

        بررسی مکانیزم Response Caching و پیاده سازی آن در AngularJs

        آشنایی با مفهوم Interception و پیاده سازی Request Interception دلخواه جهت مدیریت خطاهای دریافتی از سرور

        آشنایی با NodeJS

IONIC و کدنویسی موبایل:

        آغاز به کار Ionic  

        امکانات خط فرمان Ionic  

        نصب Ionic  

        شروع یک پروژه جدید

        اجرای نرم افزار با مرورگر

        اجرای نرم افزار با شبیه ساز

        اجرای نرم افزار در دستگاه تلفن همراه

        قالب های Ionic  

        عناوین و پاورقی در Ionic  

        آشنایی با زبانه ها در Ionic

        آشنایی با رابط گرافیکی

        افزودن مسیریابی برای زبانه ها

        افزودن مسیریابی برای منوی جانبی

        افزودن کنترل ها برای انیمیشن

        افزودن یک دکمه برگشت

        افزودن اطلاعات اولیه

        اضافه کردن یک لیست عمومی Ionic  ​