فلش‌کارت‌های آموزشی React Native و UI Libraries: استفاده از کامپوننت‌های آماده

React Native و UI Libraries: دوره‌ی ساخت اپلیکیشن‌های موبایل حرفه‌ای React Native و UI Libraries: دوره‌ی ساخت اپلیکیشن‌های موبایل حرفه‌ای آیا رویای ساخت اپلیکیشن موبایل خود را در سر دارید؟ آیا می‌خواه...

انتخاب پلن

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

پرداخت اقساطی
در صورت خرید اقساطی هر قسط: 74,988 تومان
۴ قسط ماهانه. بدون سود، چک و ضامن.
پرداخت اقساطی با دیجی‌پی پرداخت اقساطی با ترب‌پی

🎓 دوره آموزشی جامع

📚 اطلاعات دوره

عنوان دوره: React Native و UI Libraries: استفاده از کامپوننت‌های آماده

موضوع کلی: برنامه نویسی

موضوع میانی: ری‌اکت نیتیو (React Native)

📋 سرفصل‌های دوره (100 موضوع)

  • 1. مقدمه‌ای بر برنامه نویسی موبایل
  • 2. معرفی React Native
  • 3. چرا React Native؟
  • 4. مزایای React Native
  • 5. معایب React Native
  • 6. مقایسه React Native با سایر فریم‌ورک‌ها
  • 7. آماده‌سازی محیط توسعه React Native
  • 8. نصب Node.js و npm/yarn
  • 9. نصب Expo CLI
  • 10. نصب React Native CLI
  • 11. ایجاد اولین پروژه React Native (Expo)
  • 12. ایجاد اولین پروژه React Native (React Native CLI)
  • 13. ساختار پروژه React Native
  • 14. فایل App.js
  • 15. کامپوننت‌ها در React Native
  • 16. Functional Components
  • 17. Class Components
  • 18. JSX چیست؟
  • 19. Props چیست؟
  • 20. State چیست؟
  • 21. مفهوم Re-rendering
  • 22. مدیریت State با useState
  • 23. مدیریت Props
  • 24. نحوه کامپوز کردن کامپوننت‌ها
  • 25. اساس UI در React Native: View
  • 26. استفاده از Text
  • 27. استفاده از Image
  • 28. استفاده از Button
  • 29. استفاده از TextInput
  • 30. استفاده از ScrollView
  • 31. استفاده از FlatList
  • 32. استفاده از SectionList
  • 33. Styling در React Native
  • 34. StyleSheet API
  • 35. Inline Styles
  • 36. Style Prop
  • 37. Flexbox Layout در React Native
  • 38. خاصیت justify-content
  • 39. خاصیت align-items
  • 40. خاصیت flex-direction
  • 41. خاصیت flex-wrap
  • 42. خاصیت flex
  • 43. خاصیت margin و padding
  • 44. مدیریت رویدادها (Events)
  • 45. onPress
  • 46. onChangeText
  • 47. onSubmitEditing
  • 48. Keyboard Handling
  • 49. نمایش و مخفی کردن کیبورد
  • 50. تغییر اندازه View با کیبورد
  • 51. Navigation در React Native
  • 52. معرفی React Navigation
  • 53. نصب React Navigation
  • 54. Stack Navigator
  • 55. Tab Navigator
  • 56. Drawer Navigator
  • 57. پاس دادن پارامتر بین صفحات
  • 58. حالت‌های اولیه (Initial States) در Navigation
  • 59. Conditional Rendering
  • 60. Render Props
  • 61. Higher-Order Components (HOCs)
  • 62. Custom Hooks
  • 63. مدیریت فرم‌ها
  • 64. اعتبارسنجی (Validation) فرم‌ها
  • 65. کتابخانه‌های مدیریت فرم (اختیاری)
  • 66. مدیریت داده (Data Management)
  • 67. Fetching Data از API
  • 68. استفاده از fetch API
  • 69. استفاده از Axios
  • 70. مدیریت Loading States
  • 71. مدیریت Error States
  • 72. همگام‌سازی داده (Data Synchronization)
  • 73. معرفی Redux
  • 74. نصب Redux
  • 75. Actions, Reducers, Store
  • 76. اتصال Redux به React Native
  • 77. Hooks برای Redux (useSelector, useDispatch)
  • 78. مدیریت State پیچیده با Redux
  • 79. معرفی Context API
  • 80. استفاده از Context API
  • 81. Custom Context Provider
  • 82. مزایای Context API نسبت به Redux (برای موارد ساده)
  • 83. معرفی UI Libraries
  • 84. چرا از UI Libraries استفاده کنیم؟
  • 85. معرفی React Native Paper
  • 86. نصب React Native Paper
  • 87. استفاده از کامپوننت‌های Button, TextInput, Card
  • 88. استفاده از کامپوننت‌های Dialog, Modal
  • 89. استفاده از کامپوننت‌های List, Avatar
  • 90. معرفی NativeBase
  • 91. نصب NativeBase
  • 92. استفاده از کامپوننت‌های Button, Input, Box
  • 93. استفاده از کامپوننت‌های Card, Modal, Accordion
  • 94. استفاده از کامپوننت‌های List, Image, Icon
  • 95. معرفی React Native Elements
  • 96. نصب React Native Elements
  • 97. استفاده از کامپوننت‌های Button, Input, Card
  • 98. استفاده از کامپوننت‌های Avatar, Badge, Slider
  • 99. استفاده از کامپوننت‌های Icon, Pricing, Rating
  • 100. نکات پیشرفته در استایل‌دهی
React Native و UI Libraries: دوره‌ی ساخت اپلیکیشن‌های موبایل حرفه‌ای

React Native و UI Libraries: دوره‌ی ساخت اپلیکیشن‌های موبایل حرفه‌ای

آیا رویای ساخت اپلیکیشن موبایل خود را در سر دارید؟ آیا می‌خواهید ایده‌هایتان را به واقعیت تبدیل کنید و اپلیکیشنی بسازید که میلیون‌ها نفر از آن استفاده کنند؟ با دوره‌ی React Native و UI Libraries: استفاده از کامپوننت‌های آماده، این رویا به حقیقت می‌پیوندد! ما به شما کمک می‌کنیم تا بدون نیاز به دانش عمیق در برنامه‌نویسی موبایل، اپلیکیشن‌های زیبا، قدرتمند و کارآمد را برای پلتفرم‌های iOS و Android بسازید.

این دوره جامع و کاربردی، شما را از صفر تا صد با React Native آشنا می‌کند. با یادگیری اصول React Native و استفاده از کتابخانه‌های UI آماده، می‌توانید در کمترین زمان ممکن، اپلیکیشن‌های موبایل حرفه‌ای را توسعه دهید. دیگر نیازی به صرف ماه‌ها زمان برای یادگیری زبان‌های بومی ندارید؛ React Native همه چیز را برای شما ساده می‌کند!

درباره دوره

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

موضوعات کلیدی دوره

  • مبانی React Native و اصول کار با آن
  • نصب و راه‌اندازی محیط توسعه React Native
  • آشنایی با JSX و کامپوننت‌ها
  • مدیریت State و Props در React Native
  • طراحی رابط کاربری با استفاده از کامپوننت‌های آماده (UI Libraries)
  • استفاده از کتابخانه‌های محبوب UI مانند NativeBase, React Native Elements و...
  • نحوه استفاده از APIها و ارتباط با سرور
  • مدیریت Navigation و مسیریابی در اپلیکیشن
  • بهینه‌سازی عملکرد و رفع اشکالات
  • ایجاد اپلیکیشن‌های Cross-Platform
  • انتشار اپلیکیشن در فروشگاه‌های Google Play و App Store

مخاطبان دوره

این دوره برای افراد زیر مناسب است:

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

چرا این دوره را بگذرانیم؟

  • یادگیری سریع و آسان: React Native به شما امکان می‌دهد با استفاده از دانش React و JavaScript، اپلیکیشن‌های موبایل بسازید.
  • صرفه‌جویی در زمان و هزینه: با استفاده از کامپوننت‌های UI آماده، زمان و هزینه توسعه اپلیکیشن را به طور چشمگیری کاهش می‌دهید.
  • ساخت اپلیکیشن‌های Cross-Platform: کد نوشته شده در React Native تقریباً برای هر دو پلتفرم iOS و Android قابل استفاده است.
  • افزایش سرعت توسعه: کتابخانه‌های UI آماده، فرایند طراحی و پیاده‌سازی رابط کاربری را سرعت می‌بخشند.
  • فرصت‌های شغلی بی‌شمار: تقاضا برای توسعه‌دهندگان React Native در بازار کار به سرعت در حال افزایش است.
  • پشتیبانی و به‌روزرسانی مداوم: دوره به‌طور مداوم به‌روزرسانی می‌شود و پشتیبانی کاملی در طول دوره ارائه می‌شود.
  • پروژه‌های عملی و کاربردی: با انجام پروژه‌های عملی، مهارت‌های خود را در عمل تقویت می‌کنید.

سرفصل‌های دوره (بیش از 100 سرفصل!)

این دوره شامل بیش از 100 سرفصل جامع و کاربردی است که به شما کمک می‌کند تا به یک متخصص React Native تبدیل شوید. در زیر، تنها تعدادی از سرفصل‌های مهم دوره آورده شده است:

بخش 1: مقدمه‌ای بر React Native

  • معرفی React Native و مزایای آن
  • مقایسه React Native با سایر فریم‌ورک‌های موبایل
  • نصب و راه‌اندازی محیط توسعه (Node.js, npm, Expo, React Native CLI)
  • آشنایی با ساختار پروژه React Native
  • نوشتن اولین برنامه React Native "Hello World!"

بخش 2: مبانی React Native

  • آشنایی با JSX
  • کامپوننت‌ها و انواع آن‌ها (Functional, Class)
  • State و Props: مدیریت داده‌ها در React Native
  • Lifecycle Methods در کامپوننت‌ها
  • استفاده از StyleSheets و استایل‌دهی در React Native

بخش 3: طراحی رابط کاربری با React Native

  • Layout و چیدمان المان‌ها (Flexbox)
  • کار با View, Text, Image, TextInput و سایر کامپوننت‌های پیش‌فرض
  • استفاده از ScrollView و FlatList برای نمایش داده‌ها
  • ساخت کامپوننت‌های سفارشی
  • کار با تصاویر و آیکون‌ها

بخش 4: کار با UI Libraries (کامپوننت‌های آماده)

  • معرفی کتابخانه‌های محبوب UI (NativeBase, React Native Elements, UI Kitten)
  • نصب و راه‌اندازی UI Libraries
  • استفاده از کامپوننت‌های آماده (Buttons, Inputs, Cards, Lists, Modals)
  • سفارشی‌سازی کامپوننت‌های UI
  • ایجاد تم و استایل‌های دلخواه برای اپلیکیشن

بخش 5: مسیریابی و Navigation

  • معرفی React Navigation و نصب آن
  • Stack Navigation
  • Tab Navigation
  • Drawer Navigation
  • انتقال داده‌ها بین صفحات

بخش 6: کار با API و داده‌ها

  • دریافت داده‌ها از API با استفاده از Fetch
  • استفاده از کتابخانه‌های Axios و Async Storage
  • ذخیره و بازیابی داده‌ها در دستگاه
  • مدیریت خطاها و نمایش اطلاعات به کاربر
  • کار با JSON

بخش 7: بهینه‌سازی و رفع اشکالات

  • بهینه‌سازی عملکرد اپلیکیشن
  • شناسایی و رفع اشکالات (Debugging)
  • استفاده از DevTools
  • Test کردن اپلیکیشن
  • مدیریت خطاهای رایج

بخش 8: انتشار اپلیکیشن

  • آماده‌سازی اپلیکیشن برای انتشار
  • انتشار اپلیکیشن در Google Play Store
  • انتشار اپلیکیشن در Apple App Store
  • مدیریت نسخه‌ها و به‌روزرسانی اپلیکیشن
  • بازاریابی و تبلیغات اپلیکیشن

بخش 9: پروژه‌های عملی (چندین پروژه!)

  • ساخت یک اپلیکیشن TODO List
  • ساخت یک اپلیکیشن خبری
  • ساخت یک اپلیکیشن فروشگاهی
  • ساخت یک اپلیکیشن شبکه اجتماعی
  • ... و پروژه‌های بیشتر!

با گذراندن این دوره، شما به یک متخصص React Native تبدیل خواهید شد و می‌توانید اپلیکیشن‌های موبایل حرفه‌ای و کاربردی را بسازید. همین حالا ثبت‌نام کنید و آینده شغلی خود را متحول سازید!

SMART LEARNING PLATFORM
از مطالعه تا یادگیری ماندگار
فراتر از یک مجموعه فلش‌کارت؛ تجربه‌ای تعاملی برای یادگیری، تمرین، مرور هوشمند و مشاهده مسیر پیشرفت شما، همراه با امکان دریافت گواهی پایان دوره در دوره‌های واجد شرایط.
مرور فاصله‌دار آمار یادگیری گواهی دوزبانه
یادگیری را به یک مسیر قابل پیگیری تبدیل کنید
با ورود به سامانه آموزشی، محتوای دوره را به‌صورت مرحله‌ای دنبال کنید، فلش‌کارت‌ها را مرور کنید، دانش خود را با پرسش‌ها و آزمون‌ها بسنجید و روند پیشرفتتان را در طول مسیر ببینید.
⟳
مرور فاصله‌دار هوشمند
با مرور زمان‌دار، کارت‌های تازه و کارت‌های سررسیدشده را بر اساس برنامه مرور دنبال کنید. ارزیابی پاسخ‌ها به زمان‌بندی مرورهای بعدی کمک می‌کند تا تمرین متناسب‌تری داشته باشید.
◉
مشاهده مسیر پیشرفت
میزان مشاهده فلش‌کارت‌ها، فعالیت‌های مرور، عملکرد آزمون‌ها و آمار یادگیری را بررسی کنید و تصویر روشن‌تری از مسیر آموزشی خود داشته باشید.
▤
یادگیری مرحله‌به‌مرحله
فصل‌ها و بخش‌های آموزشی را به ترتیب دنبال کنید، مطالب دیده‌نشده را پیدا کنید و بدون سردرگمی به ادامه مسیر برگردید.
✓
تمرین و سنجش آموخته‌ها
با نکته‌های آموزشی، پرسش و پاسخ، کوییزها و آزمون‌های پایان فصل، دانسته‌های خود را تمرین کنید و بخش‌هایی را که به توجه بیشتری نیاز دارند بشناسید.
SMART REVIEW
هر بار، مرور هدفمندتر
لازم نیست هر روز از ابتدا درباره اینکه چه چیزی را مرور کنید تصمیم بگیرید. سامانه، صف مرور روزانه را بر اساس کارت‌های تازه و موعد مرور کارت‌ها آماده می‌کند. شما پاسخ را ارزیابی می‌کنید و برنامه مرور با توجه به آن تنظیم می‌شود.
دوباره
برای کارت‌هایی که به تمرین زودتر نیاز دارند.
سخت
برای پاسخ‌هایی که با دشواری به یاد آمده‌اند.
خوب
برای پاسخ‌هایی که به‌درستی به یاد آورده‌اید.
آسان
برای کارت‌هایی که پاسخ آن‌ها را به‌آسانی می‌دانید.
برنامه مرور بر اساس ارزیابی شما تنظیم می‌شود؛ مرور منظم می‌تواند به تثبیت آموخته‌ها کمک کند، اما به‌تنهایی تضمین‌کننده تسلط کامل نیست.
محتوا را به شیوه‌های مختلف تمرین کنید
ساختار دوره‌ها متناسب با موضوع آموزشی طراحی شده است و ممکن است انواع مختلفی از محتوا را در بر بگیرد.
نکته‌های ساده
برای مرور سریع مفاهیم اصلی و نکات کلیدی.
نکته‌های رسمی
برای تمرین تعاریف، اصطلاحات و بیان دقیق علمی.
کوییز
برای سنجش درک مطلب و بررسی گزینه صحیح.
پرسش و پاسخ
برای تمرین یادآوری و سنجش میزان تسلط بر مطالب.
محتوای هر دوره بر اساس ساختار و امکانات فعال همان دوره ارائه می‌شود.
LEARN ANYWHERE
همراه شما روی مرورگر
برای استفاده از نسخه تحت وب، کافی است با حساب کاربری خود وارد سامانه شوید. بدون نیاز به نصب یک برنامه اختصاصی، می‌توانید از مرورگر سازگار روی گوشی، تبلت یا رایانه به دوره‌های در دسترس خود مراجعه کنید.
گوشی هوشمند
برای مطالعه در زمان‌های کوتاه
تبلت و لپ‌تاپ
برای مطالعه و مرور راحت‌تر
حساب کاربری شخصی
برای دسترسی به دوره‌های مجاز شما
COURSE COMPLETION CERTIFICATE
گواهی پایان دوره؛ ثبت دستاورد شما
در دوره‌هایی که امکان دریافت گواهی برای آن‌ها فعال است، می‌توانید پس از تکمیل شرایط آموزشی، درخواست گواهی پایان دوره ثبت کنید.
شرایط درخواست گواهی
✓ داشتن دسترسی دارای قابلیت گواهی برای دوره مربوطه.
✓ تکمیل اطلاعات لازم در پروفایل، شامل کد ملی معتبر، عکس پرسنلی و نام و نام خانوادگی انگلیسی.
✓ مشاهده تمام فلش‌کارت‌های فعال دوره.
✓ قبولی در آزمون‌های پایان فصل، در صورت وجود آزمون برای فصل‌ها.
فارسی و انگلیسی
پس از تأیید و انتشار، نسخه‌های فارسی و انگلیسی گواهی در دسترس قرار می‌گیرند.
استعلام آنلاین
گواهی منتشرشده دارای QR Code و لینک اختصاصی برای بررسی آنلاین اعتبار آن است.
دانلود و چاپ
پس از انتشار گواهی، امکان دریافت نسخه PDF فارسی و انگلیسی و چاپ آن فراهم است.
توجه: ثبت درخواست به معنای صدور قطعی نیست. درخواست گواهی پس از بررسی و تأیید ادمین منتشر می‌شود. این گواهی، گواهی پایان دوره آموزشی است و به‌خودی‌خود معادل مدرک دانشگاهی یا مدرک رسمی مورد تأیید نهادهای دولتی نیست.
یادگیری را شروع کنید؛ پیشرفت را دنبال کنید
با تمرین منظم، مرور هدفمند و پیگیری مسیر آموزشی خود، قدم‌به‌قدم دانش و مهارت‌هایتان را گسترش دهید.
هر کارت، یک قدم به جلو
امکانات محتوایی، مرور و گواهی بر اساس سطح دسترسی و تنظیمات هر دوره متفاوت است.
نگاهی به محیط سامانه

یادگیری هوشمند، قدم‌به‌قدم

با محیط سامانه آموزشی آشنا شوید و نمونه‌هایی از فضای یادگیری، فلش‌کارت‌ها و ابزارهای مرور و تمرین را مشاهده کنید.

تصویر نمونه اول از سامانه آموزشی و فلش‌کارت‌ها
محیط سامانه آموزشی
برای مشاهده تصویر در اندازه بزرگ‌تر کلیک کنید
تصویر نمونه دوم از سامانه آموزشی و فلش‌کارت‌ها
یادگیری و مرور مطالب
برای مشاهده تصویر در اندازه بزرگ‌تر کلیک کنید
تصویر نمونه سوم از سامانه آموزشی و فلش‌کارت‌ها
تجربه مطالعه تعاملی
برای مشاهده تصویر در اندازه بزرگ‌تر کلیک کنید
تصویر نمونه چهارم از سامانه آموزشی و فلش‌کارت‌ها
امکانات بیشتر سامانه
برای مشاهده تصویر در اندازه بزرگ‌تر کلیک کنید

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

تگ‌ها: Component Front-End Mobile App Development React React Native UI design UI Libraries برنامه نویسی برنامه نویسی موبایل توسعه اپلیکیشن موبایل رابط کاربری ری‌اکت نیتیو کامپوننت آماده کتابخانه UI کدنویسی

نظرات

هنوز نظری ثبت نشده است.

وارد شوید تا نظر ثبت کنید.