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

249,500 تومان
React Native و UI Libraries: دوره‌ی ساخت اپلیکیشن‌های موبایل حرفه‌ای React Native و UI Libraries: دوره‌ی ساخت اپلیکیشن‌های موبایل حرفه‌ای آیا رویای ساخت اپلیکیشن موبایل خود را در سر دارید؟ آیا می‌خواه...
پرداخت اقساطی
در صورت خرید اقساطی هر قسط: 62,375 تومان
۴ قسط ماهانه. بدون سود، چک و ضامن.
پرداخت اقساطی با دیجی‌پی پرداخت اقساطی با ترب‌پی

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

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

عنوان دوره: 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 تبدیل خواهید شد و می‌توانید اپلیکیشن‌های موبایل حرفه‌ای و کاربردی را بسازید. همین حالا ثبت‌نام کنید و آینده شغلی خود را متحول سازید!

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

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

📴
یادگیری بدون اینترنت مداوم
پس از نصب و در دسترس بودن محتوای دوره، فلش‌کارت‌ها را در زمان و مکان دلخواه مرور کنید.
🗂️
انواع محتوای آموزشی
از نکته‌های آموزشی تا پرسش‌های چهارگزینه‌ای و پرسش‌وپاسخ، مطالب را متناسب با نیاز خود مرور کنید.
📊
ارزیابی میزان یادگیری
پاسخ‌های درست و غلط خود را ثبت کنید و آمار عملکردتان را به تفکیک نوع محتوا ببینید.
🎯
مرور هدفمند فصل‌ها
فصل‌های موردنظر را انتخاب کنید و با استفاده از گزینه انتخاب همه، مرور فصل‌های مرورنشده را در اولویت قرار دهید.
انواع فلش‌کارت‌های قابل مرور

محتوای آموزشی در قالب‌های متنوع ارائه می‌شود تا هم برای یادگیری مفاهیم جدید و هم برای تثبیت آموخته‌ها قابل استفاده باشد.

💬
نکته‌های خودمانی
یادگیری ساده و روان
📘
نکته‌های رسمی و کتابی
مرور دقیق مفاهیم
📝
پرسش‌های چهارگزینه‌ای
سنجش آموخته‌ها
❓
پرسش‌وپاسخ
تمرین یادآوری پاسخ
🎓
درسنامه
مرور محتوای آموزشی
امکانات مرور و ارزیابی
حرکت ساده بین کارت‌ها
استفاده از دکمه‌های قبلی و بعدی و مشاهده نوار پیشرفت برای دنبال کردن روند مرور.
مشاهده پاسخ و توضیحات
برگرداندن کارت برای نمایش پاسخ و توضیحات در قالب‌هایی مانند تست و پرسش‌وپاسخ.
تنظیم اندازه فونت
انتخاب اندازه مناسب نوشته‌ها برای تجربه مطالعه راحت‌تر.
نمایش فرمول‌های ریاضی
پشتیبانی از نمایش صحیح فرمول‌ها و روابط ریاضی مبتنی بر LaTeX.
ثبت نتیجه و گزارش آماری
علامت‌گذاری هر پاسخ به‌صورت درست یا غلط و مشاهده تعداد و درصد موفقیت برای انواع محتوا.
طراحی‌شده برای مطالعه روزمره
  • رابط کاربری فارسی و راست‌چین با فونت وزیر.
  • تم روشن و تیره مطابق تنظیمات سیستم.
  • صفحه‌بندی ساده برای انتخاب دوره و شروع مرور.
  • نمایش تعداد دفعات مرور هر فصل.
  • انتخاب چند فصل برای مرور هم‌زمان.
  • امکان تمرکز بر فصل‌هایی که هنوز مرور نشده‌اند.
مناسب برای چه کسانی است؟

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

توجه: محتوای آموزشی و تعداد فلش‌کارت‌ها به دوره انتخاب‌شده بستگی دارد. محتوای دوره پس از نصب، درون برنامه قابل استفاده است؛ با این حال، دریافت اولیه اپلیکیشن و به‌روزرسانی‌های احتمالی ممکن است به اینترنت نیاز داشته باشند.
گالری تصاویر اپلیکیشن‌ها
محیط واقعی اپلیکیشن‌های آموزشی ما
تصاویر زیر، نمونه‌هایی از محیط واقعی اپلیکیشن‌های آموزشی ما هستند و قالب کلی، سبک طراحی و شیوه نمایش محتوای آموزشی در این برنامه‌ها را نشان می‌دهند.
نگاهی به فضای داخل برنامه
تصویر محیط اپلیکیشن آموزشی ۱
نمای اپلیکیشن ۱
تصویر محیط اپلیکیشن آموزشی ۲
نمای اپلیکیشن ۲
تصویر محیط اپلیکیشن آموزشی ۳
نمای اپلیکیشن ۳
تصویر محیط اپلیکیشن آموزشی ۴
نمای اپلیکیشن ۴
تصویر محیط اپلیکیشن آموزشی ۵
نمای اپلیکیشن ۵
تصویر محیط اپلیکیشن آموزشی ۶
نمای اپلیکیشن ۶
تصویر محیط اپلیکیشن آموزشی ۷
نمای اپلیکیشن ۷
تصویر محیط اپلیکیشن آموزشی ۸
نمای اپلیکیشن ۸
تصویر محیط اپلیکیشن آموزشی ۹
نمای اپلیکیشن ۹
تصویر محیط اپلیکیشن آموزشی ۱۰
نمای اپلیکیشن ۱۰
تصویر محیط اپلیکیشن آموزشی ۱۱
نمای اپلیکیشن ۱۱
نکته مهم درباره تصاویر
این تصاویر نمونه‌ای از قالب و سبک طراحی اپلیکیشن‌های آموزشی ما هستند. اپلیکیشن ارائه‌شده نیز از همین رویکرد طراحی و نمایش محتوای آموزشی پیروی می‌کند؛ جزئیات ظاهری و امکانات قابل مشاهده ممکن است متناسب با نوع دوره و بخش مورد استفاده متفاوت باشد.
تگ‌ها: Component Front-End Mobile App Development React React Native UI design UI Libraries برنامه نویسی برنامه نویسی موبایل توسعه اپلیکیشن موبایل رابط کاربری ری‌اکت نیتیو کامپوننت آماده کتابخانه UI کدنویسی

نظرات

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

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