آموزش 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
در این جا چندین حالت وجود دارد
- اگر قصد دارید که بعد از گذراندن دوره یک full stack developer شوید،تمامی فصل ها را تماشا کنید
- اگر قصد دارید که فقط در حوزه react native فعالیت کنید فصل یک و چهار
- اگر قصد دارید که فقط در حوزه react js فعالیت کنید فصل سوم
- و اگر قصد دارید که فقط در حوزه 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.نمایش دسته های سوم
دوره های مرتبط
آموزش react navigation 3
آموزش جامع React Native
ارسال نوتیفیکیشن در React Native
chat_bubble_outlineنظرات
قوانین ثبت دیدگاه
329,000 تومان
مهدی
برنامه نویس front end
علی
توسعه دهنده سمت سرورعاشق جاوااسکریپت و توسعه سمت سرور و توسعه اپلیکیشن اونم با React Native:)
hadi
سلام ممنون از وب سایت بسیار خوبتون
لطفا از ویدوئو های کد زنی و تدریس هم ویدئو معرفی پیش نمایش بزارید اینا همه از معرفی فصل 9هست
تشکر دورها و مطالب عالی
موفق باشید
مهدی(مدیریت)
سلام هادی عزیز
وقت بخیر
کلا این دوره 4 فصل هست و کلا فصل 9 نداریم
البته برای هر فصل یک ویدئو معرفی داریم ولی سعی میکنیم از دروس فصل های مختلف هم پیش نمایش قرار بدیم
جواد
سلام خسته نباشید میخواستم بدونم الان این دوره بروز هست یعنی با توجه به تغیراتی که react native توی این یک ساله داشته این پکیج آموزشی بروز و مناسب هست؟؟
مهدی(مدیریت)
سلام
سلامت باشید.بلی بروز هست و از hook ها استفاده شده
تنها موردی که تفاوت پیدا کرده نسخه react navigation هست که هنگام ضبط دوره نسخه 4 بوده به همین دلیل ما یک دوره رایگان آموزش react navigation 5 آماده کردیم که میتونید استفاده کنید
hshamid
حرف ندارید محتوا درجه یک اکثر دوره ها رو دیدم
مهدی(مدیریت)
نظر لطف شما است
سعید
سلام
وقت بخیر
وقتی میخوایم تصویر اپلود کنیم در پوشه api در فایل resolver در هنگام در هنگام ساخت پوشه با mkdirp از کد __ dirname استفاده شده که به همین دلیل تصویر در پوشه api ذخیره میشه چون فایل ریشه را پوشه api که داخل ان resolver هست شناسایی میکنه
چه جوری میتونیم تصویر رو در پوشه اصلی پروژه ذخیره کنیم ؟ من هرکار کردم ریشه اصلی رو نمیشناسه بلکه حداکثر با نوشتن کد __ dirname میره و در پوشه api فرایند رو انجام میده
علی(مدیریت)
سلام وقت بخیر
میتونید به شکل زیر این کار رو انجام بدین
path.join(__dirname + ‘../../’,
/public/${dir})حسن فرجی
سلام خسته نباشید
تو این دوره برای پیشنیاز ها یه سری دوره رایگان گذاشتین تا نیاز ابتدایی این دوره یاد بگیریم
از طرفی شما برای بعضی از این پیشنیاز ها یه دوره جامع دارین مثلا یه دوره مبتدی reactjs دارین یه دوره جامع reactjs و….
سوالم اینکه آموزش هایی که تو این دوره های جامع هست تو دوره “ساخت اپلیکیشن فروشگاهی به همراه پنل مدیریت ” هست؟
مهدی(مدیریت)
سلام سلامت باشید
این آموزش ها داخل این دوره نیست ولی از مطالب بیان شده در این دوره ها استفاده شده است
radnooshsali
واقعا ایین دوره ارزش وقت گداشتن داره ممنون عالی بود خسته نباشید به سایا خوبتون
مهدی(مدیریت)
سلامت باشید
خوشحالیم که این دوره براتون مفید بوده
سعید
سلام
وقت بخیر
من یک مشکل در نمایش فایل اپلود شده دارم البته این رو اشاره کنم که من در لوکال کد مینویسم
وقتی فایلی اپلود میشه با موفقیت در سمت بک اند قرار میگیره وقتی میخوام همون فایل رو در سمت کلاینت نشون بدم طبعا باید قبل از اسم فایل ادرس بک اند را بنویسم اما هر چی مینویسم فایل رو نشون نمیده هر سبکی که بگین نوشتم هم لوکال هاست نوشتم هم عدد موجود در بخش ipconfig رو به جای جمله لوکال هاست گذاشتم ولی عکس نمایش داده نمیشه
مدرس در فصل سوم دوره این ادرس رو قبل اسم فیلد فایل آپلود شده که از بک اند گرفته شده نوشتن
Digikala.liara.run
من چه چیزی باید قبل از فیلد فایل آپلود شده بزنم ؟
مهدی(مدیریت)
سلام وفت بخیر
اگر با ip v4 هم نمایش داده نمیشه
بهتره api خودتون رو منتقل کنید روی سرور
با خرید این دوره یک اعتبار 50 هزارتومانی در لیارا دارید که میتونید ازش جهت تست استفاده کنید
robocom91
سلام. من موقع ران کردن برنامه با این خطا مواجه میشم. چکار کنم؟
> Task :app:compileDebugJavaWithJavac FAILED
15 actionable tasks: 2 executed, 13 up-to-date
FAILURE: Build failed with an exception.
* What went wrong:
Execution failed for task ‘:app:compileDebugJavaWithJavac’.
> Could not resolve all files for configuration ‘:app:debugCompileClasspath’.
> Could not find collection-1.1.0.jar (androidx.collection:collection:1.1.0).
Searched in the following locations:
https://dl.google.com/dl/android/maven2/androidx/collection/collection/1.1.0/collection-1.1.0.jar
> Could not find core-common-2.1.0.jar (androidx.arch.core:core-common:2.1.0).
Searched in the following locations:
https://dl.google.com/dl/android/maven2/androidx/arch/core/core-common/2.1.0/core-common-2.1.0.jar
> Could not find lifecycle-common-2.1.0.jar (androidx.lifecycle:lifecycle-common:2.1.0).
Searched in the following locations:
https://dl.google.com/dl/android/maven2/androidx/lifecycle/lifecycle-common/2.1.0/lifecycle-common-2.1.0.jar
> Could not find annotation-1.1.0.jar (androidx.annotation:annotation:1.1.0).
Searched in the following locations:
https://dl.google.com/dl/android/maven2/androidx/annotation/annotation/1.1.0/annotation-1.1.0.jar
مهدی(مدیریت)
سلام
این مشکل بخاطر تحریم هست.
از یکی از روش های دور زدن تحریم مثل سایت shecan.ir یا وی * ان استفاده کنید و مجدد run بگیرید
saeed
سلام
وقت بخیر
من یک مشکل در نمایش فایل اپلود شده دارم البته این رو اشاره کنم که من در لوکال کد مینویسم
وقتی فایلی اپلود میشه با موفقیت در سمت بک اند قرار میگیره وقتی میخوام همون فایل رو در سمت کلاینت نشون بدم طبعا باید قبل از اسم فایل ادرس بنویسم اما هر چی مینویسم فایل رو نشون نمیده
مدرس در دوره این ادرس رو قبل اسم فیلد فایل که از بک اند گرفته شدن زدن
Digikala.liara.run
من این موارد رو قبل از فیلد اسم فایل میزنم نشون نمیده
مهدی(مدیریت)
سلام وقت بخیر
الان سروزتون هم local هست؟
اگر دارید از api که روی سرویس لیارا هست استفاده می کنید نباید چالشی وجود داشته باشه
hassanfaraji021
سلام در قسمت پیش نیاز گفتین که ” علاوه بر این دو باید آشنایی مقدماتی با react, react native ,node js و mongo db داشته باشید که خوشبختانه این دوره ها به صورت رایگان در سایت موجود است و شما می توانید با خیال راحت این دوره را شروع کنید ” خب همه این دروه ها رایگان نیست آیا کسانی که این دروه میخرند رایگان درسترس شونه یا باید جدا خریداری کنند
مهدی(مدیریت)
سلام
از این دوره هایی که فرمودید فقط دوره node رایگان نیست و مابقی دوره ها رو رایگان میتونید ثبت نام کنید و به محتوای اون ها دسترسی داشته باشید
hshamid
بسیار دوره عالی و ارزشمندی بود واقعا ممنونم
مهدی(مدیریت)
درود
خیلی خوشحالیم که براتون مفید بوده
davudmusavi1369-1109
سلام
من به مشکلی در هنگام آپلود فایل در API برخورد میکنم و فایل اپلود نمیشه :
DeprecationWarning: ReadStream.prototype.open() is deprecated
ممنون
مهدی(مدیریت)
سلام
این method کتابخانه دیگه قابل استفاده نیست و حتما داخل داکیومنت کتابخانه
به جایگزینش اشاره شده
بهتره که داکیومنت رو بخونید
mohammadtaheri30133
سلام خسته نباشید
در فصل سوم قسمت 7( 7. بررسی لاگین بودن کاربر در کامپوننت ها )
منطق به این شکله که اگر کاربری بیا یک راست url داشبورد رو بزنه
ابتدا چک میشه که توکن وجود داره تو لوکال استرج یا خیر
که اگر وجود نداشته باشه ری دایکرت میشه به صفحه اصلی
اما یه مشکلی که هستش اینه ک من میتونم بیام یه توکن الکی توی لوکال استوریج ست کنم
و وارد داشبورد بشم چون فقط وجود یا عدم وجود رو برسی میکنه
و برای این مشکل چه راه حلی دارید ممنون
مهدی(مدیریت)
سلام
ببینید در هر درخواست ما توکن رو برای سرور ارسال میکنیم
اگر توکن شما معتبر نباشه چیزی از سرور برگشت داده نمیشه و علنا شما نمی‌تونید به هیچ دیتایی دسترسی داشته باشید
محمدجواد
سلام وقت بخیر
با این آموزش میشه اپلیکیشن برای سایت های فروشگاهی وردپرسی ساخت؟
مثل این اپ ها
https://www.zhaket.com/web/category/mobile-app
مهدی(مدیریت)
سلام وقت بخیر
اگر بتونید api از فروشگاه وردپرسی داشته باشید به راحتی میتوانید بسازید
mrbahrami1364
سلام واقعا دوره خوب و با کیفیتی بود خواستم تشکر کنم ممنون از تیم خوبتون و
پشتیبانی
مهدی(مدیریت)
سلام
ممنون از لطفتون