دوره ی آموزش کامل فریم ورک AngularJs (انگولار جی اس )

خانه » دوره ی آموزش کامل فریم ورک AngularJs (انگولار جی اس )
angularjs-tutorial دوره ی انگولار

نویسنده:

مرتضی افضلی

Statistics-rafiki

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

27890

Calendar-amico (2)

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

۱۴۰۰-۱۲-۰۴

Work time-rafiki

زمان مطالعه:

5 دقیقه

چگونه برنامه نویس حرفه ای AngularJs (انگولار جی اس ) شویم؟

AngularJs (انگولار جی اس ) چیست ؟

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

ایا فراگیری این زبان برای ما مفید خواهد بود ؟

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

ایا کدپز ویدیوی اموزشی در این باره قرار خواهد داد ؟

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

آیا دوره ی ویدیویی پروژه محور خواهد بود یا بصورت مبحث به مبحث ؟

قصد ما در دوره ی AngularJs بر این است که دوره ی ویدیویی مبحث به مبحث را بصورت کامل فراهم کرده و در صورت استقبال و با مرور زمان ویدیوهای پروژه محور نیز در پکیجی در اختیار شما عزیزان قرار دهیم.

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

شاید به عنوان پیش نیاز این دوره به اموزش بوت استرپ نیاز داشته باشید.

در این دوره به اموزش چه مباحثی خواهیم پرداخت ؟

قسمت اول : انگولار جی اس چیست ؟

  • معرفی اجمالی AngularJs
  • اصطلاحات AngularJs
  • ویدیوی قسمت اول

قسمت دوم : اتصال داده ها دستورالعمل ها رشته ها و شی ها در انگولار چگونه تعریف می شوند ؟

  • اتصال داده ها
  • دستورالعمل ها
  • بررسی رشته ها
  • شی ها
  • ارایه ها

قسمت سوم : ماژول های انگولار چگونه تعریف می شوند ؟

  • ماژول angularjs چیست ؟
  • اضافه کردن یک دستورالعمل در angularjs
  • ماژول ها و کنترل کننده ها در فایل های angularjs
  • بارگذاری کتابخانه

قسمت چهارم : دستورالعمل های انگولار چگونه ایجاد میشوند؟

  • تعریف دستورالعمل ها
  • ایجاد دستورالعمل ها
  • اتصال داده ها
  • تکرار عناصر html
  • ایجاد دستورالعمل جدید

قسمت پنجم AngularJS : دستورالعمل ng-model چه کاربردهایی دارد ؟

  • دستورالعمل ng-model در انگولار
  • اتصال دو طرفه
  • ورودی کاربر را تایید کنید!
  • وضعیت برنامه
  • کلاس های css

قسمت ششم : اتصال داده ها در انگولار چگونه عمل میکند ؟

  • اتصال داده ها
  • مدل داده ها
  • نمایه ها در HTML
  • دستورالعمل ng-model
  • اتصال دوطرفه
  • کنترل کننده

قسمت هفتم : کنترل کننده های انگولار چگونه عمل میکنند؟

  • کنترل کننده ها
  • توضیحات برنامه
  • روش های کنترل
  • کنترل کننده فایل های خارجی

قسمت هشتم AngularJS : کاربرد دامنه ها در انگولار چیست ؟

  • چگونه از دامنه ها استفاده کنیم ؟
  • درک دامنه
  • دامنه های خود را بشناسید
  • دامنه ی ریشه

قسمت نهم AngularJS : فیلتر های انگولار چگونه تعریف میشوند ؟

  • فیلتر های AngularJS
  • اضافه کردن فیلترها به عبارات
  • اضافه کردن فیلترها به دستور العمل ها
  • فیلتر currency
  • فیلتر filter
  • استفاده از فیلترها در ارایه بر اساس ورودی کاربر
  • مرتب سازی ارایه ها بر اساس ورودی کاربران
  • فیلترهای سفارشی

قسمت دهم AngularJS : سرویس های انگولار چگونه تعریف میشوند ؟

  • سرویس های انگولار ( angular services )
  • منظور از سرویس‌های انگولار جی اس چیست ؟
  • چرا از سرویس‌های انگولار استفاده کنیم ؟
  • سرویس $http
  • سرویس $timeout
  • سرویس $interval
  • ساخت سرویس های شخصی
  • استفاده از سرویس در فیلتر

قسمت یازدهم AngularJS : بررسی کامل سرویس $http

  • سرویس $http در انگولار
  • متد های $http
  • خواص سرویس $http
  • JSON

قسمت دوازدهم AngularJS : جدول در انگولار چگونه تعریف میشوند ؟

  • نمایش داده ها در جدول
  • ظاهری متفاوت با css
  • نمایش به وسیله ی فیلتر orderBy
  • نمایش جدول به وسیله فیلتر uppercase
  • نمایش داده ها بصورت فهرست بندی
  • نمایش داده های زوج و فرد

قسمت سیزدهم AngularJS : لیست کشویی در انگولار چگونه تعریف میشوند ؟

  • ساخت لیست انتخابی به وسیله ng-options
  • مقایسه ی ng-options و ng-repeat
  • چه استفاده کنیم ؟
  • منبع داده به عنوان یک شی

قسمت چهاردهم AngularJS :چگونه از پایگاه داده در انگولار استفاده کنیم؟

  • بدست اوردن اطلاعات خروجی از یک سرور php درحال اجرا با MySQL
  • بدست اوردن اطلاعات خروجی از یک سرور ASP.NET درحال اجرا با SQL
  • نمونه های سرور کد
  • درخواست متقابل سایت HTTP
  • سرور کد های php و MySQL
  • سرور کدهای ASP.NET و VB و MS Access
  • سرور کدهای ASP.NET و Razor C# و SQL Lite

قسمت پانزدهم AngularJS :چگونه از HTML DOM در انگولار استفاده کنیم؟

  • آنگولار HTML DOM
  • دستورالعمل ng-disabled
  • دستورالعمل ng-show
  • دستورالعمل ng-hide

قسمت شانزدهم AngularJS :چگونه از event یا رخ داد در انگولار استفاده کنیم؟

  • event یا رخ داد
  • رخ داد یا event نشانگر ( موس)
  • دستورالعمل ng-click
  • Toggle, True/False
  • شی event

قسمت هفدهم AngularJS : اعتبار سنجی فرم ها در انگولار چگونه انجام میشود؟

  • فرم های angularjs
  • اتصال به داده ها
  • انتخابگر یا checkbox
  • لیست های رادیویی یا Radiobuttons
  • لیست انتخاب یا Selectbox
  • نمونه فرم انگولاری
  • توضیحات برنامه فوق

قسمت هجدهم AngularJS : api جهانی انگولار جی اس چیست ؟

  • API های جهانی angular

قسمت نوزدهم AngularJS :استفاده از استایل w3.css در انگولار

  • w3.css
  • توضیح اجمالی دستورالعمل های استفاده شده در برنامه بالا
  • توضیحات استایل w3.css
  • کد های جاوا اسکریپت
  • توضیحات کدهای جاوااسکریپت

قسمت بیستم AngularJS :اضافه کردن فایل با دستور include

  • دستور include در angularjs
  • کدهای فایل include
  • افزودن فایل از ادرس دیگر

قسمت بیست و یکم AngularJS :چگونه با انگولار انیمیشن بسازیم ؟

  • انیمیشن چیست ؟
  • به چه ابزار هایی نیاز دارید ؟
  • ngAnimate چه کاربردی دارد ؟
  • استفاده از css در انیمیشنها
  • CSS Animations

قسمت بیست و دوم AngularJS :چگونه با انگولار مسیریابی کنیم؟

  • مسیریابی انگولار چیست ؟
  • به چه چیز نیاز داریم ؟
  • مسیر یابی چگونه هدایت میشود ؟
  • $routeProvider
  • کنترل کننده ی مسیریاب
  • ساختار
  • متد otherwise

قسمت بیست و سوم AngularJS : اموزش ساخت وب اپلیکیشن با انگولار جی اس

  • ساخت لیست فروش
  • توضیحات وب اپلیکیشن
  • قدم اول : شروع
  • قدم دوم : افزودن ایتم ها
  • قدم سوم : حذف ایتم
  • قدم چهارم : پردازش خطاها
  • قدم پنجم : ظاهر برنامه

قسمت بیست و چهارم AngularJS : اموزش ساخت منو با انگولار جی اس

  • ساخت منو
  • ng-app
  • ng-click
  • کاربرد ng-hide در منو
  • افزودن استایل

تمام سرفصل های دوره ی انگولار بصورت کامل قرار گرفتند و امکان اپدیت شدن مقالات وجود دارد، درصورت نیاز برای اپدیت شدن حتما با ما در تماس باشید.

داشتن وب سایت برای کسب و کار اینترنتی چه مزیت هایی دارد؟

 

داشتن وب سایت برای کسب و کار اینترنتی چه مزیت هایی دارد؟

منبع اصلی اموزش angularjs ( انگولار جی اس ) چه سایتی است ؟

کدپز درحال ترجمه ی ساده و ساده سازی انگولار از سایت w3schools است و دوره ی ویدیویی خود را بصورت کاملا شخصی سازی شده و بدون کپی برداری از هیچ منبعی انتشار خواهد داد!

روند یادگیری اموزش ها

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

شاید برایتان خواندن مقاله پلاگین چیست مفید واقع شود.

بیشتر بخوانید!

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

یکی از اصلی ترین دغدغه هایی که بعد از طراحی سایت به وجود می اید این سات که چگونه سایت خود را در گوگل ثبت کنیم و به صفحات اول گوگل هدایت کنیم ، پیشنهاد میشود برای دست یابی به این دانش بر روی اموزش صفر تا صد سئو کلیک کنید.

بازار کار این زبان به چه صورت است ؟

یکی از دغدغه های بزرگ اکثر افرادی که درحال کسب و کار هستند این است که چگونه میتوانند کار کنند ؟ نکته ی بسیار مهمی که در کسب و کارهای اینترنتی وجود دارد راه های مختلفی برای کار کردن جلوی پای شما عزیزان قرار میدهد ، یکی از ان راه ها استخدام شدن به عنوان یک برنامه نویس در یک موسسه یا شرکت ، یکی دیگر از راه هایی که شما میتوانید از طریق این اموزش ها کسب درامد داشته باشید ، ساخت یک کسب و کار در خانه به صورت خودگردان و ثبت برند شخصی خود است ، یکی از ساده ترین راه ها کسب درامد به صورت فریلنسری است .

فریلنسری به این معناست که شما به صورت همزمان بر روی یک یا چند پروژه کار انجام دهید بدون انکه شما حضور فیزیکی در محل کار داشته باشید ، یعنی اصطلاحا شما نیازی به این ندارید که محل ثابتی برای کار کردن داشته باشید.

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

راه های ارتباطی

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

موفق باشید.

مرتضی افضلی

مرتضی افضلی

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

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

2 Comments

Join the discussion and tell us your opinion.

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