جستجو برای:
  • صفحه اصلی
  • دوره ها
    • راهنمای یادگیری
  • بلاگ
  • تالار گفتمان
  • کانال تلگرام
  • درباره ما
  • تماس با ما
آموزش جاوا اسکریپت(javascript)-کتابخانه ها و فریمورک ها
  • صفحه اصلی
  • دوره ها
    • راهنمای یادگیری
  • بلاگ
  • تالار گفتمان
  • کانال تلگرام
0

ورود و ثبت نام

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

خانهدوره هادوره های آموزشیآموزش React Native – ساخت اپلیکیشن فروشگاهی مشابه دیجی کالا
آموزش MERN
حالت مطالعه

 آموزش react native – ساخت اپلیکیشن فروشگاهی مشابه دیجی کالا  دوره ای است که با استفاده از تکنولوژی های react native، react، nodejs، mongodb و graphql یک اپلیکیشن فروشگاهی مشابه دیجی کالا (react native) به همراه پنل مدیریت (react) و API برای اتصال به سرور (nodejs ، mongodb و graphql) توسعه خواهیم داد.

چرا آموزش پروژه محور؟

هدف ما در reactapp از ابتدا ارائه آموزش های کاربردی و تخصصی در حوزه جاوااسکریپت برای ورود به بازار کار بوده و باتوجه به آمار و مستندات موجود،یادگیری زمانی در بهترین حالت اتفاق می افتد که بر روی یک پروژه واقعی باشد.بنابراین یک آموزش پروژه محور بر پایه کتابخانه های  و فریمورک های جاوا اسکریپت آماده کردیم که در قالب این دوره با استفاده از react native, node js,mongo db,graphql  و react js یک اپلیکیشن فروشگاهی مشابه دیجی کالا به همراه پنل مدیریت به همراه Api ایجاد می کنیم.

هدف این دوره؟

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

ویژگی های منحصر به فرد دوره

  • کاملا پروژه محور و بر اساس یک نمونه واقعی
  • پشتیبانی کامل دوره
  • تدریس هر بخش توسط استاد متخصص آن حوزه
  • آموزش بر اساس نیاز بازار کار
  • تمرکز بر روی تکنولوژی های محبوب و پرکاربرد
  • بروز بودن دوره بر اساس آخرین نسخه های موجود
  • حرکت در مسیر فول استک (full stack) شدن

تکلیف پیش نیاز های  این دوره چی میشه؟ 

با توجه به اینکه تمامی تکنولوژی های استفاده شده در این دوره بر پایه جاوا اسکریپت هستند، پس برای مشاهده این دوره باید حتما به جاوا اسکریپت و ES6 مسلط باشید.علاوه بر این دو باید آشنایی مقدماتی با react, react native ,node js و mongo db داشته باشید که خوشبختانه این دوره ها به صورت رایگان در سایت موجود است و شما می توانید با خیال راحت این دوره را شروع کنید

  • آموزش جاوا اسکریپت
  • آموزش Es6
  • آموزش react js
  • آموزش react native
  • آموزش mongo db
  • آموزش node js
  • آموزش graph ql

با توجه به اینکه در زمان ضبط دوره، آخرین نسخه React Navigation، نسخه 4 بوده است، به همین دلیل می توانید به صورت رایکان در دوره React Navigation 5 ثبت نام کنید و از آخرین تغییرات این پکیج در پروژه های خودتون استفاده کنید.


هدیه ویژه برای کاربران این دوره :

در پایان این دوره پروژه بر روی سرویس لیارا آپلود خواهد شد. به همین منظور برای تمامی کاربرانی که دوره طراحی اپلیکیشن فروشگاهی را تهیه کنند، با توجه به همکاری وب سایت reactapp.ir و سرویس لیارا حساب کاربری آن ها در لیارا به مبلغ 50 هزار تومان شارژ خواهد شد که فرصت بسیار مناسبی است.

برای آشنایی با نحوه دریافت این هدیه می توانید پست هدیه ویژه کاربران دوره NodeJS و ReactJS| پنجاه هزار تومان اعتبار سرویس لیارا را مطالعه کنید.

سوالات متداول

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

این دوره برای تمام کسانی که قصد دارند به react js یا react native یا node js مسلط شوند و یا تبدیل به یک full stack developer بشن مناسب هست.در کل میشه گفت برای هر کسی که قصد داره با یادگیری جاوا اسکریپت حرفی برای گفتن در بازار کار داشته باشه مناسب است

آیا این دوره MERN به حساب میاد؟

MERN مجموعه ای رایگان و متن باز از چندین ساختار کاربر پسند در حوزه Javascript می باشد که تجربه برنامه نویسی full-stack را برای ایجاد برنامه های تحت وب و وب اپلیکیشن ها را فراهم می آورد. این مجموعه شامل MongoDB, Express, React و NodeJS می باشد که هر کدام syntax خاص خود را دارند اما حداقل در یک چیز مشترک اند و آن هم این است که از javascript برای پیاده سازی فرآیندها توسط هرکدام از آن ها با توجه به syntax که دارد استفاده می شود.

در این دوره از تمامی این موارد به علاوه react native استفاده شده است،بنابراین این دوره را میتوان MERN به حساب آورد

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

در این دوره از کتابخانه ها و فریمورک های جاوا اسکریپتی زیر استفاده شده است:

  • react js
  • react native
  • node js
  • express

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

شما بعد از تماشای این دوره به راحتی میتوانید در موقعیت های زیر شغل پیدا کنید؟

  • full stack developer
  • برنامه نویس react js
  • برنامه نویس react native
  • back end developer

آیا تمامی فصل ها با یکدیگر مرتبط است؟ و باید همه را به ترتیب تماشا کرد؟

همانطور در که در سرفصل ها مشخص است این دوره دارای 4 فصل است که
در فصل اول ساخت UI اپلیکیشن آموزش داده می شود

در فصل دوم نحوه نوشتن API با استفاده از Node js  و graph ql

در فصل سوم نحوه ساختن پنل مدیریت با استفاده از react js

و در فصل چهارم ارتباط اپلیکیشن با سرور و استفاده از API
در این جا چندین حالت وجود دارد

  1. اگر قصد دارید که بعد از گذراندن دوره یک full stack developer  شوید،تمامی فصل ها را تماشا کنید
  2. اگر قصد دارید که فقط در حوزه react native  فعالیت کنید فصل یک و چهار
  3. اگر قصد دارید که فقط در حوزه react js فعالیت کنید فصل سوم
  4. و اگر قصد دارید که فقط در حوزه back end فعالیت کنید فصل دوم
ویدئو های معرفی دوره

ویدئو معرفی دوره

پیش نمایش

نمونه اپلیکیشن طراحی شده در این دوره

پیش نمایش

نمونه پنل مدیریت طراحی شده در این دوره

پیش نمایش
فصل اول : ساخت اپلیکیشن فروشگاهی (مشابه Digikala) با React Native

0. ایجاد پروژه

1. آماده سازی ملزومات شروع پروژه

2. ایجاد کامپپوننت slider صفحه اصلی

3. ایجاد کامپوننت دسته بندی های صفحه اصلی

4. نصب کتابخانه react native material ripple

5. ایجاد کامپوننت تخفیفات ویژه صفحه اصلی

6. ایجاد کامپپوننت محصولات پرفروش

7. ایجاد کامپپوننت جدیترین محصولات

8. ایجاد صفحه دسته بندی محصولات

9. ایجاد صفحه لیست محصولات - بخش ول

10. ایجاد صفحه لیست محصولات - بخش دوم

11. ایجاد صفحه single page برای هر محصولات

12. ایجاد کامپوننت برای اشتراک گذاری محصول - اسلایدر تصاویر محصول - بخش اول

13. ایجاد کامپوننت برای اشتراک گذاری محصول - اسلایدر تصاویر محصول - بخش دوم

14. ایجاد کامپوننت برای اشتراک گذاری محصول - اسلایدر تصاویر محصول - بخش سوم

15. طراحی بخش مشخصات و نظرات کاربران برای هر محصول

16. ایجاد کامپوننت نمایش قیمت، رنگ و گارانتی محصول - بخش اول

17. ایجاد کامپوننت نمایش قیمت، رنگ و گارانتی محصول - بخش دوم

18. ایجاد کامپوننت نمایش قیمت، رنگ و گارانتی محصول - بخش سوم

19. ایجاد کامپوننت نمایش قیمت، رنگ و گارانتی محصول - بخش چهارم

20. ایجاد کامپوننت نمایش توضیحات محصول

21.کار با layout-animation برای ساخت انیمیشن باکس توضیحات محصول

22. ایجاد کامپوننت برای امتیازدهی محصول - بخش اول

23. ایجاد کامپوننت برای امتیازدهی محصول - بخش دوم

24. ایجاد کامپوننت برای محصولات پر فروش

25. طراحی صفحه سبد خرید - بخش اول

26. طراحی صفحه سبد خرید - بخش دوم

27. طراحی صفحه سبد خرید - بخش سوم

28. طراحی صفحه لاگین - بخش اول

29. طراحی صفحه لاگین - بخش دوم

30.طراحی صفحه ثبت نام کاربران

31. طراحی صفحه فراموشی پسورد - بخش اول

32. طراحی صفحه فراموشی پسورد - بخش دوم

33. طراحی صفحه فراموشی پسورد - بخش سوم

34. طراحی صفحه جستجو - بخش اول

35. طراحی صفحه جستجو - بخش دوم

36. طراحی Hreader و Button های آن

37. طراحی نمایش محصولات به صورت جعبه ای

38. طراحی نمایش محصولات به صورت تمام صفحه ای

39. طراحی نمایش محصولات به صورت ستونی

40. طراحی Button تغییر نحوه نمایش محصولات

41. ساخت آرایه برای نمایش محتوای Fake باکس ها

42. ساخت Modal برای Button مرتب سازی

43. ساخت Modal برای Button مرتب سازی بخش دوم

44. ساخت Modal برای Button مرتب سازی بخش سوم

45. طراحی صفحه دسته بندی - بخش اول

46. طراحی صفحه دسته بندی - بخش دوم

47. طراحی صفحه دسته بندی - بخش سوم

50. طراحی هدر برای صفحه اصلی - بخش دوم

48. ایجاد تغییرات در صفحه اصلی - بخش اول

49. ایجاد تغییرات در صفحه اصلی - بخش دوم

50. طراحی Header برای صفحه اصلی - بخش اول

51. طراحی Header برای صفحه اصلی - بخش دوم

52. طراحی Header برای صفحه about و Category

53. ساخت Headerبرای صفحه product, shop cart , login

54. طراحی Headerبرای صفحه forget pass , sign In

55. طراحی Header برای صفحه search , category

56. ساخت Footer برای صفحه login

57. طراحی فوتر برای صفحه ثبت نام

58. استفاده از react navigation hooks برای جابجایی بین صفحات

59. پیکربندی route ها - بخش اول

60. پیکربندی route ها - بخش دوم

61. طراحی drawer - بخش اول

62. طراحی drawer - بخش دوم

63. طراحی drawer - بخش سوم

64. طراحی drawer - بخش چهارم

65. راستچین کردن پروژه

66. اضافه کردن فونت فارسی به پروژه

67. غیر فعال کردن حالت orientation اپلیکیشن

68.طراحی صفحه نظرات کاربران - بخش اول

69.طراحی صفحه نظرات کاربران - بخش دوم

70.طراحی صفحه نظرات کاربران - بخش سوم

71.طراحی صفحه افزودن نظرات - بخش اول

72.طراحی صفحه افزودن نظرات - بخش دوم

73.طراحی صفحه افزودن نظرات - بخش سوم

74. ارسال داده ها - بخش اول

75. ارسال داده ها - بخش دوم

فصل دوم : ساخت API با استفاده از (NodeJS + Graphql)

0. معرفی فصل دوم

پیش نمایش

1. آماده سازی پروژه

2. اتصال به دیتابیس - mongodb

3. اتصال به دیتابیس - mysql

4. آشنایی با global config

5. ایجاد فایل env.

6. شروع کار با Graphql

7. ایجاد schema

8. ایجاد resolver

9. آشنایی با Apollo server

10. پیاده سازی بخش ایجاد حساب کاربری (register) - قسمت اول

11. پیاده سازی بخش ایجاد حساب کاربری (register) - قسمت دوم

12. اعتبارسنجی - validation

13. مدیریت خطاها - Error Handling

14. پیاده سازی ورود به حساب کاربری - login

15. ماژول JWT - احراز هویت (Authentication) - قسمت اول

16. context در Apollo server

17. ماژول JWT - احراز هویت (Authentication) - قسمت دوم

18. پیاده سازی کتابخانه چند رسانه ای (Multimedia) - قسمت اول

19. آپلود فایل

20. پیاده سازی کتابخانه چند رسانه ای (Multimedia) - قسمت دوم

21. پیاده سازی بخش دسته بندی محصولات (category) - قسمت اول

22. پیاده سازی بخش دسته بندی محصولات (category) - قسمت دوم

23. روابط بین کالکشن ها (relationship) - قسمت اول

24. روابط بین کالکشن ها (relationship) - قسمت دوم

25. پیاده سازی بخش brand محصولات - قسمت اول

26. پیاده سازی بخش brand محصولات - قسمت دوم

27. پیاده سازی معیارهای امتیازدهی در بخش commentها - قسمت اول

28. پیاده سازی معیارهای امتیازدهی در بخش commentها - قسمت دوم

29. پیاده سازی dynamic مشخصات محصول - قسمت اول

30. پیاده سازی dynamic مشخصات محصول - قسمت دوم

31. پیاده سازی جزئیات مشخصات محصول - قسمت اول

32. پیاده سازی جزئیات مشخصات محصول - قسمت دوم

33. پیاده سازی بخش فروشنده

34. پیاده سازی بخش گارانتی

35. افزودن اسلایدر (slider) - قسمت اول

36. افزودن اسلایدر (slider) - قسمت دوم

37. افزودن بنر (baner) - قسمت اول

38. افزودن بنر (baner) - قسمت دوم

39. افزودن محصول (product) - قسمت اول

40. افزودن محصول (product) - قسمت دوم

41. افزودن محصول (product) - قسمت سوم

42. افزودن محصول (product) - قسمت چهارم

43. پیاده سازی کوئری فرم افزودن محصول (product)

44. پیاده سازی کوئری نمایش محصول (product)

45. ویرایش ویژگی های محصول (product attribute)

46. آپلود تصاویر محصول

47. ویرایش محصول (product)

48. ویرایش اسلایدر (slider)

49. ویرایش بنر (banner)

50. پیاده سازی کوئری وضعیت سفارشات (Order Status)

51. پیاده سازی بخش نظرات کاربران - قسمت 1 (Add Comment)

52. پیاده سازی بخش نظرات کاربران - قسمت 2 (Show Comment)

53. پیاده سازی بخش نظرات کاربران - قسمت 3 (َAprove Comment)

54. پیاده سازی بخش نظرات کاربران (Like)

55. پیاده سازی بخش نظرات کاربران (Dislike)

56. پیاده سازی بخش علاقه مندی ها

57. پیاده سازی بخش کاربران (users)

58. پیاده سازی بخش کاربران (profile)

59. اتصال به درگاه پرداخت - قسمت اول

60. اتصال به درگاه پرداخت - قسمت دوم

61. اتصال به درگاه پرداخت - قسمت سوم

62. اتصال به درگاه پرداخت - قسمت چهارم

63. اتصال به درگاه پرداخت - قسمت پایانی

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

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

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

67. پیاده سازی داشبورد پنل ادمین - قسمت چهارم

68. احراز هویت پیامکی

69. اجرای سرور با استفاده از cluster

70. مانیتوریگ سرور - pm2

71. مانیتوریگ سرور - keymetrics

72. استقرار پروژه

فصل سوم: ساخت پنل مدیریت با ReactJs

0. معرفی فصل سوم

پیش نمایش

1. clone قالب از gitHub

2. بررسی ساختار قالب

3. اعتبار سنجی فرم ورود با Formik

4. اتصال به API با استفاده از axios

5.اضافه کردن google recaptcha به صفحه ورود

6.استفاده از context برای ذخیره سازی token

7. بررسی لاگین بودن کاربر در کامپوننت ها

8. ایجاد کامپوننت AddMedia

9.طراحی فرم آپلود فایل

10. پیش نمایش فایل های انتخاب شده

11. بررسی فرمت و حجم فایل های انتخاب شده

12. اضافه کردن ویژگی darg & drop برای آپلود فایل

13.اتصال به API و آپلود فایل های انتخاب شده

14.تغییر نحوه گرفتن TOKEN از LOCALSTORAGE

15.ایجاد کامپوننت AllMedia و نمایش فایل های آپلود شده

16.ایجاد نوار جستجو برای کتابخانه فایل های چند رسانه ای

17.اضافه کردن modal برای نمایش اطلاعات فایل ها

18. اضافه کردن دکمه خروج

19.طراحی کامپوننت AddCategory

20. ایجاد کامپوننت Library

21. انتخاب عکس از کتابخانه پرونده های چند رسانه ای

22. استفاده از AddCategory query

23. داینامیک کردن AddCategory query

24. نمایش دسته بندی ها

25.ایجاد کامپوننت AddBrand

26. طراحی کامپوننت AddBrand

27.ثبت برند

28.نمایش برندها

29. ایجاد کامپوننت Scoring

30. طراحی کامپوننت Scoring

31. نمایش معیارهای امتیازدهی

32. ایجاد کامپوننت ScoringItem

33. ایجاد کامپوننت specifications

34. ثبت مشخصات

35. نمایش مشخصات

36. ایجاد کامپوننت subSpecifications

37. ثبت ریز مشخصات

38. نمایش ریز مشخصات

39. ایجاد کامپوننت Sellers

40. نمایش فروشندگان

41.بروزرسانی اطلاعات فروشندگان

42. ایجاد کامپوننت Warranty

43. نمایش گارانتی ها

44. ایجاد کامپوننت AddProduct

45. طراحی کامپوننتAddProduct - پارت یک

46. طراحی کامپوننتAddProduct - پارت دو

47. طراحی کامپوننتAddProduct - پارت سوم

48. طراحی کامپوننتAddProduct - پارت چهارم

49. طراحی کامپوننتAddProduct - پارت پنجم

50.طراحی کامپوننتAddProduct - پارت ششم

51. طراحی کامپوننتAddProduct - پارت هفتم

52. طراحی کامپوننتAddProduct - پارت هشتم

53. طراحی کامپوننتAddProduct - پارت نهم

54.ایجاد کامپوننت Products

55. نمایش لیست محصولات

56. ایجاد کامپوننت productSeller

57. نمایش فروشندگان یک محصول

58. ویرایش اطلاعات فروشندگان یک محصصول

59. ایجاد کامپوننت addSeller

60. طراحی کامپوننت addSeller پارت یک

61. طراحی کامپوننت addSeller پارت دو

62. اضافه کردن فروشنده جدید برای یک محصول

63. ایجاد کامپوننت editProduct

64. گرفتن اطلاعات محصول از سرور

65. بروزرسانی state ها محصول

66. نمایش attribute های محصول

67. گرفتن مشخصات محصول از سرور

68. نمایش مشخصات محصول از سرور

69. ویرایش محصول

70. ایجاد کامپوننت pictureProduct

71. گرفتن عکس های محصول از سرور

72. انتخاب عکس از کتابخانه چندرسانه ای

73. اضافه کردن عکس به محصول

74. ایجاد کامپوننت status orders

75. طراحی کامپوننت Status

76.ایجاد وضعیت سفارش جدید

77.نمایش وضعیت سفارشات موجود

78.تغییر لیست وضعیت سفارشات برای ویرایش

79.ویرایش وضعیت سفارشات

80.ایجاد کامپوننت Orders

81.نمایش لیست سفارشات

82.ایجاد کامپوننت changeOrderStatus

83.تغییر وضعیت سفارشات

84. ایجاد کامپوننت orderDetails

85.نمایش جزئیات سفارش پارت یک

86.نمایش جزئیات سفارش پارت دو

87.نمایش جزئیات سفارش پارت سه

88.ایجاد کامپوننت users

89. نمایش لیست کاربران پارت 1

90.نمایش لیست کاربران پارت 2

91.نمایش اطلاعات کاربر

92.نمایش لیست نظرات کاربر

93.نمایش جزئیات نظرات کاربر پارت 1

94.نمایش جزئیات نظرات کاربر پارت 2

95.نمایش لیست محصولات مورد علاقه کاربر

96.نمایش سفارشات کاربر

97.نمایش نظرات

98.تغییر وضعیت نظرات

99.ایجاد کامپوننت Banner

100.انتخاب عکس از پرونده چند رسانه ای

101.اضافه کردن بنر جدید

102.نمایش لیست بنرها

103.ویرایش بنر

104.حذف بنر

105.ایجاد کامپوننت slider

106.اضافه کردن slider

107.نمایش تمامی slider ها

108.ویرایشslider

109.ویرایش slider پارت

110.حذف اسلایدر

111. تغییر کامپوننت داشبورد

112.ایجاد چارت تعداد کاربران

113.ایجاد چارت تعداد سفارشات

114.ایجاد چارت تعداد مخصولات

115.ایجاد چارت تعداد پرداختی های 10 روز گذشته

116.ایجاد چارت وضعیت سفارشات

117.ایجاد چارت پرداختی های 10 روز گذشت

118.ایجاد چارت جنسیت کاربران

120.استقرار پروژه بر روی سرویس لیارا

119.ایجاد چارت های نظرات، سفارشات لغو شده و فروشندگان

فصل چهارم : اتصال اپلیکشن به API

0. معرفی فصل چهارم

پیش نمایش

1. توضیح در مورد http request

2. اولین درخواست با axios

3. معرفی interceptors در axios

4. تنظیمات پیش فرض در axios

5. کار با instance در axios

6.ارتباط با سرور و استفاده از main page query

7.نمایش اسلایدر

8.نمایش category

9.نمایش محصولات ویژه

10.نمایش بنرهای تخفیف

11.نمایش محصولات پرفروش

12.نمایش محصولات جدید

13.بروزرسانی کامپوننت signUp

14.تغییر کامپوننت myFooter

15.اتصال به API برای ثبت نام

16.دریافت کد تأیید پیامکی

17.ورود به حساب کاربری

18.چرا و چه موقع باید از state manager ها استفاده کنیم؟

19.استفاده از context api

20.بررسی وضعیت لاگین بودن کاربر با Context api

21.تغییر کامپوننت product

22.نمایش عکس های محصول

23.نمایش نام فارسی و انگلیسی محصول

24.اضافه کردن محصول به لیست مورد علاقه

25.تغییر کامپوننت Button

26.نمایش تعداد نظرات ثبت شده محصول

27.نمایش نظرات محصول

28.نمایش نقاط قوت و ضعف محصول

29.بررسی وضعیت login کاربر برای ثبت نظر

30.گرفتن آیتم های امتیاز دهی از سرور

31.نمایش آیتم های امتیاز دهی

32.ثبت نقاط قوت و ضعف برای یک محصول

33.ثبت نظر

34.ایجاد کامپوننت ProductSpecs

35.دریافت مشخصات محصول از سرور - پارت یک

36..دریافت مشخصات محصول از سرور - پارت دو

37.نمایش مشخصات محصول

38.گرفتن اطلاعات رنگ های محصول از سرور

39.نمایش رنگ ها و قیمت های مختلف محصول

40.نمایش توضیحات محصول

41.محاسبه میانگین امتیاز های داده شده به محصول

42.ایجاد context مربوط به سبدخرید

43.استفاده از basketContext

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

45.اضافه کردن محصول به سبد خرید

46.نمایش تعداد محصولات اضافه شده به سبد خرید

47.نمایش محصولات موجود در سبد خرید

48.بروزرسانی و حذف محصولات موجود در سبد خرید

49.اضافه کردن button ثبت سفارش

50.بررسی وضعیت login کاربر

51.توضیح در مورد کامپوننت userinfo

52.نمایش اطلاعات کاربر

53.ارسال اطلاعات کاربر به سرور

54.استفاده از webView

55.اتصال به درگاه بانک

56.ارسال اطلاعات دسته بندی ها به CatComponent

57.نمایش دسته های دوم

58.ایجاد کامپوننت Third Component

59.نمایش دسته های سوم

برچسب: آموزش GraphQl آموزش mern آموزش mongodb آموزش node js آموزش react آموزش react native آموزش پروژه محور react آموزش پروژه محور react native

دوره های مرتبط

آموزش Git و Github

آموزش Git و Github

آموزش گیت (git) و گیت هاب(github) دوره ای است که  آن به صورت کامل و قدم به قدم کار با ابزار…
926
رایگان!
es6

آموزش ES6

آموزش ES6 دوره ای است که در آن ویژگی های معرفی شده در EcmaScript 2015  و اضافه شده به جاوا…
2,066
رایگان!
پرداخت درون برنامه ای بازار

پرداخت درون برنامه ای بازار در React Native

در این دوره میخواهیم راجب آموزش پرداخت درون برنامه ای کافه بازار در React Native صحبت کنیم.یکی از لذت بخش…
49
19,000 تومان

chat_bubble_outlineنظرات

  • hitabligh
    مارس 15, 2020
    پاسخ

    من این دوره را همین الان خریداری کردم
    قبل از این که این دوره را ببینم خواستم از تیم عالیه reactapp بابت این اموزش خیلی عالی تشکر کنم
    در خرید کلیه ی اموزش های این سایت اصلا شک نکنید چون بهترین اموزش ها را تهیه و منتشر کرده اند

    • علیرضا(مدیریت)
      مارس 15, 2020
      پاسخ

      ممنون از لطفی که نسبت به ما دارید
      انرژی مثبت شما باعث افزایش انگیزه ما برای ادامه راه میشه

  • omid.gholami74
    مارس 15, 2020
    پاسخ

    عزیز این دوره چند ساعته؟

    • علی(مدیریت)
      مارس 15, 2020
      پاسخ

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

      • omid.gholami74
        مارس 16, 2020
        پاسخ

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

        • مهدی(مدیریت)
          مارس 16, 2020
          پاسخ

          تا 5 روز آینده

  • mamalli
    مارس 15, 2020
    پاسخ

    سلام
    این دوره کامله یا هرهفته میخواد قسمت های جدیدش اپلود بشه ؟؟؟

    • علی(مدیریت)
      مارس 15, 2020
      پاسخ

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

      • mamalli
        مارس 15, 2020
        پاسخ

        کد تخفیف 50 درصد تا کی اعتبار داره ؟؟؟

        • علیرضا(مدیریت)
          مارس 15, 2020
          پاسخ

          تا 5 روز آینده

  • beh
    مارس 15, 2020
    پاسخ

    سلام کد تخفیف 50 درصد لطفا

    • علی(مدیریت)
      مارس 15, 2020
      پاسخ

      سلام وقت بخیر
      کد تخفیف به ایمیل شما ارسال شده است

  • برنامه نویس
    مارس 15, 2020
    پاسخ

    سلام خسته نباشید
    الان اگر ما این دوره رو بخریم کامل نیست یعنی این چهار تا فصل رو الان نمیشه دانلود کرد

    • مهدی(مدیریت)
      مارس 15, 2020
      پاسخ

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

      • برنامه نویس
        مارس 15, 2020
        پاسخ

        میشه یک تخفیف 50 درصد بگذارید واقعا در توانون نیست ما دانشجوییم خواهش می کنم

        • مهدی(مدیریت)
          مارس 15, 2020
          پاسخ

          کد تخفیف 50 درصدی ایمیل شده براتون

  • فاطمه
    مارس 15, 2020
    پاسخ

    سلام ببخشید فاصله بین انتشار فصل ها چقدراست؟
    مثلاامروزفصل یک منتشرشده
    فصل دوم و سوم کی منتشرمیشه؟
    وخب قیمت چهارفصل مجموعه ۲۸۹۰۰۰تومن هست؟

    • مهدی(مدیریت)
      مارس 15, 2020
      پاسخ

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

      • فاطمه
        مارس 15, 2020
        پاسخ

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

        • مهدی(مدیریت)
          مارس 15, 2020
          پاسخ

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

  • hamidmotamedi.com
    مارس 15, 2020
    پاسخ

    سلام
    دوره به صورت کامل ضبط شده و با خرید میتونیم دانلودش کنیم؟
    یا به تدریج ضبط و منتشر میشه؟
    با تشکر

    • علیرضا(مدیریت)
      مارس 15, 2020
      پاسخ

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

      • hamidmotamedi.com
        مارس 15, 2020
        پاسخ

        من باقی کامنت ها رو خودم سوالم رو پیدا نکردم برای همین باز سوال میپرسم
        من برای پروژه ای این دوره رو لازم دارم و میدونم که شما سعی در زودتر تموم کردن دوره داری حدودا زمان میدی که چه زمانی دوره تموم میشه
        مثلا دو هفته، یک ماه، دو ماه که بتونم برای کار خودم برنامه ریزی کنم

        • علیرضا(مدیریت)
          مارس 15, 2020
          پاسخ

          زمان دقیقش رو نمیشه گفت.اگر مشکلی پیش نیاد در بهترین حالت یک ماه و حداکثر 2 ماه آینده

  • 0ut6fgo
    مارس 15, 2020
    پاسخ

    سلام خسته نباشید
    واسه پرداخت از زرین پال استفاده میکنی یا یکی از بانک ها مثلا بانک ملی؟

    • مهدی(مدیریت)
      مارس 15, 2020
      پاسخ

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

  • learnsrz
    مارس 14, 2020
    پاسخ

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

    • علیرضا(مدیریت)
      مارس 14, 2020
      پاسخ

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

  • مهدی
    مارس 14, 2020
    پاسخ

    سلام و خسته نباشید به تیم خوب reactapp
    من تمامی دوره های این سایت را خریداری کردم و بی صبرانه منتظره این دوره جدید هستم
    این سایت از بهترین سایت ها در زمینه ی اموزش هست
    انشاالله که در تمامی مراحل زندگی موفق باشید

    • علیرضا(مدیریت)
      مارس 14, 2020
      پاسخ

      مهدی عزیز سلام و وقت بخیر
      ممنون از پیغام فوق العادت واقعا انگیزمون رو چند برابر کردی و امیدواریم بتونیم از این به بعد هم رضایت شمارو جلب کنیم
      شاد باشی

    • وحید
      مارس 14, 2020
      پاسخ

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

      • علیرضا(مدیریت)
        مارس 14, 2020
        پاسخ

        سلام وحید عزیز.
        پیش نیازه تمامی موارد گفته شده در این دوره جاوا اسکریپت و نسخه 2015 اون یعنی ES6 هست که این دو تا دوره به صورت رایگان در سایت موجود است.
        اگر هدف شما یاد گیری React Native است قبلش حتما دوره آموزش react js ورژن 16، آموزش مقدماتی react native و کار با hooks در React Native رو علاوه بر دوره جاوا اسکریپت و ES6 مشاهده کنید و سپس شروع به دیدن این دوره کنید.(این دوره ها رایگان هستند).
        چون شما قبلا برنامه نویسی کار میکردید طبیعتا راحت میتونید بین زبان های مختلف سوئیچ کنید به شرطی که اصولی اون رو از پایه یاد بگیرید.
        ممنون از لطفت.هدف ما از همون اول کمک به افراد برای ورود تخصصی به بازار کار با ارائه آموزش های با کیفیت بوده و تمام تلاش ما اینه این مسیر رو بتونیم همینطور ادامه بدیم

  • Hooman naj
    مارس 13, 2020
    پاسخ

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

    • علیرضا(مدیریت)
      مارس 13, 2020
      پاسخ

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

  • محسن
    مارس 13, 2020
    پاسخ

    سلام
    سبد خرید را چگونه پیاده کردین؟
    با ریداکس؟

    • علیرضا(مدیریت)
      مارس 13, 2020
      پاسخ

      سلام.
      سبد خرید با استفاده از ContextApi پیاده سازی شده است

  • رسول
    مارس 13, 2020
    پاسخ

    سلام و عرض احترام و تشکر بابت سایت خوبتون
    در آموزش از چه ورژنی از reactnative استفاده میکنید؟
    و اینکه من میخوام سمت سرور برنامه م را با asp.net بنویسم.آیا این آموزش میتونه واسم مفید باشه؟
    چون قبلا آموزش جامع شما را خریداری کردم

    • علیرضا(مدیریت)
      مارس 13, 2020
      پاسخ

      سلام رسول عزیز.ممنون
      در این آموزش از نسخه 0.60.4 react native استفاده شده است.
      سمت سرور با استفاده از NodeJs پیاده سازی شده است و برای API از graphql که یک query language است، استفاده شده است.
      اگر تجربه کار با asp.net رو دارید،این آموزش براتون مفید خواهد بود

  • Peyman
    مارس 13, 2020
    پاسخ

    به به
    چه شود
    کی منتشرش میکنین ویدئوهاشو

    • علیرضا(مدیریت)
      مارس 13, 2020
      پاسخ

      ممنون پیمان جان
      انشالله یک شنبه

  • محمد
    مارس 13, 2020
    پاسخ

    دیجی کالا رو مگه میشه با یه دوره ساخت؟!! چقدر حیفه که مدیر دیجی کالا برای برنامه نویساش این همه هزینه میکنه بیاد با این دوره خودش یاد میگیره

    • علیرضا(مدیریت)
      مارس 13, 2020
      پاسخ

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

    • sadeghmohammadmahdi
      مارس 26, 2020
      پاسخ

      سلام دوست عزیز.من react native کار کرده بودم قبلا اما نه پروژه های بزرگ.این دوره رو خریداری کردم در فصل اول کامل پوسته و ظاهر دیجی کالا به بهترین شکل ممکن پیاده سازی شده و حتی تو کد نویسی هم از hook استفاده کردن که خیلی خیلی خیلی کد ها تمیزتر و ساختارمند تره.فصل یک و طراحی اپ عالی بود و توضیح و تدریس هم درجه یک.و واقعا ساختار و ظاهر اپ شده خود دیجی کالا.شاید انگشت شمار تفاوت وجود داشته باشه.

  • 1
  • 2
  • 3
  • …
  • 24
  • ←

قوانین ثبت دیدگاه

لغو پاسخ

نشانی ایمیل شما منتشر نخواهد شد. بخش‌های موردنیاز علامت‌گذاری شده‌اند *

قیمت :

289,000 تومان

امتیاز
4.24 از 222 رأی
289,000 تومان
تعداد دانشجو : 320
نوع دوره: غیرحضوری
سطح دوره: متوسط تا پیشرفته
زبان: فارسی
86 ساعت و 3 دقیقه
چهار فصل - 327 درس
21 گیگ و 522 مگابایت
روش دریافت: دانلودی
روش پشتیبانی: تالار گفتمان و کامنت های دوره
درصد پیشرفت دوره: %100
14.92k بازدید 894 دیدگاه
مهدی
مهدی
برنامه نویس front end

مهدی
علی
توسعه دهنده سمت سرور

عاشق جاوااسکریپت و توسعه سمت سرور و توسعه اپلیکیشن اونم با React Native:)

دسته: دوره های آموزشی، دوره های ویژه
ارتباط با ما
  • 09150274110
  • contact@reactapp.ir
دسترسی سریع
  • بلاگ
  • تله فیلم آموزشی
  • آموزش متنی
  • قوانین

تیم reactapp تمام تلاش خودش رو انجام میده تا محتوایی با کیفیت و به روز رو در اختیار علاقه مندان به حوزه جاوااسکریپت قرار بده. چیدمان تمامی آموزش های ویدئویی و مقالات به نحوی هست که شمارو به سمت بازار کار سوق بده تا هر چه سریع تر به عنوان یک نیرو فنی در بازار کار مشغول به فعالیت شده و به درآمد زایی برسید.

کلیه حقوق این سایت محفوظ و متعلق به reactapp.ir میباشد.
X
پیش نمایش دوره پیشرفته و پروژه محور جاوا اسکریپت منتشر شد. با ثبت ایمیلتون یک کد تخفیف 60 درصدی در روز انتشار دوره هدیه بگیرید.
ثبت ایمیل

ورود

رمز عبور را فراموش کرده اید؟

هنوز عضو نشده اید؟ عضویت در سایت