آموزش React Native, Redux & Express - فول استک React Native - آخرین آپدیت

دانلود React Native, Redux & Express - Full Stack React Native

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

آموزش ساخت اپلیکیشن‌های فول استک با MERN: React Native، Redux برای فرانت‌اند و Node، Express، MongoDB برای بک‌اند.

آیا به دنبال ساخت اپلیکیشن‌های موبایل قدرتمند و فول استک با استفاده از React Native و Redux در فرانت‌اند و Node، Express و MongoDB در بک‌اند هستید؟ دوره جامع آموزش ساخت اپلیکیشن اشتراک‌گذاری صوتی با MERN Stack (React Native & Redux) دقیقا برای شما طراحی شده است!

این دوره برای افراد مبتدی در React Native طراحی شده است، اما داشتن پایه‌ای قوی در توسعه وب و JavaScript مهم است. در این دوره، مبانی React، Node برای ساخت API، TypeScript و Redux را خواهید آموخت. بنابراین، اگر با JavaScript راحت هستید و آشنایی نسبی با توسعه وب دارید، این دوره برای شما عالی است!

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

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

در بک‌اند، یاد خواهید گرفت که چگونه یک API با Node و Express و MongoDB بسازید و درک کاملی از اصول طراحی APIهای RESTful به دست آورید و یاد بگیرید که چگونه از MongoDB برای ذخیره و بازیابی داده‌ها برای اپلیکیشن خود استفاده کنید. همچنین از Mailtrap برای مدیریت ایمیل‌ها برای احراز هویت استفاده خواهیم کرد.

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

در این دوره، یاد خواهید گرفت که چگونه با استفاده از React Query، درخواست‌های API را مدیریت کنید. React Query یک کتابخانه قدرتمند است که واکشی داده‌ها در React را ساده و بهینه می‌کند.

علاوه بر این، یک پخش کننده صوتی قدرتمند نیز خواهید ساخت که از هر دو سیستم عامل Android و iOS پشتیبانی می‌کند و صدا را از اینترنت پخش می‌کند. شما یاد خواهید گرفت که چگونه از APIهای صوتی React Native برای ساخت یک پخش کننده صوتی کاربرپسند، همراه با کنترل‌های پخش، نمایش متادیتا و موارد دیگر استفاده کنید.

چه به دنبال ساخت پخش‌کننده صوتی خود باشید و چه علاقه‌مند به یادگیری نحوه کار با React Query، این دوره هر آنچه را که برای ارتقای مهارت‌های توسعه MERN stack خود نیاز دارید، دارد. پس منتظر چه هستید؟ همین حالا ثبت نام کنید و شروع به ساخت اپلیکیشن‌های شگفت‌انگیز کنید!


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

Environment Setup - Windows-فصل-1-راه اندازی محیط - ویندوز Environment Setup - Windows

  • Node JS-ویدئو-1-1-Node JS Node JS

  • Typescript-ویدئو-1-2-Typescript Typescript

  • Mongodb-ویدئو-1-3-Mongodb Mongodb

  • Postman-ویدئو-1-4-Postman Postman

Environment Setup - MAC-فصل-2-راه اندازی محیط - MAC Environment Setup - MAC

  • Installing Node JS-ویدئو-2-1-نصب Node JS Installing Node JS

  • Installing Typescript-ویدئو-2-2-نصب Typescript Installing Typescript

  • VS Code-ویدئو-2-3-VS Code VS Code

  • Open With VS Code-ویدئو-2-4-باز کردن با VS Code Open With VS Code

  • Home brew-ویدئو-2-5-Home brew Home brew

  • MongoDB-ویدئو-2-6-MongoDB MongoDB

  • MongoDB Compass-ویدئو-2-7-MongoDB Compass MongoDB Compass

Typescript Basic-فصل-3-مبانی Typescript Typescript Basic

  • What is TypeScript-ویدئو-3-1-TypeScript چیست What is TypeScript

  • Basic Types in JavaScript-ویدئو-3-2-انواع اصلی در JavaScript Basic Types in JavaScript

  • Type Inferences-ویدئو-3-3-استنباط نوع Type Inferences

  • Basic Rules to Define Types-ویدئو-3-4-قواعد اصلی برای تعریف انواع Basic Rules to Define Types

  • Types for Objects and Arrays-ویدئو-3-5-انواع برای اشیاء و آرایه ها Types for Objects and Arrays

  • type Keyword & Optional Types-ویدئو-3-6-کلیدواژه type و انواع اختیاری type Keyword & Optional Types

  • Functions-ویدئو-3-7-توابع Functions

  • Interface-ویدئو-3-8-Interface Interface

  • Generic Types-ویدئو-3-9-انواع جنریک Generic Types

  • Any Type-ویدئو-3-10-نوع Any Any Type

React Native Direct-فصل-4-React Native مستقیم React Native Direct

  • What if I don't want to build server?-ویدئو-4-1-اگر نخواهم سرور بسازم چه؟ What if I don't want to build server?

API Basic-فصل-5-مبانی API API Basic

  • Node TS Setup-ویدئو-5-1-راه اندازی Node TS Node TS Setup

  • package, package-lock and node_modules-ویدئو-5-2-package, package-lock و node_modules package, package-lock and node_modules

  • Basic Express Server-ویدئو-5-3-سرور Express پایه Basic Express Server

  • Node TS Professional Setup-ویدئو-5-4-راه اندازی حرفه ای Node TS Node TS Professional Setup

  • The Plan-ویدئو-5-5-برنامه The Plan

  • Sending Data With Post Request-ویدئو-5-6-ارسال داده با درخواست Post Sending Data With Post Request

  • Middleware Function-ویدئو-5-7-تابع Middleware Middleware Function

  • There s More-ویدئو-5-8-چیزهای بیشتری هست There s More

  • Setting up Mongodb-ویدئو-5-9-راه اندازی Mongodb Setting up Mongodb

  • New Schema & Document-ویدئو-5-10-اسکیما و سند جدید New Schema & Document

  • Types for Schema-ویدئو-5-11-انواع برای اسکیما Types for Schema

  • _id and __v-ویدئو-5-12-_id و __v _id and __v

  • Updating Document-ویدئو-5-13-به روز رسانی سند Updating Document

  • Updating Document Part-2-ویدئو-5-14-به روز رسانی سند قسمت-2 Updating Document Part-2

  • Removing Document-ویدئو-5-15-حذف سند Removing Document

  • Reading Document-ویدئو-5-16-خواندن سند Reading Document

  • HTTP Methods-ویدئو-5-17-متدهای HTTP HTTP Methods

  • Code Refactor-ویدئو-5-18-بازسازی کد Code Refactor

  • Code Refactor Part-2-ویدئو-5-19-بازسازی کد قسمت-2 Code Refactor Part-2

React Basic-فصل-6-مبانی React React Basic

  • React-ویدئو-6-1-React React

  • React Project Setup-ویدئو-6-2-راه اندازی پروژه React React Project Setup

  • JSX-ویدئو-6-3-JSX JSX

  • Understanding from Ground-ویدئو-6-4-درک از پایه Understanding from Ground

  • Basic App-ویدئو-6-5-برنامه پایه Basic App

  • Tailwind CSS Setup-ویدئو-6-6-راه اندازی Tailwind CSS Tailwind CSS Setup

  • What & Why Tailwind CSS-ویدئو-6-7-Tailwind CSS چیست و چرا What & Why Tailwind CSS

  • UI For Note Form-ویدئو-6-8-UI برای فرم یادداشت UI For Note Form

  • UI For Note Items-ویدئو-6-9-UI برای آیتم های یادداشت UI For Note Items

  • Resuable Component Part-1-ویدئو-6-10-کامپوننت قابل استفاده مجدد قسمت-1 Resuable Component Part-1

  • Resuable Component Part-2-ویدئو-6-11-کامپوننت قابل استفاده مجدد قسمت-2 Resuable Component Part-2

  • React State-ویدئو-6-12-وضعیت React React State

  • Understanding useState-ویدئو-6-13-درک useState Understanding useState

  • Update State From Single Place-ویدئو-6-14-به روز رسانی وضعیت از یک مکان Update State From Single Place

  • Submitting Form-ویدئو-6-15-ارسال فرم Submitting Form

  • Fixing CORS-ویدئو-6-16-رفع CORS Fixing CORS

  • Rendering New Notes-ویدئو-6-17-رندر یادداشت های جدید Rendering New Notes

  • useEffect-ویدئو-6-18-useEffect useEffect

  • Fetching All Notes-ویدئو-6-19-واکشی تمام یادداشت ها Fetching All Notes

  • Updating Notes-ویدئو-6-20-به روز رسانی یادداشت ها Updating Notes

  • Updating UI-ویدئو-6-21-به روز رسانی UI Updating UI

  • map vs map-ویدئو-6-22-map در مقابل map map vs map

  • Removing Note-ویدئو-6-23-حذف یادداشت Removing Note

  • View Note Details-ویدئو-6-24-مشاهده جزئیات یادداشت View Note Details

  • Hiding Note-ویدئو-6-25-مخفی کردن یادداشت Hiding Note

Project Setup For Real Project-فصل-7-راه اندازی پروژه برای پروژه واقعی Project Setup For Real Project

  • Intro-ویدئو-7-1-مقدمه Intro

  • Project Setup-ویدئو-7-2-راه اندازی پروژه Project Setup

  • The Plan-ویدئو-7-3-برنامه The Plan

  • DB Setup-ویدئو-7-4-راه اندازی DB DB Setup

  • Environment Variables-ویدئو-7-5-متغیرهای محیطی Environment Variables

  • Variables-ویدئو-7-6-متغیرها Variables

  • Using Path Alias-ویدئو-7-7-استفاده از Path Alias Using Path Alias

Auth - Handling New Users-فصل-8-احراز هویت - مدیریت کاربران جدید Auth - Handling New Users

  • User Model-ویدئو-8-1-مدل کاربر User Model

  • Creating New User-ویدئو-8-2-ایجاد کاربر جدید Creating New User

  • Types For Req Object-ویدئو-8-3-انواع برای شی Req Types For Req Object

  • We Need a Validator-ویدئو-8-4-ما به یک Validator نیاز داریم We Need a Validator

  • User Validation Schema-ویدئو-8-5-اسکیما اعتبارسنجی کاربر User Validation Schema

  • Schema Validator-ویدئو-8-6-Validator اسکیما Schema Validator

  • Status Codes-ویدئو-8-7-کدهای وضعیت Status Codes

  • Code Refactor-ویدئو-8-8-بازسازی کد Code Refactor

  • The Tool For Email-ویدئو-8-9-ابزار برای ایمیل The Tool For Email

  • Sending First Email-ویدئو-8-10-ارسال اولین ایمیل Sending First Email

  • Email Verification Token Schema-ویدئو-8-11-اسکیما توکن تایید ایمیل Email Verification Token Schema

  • Sending Real Email-ویدئو-8-12-ارسال ایمیل واقعی Sending Real Email

  • Hashing Email Verification Token-ویدئو-8-13-هش کردن توکن تایید ایمیل Hashing Email Verification Token

  • The Mail Template-ویدئو-8-14-قالب ایمیل The Mail Template

  • Sending Mail With Attachment-ویدئو-8-15-ارسال ایمیل با پیوست Sending Mail With Attachment

  • Another Refactor-ویدئو-8-16-بازسازی دیگر Another Refactor

  • Hashing Password-ویدئو-8-17-هش کردن رمز عبور Hashing Password

  • Verifying Emails-ویدئو-8-18-تایید ایمیل ها Verifying Emails

  • Postman Environment Variable-ویدئو-8-19-متغیر محیطی Postman Postman Environment Variable

  • Validating Token & ID-ویدئو-8-20-اعتبارسنجی توکن و ID Validating Token & ID

  • Re-verification Email-ویدئو-8-21-ایمیل تایید مجدد Re-verification Email

  • Forget Password Route-ویدئو-8-22-مسیر فراموشی رمز عبور Forget Password Route

  • Sending Reset Password Link-ویدئو-8-23-ارسال لینک بازنشانی رمز عبور Sending Reset Password Link

  • Sending Link To Email-ویدئو-8-24-ارسال لینک به ایمیل Sending Link To Email

  • Verifying Password Reset Token-ویدئو-8-25-تایید توکن بازنشانی رمز عبور Verifying Password Reset Token

  • Validation Middleware-ویدئو-8-26-Middleware اعتبارسنجی Validation Middleware

  • Updating Password-ویدئو-8-27-به روز رسانی رمز عبور Updating Password

Reset Password UI-فصل-9-UI بازنشانی رمز عبور Reset Password UI

  • Creating Public Route-ویدئو-9-1-ایجاد مسیر عمومی Creating Public Route

  • Update Password Form-ویدئو-9-2-فرم به روز رسانی رمز عبور Update Password Form

  • Validating Token-ویدئو-9-3-اعتبارسنجی توکن Validating Token

  • Updating Password Through UI-ویدئو-9-4-به روز رسانی رمز عبور از طریق UI Updating Password Through UI

Auth 2 - Sign in - Handling Old Users-فصل-10-احراز هویت 2 - ورود - مدیریت کاربران قدیمی Auth 2 - Sign in - Handling Old Users

  • Authentication vs Authorization-ویدئو-10-1-احراز هویت در مقابل مجوز Authentication vs Authorization

  • Sign in-ویدئو-10-2-ورود Sign in

  • Verifying User with JWT-ویدئو-10-3-تایید کاربر با JWT Verifying User with JWT

  • Auth Middleware-ویدئو-10-4-Middleware احراز هویت Auth Middleware

  • Fixing Types-ویدئو-10-5-رفع انواع Fixing Types

  • Private Routes-ویدئو-10-6-مسیرهای خصوصی Private Routes

Basics of File Upload-فصل-11-مبانی آپلود فایل Basics of File Upload

  • File Upload-ویدئو-11-1-آپلود فایل File Upload

  • Uploading File to Local Dir-ویدئو-11-2-آپلود فایل به دایرکتوری محلی Uploading File to Local Dir

  • IMPORTANT - Formidable Update-ویدئو-11-3-مهم - به روز رسانی Formidable IMPORTANT - Formidable Update

  • File Parser (Middleware)-ویدئو-11-4-تجزیه کننده فایل (Middleware) File Parser (Middleware)

  • The Cloud Storage-ویدئو-11-5-فضای ذخیره سازی ابری The Cloud Storage

  • Update Profile-ویدئو-11-6-به روز رسانی پروفایل Update Profile

  • Remove From Cloud-ویدئو-11-7-حذف از ابر Remove From Cloud

  • Refactor-ویدئو-11-8-بازسازی Refactor

  • Logout-ویدئو-11-9-خروج Logout

Handling Audios-فصل-12-مدیریت صداها Handling Audios

  • Audio Model-ویدئو-12-1-مدل صوتی Audio Model

  • Validation For Audio-ویدئو-12-2-اعتبارسنجی برای صدا Validation For Audio

  • isVerified Middleware-ویدئو-12-3-Middleware isVerified isVerified Middleware

  • Uploading Audio-ویدئو-12-4-آپلود صدا Uploading Audio

  • Updating Audio-ویدئو-12-5-به روز رسانی صدا Updating Audio

  • Favorite Model-ویدئو-12-6-مدل علاقه مندی Favorite Model

  • Favorite Route Setup-ویدئو-12-7-راه اندازی مسیر علاقه مندی Favorite Route Setup

  • Toggle Favorite-ویدئو-12-8-تغییر وضعیت علاقه مندی Toggle Favorite

  • Update Audio Like-ویدئو-12-9-به روز رسانی لایک صدا Update Audio Like

  • Get All Favorite Audios-ویدئو-12-10-دریافت تمام صداهای مورد علاقه Get All Favorite Audios

  • Get isFav-ویدئو-12-11-دریافت isFav Get isFav

  • Postman Auth-ویدئو-12-12-احراز هویت Postman Postman Auth

Playlist API-فصل-13-API لیست پخش Playlist API

  • Playlist Model-ویدئو-13-1-مدل لیست پخش Playlist Model

  • Playlist Validation-ویدئو-13-2-اعتبارسنجی لیست پخش Playlist Validation

  • Create Playlist-ویدئو-13-3-ایجاد لیست پخش Create Playlist

  • Fixing Playlist Model-ویدئو-13-4-رفع مدل لیست پخش Fixing Playlist Model

  • Playlist Update Route-ویدئو-13-5-مسیر به روز رسانی لیست پخش Playlist Update Route

  • Playlist Update-ویدئو-13-6-به روز رسانی لیست پخش Playlist Update

  • Remove Playlist-ویدئو-13-7-حذف لیست پخش Remove Playlist

  • Getting Playlist By Profile-ویدئو-13-8-دریافت لیست پخش بر اساس پروفایل Getting Playlist By Profile

  • Pagination-ویدئو-13-9-صفحه بندی Pagination

  • Get Playlist Audios-ویدئو-13-10-دریافت صداهای لیست پخش Get Playlist Audios

Profile Routes-فصل-14-مسیرهای پروفایل Profile Routes

  • Update Follower Route Setup-ویدئو-14-1-راه اندازی مسیر به روز رسانی دنبال کننده Update Follower Route Setup

  • Update Follower Controller-ویدئو-14-2-کنترلر به روز رسانی دنبال کننده Update Follower Controller

  • Get All Uploaded Audios-ویدئو-14-3-دریافت تمام صداهای آپلود شده Get All Uploaded Audios

  • Get All Public Uploads-ویدئو-14-4-دریافت تمام آپلودهای عمومی Get All Public Uploads

  • Get Public Profile-ویدئو-14-5-دریافت پروفایل عمومی Get Public Profile

  • Get Public Playlist-ویدئو-14-6-دریافت لیست پخش عمومی Get Public Playlist

Histories-فصل-15-تاریخچه Histories

  • History Models-ویدئو-15-1-مدل های تاریخچه History Models

  • History Route Setup-ویدئو-15-2-راه اندازی مسیر تاریخچه History Route Setup

  • History Validation Schema-ویدئو-15-3-اسکیما اعتبارسنجی تاریخچه History Validation Schema

  • Aggregation-ویدئو-15-4-تجميع Aggregation

  • Update History-ویدئو-15-5-به روز رسانی تاریخچه Update History

  • What we did?-ویدئو-15-6-چه کردیم؟ What we did?

  • Remove History-ویدئو-15-7-حذف تاریخچه Remove History

  • Get All Histories-ویدئو-15-8-دریافت تمام تاریخچه ها Get All Histories

  • Get Recently Played-ویدئو-15-9-دریافت اخیرا پخش شده Get Recently Played

Few Final Routes-فصل-16-چند مسیر نهایی Few Final Routes

  • Some more routes-ویدئو-16-1-مسیرهای بیشتر Some more routes

  • Get Latest Audios-ویدئو-16-2-دریافت جدیدترین صداها Get Latest Audios

  • Get Recommended Part 1-ویدئو-16-3-دریافت پیشنهادی قسمت 1 Get Recommended Part 1

  • An Important Fix For Next Lecture-ویدئو-16-4-یک رفع مهم برای سخنرانی بعدی An Important Fix For Next Lecture

  • Get Recommended Part 2-ویدئو-16-5-دریافت پیشنهادی قسمت 2 Get Recommended Part 2

  • Auto Generated Playlist-ویدئو-16-6-لیست پخش تولید شده خودکار Auto Generated Playlist

  • Task Scheduling-ویدئو-16-7-زمانبندی وظایف Task Scheduling

  • The Bug-ویدئو-16-8-اشکال The Bug

  • Get Auto Generated Playlist Part 1-ویدئو-16-9-دریافت لیست پخش تولید شده خودکار قسمت 1 Get Auto Generated Playlist Part 1

  • Get Auto Generated Playlist Part 2-ویدئو-16-10-دریافت لیست پخش تولید شده خودکار قسمت 2 Get Auto Generated Playlist Part 2

  • Another Bug-ویدئو-16-11-اشکال دیگر Another Bug

  • Getting Followers-ویدئو-16-12-دریافت دنبال کنندگان Getting Followers

  • Getting Followings-ویدئو-16-13-دریافت دنبال شوندگان Getting Followings

  • Getting Followers Public-ویدئو-16-14-دریافت دنبال کنندگان عمومی Getting Followers Public

Final Fixes ( API)-فصل-17-رفع نهایی (API) Final Fixes ( API)

  • Prevent Verified-ویدئو-17-1-جلوگیری از تایید شده Prevent Verified

  • Handling Async Errors-ویدئو-17-2-مدیریت خطاهای ناهمزمان Handling Async Errors

  • Secure Audio URL-ویدئو-17-3-ایمن سازی URL صوتی Secure Audio URL

  • Preventing Duplicate User-ویدئو-17-4-جلوگیری از کاربر تکراری Preventing Duplicate User

  • Pagination For Favorites-ویدئو-17-5-صفحه بندی برای علاقه مندی ها Pagination For Favorites

  • Getting Playlist Audios-ویدئو-17-6-دریافت صداهای لیست پخش Getting Playlist Audios

  • Getting Playlist Audios 2-ویدئو-17-7-دریافت صداهای لیست پخش 2 Getting Playlist Audios 2

  • Getting Private Playlist-ویدئو-17-8-دریافت لیست پخش خصوصی Getting Private Playlist

  • Get Is Following-ویدئو-17-9-دریافت آیا دنبال می کند Get Is Following

  • Sending Category-ویدئو-17-10-ارسال دسته بندی Sending Category

RN Environment Setup (Windows)-فصل-18-راه اندازی محیط RN (ویندوز) RN Environment Setup (Windows)

  • Important Update-ویدئو-18-1-به روز رسانی مهم Important Update

  • Environment-ویدئو-18-2-محیط Environment

  • Running First App-ویدئو-18-3-اجرای اولین برنامه Running First App

  • Important Note-ویدئو-18-4-نکته مهم Important Note

RN Environment Setup (MAC)-فصل-19-راه اندازی محیط RN (MAC) RN Environment Setup (MAC)

  • How to Access Terminal-ویدئو-19-1-نحوه دسترسی به ترمینال How to Access Terminal

  • React Native Android-ویدئو-19-2-React Native Android React Native Android

  • Setting up Ruby-ویدئو-19-3-راه اندازی Ruby Setting up Ruby

  • Xcode-ویدئو-19-4-Xcode Xcode

  • IMPORTANT UPDATE-ویدئو-19-5-به روز رسانی مهم IMPORTANT UPDATE

  • Creating New Project-ویدئو-19-6-ایجاد پروژه جدید Creating New Project

Running on Device-فصل-20-اجرا بر روی دستگاه Running on Device

  • Physical Device-ویدئو-20-1-دستگاه فیزیکی Physical Device

  • Bug Fixing-ویدئو-20-2-رفع اشکال Bug Fixing

New Project Setup-فصل-21-راه اندازی پروژه جدید New Project Setup

  • New Project-ویدئو-21-1-پروژه جدید New Project

  • Extentions-ویدئو-21-2-افزونه ها Extentions

  • Custom Snippets-ویدئو-21-3-تکه کد های سفارشی Custom Snippets

  • The Design-ویدئو-21-4-طراحی The Design

  • Path Alias-ویدئو-21-5-Path Alias Path Alias

Auth-فصل-22-احراز هویت Auth

  • Sign up Screen-ویدئو-22-1-صفحه ثبت نام Sign up Screen

  • Separating UI Part 1-ویدئو-22-2-جدا کردن UI قسمت 1 Separating UI Part 1

  • Separating UI Part 2-ویدئو-22-3-جدا کردن UI قسمت 2 Separating UI Part 2

  • onchange-ویدئو-22-4-onchange onchange

  • Custom Validation-ویدئو-22-5-اعتبارسنجی سفارشی Custom Validation

  • Formik-ویدئو-22-6-Formik Formik

  • Using YUP-ویدئو-22-7-استفاده از YUP Using YUP

  • Refactor Formik-ویدئو-22-8-بازسازی Formik Refactor Formik

  • Custom Button-ویدئو-22-9-دکمه سفارشی Custom Button

  • Reanimated-ویدئو-22-10-Reanimated Reanimated

  • Shake Animation-ویدئو-22-11-انیمیشن Shake Shake Animation

  • React Native Vector Icons Setup-ویدئو-22-12-راه اندازی آیکون های برداری React Native React Native Vector Icons Setup

  • Password Toggle Icon-ویدئو-22-13-آیکون تغییر وضعیت رمز عبور Password Toggle Icon

  • Toggle Password-ویدئو-22-14-تغییر وضعیت رمز عبور Toggle Password

  • App Link-ویدئو-22-15-لینک برنامه App Link

  • Circle UI-ویدئو-22-16-UI دایره Circle UI

  • Refactor Circle-ویدئو-22-17-بازسازی دایره Refactor Circle

  • Rendering Logo & Title-ویدئو-22-18-رندر لوگو و عنوان Rendering Logo & Title

  • Auth Form Container-ویدئو-22-19-ظرف فرم احراز هویت Auth Form Container

  • Sign in Page-ویدئو-22-20-صفحه ورود Sign in Page

  • Lost Password-ویدئو-22-21-رمز عبور گم شده Lost Password

  • OTP Field UI-ویدئو-22-22-UI فیلد OTP OTP Field UI

  • Forwarding Refs-ویدئو-22-23-انتقال Refs Forwarding Refs

  • Change Event OTP Field-ویدئو-22-24-رویداد تغییر فیلد OTP Change Event OTP Field

  • Paste OTP Event-ویدئو-22-25-رویداد چسباندن OTP Paste OTP Event

Navigation-فصل-23-ناوبری Navigation

  • Setting up Navigation-ویدئو-23-1-راه اندازی ناوبری Setting up Navigation

  • Stack Navigator-ویدئو-23-2-Stack Navigator Stack Navigator

  • Sending Request to API-ویدئو-23-3-ارسال درخواست به API Sending Request to API

  • Localhost on Android-ویدئو-23-4-Localhost در Android Localhost on Android

  • Refactor Client-ویدئو-23-5-بازسازی Client Refactor Client

  • Passing Data With Navigation-ویدئو-23-6-انتقال داده با ناوبری Passing Data With Navigation

  • Verifying Email-ویدئو-23-7-تایید ایمیل Verifying Email

  • Sign in-ویدئو-23-8-ورود Sign in

  • Loading Indicator-ویدئو-23-9-نشانگر بارگیری Loading Indicator

  • Busy onSubmit-ویدئو-23-10-Busy onSubmit Busy onSubmit

  • Resend OTP-ویدئو-23-11-ارسال مجدد OTP Resend OTP

  • Lost Password-ویدئو-23-12-رمز عبور گم شده Lost Password

Redux Basics-فصل-24-مبانی Redux Redux Basics

  • What is Redux-ویدئو-24-1-Redux چیست What is Redux

  • Workflow of Redux-ویدئو-24-2-گردش کار Redux Workflow of Redux

  • Redux Toolkit-ویدئو-24-3-Redux Toolkit Redux Toolkit

  • Project Setup-ویدئو-24-4-راه اندازی پروژه Project Setup

  • The Plan-ویدئو-24-5-برنامه The Plan

  • Creating Slice-ویدئو-24-6-ایجاد Slice Creating Slice

  • Redux Store-ویدئو-24-7-Redux Store Redux Store

  • Let's Understand-ویدئو-24-8-بیایید درک کنیم Let's Understand

  • Using All of Them-ویدئو-24-9-استفاده از همه آنها Using All of Them

  • Redux Devtools-ویدئو-24-10-Redux Devtools Redux Devtools

Auth Store - Redux-فصل-25-Auth Store - Redux Auth Store - Redux

  • Redux Store Setup-ویدئو-25-1-راه اندازی Redux Store Redux Store Setup

  • Completing Auth Slice-ویدئو-25-2-تکمیل Auth Slice Completing Auth Slice

  • Updating Logged In State-ویدئو-25-3-به روز رسانی وضعیت ورود به سیستم Updating Logged In State

  • Tab Navigator-ویدئو-25-4-Tab Navigator Tab Navigator

  • Async Storage-ویدئو-25-5-Async Storage Async Storage

  • Fetching isAuth-ویدئو-25-6-واکشی isAuth Fetching isAuth

  • Loading Component-ویدئو-25-7-کامپوننت بارگیری Loading Component

  • Navigator Theme-ویدئو-25-8-تم Navigator Navigator Theme

  • App Container-ویدئو-25-9-ظرف برنامه App Container

Audio Upload UI-فصل-26-UI آپلود صدا Audio Upload UI

  • File Selector UI-ویدئو-26-1-UI انتخابگر فایل File Selector UI

  • Upload Form Input-ویدئو-26-2-ورودی فرم آپلود Upload Form Input

  • Upload Form Submit Button-ویدئو-26-3-دکمه ارسال فرم آپلود Upload Form Submit Button

  • Category Modal Part 1-ویدئو-26-4-Modal دسته بندی قسمت 1 Category Modal Part 1

  • Category Modal Part 2-ویدئو-26-5-Modal دسته بندی قسمت 2 Category Modal Part 2

  • Category Selector-ویدئو-26-6-انتخابگر دسته بندی Category Selector

  • Picking Document-ویدئو-26-7-انتخاب سند Picking Document

  • Upload Form State-ویدئو-26-8-وضعیت فرم آپلود Upload Form State

  • Audio Upload Form Validation-ویدئو-26-9-اعتبارسنجی فرم آپلود صدا Audio Upload Form Validation

  • Submiting Form-ویدئو-26-10-ارسال فرم Submiting Form

  • Progress Bar-ویدئو-26-11-نوار پیشرفت Progress Bar

  • Upload Progress-ویدئو-26-12-پیشرفت آپلود Upload Progress

App Notification-فصل-27-اعلان برنامه App Notification

  • Notification Slice-ویدئو-27-1-Slice اعلان Notification Slice

  • Notification Component-ویدئو-27-2-کامپوننت اعلان Notification Component

  • Using Notification Component-ویدئو-27-3-استفاده از کامپوننت اعلان Using Notification Component

  • Rendering Notification-ویدئو-27-4-رندر اعلان Rendering Notification

Querying Data-فصل-28-دریافت داده Querying Data

  • React Query Setup-ویدئو-28-1-راه اندازی React Query React Query Setup

  • Using React Query-ویدئو-28-2-استفاده از React Query Using React Query

  • Refactor Hooks-ویدئو-28-3-بازسازی Hooks Refactor Hooks

  • Pulse Animation-ویدئو-28-4-انیمیشن Pulse Pulse Animation

  • Rendering Latest Audios-ویدئو-28-5-رندر جدیدترین صداها Rendering Latest Audios

  • Refactor Latest Uploads-ویدئو-28-6-بازسازی جدیدترین آپلودها Refactor Latest Uploads

  • Loading UI-ویدئو-28-7-UI بارگیری Loading UI

  • Fetching Recommended Audios-ویدئو-28-8-واکشی صداهای پیشنهادی Fetching Recommended Audios

  • Rendering Recommended-ویدئو-28-9-رندر پیشنهادی Rendering Recommended

  • Multi Column View-ویدئو-28-10-نمای چند ستونی Multi Column View

  • Recommended Loading UI-ویدئو-28-11-UI بارگیری پیشنهادی Recommended Loading UI

Custom Option Modals-فصل-29-Modals گزینه سفارشی Custom Option Modals

  • Basic Modal Container-ویدئو-29-1-ظرف Modal پایه Basic Modal Container

  • Handling Press Event-ویدئو-29-2-مدیریت رویداد Press Handling Press Event

  • Options Modal-ویدئو-29-3-Modal گزینه ها Options Modal

  • Adding to Favorite-ویدئو-29-4-افزودن به علاقه مندی Adding to Favorite

  • Playlist Modal-ویدئو-29-5-Modal لیست پخش Playlist Modal

  • Create Playlist Form-ویدئو-29-6-فرم ایجاد لیست پخش Create Playlist Form

  • Combining All The UI-ویدئو-29-7-ترکیب تمام UI Combining All The UI

  • Playlist Form State-ویدئو-29-8-وضعیت فرم لیست پخش Playlist Form State

  • Creating New Playlist-ویدئو-29-9-ایجاد لیست پخش جدید Creating New Playlist

  • Fetching Playlists-ویدئو-29-10-واکشی لیست های پخش Fetching Playlists

  • Updating Audio to Old Playlist-ویدئو-29-11-به روز رسانی صدا به لیست پخش قدیمی Updating Audio to Old Playlist

  • Refactor Auth Client-ویدئو-29-12-بازسازی Auth Client Refactor Auth Client

Profile Section-فصل-30-بخش پروفایل Profile Section

  • Top Tab Navigator-ویدئو-30-1-Top Tab Navigator Top Tab Navigator

  • Using Top Tab Navigator-ویدئو-30-2-استفاده از Top Tab Navigator Using Top Tab Navigator

  • Fetching Profile Uploads-ویدئو-30-3-واکشی آپلودهای پروفایل Fetching Profile Uploads

  • Rendering Uploaded Audios-ویدئو-30-4-رندر صداهای آپلود شده Rendering Uploaded Audios

  • Refactoring Audio List Item-ویدئو-30-5-بازسازی مورد لیست صدا Refactoring Audio List Item

  • Loading UI-ویدئو-30-6-UI بارگیری Loading UI

  • Empty Title-ویدئو-30-7-عنوان خالی Empty Title

  • Rendering Favorites-ویدئو-30-8-ر Rendering Favorites

  • Rendering Playlists

  • Profile Container

  • Profile Container Part 2

  • Settings Button

  • Nestead Navigator

  • Custom Header

  • Settings UI

  • Logging Out

  • Profile Settings State

  • Updating Profile Name

  • React Native Image Crop Picker

  • There is a Problem

  • Android Permissions

  • Refactor Permission

  • Updating Profile Image

  • Re Verification Link

  • Navigating To Verification

  • Fixing Navigation

  • Refactor Verification

Audio Player

  • React Native Track Player

  • Register Playback Service

  • Playing Audio

  • The Problem With IOS

  • Audio Controller Hook

  • IMPORTANT UPDATE

  • Pausing Audio

  • Pausing The Correct Audio

  • Resume Audio

  • Play Animation

  • Selecting From New List

  • Playing From New List

  • Refactor Audio Card

  • Mini Audio Player

  • Hide Player

  • Play Pause Button

  • Toggle Play Pause

  • Buffering Indicator

  • Audio Progress

  • React Native Gesture Handler

  • Animated Modal

  • Audio Player UI

  • Audio Player UI - Seek Bar

  • Audio Player - Play Controlls

  • Audio Player Controller Methods

  • Audio Player - Next & Previous

  • Fixing App Modal

  • Playback Speed Selector Container

  • Playback Speed Selector

  • Playback Speed Controller

  • Audio Info

  • List Openner

  • Audio List Modal

  • Rendering Audios as List

  • Audio List Loading

  • Play Animation on List

  • Background Mode

History

  • Storing Progress

  • Sending History Request

  • Fetching History

  • Rendering Histories

  • Debounce

  • Clear History Button

  • Confirm Alert

  • Clearing Out History

  • Remove Single History

  • Removing Multiple Histories

  • Unselect on Navigate

  • Optimistic Update

  • کشیدن برای تازه سازی Pull to Refresh

  • مشکل تاریخچه The Problem With History

تکمیل صفحه اصلی Completing Home Screen

  • اخیرا پخش شده Recently Played

  • رندر کردن اخیرا پخش شده Rendering Recently Played

  • پاک کردن اطلاعات اندروید Wipe Android Data

  • بارگذاری اخیرا پخش شده Loading Recently Played

  • پخش کننده همه جا Player Everywhere

  • واکشی لیست پخش تولید خودکار Fetching Auto Generated Playlist

  • رندر کردن لیست پخش تولید خودکار Rendering Auto Generated Playlist

  • اضافه کردن فضا Adding Space

  • پخش از همه جا Playing From Everywhere

  • واکشی مورد علاقه بودن Fetching is Favorite

  • تغییر وضعیت مورد علاقه بودن Toggling is Favorite

پروفایل عمومی Public Profile

  • صفحه پروفایل عمومی Public Profile Screen

  • واکشی پروفایل عمومی Fetching Public Profile

  • ظرف پروفایل عمومی Public Profile Container

  • ناوبر پروفایل عمومی Public Profile Navigator

  • آپلودهای عمومی Public Uploads

  • لیست پخش عمومی Public Playlist

  • رفع اشکال ناوبر پروفایل Profile Navigator Fix

  • مودال صوتی لیست پخش Playlist Audio Modal

  • رفع اشکال تصویر کارت صوتی Fix Audio Card Image

  • واکشی صداهای لیست پخش Fetching Playlist Audios

  • باز کردن لیست های پخش پروفایل Opening Profile Playlists

  • پخش از لیست پخش Play From Playlist

  • دنبال می کند Is Following

  • دنبال کردن/لغو دنبال کردن Follow UnFollow

به روز رسانی صوتی Audio Update

  • بازسازی فرم صوتی Audio Form Refactor

  • گزینه ویرایش صوتی Audio Edit Option

  • به روز رسانی صوتی Updating Audio

API انتشار Publishing API

  • زمان انتشار فرا رسیده است Its Time To Publish

  • Git در مک Git on Mac

  • مبانی Git Git Basic

  • ارسال API به Github Pushing API to Github

  • کپی کردن فایل ها Copying Files

  • انتشار برنامه جدید Publishing New App

  • راه اندازی دامنه سفارشی Setting up Custom Domain

  • سرویس ایمیل واقعی The Real Mail Service

  • سرویس ایمیل واقعی 2 The Real Mail Service 2

  • React که ممکن است به آن نیاز داشته باشید The React You May Need

  • ارسال ایمیل Sending Email

  • قالب داخلی Inbuilt Template

  • استفاده از قالب های دیگر Using Other Templates

  • میزبانی API Hosting API

  • پایگاه داده زنده Live Database

  • رفع اشکال اتصال پایگاه داده Fixing Database Connection

  • استفاده از دامنه سفارشی و رفع اشکال ایمیل Using Custom Domain & Fixing Mail

انتشار برنامه Publishing App

  • استفاده از API واقعی Using Real API

  • استفاده از آیکن سفارشی Using Custom Icon

  • صفحه خوش آمد گویی Splash Screen

  • تغییر نام برنامه Renaming App

  • ایجاد بسته Creating Bundle

  • انتشار برنامه Releasing App

  • انتشار برنامه 2 Releasing App 2

  • برنامه آماده است اما App is Ready But

  • رفع اشکال مودال Modal Fix

  • اسکرول بی نهایت تاریخچه قسمت 1 Infinite Scroll History Part 1

  • اسکرول بی نهایت تاریخچه قسمت 2 Infinite Scroll History Part 2

  • لیست صفحه بندی شده Paginated List

  • انتشار به روز رسانی Releasing Update

برخی از ویژگی های اضافی Some Extra Features

  • رندر کردن لیست پخش خصوصی Rendering Private Playlist

  • تازه سازی و صفحه بندی لیست پخش Refresning & Pagination Playlist

  • گزینه های لیست پخش Playlist Options

  • ویرایش لیست پخش Edit Playlist

  • حذف لیست پخش Delete Playlist

  • قابل کشیدن Swipeable

  • حذف صدا از لیست پخش Removing Audio From Playlist

  • حذف شرطی صدای لیست پخش Playlist Audio Conditional Remove

جایزه Bonus

  • می توانید دوره های دیگر من را امتحان کنید. You can try my other courses.

نمایش نظرات

آموزش React Native, Redux & Express - فول استک React Native
جزییات دوره
46.5 hours
437
Udemy (یودمی) Udemy (یودمی)
(آخرین آپدیت)
1,717
4.6 از 5
دارد
دارد
دارد
جهت دریافت آخرین اخبار و آپدیت ها در کانال تلگرام عضو شوید.

Google Chrome Browser

Internet Download Manager

Pot Player

Winrar

Niraj Dhungana Niraj Dhungana

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