قیمت این دوره: 150,000 60,000 تومان
  • مدرس دوره : محمد اردوخانی
  • تعداد ویدیوها : 60 ویدیو
  • مدت زمان دوره : 20:54:00
  • سطح دوره : متوسط
  • وضعیت دوره : به اتمام رسیده
  • تاریخ آخرین بروزرسانی : 1398/10/12
ثبتـــ نام در این دوره
آموزش جامع Ionic 4

آموزش جامع Ionic 4

آموزش مقدماتی تا پیشرفته آیونیک ( Ionic ) پروژه محور

 

ionic چیست ؟ 

Ionic  یک فریم ورک پیشرفته برای ساخت اپلیکیشن های موبایل چند سکویی با تکنولوژی های وب می باشد و به کمک آن میتوان یک Application سریع و حرفه ای را پیاده سازی کرد.

این فریم ورک  بر پایه ی SASS و همچنین ارائه اجزای UI های مختلف است که ایجاد برنامه های قوی را میکند.

نسخه های پیشین این فریم ورک محدود به فریم ورک Angular بود اما در نسخه نهایی این فریم ورک ، تمامی محدودیت ها برداشته شده و میتوان با فریم ورک های قدرتمند دیگری نظیر Vue.js ، React و ... اپلیکیشن های موبایل را ایجاد کرد.

نسخه نهایی این فریم ورک بر اساس مجموعه ای از Web Component هایی ایجاد شده که از Element های شخصی سازی شده و Shadow DOM API ها استفاده میکند که در امروزه در تمام تلفن های همراه هوشمند و مرورگرهای کامپیوتر در دسترس هستند.

این موضوع بدان معنیست که تمام توسعه دهندگان وب در سراسر دنیا از این پس میتوانند از کامپوننت های Ionic در اپلیکیشن های موبایل ، دسکتاپ و همینطور Progressive Web App ها استفاده کنند.

در این آموزش به بررسی Ionic 4 به همراه فریم ورک Angular خواهیم پرداخت.

 

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


فهرستـــ ویدیوها

مدت زمان دوره 20:54:00
  • در صورتیکه ویدئو نمایش داده نشد آن را دانلود کنید و با KmPlayer مشاهده کنید.

  • لطفا در صورت اقدام به دانلود تا انتها فرایند دانلود ، این صفحه را باز نگاه دارید.

1
  • معرفی دوره Ionic

00:04:00

معرفی دوره Ionic

2
  • مقدمه ای بر کامپوننت های Ionic بخش اول

00:34:00

مقدمه ای بر کامپوننت های Ionic بخش اول

3
  • مقدمه ای بر کامپوننت های Ionic بخش دوم

00:43:00

مقدمه ای بر کامپوننت های Ionic بخش دوم

4
  • شروع کار با Ionic به همراه Angular

00:27:00

شروع کار  با Ionic به همراه Angular

5
  • بررسی ابتدایی Navigation در Ionic

00:27:00

کار با navigation و نمایش جزییات محصول در یک page جدید

6
  • تکمیل پروژه Navigation

00:21:00

تکمیل مثال navigation و ایجاد کامپوننت Ionic

7
  • نصب و راه اندازی Android Studio و اجرای برنامه

00:53:00

نصب اندروید استودیو و اجرای نرم افزار ایجاد شده روی emulator و android device

8
  • Navigation و Routing در Ionic

00:22:00

بررسی اولیه Navigation و Routing به همراه Stack Controller و NavController در Ionic

9
  • استارت پروژه و بررسی Tab و Routing

00:35:00

بررسی Tab در Ionic و Angular ، پیاده سازی سیستم routing در tab ها و استارت پروژه

10
  • افزودن DataSource و نمایش جزییات

00:27:00

ایجاد Serivce و دیتای اولیه ، نمایش جزییات و Routing

11
  • بررسی ابتدایی NavController

00:20:00

بررسی NavController و کامل کردن صفحات

12
  • پیاده سازی Drawer Menu

00:25:00

بررسی کامپوننت ion-menu و پیاده سازی آن

13
  • بررسی Gaurd در Ionic

00:26:00

پیاده سازی اولیه Gaurd برای Route ها در پروژه

14
  • بررسی Modal در Ionic

00:24:00

بررسی ابتدایی Modal و ModalController در Ionic و ارسال و دریافت اطلاعات از آن

15
  • بررسی جزیی Component ها ی Ionic ( بخش اول )

00:26:00

بررسی Attribute ها ، Slot و بحث های مقدماتی Ion-Grid در Ionic

16
  • بررسی جزیی Component ها ی Ionic ( بخش دوم )

00:14:00

بررسی کاملتر Grid و List , List-Item , Lable , ...

17
  • بررسی جزیی Component ها ی Ionic ( بخش سوم )

00:26:00

بررسی Swipeable List Item در Ionic

18
  • بررسی جزیی Component ها ی Ionic ( بخش چهارم )

00:26:00

بررسی Swipeable List Item در Ionic بخش دوم

19
  • بررسی جزیی Component ها ی Ionic ( بخش پنجم )

00:17:00

بررسی Spinner ها در Ionic از دو روش Controller و Component

20
  • بررسی جزیی Component ها ی Ionic ( بخش ششم )

00:10:00

بررسی ActionSheet در Ionic

21
  • Styling و Theming در Ionic (بخش اول)

00:14:00

بررسی اولیه Styling و Theming در فریم ورک Ionic

22
  • Styling و Theming در Ionic (بخش دوم)

00:13:00

بررسی Global Styles در Ionic

23
  • Styling و Theming در Ionic (بخش سوم)

00:17:00

بررسی Custom CSS Rules و Component-specific CSS Variables در Ionic

24
  • بررسی Form ها در Ionic ( بخش اول )

00:17:00

بررسی اولیه ی Form ها در Ionic

25
  • بررسی Form ها در Ionic ( بخش دوم )

00:16:00

بررسی form validation در  ionic

26
  • بررسی Form ها در Ionic ( بخش سوم)

00:22:00

بررسی Form Group ها در  ionic

27
  • بررسی Form ها در Ionic ( بخش چهارم )

00:21:00

تکمیل پروژه مربوط به فرم ها

28
  • بررسی Form ها در Ionic ( بخش پنجم )

00:37:00

تکمیل پروژه مربوط به فرم ها

29
  • بررسی State Management در Ionic بخش اول

00:18:00

بررسی اولیه ی State ها در Ionic و پیاده سازی آن

30
  • بررسی State Management در Ionic بخش دوم

00:26:00

بررسی Subject ها در rxjs

31
  • بررسی State Management در Ionic بخش سوم

00:12:00

کامل کردن مدیریت State پروژه

32
  • بررسی State Management در Ionic بخش چهارم

00:25:00

کامل کردن مدیریت State پروژه

33
  • بررسی State Management در Ionic بخش پنجم

00:22:00

پیاده سازی بخش Booking و مدیریت state آن

34
  • بررسی State Management در Ionic بخش ششم

00:14:00

کامل کردن بخش مدیریت برنامه ( State Management )

35
  • ارتباط با سرور Firebase ( بخش اول )

00:06:00

بررسی اولیه Firebase و ساختار آن و ایجاد دیتابیس Realtime

36
  • ارتباط با سرور Firebase ( بخش دوم )

00:17:00

ارسال دیتا به سمت سرور و ذخیره سازی آن

37
  • ارتباط با سرور Firebase ( بخش سوم )

00:14:00

دریافت اطلاعات از سرور و نمایش آن در نرم افزار

38
  • ارتباط با سرور Firebase ( بخش چهارم )

00:15:00

دریافت اطلاعات از سرور و نمایش آن در نرم افزار و ویرایش اطلاعات

39
  • ارتباط با سرور Firebase ( بخش پنجم )

00:18:00

دریافت اطلاعات به صورت Single و برطرف کردن مشکلات Load دیتا

40
  • ارتباط با سرور Firebase ( بخش ششم )

00:12:00

برطرف کردن مشکلات ( Error Handling ) در پروژه

41
  • ارتباط با سرور Firebase ( بخش هفتم )

00:27:00

کامل کردن پروژه و فیلتر کردن اطلاعات از Firebase

42
  • ارتباط با سرور Firebase ( بخش هشتم )

00:08:00

برسی نکات پایانی ارتباط با سرور و firebase

43
  • نمایش Map در پروژه ( قسمت اول )

00:13:00

پیاده سازی کامپوننت های لازم برای نمایش نقشه

44
  • نمایش Map در پروژه ( قسمت دوم )

00:14:00

لود کردن نقشه در کامپوننت ایجاد شده

45
  • برسی Capacitor و توضیح در مورد کارکرد آن

00:14:00

برسی Capacitor و توضیح در مورد کارکرد آن در Ionic

46
  • افزودن GeoLocation یا GPS به نرم افزار و استفاده از آن

00:10:00

برسی GeoLocation یا GPS و افزودن آن به پروژه و استفاده از آن

47
  • کار کردن با Api مربوط به Camera در Ionic

00:28:00

کار کردن با Api دوربین در Ionic

48
  • کار کردن با Api مربوط به Camera در Ionic بخش دوم

00:14:00

کار کردن با Api دوربین در Ionic

49
  • کار کردن با Api مربوط به Camera در Ionic بخش سوم

00:17:00

کار کردن با Api دوربین در Ionic بخش سوم

50
  • کار کردن با Api مربوط به Camera در Ionic بخش چهارم

00:24:00

ارسال و ذخیره سازی تصویر در Firebase

51
  • پیاده سازی سیستم احراز هویت در Ionic

00:15:00

برسی سیستم احراز هویت و مفاهیم token و ... در Ionic

52
  • پیاده سازی سیستم احراز هویت در Ionic ( بخش دوم )

00:14:00

برسی سیستم احراز هویت و مفاهیم token و ... در  Ionic ( بخش دوم )

53
  • پیاده سازی سیستم احراز هویت در Ionic ( بخش سوم )

00:33:00

برسی سیستم احراز هویت و مفاهیم token و ... در  Ionic ( بخش سوم )

54
  • پیاده سازی سیستم احراز هویت در Ionic ( بخش چهارم )

00:30:00

برسی سیستم احراز هویت و مفاهیم token و ... در  Ionic ( بخش چهارم ) - کامل کردن لاگین کاربر

55
  • پیاده سازی سیستم احراز هویت در Ionic ( بخش پنجم )

00:13:00

برسی سیستم احراز هویت و مفاهیم token و ... در  Ionic ( بخش پنجم ) - دریافت Token و تکمیل احراز هویت

56
  • پیاده سازی سیستم احراز هویت در Ionic ( بخش ششم )

00:11:00

برسی سیستم احراز هویت و مفاهیم token و ... در  Ionic ( بخش ششم )

57
  • پیاده سازی سیستم احراز هویت در Ionic ( بخش هفتم )

00:35:00

برسی سیستم احراز هویت و مفاهیم token و ... در  Ionic ( بخش هفتم )

58
  • تغییر آیکن و spalsh screen نرم افزار

00:24:00

تغییر آیکن و spalsh screen نرم افزار

59
  • برطرف کردن مشکلات نرم افزار و آماده سازی برای خروجی گرفتن

00:20:00

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

60
  • گرفتن خروجی از نرم افزار و سخنان پایانی

00:27:00

خروجی گرفتن از نرم افزار برای android و web

نظرات کاربران در رابطه با این دوره

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