آموزش React Native تمام عیار با NodeJS و ExpressJS - آخرین آپدیت

دانلود Full Stack React Native with NodeJS & ExpressJS

نکته: ممکن هست محتوای این صفحه بروز نباشد ولی دانلود دوره آخرین آپدیت می باشد.
نمونه ویدیوها:
توضیحات دوره:

آموزش جامع ری‌اکت نیتیو، نود جی‌اس، اکسپرس جی‌اس و مونگو‌دی‌بی

یادگیری کامل ری‌اکت نیتیو (React Native) با رداکس (Redux)، هوک‌ها (Hooks) و کانتکست (Context)، همراه با نود جی‌اس (Node.js)، اکسپرس جی‌اس (Express.js) و مونگو‌دی‌بی (MongoDB). پروژه‌های ری‌اکت (React) خود را بسازید.

مباحث کلیدی ری‌اکت نیتیو (React Native)

  • راه‌اندازی محیط مجازی ری‌اکت نیتیو
  • نصب وابستگی‌های ری‌اکت نیتیو برای مک (MAC) و ویندوز (Windows)
  • اجرای شبیه‌ساز اندروید (Android) و iOS با ری‌اکت نیتیو
  • نصب ری‌اکت نیتیو اکسپو (React Native Expo)
  • اجرای برنامه ری‌اکت اکسپو بر روی دستگاه موبایل
  • سینتکس JSX و عبارات در ری‌اکت نیتیو، نود جی‌اس، اکسپرس جی‌اس
  • سینتکس ES6
  • نمایش محتوا در شبیه‌ساز
  • استایل‌دهی با ری‌اکت نیتیو و قوانین فلکس‌باکس (Flex-box)
  • ارسال درخواست HTTP به API های راه دور
  • سیستم‌های استیت (State) و پراپس (Props)
  • کامپوننت‌های قابل استفاده مجدد
  • دسترسی به برنامه دیگر در تلفن همراه از برنامه ری‌اکت نیتیو
  • کتابخانه ری‌اکت نیویگیشن (React Navigation)
  • مسیریابی بین صفحات مختلف
  • انتقال داده بین صفحات مختلف با ری‌اکت نیویگیشن
  • یادگیری ایجاد ساختارهای هوک (Hooks) و کانتکست (Context)
  • ایجاد ساختارهای هوک (Hooks) و کانتکست (Context) با نمودارهای توضیحی
  • مفهوم کانتکست ای‌پی‌آی (Context API) و نحوه استفاده از آن
  • استفاده همزمان از کانتکست ای‌پی‌آی و هوک‌ها
  • ایجاد کانتکست با کامپوننت کلاس
  • دسترسی به کانتکست با کانتکست تایپ (Context Type)
  • مدیریت داده‌ها در کانتکست
  • نحوه استفاده از چندین کانتکست
  • نحوه ایجاد ردیوسر (Reducer)
  • نحوه استفاده از ردیوسر (Reducer)
  • هوک‌های useState, useEffect, useReducer, و useContext
  • مفاهیم ردیوسر، اکشن (Action) و دیسپچ (Dispatch) و موارد دیگر
  • استفاده از تکنیک‌های کدنویسی برای توسعه کارآمد با ری‌اکت
  • ساخت برنامه‌های وب سریع و کاربرپسند با ری‌اکت

یادگیری نود جی‌اس (Node.js)

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

  • یادگیری مفاهیم کلیدی نود جی‌اس
  • یادگیری ایجاد سرورها و درک نحوه عملکرد آنها
  • درک و استفاده از ایونت امیتر (Event Emitter)
  • درک بافرها (Buffers)، استریم‌ها (Streams) و پایپ‌ها (Pipes)
  • یادگیری مسیریابی (Routing) با نود جی‌اس

یادگیری مونگو‌دی‌بی (MongoDB)

  • یادگیری پرکاربردترین پایگاه داده سند-محور متن‌باز و پایگاه داده NoSQL معروف به مونگو‌دی‌بی
  • منطق پشت ذخیره‌سازی داده‌ها در مونگو‌دی‌بی
  • محبوب‌ترین کتابخانه مدل‌سازی داده‌های شیءگرا برای مونگو‌دی‌بی، مانگوئز جی‌اس (Mongoose.js)
  • یادگیری اجرای عملیات CRUD - نوشتن کوئری‌ها برای ایجاد، خواندن، به‌روزرسانی و حذف
  • درک دستورات ترمینال برای مدیریت پایگاه داده
  • ویژگی‌های پیشرفته مانگوئز جی‌اس
  • بهترین چارچوب تست برای نود جی‌اس، موکا (Mocha)
  • یادگیری سهولت استفاده از مونگو‌دی

یادگیری اکسپرس جی‌اس (Express.js)

  • یادگیری مفاهیم کلیدی اکسپرس جی‌اس
  • پارامترهای مسیر (Route Parameters) در اکسپرس
  • میان‌افزار (Middleware) و فایل‌های استاتیک (Static Files)
  • رشته‌های کوئری (Query Strings)

نکات مهم دوره

  • یادگیری نود جی‌اس راهی عالی برای ورود به توسعه بک‌اند وب یا گسترش تجربه توسعه فول‌استک شماست.
  • نود جی‌اس برای توسعه برنامه‌های بی‌درنگ (real-time) در جاوا اسکریپت ضروری است و در توسعه وب‌سایت‌هایی مانند eBay و PayPal نقش داشته است.
  • نود بر اساس یک حلقه رویداد (event loop) طراحی شده است که امکان مدیریت آسان توابع ناهمگام (asynchronous) را فراهم می‌کند.
  • نود جی‌اس یک محیط سرور است که برای برنامه‌های شبکه سریع و مقیاس‌پذیر ساخته شده است.
  • نود جی‌اس متن‌باز است، به این معنی که کد رایگانی برای همه توسعه‌دهندگان است.
  • یک سیستم زمان اجرا (runtime system) پلتفرمی است که یک برنامه نرم‌افزاری روی آن اجرا می‌شود.
  • گوگل فلاتر (Google Flutter) کیت ابزار UI را به توسعه‌دهندگان ارائه می‌دهد که شباهت‌هایی با ری‌اکت نیتیو دارد.
  • فلاتر همچنین دارای کامپوننت نیتیو است و برنامه‌های وب، موبایل و دسکتاپ را از یک مجموعه کد منبع واحد کامپایل می‌کند.
  • فلاتر نیز با اتکا به کد موجود، یک چارچوب رایگان و متن‌باز برای توسعه‌دهندگان است.
  • ری‌اکت نیتیو مبتنی بر جاوا اسکریپت است و تنها از آن استفاده می‌کند، در حالی که فلاتر تنها ارتباط ضعیفی با این زبان دارد. گوگل فلاتر عمدتاً از زبان جدید دارت (Dart) استفاده می‌کند.
  • ری‌اکت نیتیو که توسط فیس‌بوک ایجاد شده، یک چارچوب برنامه موبایل مبتنی بر متن‌باز است که تنها از جاوا اسکریپت استفاده می‌کند و قادر به پشتیبانی از اندروید و iOS است.
  • یادگیری ری‌اکت نیتیو راهی عالی برای کسب تجربه در توسعه برنامه‌های موبایل است.

پیش‌نیازها

  • هیچ دانش قبلی از ری‌اکت و ری‌اکت نیتیو مورد نیاز نیست.
  • دانش پایه جاوا اسکریپت (JavaScript)، HTML و CSS الزامی است، اما نیازی به تخصص نیست.
  • دانش پایه ES6 مفید است اما الزامی نیست.
  • اشتیاق به یادگیری ری‌اکت نیتیو
  • کامپیوتر با دسترسی به اینترنت
  • اشتیاق به یادگیری ری‌اکت نیتیو و نود جی‌اس
  • اشتیاق به یادگیری ری‌اکت نیتیو، نود جی‌اس، اکسپرس جی‌اس
  • اشتیاق به یادگیری ری‌اکت نیتیو و اکسپرس
  • اشتیاق به یادگیری ری‌اکت نیتیو، نود جی‌اس، اکسپرس جی‌اس
  • اشتیاق به یادگیری ری‌اکت نیتیو و نود جی‌اس
  • هیچ چیز دیگر! فقط شما، کامپیوترتان و اشتیاق شما برای شروع امروز.

مزایای دوره

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

خلاصه آنچه در پایان دوره خواهید آموخت

  • مبانی کتابخانه‌های ری‌اکت، ری‌اکت نیتیو، ری‌اکت نیویگیشن
  • نحوه ارسال درخواست HTTP از یک برنامه موبایل
  • نحوه استفاده از سیستم فلکس‌باکس (flex-box)
  • نحوه ایجاد کامپوننت‌های قابل استفاده مجدد
  • دسترسی به برنامه دیگر در دستگاه از برنامه خودتان
  • ایجاد برنامه موبایل خود با هر دو روش react-native-cli و expo-cli
  • ایجاد کانتکست با کامپوننت‌های کلاس و تابع
  • نحوه استفاده از کانتکست در کامپوننت‌های کلاس و تابع
  • نحوه استفاده از چندین کانتکست در یک کامپوننت
  • توابع هوک (Hooks Functions) (useState, useEffect, useReducer, useContext...)
  • ایجاد ردیوسر (Reducer) و استفاده از آن برای شما شفاف خواهد شد.
  • نحوه کار کد ناهمگام در Node و حلقه رویداد Node، و همچنین نحوه استفاده از ایونت امیتر، استریم‌ها، بافرها، پایپ‌ها و کار با فایل‌ها را خواهید آموخت.
  • نحوه ساخت یک سرور وب در Node با مثال‌های عملی را خواهیم دید.
  • منطق پشت ذخیره‌سازی داده‌ها در MongoDB
  • محبوب‌ترین کتابخانه مدل‌سازی داده‌های شیءگرا برای MongoDB، Mongoose JS
  • نوشتن کوئری‌ها برای عملیات ایجاد، خواندن، به‌روزرسانی و حذف
  • ویژگی‌های پیشرفته MongooseJS
  • بهترین چارچوب تست برای NodeJS، Mocha
  • ری‌اکت، یا ری‌اکت جی‌اس با نود جی‌اس و اکسپرس جی‌اس
  • ری‌اکت نیتیو
  • ری‌اکت نیتیو رداکس
  • ری‌اکت نیتیو با هوک‌ها و کانتکست
  • ری‌اکت نیتیو اکسپو
  • ری‌اکت نیتیو اندروید و iOS
  • نود جی‌اس
  • نود جی‌اس و مونگو‌دی‌بی
  • نود جی‌اس پیشرفته
  • API نود جی‌اس
  • نود جی‌اس مای‌اس‌کیوال
  • اکسپرس
  • اکسپرس جی‌اس
  • نود اکسپرس جی‌اس مونگو‌دی‌بی
  • اکسپرس جی‌اس مونگو‌دی‌بی
  • اکسپرس جی‌اس ری‌اکت

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

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

با ثبت‌نام در این دوره، تخصص توسعه‌دهندگان باتجربه آکادمی OAK را احساس خواهید کرد. به سوالات دانشجویان ظرف حداکثر ۴۸ ساعت پاسخ داده می‌شود.

هیچ دانش قبلی لازم نیست!

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

روند گام به گام، ساده و آسان با تمرین‌ها

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

ری‌اکت نیتیو (React Native) چیست؟

ری‌اکت نیتیو که توسط فیس‌بوک ایجاد شده است، یک چارچوب برنامه موبایل مبتنی بر متن‌باز است که تنها از جاوا اسکریپت استفاده می‌کند و قادر به پشتیبانی از هر دو پلتفرم اندروید و iOS است. ری‌اکت (که با نام React.js نیز شناخته می‌شود)، با صرفه‌جویی در زمان و تلاش توسعه‌دهندگان، تنها به یک زبان برنامه‌نویسی نیاز دارد. عنصر نیتیو به توسعه‌دهندگان اجازه می‌دهد تا کامپوننت‌های جاوا اسکریپت را برای طراحی برنامه‌های نرم‌افزاری که روی دستگاه‌ها و پلتفرم‌های مختلف مانند تلفن‌های هوشمند، تلویزیون‌های هوشمند و لپ‌تاپ‌ها اجرا می‌شوند، ایجاد کنند. با ری‌اکت نیتیو، توسعه‌دهندگان از مفاهیم مشابه چارچوب اصلی ری‌اکت برای طراحی رابط کاربری موبایل (UI) غنی برای محیط‌های مختلف از کامپوننت‌های موجود استفاده می‌کنند.

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

کسب‌وکارهایی که می‌خواهند برنامه‌های موبایل را به طور همزمان برای iOS و Android ایجاد کنند تا از عرضه یکپارچه اطمینان حاصل کنند، به توسعه‌دهندگانی با سابقه در ری‌اکت نیتیو نیاز دارند. مشاغل توسعه برنامه موبایل که به ری‌اکت نیتیو متکی هستند، می‌توانند روی متخصصانی حساب کنند که قادر به طراحی و ساخت رابط‌های کاربری خیره‌کننده در چندین پلتفرم هستند، زیرا این چارچوب همراه با پلتفرم‌هایی مانند ویندوز و tvOS کار می‌کند. توسعه‌دهندگان ری‌اکت نیتیو همچنین برای کمک به شرکت‌های iOS و Android در به‌روزرسانی و مدرن‌سازی برنامه‌های خود با ویژگی‌هایی مانند اعلان‌های فشار (push notifications) و انیمیشن برای اثربخشی بهتر برای مشترکین برنامه موبایل، حیاتی هستند. توسعه‌دهندگان با سابقه در ری‌اکت نیتیو ممکن است در توسعه فول‌استک، طراحی و اصلاح بازی‌های مبتنی بر وب، وب‌سایت‌ها، برنامه‌های موبایل و موارد دیگر کار کنند.

تفاوت بین ری‌اکت نیتیو و گوگل فلاتر چیست؟

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

نود جی‌اس (Node.js) چیست و برای چه کاری استفاده می‌شود؟

نود جی‌اس یک محیط سرور است که برای برنامه‌های شبکه سریع و مقیاس‌پذیر ساخته شده است. این نرم‌افزار بر روی زمان اجرای جاوا اسکریپت کروم (Chrome's JavaScript runtime) ساخته شده است و از مدل مبتنی بر رویداد و غیر مسدودکننده (event-driven, non-blocking model) استفاده می‌کند که آن را برای برنامه‌هایی که روی دستگاه‌های توزیع شده اجرا می‌شوند و نیاز به اجرای بی‌درنگ دارند، مناسب می‌کند. با استفاده از جاوا اسکریپت، می‌توان از نود جی‌اس توسط بسیاری از توسعه‌دهندگان نرم‌افزار که با جاوا اسکریپت آشنا هستند، استفاده کرد. از آنجایی که کد متن‌باز است، می‌توانید از آن در هر پلتفرمی (Mac OS، Windows یا Linux) نیز استفاده کنید. نود جی‌اس معماری ایجاد وب‌سایت‌ها و برنامه‌های بی‌درنگ است زیرا یادگیری آن برای تیم‌ها آسان است و سریع می‌باشد. نمونه‌هایی از برنامه‌هایی که از نود جی‌اس استفاده می‌کنند شامل برنامه‌های کنفرانس ویدئویی، سرورهای چت، نرم‌افزار تجارت الکترونیک و بازی‌های آنلاین مشترک است.

مزایای نود جی‌اس چیست؟

نود جی‌اس متن‌باز است، به این معنی که کد رایگانی برای همه توسعه‌دهندگان است. علاوه بر این، به این معنی است که جامعه پر رونقی از کاربران و برنامه‌نویسان نود جی‌اس وجود دارد که همگی به پایگاه دانش اضافه می‌کنند. بسیاری خوشحالند که طعم کد خود را با سایر توسعه‌دهندگان به اشتراک بگذارند و در مجموع، محیط نود جی‌اس همچنان در حال بهبود است. از آنجایی که نود جی‌اس از جاوا اسکریپت استفاده می‌کند، تعداد زیادی توسعه‌دهنده وجود دارند که این محیط را درک کرده و می‌توانند در آن کد بنویسند. همچنین یک محیط نسبتاً ساده برای اعضای جدید تیم برای یادگیری است و آن را به گزینه‌ای کارآمد برای تیم‌های توسعه با افرادی که نیاز به آموزش دارند تبدیل می‌کند. نود جی‌اس بر اساس فناوری Push به جای سوکت‌های وب (web sockets) توسعه یافته است، به همین دلیل است که گزینه ارجح برای برنامه‌های ارتباطی بی‌درنگ و برنامه‌هایی است که نیاز به مقیاس‌پذیری بالا دارند.

منظور از اینکه نود جی‌اس یک سیستم زمان اجرا است چیست؟

یک سیستم زمان اجرا (runtime system) پلتفرمی است که یک برنامه نرم‌افزاری روی آن اجرا می‌شود. این اساساً محیطی است که مجموعه نرم‌افزار و سخت‌افزاری را در خود جای داده است که به یک برنامه اجازه می‌دهد اجرا شود. نود جی‌اس یک سیستم زمان اجرا است زیرا محیط لازم را برای اجرای برنامه‌ها در داخل خود فراهم می‌کند و هیچ کد یا سخت‌افزار اضافی مورد نیاز نیست. از آنجایی که نود جی‌اس از جاوا اسکریپت استفاده می‌کند، یک سیستم زمان اجرا است که چارچوبی را فراهم می‌کند که در آن می‌توانید از جاوا اسکریپت برای ایجاد و اجرای برنامه‌ها استفاده کنید. زبان برنامه‌نویسی جاوا اسکریپت (که بسیار محبوب است) سپس به طور خودکار به کد ماشین ترجمه می‌شود تا سخت‌افزار برنامه را در زمان واقعی اجرا کند. این یک سیستم کارآمد است و آن را به گزینه ارجح برای بسیاری از شرکت‌های نرم‌افزاری و فناوری تبدیل می‌کند.

معماری میکروسرویس چیست و چگونه می‌توان از نود جی‌اس برای آن استفاده کرد؟

معماری میکروسرویس یک سبک یا روش توسعه نرم‌افزار است که در آن ماژول‌های با عملکرد واحد منشأ می‌گیرند. هر کدام دارای عملیات و رابط بسیار تعریف شده‌ای هستند و می‌توانند به تنهایی مستقر شوند. در اصل، این روشی برای توسعه ماژول‌ها است که می‌توانید از یک برنامه یا اپلیکیشن به برنامه یا اپلیکیشن دیگر مجدداً استفاده کنید. هنگام ایجاد یک برنامه، این مجموعه‌ای از ماژول‌های به‌طور کامل آزمایش شده و به‌خوبی نگهداری شده است. ماژول‌ها معمولاً بر اساس قابلیت‌های مختلف خاص کسب‌وکار ساخته می‌شوند و سپس هنگام استقرار به عنوان بخشی از یک برنامه، با ماژول‌های دیگر با اتصال ضعیف (loosely coupled) هستند. می‌توانید از نود جی‌اس در معماری میکروسرویس به عنوان زبان انتخابی برای یک، چند یا همه میکروسرویس‌ها (یا ماژول‌ها) استفاده کنید. زیبایی میکروسرویس‌ها این است که می‌توانید از بهترین زبان برای میکروسرویس خاص استفاده کنید. اما در جاهایی که برنامه‌های بسیار مقیاس‌پذیر و سریع مورد نیاز است، نود جی‌اس گزینه مناسبی خواهد بود.

کیفیت تولید ویدئو و صدا

تمام ویدئوهای ما با کیفیت بالای ویدئو و صدا ایجاد/تولید می‌شوند تا بهترین تجربه یادگیری را به شما ارائه دهیم.

  • دیدن واضح
  • شنیدن واضح
  • حرکت بدون وقفه در طول دوره

همچنین دریافت خواهید کرد:

  • دسترسی مادام‌العمر به دوره
  • پشتیبانی سریع و دوستانه در بخش پرسش و پاسخ
  • گواهینامه تکمیل دوره یودمی آماده دانلود

همین حالا به دوره "فول استک ری‌اکت نیتیو با نود جی‌اس و اکسپرس جی‌اس" بپیوندید.

ما پشتیبانی کامل ارائه می‌دهیم و به هر سوالی پاسخ می‌دهیم.

شما را در دوره می‌بینیم!


سرفصل ها و درس ها

مقدمه ای بر React Native با NodeJS و ExpressJS Intro to React Native with NodeJS & ExpressJS

  • در دوره Full Stack React Native چه چیزهایی یاد خواهیم گرفت؟ What will we learn in Full Stack React Native?

  • چگونه در React Native کمک بگیریم؟ How To Get Help in React Native?

  • مخزن کامل دوره گیت‌هاب در React Native با Nodejs و express js Github Complete Course Repo in React Native with Nodejs and express js

  • سوالات متداول درباره Full Stack React Native، NodeJS، Express JS FAQ about Full Stack React Native, NodeJS, Express JS

React Native - راه اندازی برای ویندوز React Native - Set Up For Windows

  • ابزارهای رایگان برای ویندوز Free Tools For Windows

  • راه اندازی ویندوز برای React Native Windows Setup for React Native

  • React Native نحوه راه اندازی امولاتور در Android Studio React Native How to Start Emulator In Android Studio

  • React Native: چک لیست راه اندازی امولاتور اندروید React Native: Android Emulator Setup Checklist

React Native - راه اندازی برای OSX React Native - Setup For OSX

  • ابزارهای رایگان برای iOS Free Tools for IOS

  • راه اندازی OSX برای React Native OSX Setup for React Native

  • React Native: راه اندازی امولاتور React native: Start the Emulator

  • React Native: چک لیست راه اندازی امولاتور MAC iOS React Native: MAC IOS Emulator Setup Checklist

React Native و Expo React Native and Expo

  • React Native روی دستگاه موبایل React Native on Mobile Device

  • پروژه Expo CLI Expo CLI Project

React Native و JSX React Native and JSX

  • نحوه ساخت یک اپلیکیشن با React Native How To Create An App with React Native

  • مشاهده محتوا روی امولاتور See Content on Emulator

  • چرا به React و React Native نیاز داریم؟ Why Do We Need React and React Native?

  • سینتکس ES6 (Let, Const, Var) در React Native ES6 Syntax ( Let, Const, Var ) in React Native

  • اولین کامپوننت React Native React Native First Component

  • نحوه نمایش کامپوننت روی دستگاه در React Native How To Show Component on Device in React Native

  • نحوه ساخت اولین اپلیکیشن React خود How to Build Our First React App

  • نحوه اتصال یک کامپوننت به کامپوننت ریشه How To Connect A Component To The Root Component

  • وارد کردن یک کامپوننت به کامپوننت دیگر در React Native Import A Component To Another Component in React Native

  • آزمون Quiz

استایل دهی برای React Native Styling For React Native

  • استایل دهی با JSX Styling with JSX

  • نمایش ویوها Displaying of Views

  • استایل دهی کامپوننت Header در React Header Component’s Styling in React

  • Props در React React Props

  • نحوه استفاده مجدد از کد با سیستم Props How To Reuse Code With Props System

  • آزمون Quiz

درخواست API با React Native API Request With React Native

  • نحوه نمایش لیست به کاربر How To Show a List To The User

  • کامپوننت List The List Component

  • مقایسه کامپوننت تابعی و کامپوننت مبتنی بر کلاس Func Component vs Class Based Component

متدهای چرخه حیات در React JS و React Native LifeCycle Methods in React JS and React Native

  • چه زمانی به متدهای چرخه حیات نیاز داریم؟ When Do We Need Lifecycle Methods?

  • متدهای چرخه حیات LifeCycle Methods

  • انجام درخواست با Axios Making Request With Axios

  • آزمون quiz

State در React Native State in React Native

  • State چیست و چگونه مقدار اولیه آن را در React Native تنظیم کنیم؟ What Is State And How To Initial State in React Native

  • استفاده از State در React Native Using of State in React Native

  • چرخه حیات کامپوننت با State A Component’s Lifecycle With State

  • کامپوننت List در React Native List Component in React Native

  • کامپوننت آیتم List List Item Component

  • کامپوننت‌های قابل استفاده مجدد Reusable Components

  • کامپوننت استایل دهی شده برای آیتم‌های لیست Styled Component for List Items

  • استفاده از Props.Children Usage of Props.Children

  • بخش آیتم Item Section

  • آزمون Quiz

چیدمان با Flexbox در React Native Layout With Flexbox in React Native

  • مقدمه ای بر Flexbox Introduction to the Flexbox

  • کامپوننت Header بخش Section Header Component

  • نحوه نمایش تصویر How To Show An Image

  • محتوای قابل اسکرول Scrollable Content

  • تعامل کاربر با React Native User Interaction with React Native

  • مدیریت کننده های رویداد Event Handlers

  • نحوه باز کردن اپلیکیشن دیگر (مرورگر) How To Open Another App (Browser)

  • آزمون quiz

پروژه Router Expo CLI در React Native Router Expo CLI Project in React Native

  • پروژه Router Expo CLI در React Native Router Expo CLI Project in React Native

  • مشاهده محتوا روی دستگاه یا امولاتور See The Content On A Device or Emulator

  • Router چیست و نصب آن What Is Router And Installation

  • راه اندازی Router در پروژه Setting Up a Router in Project

Flatlist در React Native Flatlist in React Native

  • Flatlist در React Native Flatlist in React Native

  • رندر کردن لیست با FlatList Rendering A List With FlatList

  • FlatList چگونه کار می کند How Does FlatList Work

  • دادن Prop کلید Giving the Key Prop

  • Propsهای FlatList FlatList Props

  • آزمون quiz

مسیریابی صفحه های مختلف در React Native Route Different Screens in React Native

  • صفحه جزئیات کتاب در پروژه React Native Book Detail Screen in React Native Project

  • ناوبری بین صفحات در React Native Navigate Between Screens in React Native

  • ناوبری از یک کامپوننت فرزند در React Native Navigating from a Child Component in React Native

  • تابع withNavigation در React Native withNavigation Function in React Native

  • انتقال داده بین صفحات در پروژه React Native Data Transfer Between Screens in React Native project

Hooks و Context در React Native Hooks and Context in React Native

  • آشنایی با Hooks و Context Let's Meet Hooks and Context

  • Hooks و Context Hooks and Context

پروژه Context API Context API Project

  • ساخت اولین اپلیکیشن React Let's Create First React Application

  • Context API در React چیست و چرا از آن استفاده می کنیم؟ What is React Context API and Why We Use It?

  • Context و Provider Context and Provider

  • Context Provider Context Provider

  • دسترسی به Context Accessing Context

  • دسترسی به داده های Context از کامپوننت TodoList Let's Access Context Data from TodoList Component

  • دسترسی به Context با Context Consumer Accessing Context with Context Consumer

  • آزمون quiz

به روز رسانی Context Update Context

  • به روز رسانی داده های Context Updating Context Data

  • ایجاد چندین Context Creating Multiple Contexts

  • آزمون quiz

مصرف چندین Context در React Native Consume Multiple Context in React Native

  • مصرف چندین Context Consuming Multiple Contexts

  • آزمون quiz

Hooks در React و React Native React and React Native Hooks

  • مقدمه ای بر Hooks Intro to Hooks

  • راه اندازی پروژه Hooks Let's Setup Hooks Project

  • useState Hooks useState Hooks

  • useState با فرم ها useState with Forms

  • useEffect Hook useEffect Hook

  • Hooks با Context Hooks with Context

  • مصرف چندین Context با useContext Consuming Multiple Context with useContext

  • آزمون quiz

Context با کامپوننت تابعی Context With Functional Component

  • ایجاد Context با کامپوننت های تابعی Creating Context with Functional Components

  • Hooks و Context Hooks and Context

  • افزودن Todo جدید با Hooks و Context Adding New Todo with Hooks & Context

  • آزمون quiz

Reducers Reducers

  • حذف Todo Remove Todo

  • useReducers useReducers

  • افزودن Reducer Adding a Reducer

  • انتقال useReducer به فایل جداگانه Move useReducer Into Its Own File

  • آزمون quiz

Node JS با React Node JS with React

  • Node و Express چیستند؟ What is Node and Express?

  • نصب Node JS Installing Node JS

  • فایل های پروژه در React Native Project Files in React Native

  • موتور V8 V8 Engine

  • سراسری های Node JS Node JS Globals

  • توابع Functions

  • Module و Require Module and Require

  • الگوهای Module exports در React Module exports patterns in React

  • Event Emitter در React Native Event Emitter in React Native

  • اطلاعات بیشتر درباره Event Emitters More about Event Emitters

  • خواندن و نوشتن فایل ها Reading and Writing Files

  • ایجاد و حذف دایرکتوری ها Creating and Removing Directories

  • React Native - آزمون React Native - Quiz

سرور در React، Nodejs، express Server in React, Nodejs, express

  • کلاینت ها و سرورها Clients & Servers

  • ایجاد سرور در React Native Creating Server in React Native

  • آزمون React Native React Native Quiz

Streams و Buffers در Node js و express js Streams and Buffers in Node js and express js

  • Streams و Buffers Streams and Buffers

  • Readable Stream Readable Stream

  • Write Stream Write Stream

  • Pipe Pipe

  • سرو کردن HTML Serving HTML

  • سرو کردن داده های JSON Serving JSON Data

  • مسیریابی Routing

  • آزمون React، node، express React, node, express Quiz

Express با React Native، Node js، Express js Express with React Native, Node js, Express js

  • Node Package Manager Node Package Manager

  • فایل Package Json Package Json File

  • نصب Nodemon Installing Nodemon

  • Express Express

  • پارامترهای مسیر (Route Params) Route Params

  • Template Engines Template Engines

  • Template Engines 2 Template Engines 2

  • Partial Views Partial Views

  • فایل های استاتیک Static Files

  • Query Strings Query Strings

  • Post Request Post Request

  • اپلیکیشن Todo (قسمت اول) Todo App (Part-1)

  • اپلیکیشن Todo (قسمت دوم) Todo App (Part-2)

  • اپلیکیشن Todo (قسمت سوم) Todo App (Part-3)

  • اپلیکیشن Todo (قسمت چهارم) Todo App (Part-4)

Mongo DB Mongo DB

  • MongoDB چیست What is MongoDB

  • فایل های پروژه Mongodb Mongodb Project Files

  • راه اندازی OSX OSX Setup

  • OSX – Robomongo OSX – Robomongo

  • راه اندازی ویندوز در Mongodb، Express Js Windows Setup in Mongodb, Express Js

  • ویندوز – Robomongo Windows – Robomongo

  • آزمون quiz

تجربه Test Driven Test Driven Experience

  • آخرین تنظیمات قبل از شروع پروژه Last Setup Before the Project Start

  • مقدمه ای بر پروژه با Mongodb Introduction to Project with Mongodb

  • شروع پروژه Mongodb Start to Mongodb Project

  • Mongoose Connection Helper 1 Mongoose Connection Helper 1

  • مدل های Mongoose Models of Mongoose

  • شروع تست با Mocha Start to test with Mocha

  • ایجاد و ذخیره مدل ها Creating and Saving Models

  • چگونه می توانیم کالکشن ها را حذف کنیم؟ How we can drop collections?

  • ویژگی isNew در Mongoose isNew Property in Mongoose

  • جستجوی find() در React JS find() Query in React JS

  • ویژگی _id The _id Property

  • تست خودکار Testing Automatically

  • جستجوی findOne() findOne() Query

  • حذف رکوردها Deleting Records

  • به روز رسانی رکوردها (1) Updating Records (1)

  • به روز رسانی رکوردها (2) Updating Records (2)

  • آزمون quiz

Operators Operators

  • عملگرهای به روز رسانی Updating Operators

  • عملگر $mul به عنوان مثال $mul Operator as an example

  • اعتبارسنجی Mongoose (1) Mongoose Validation (1)

  • اعتبارسنجی Mongoose (2) Mongoose Validation (2)

  • اعتبارسنجی Mongoose (3) Mongoose Validation (3)

  • مدیریت خطاها Handling Errors

  • آزمون quiz

مدیریت داده های رابطه ای Handling Relational Data

  • تعبیه اسناد (Embedding Documents) Embedding Documents

  • تست با زیر اسناد (Subdocuments) Test with Subdocuments

  • افزودن زیر سند جدید Adding New Subdocument

  • حذف زیر سند Removing Subdocument

  • انواع مجازی (Virtual Types) (1) Virtual Types (1)

  • انواع مجازی (Virtual Types) (2) Virtual Types (2)

  • آزمون quiz

طراحی Schema Schema Design

  • توسعه منابع تو در تو (Nested Resources) Developing Nested Resources

  • استفاده از ref برای انجمن ها Using ref for associations

  • تست انجمن (Association) Testing Association

  • Promise.all Promise.all

  • Modifiers Modifiers

  • Nested Populate Nested Populate

  • آزمون quiz

اضافی Extra

  • Full Stack React Native با NodeJS و ExpressJS Full Stack React Native with NodeJS & ExpressJS

نمایش نظرات

آموزش React Native تمام عیار با NodeJS و ExpressJS
جزییات دوره
19.5 hours
167
Udemy (یودمی) Udemy (یودمی)
(آخرین آپدیت)
972
4.5 از 5
ندارد
دارد
دارد
جهت دریافت آخرین اخبار و آپدیت ها در کانال تلگرام عضو شوید.

Google Chrome Browser

Internet Download Manager

Pot Player

Winrar

OAK Academy OAK Academy

کارآفرین

OAK Academy Team OAK Academy Team

مربی