توضیحات تکمیلی
در گذشته برنامه نویسی سمت کاربر با استفاده از جاوا اسکریپت بسیار ساده و کم دردسر بود، تا اینکه اپلیکیشن های تحت وب پا به عرصه اینترنت گذاشتند و هر روز بزرگ تر شدند. آن زمان بود که نیاز به ابزارهای قدرتمند برای پاسخ گویی به کارهای پیچیده هر اپلیکیشن حس شد. AngularJS هم یکی از این ابزارها است که این اجازه را به ما می دهد که با استفاده از استایل برنامه نویسی MVC به تولید اپلیکشن های تک صفحه بپردازیم که بدون نیاز به بارگذاری مجدد صفحات وب، محتوای مورد نظر را به سرعت به ما نمایش دهد.
AngularJS یک فریم ورک محصول شرکت Google است که ساخت اپلیکیشن های تک صفحه مانند Gmail را برای ما ممکن می سازد. در حال حاضر سرویس "بام" بانک ملی ایران و چندین سایت پر بازدید ایرانی از این ابزار قدرتمند برای سرویس دهی به کاربرانشان استفاده می کنند و این موضوع قدرت و ضریب نفوذ AngularJS را نشان می دهد چرا که AngularJS تجربه بسیار دلچسبی را برای کاربران نهایی به ارمغان می آورد.
فهرست سرفصلها و رئوس مطالب مطرح شده در اين مجموعه آموزشی، در ادامه آمده است:
- درس یکم: مقدمه ای بر AngularJS
- ساختار AngularJS
- ساخت دموی سلام دنیا در AngularJS
- معرفی اپلیکیشن EventReg در AngularJS
- نسخه های AngularJS و ابزارهای مورد نیاز
- AngularJS Seed
- درس دوم: Controller و Markup
- ساخت دمو برای Controllers
- ساخت دمو برای نمایش اطلاعات تکرار شونده
- ساخت دمو برای رسیدگی به Event ها
- Directives های داخلی
- Event Directives ها
- Directives های دیگر بخش 1
- Directives های دیگر بخش 2
- محدودیت های IE
- اصطلاحات
- فیلترها
- فیلترهای داخلی
- نوشتن فیلترهای سفارشی
- اتصال دو طرفه
- ساخت دمو برای اتصال دو طرفه
- اعتبار سنجی
- درس سوم: ساخت و استفاده از سرویس ها
- مقدمه ای بر سرویس ها
- ساخت اولین سرویس سفارشی شما
- مثالی دیگر از یک سرویس سفارشی
- مقدمه ای بر سرویس های داخلی AngularJS
- دموی استفاده از سرویس های $http و $q به صورت همزمان
- دموی استفاده از سرویس های $resource و $q به صورت همزمان
- دموی استفاده از سرویس
- $anchorScroll
- $cacheFactory
- $compile
- $parse
- $locale
- $timeout
- $exceptionHandler
- $filter
- $cookieStore
- مروری بر سرویس های کم اهمیت تر
- درس چهارم: مسیر یابی
- مقدمه ای بر مسیر یابی
- وب سایت های قدیمی
- اپلیکیشن های تک صفحه ای
- دموی اضافه کردن اولین مسیریاب
- دموی مسیر یابی بیشتر و تاریخچه مرورگر
- دموی ساخت مسیر پیش فرض
- دموی دسترسی به پارامترها از طریق مسیریاب
- دموی استفاده از سرویس $route
- دموی فعال سازی مسیریابی HTML5
- دموی قالب و حل و فصل خواص
- دموی استفاده از سرویس $location
- درس پنجم: ساخت Directive های سفارشی
- مقدمه ای بر Directive ها
- ساخت اولین Directive
- حوزه زبان خاص با عناصر سفارشی
- بررسی Scope Binding های ایزوله
- ایزوله کردن Scope Directive
- رسیدگی به Event ها با استفاده از Directive ها
- مشاهده و پاسخ به تغییرات
- استفاده از Controller ها داخل Directive ها
- اشتراک گذاری کنترلر های Directive با Require
- اولویت بندی Directive ها و استفاده از ترمینال
- استفاده از Require در Directive های تو در تو
- درک Transclusion
- استفاده از Compile برای تغییر DOM
- صریح تر کردن jQuery با استفاده از Directive ها
- درس ششم: Testing
- مقدمه ای بر Jasmin
- مقدمه ای بر Karma
- استفاده از Karma
- تعریف منطق داده های فیلم ها
- استفاده از تابع Module
- استفاده از تابع Inject
- ساخت ماژول MODB و Refactor کردن آن
- دیباگ کردن با استفاده از Dump
آنچه در این آموزش خواهید دید:
نرم افزارهای مرتبط با آموزش
پیش نمایشها






راهنمای سفارش آموزشها
در مورد این آموزش یا نحوه تهیه آن سوالی دارید؟
- با شماره تلفن واحد مخاطبین ۵۷۹۱۶۰۰۰ (پیش شماره ۰۲۱) تماس بگیرید. - تمام ساعات اداری
- با ما مکاتبه ایمیلی داشته باشید (این لینک). - میانگین زمان پاسخ دهی: ۳۰ دقیقه
- ۱۰۰ درصد مبلغ پرداختی در حساب کاربری شما شارژ میشود.
- و یا ۷۰ درصد مبلغ پرداختی به حساب بانکی شما بازگشت داده میشود.
نظرات
من این آموزش رو دیدم و یه سری نکات رو به نظرم رسید که به کل داستان اضافه کنم
اول باید بگم کیفیت تدریس مدرس خوبه ولی یه مشکل هست اونم اینه که اگه قبل از این طراحی فرانت وب سایت ( با استفاده از html وcss تو یه پروژه ی واقعی با کد ادیتور های حرفه ای ) رو انجام نداده باشین تقریبا امکان نداره که چیزی از انگیولار بفهمین
با وجودی که انگیولار داره از جاوااسکریپت استفاده می کنه اگه فقط به مباحث پایه ی جاوااسکریپت تسلط داشته باشید براتون کافیه ( مباحث مربوط به خود کار با انگیولار هستش)
حالا این بالایی هایی که گفتم راهنمایی بود برای دوستانی که می خوان تازه این آموزش رو شروع کنن
ولی
ایرادی که به نظر من وجود داشت دو تا مسئله بود
۱)مدرس در ابتدا داشت پروژه ای که در نهایت قراره زده بشه رو نشون می داد که این کار خوبی بود ولی باید بیشتر به این که این پروژه قراره که چه کاری انجام بده صحبت می کرد( مثلا می گفت که می خواد هر کدوم از ایونت ها هم قابلیت بررسی بر اساس میزان سختی داشته باشن هم یک فکری برای طبقه بندی اونا توسط مخاطب در نظر بگیریم و هم این که یک قابلیت امتیاز دهی توسط کاربر می خوایم بزنیم. بخش ورود اطلاعات توسط کاربر می خوایم این شکلی باشه و ..... به شکل خلاصه تر بگم بهتر بود که UI/UX رو ابتدا به مخاطب نشون می داد نکته دوم که من حداقل باهاش مشکل زیاد خوردم و برای برطرف کردن اون سرچ زیاد باید می کردم این بود که ایشون چون سیستمش از قبل برای کار با انگیولار آماده شده بود خیلی از نیاز ها رو تو سیستمشون داشتن و ما باید می رفتیم اینا رو نصب می کردیم. تو چند جا هم باید با ترمینال برای دفعه ی اول دستور اجرا شدن یه سری برنامه رو می نوشتیم تا از دفعات بعدی راحت بتونیم کار کنیم. مثلا من اون اول تا با این که چی کار باید کاملا انجام بشه آشنا بشم مجبور بودم بنویسم Online Angular Compiler خب این مشکلش این بود که اون بوت استرپ که داشتیم از اون استفاده می کردیم رو نمی تونست ازمون بگیره( حالا با یه سری cdn می تونستیم یه سری از این کمبود ها رو به کد ها تزریق کنیم ولی یه چیزایی کاملا پیاده نمیشن) اینم به دوستای عزیز بگم که اگه با فریمورک بوت استرپ آشنایی ندارین قبلش برین ویدئو ی اون رو ببینین. انگیولار برای شروع کردن مناسب نیست.
ضمن اینکه از زمان ضبط این آموزش تا الان که بنده اون رو تهیه کردم خود angular تغییرات زیادی داشته ولی آموزش آپدیت نشده و تفاوت ها انقدر زیاد شده که نمیشه از روی آموزش تمرینی انجام داد.
درکل میتونست خیلی بهتر باشه
به نظرم این دوره باید یک بازنگری روش انجام بشه.
با تشکر
پیشنهاد دیگه ایی که دارم اینکه AngularJS به Angular ارتقاء بدید.
تنها موردی که وجود داشت تو برخی از آموزش ها یه مقدار کیفیت صدا و تصویر پایین هست این مورد پیگیری کنید