آموزش آکادمی React.js برای مبتدیان با Firebase [ویدئو]

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

خوش آمدید و بیایید شروع کنیم! Welcome and let's get started!

• به دوره خوش آمدید Welcome to the course

• چیزی که خواهیم ساخت What we will be building

• آنچه برای این دوره نیاز خواهید داشت What you will need for this course

راه اندازی و اجزای پروژه Project setup & Components

• ایجاد React App Create React App

• فایل ها و پوشه های پروژه Project files & folders

• نگاهی دقیق تر به اجزا A closer look at components

• اجزای در عمل Components in action

لوازم، حالت و حلقه Props, State & Looping

• ابتدا به state و JSX نگاه کنید First look at state and JSX

• چرخه عمر اجزا و حلقه Component lifecycle and looping

• انتقال داده به عنوان پایه Passing data as props

• گذراندن روش ها به عنوان ابزار Passing methods as props

• اعتبار سنجی نوع Prop Prop type validation

فرم ها، ورودی ها و مراجع Forms, inputs and refs

• اجزای کنترل شده Controlled components

• اجزای کنترل شده Controlled components

• اجزا و ارجاعات کنترل نشده Uncontrolled components and refs

• اجزا و ارجاعات کنترل نشده Uncontrolled components and refs

• فرم کارت جدید ایجاد کنید Create new card form

• فرم کارت جدید ایجاد کنید Create new card form

فرم ها، ورودی ها و مراجع Forms, inputs and refs

مسیریابی Routing

• راه اندازی روتر React Setting up React router

• راه اندازی روتر React Setting up React router

• ارسال props به جزء روتر Passing props to a router component

• ارسال props به جزء روتر Passing props to a router component

• پارامترهای URL URL parameters

• پارامترهای URL URL parameters

• استفاده با روتر و فشار Using with Router and push

• استفاده با روتر و فشار Using with Router and push

• وضعیت عبور از طریق روتر Passing state via router

• وضعیت عبور از طریق روتر Passing state via router

مسیریابی Routing

راه اندازی Firebase، خواندن و حذف داده ها Setting up Firebase, reading & deleting data

• راه اندازی Firebase Setting up Firebase

• راه اندازی Firebase Setting up Firebase

• انتقال داده به Firebase Pushing data to Firebase

• انتقال داده به Firebase Pushing data to Firebase

• خواندن داده ها از Firebase Reading data from Firebase

• خواندن داده ها از Firebase Reading data from Firebase

• روش‌های Where & orderBy The where & orderBy methods

• روش‌های Where & orderBy The where & orderBy methods

• حذف کارت ها و لیست ها از Firebase Deleting cards and lists from Firebase

• حذف کارت ها و لیست ها از Firebase Deleting cards and lists from Firebase

• حذف تابلوها Deleting boards

• حذف تابلوها Deleting boards

راه اندازی Firebase، خواندن و حذف داده ها Setting up Firebase, reading & deleting data

به روز رسانی داده ها و مدال ها Updating data and Modals

• به روز رسانی داده ها در Firebase Updating data in Firebase

• به روز رسانی داده ها در Firebase Updating data in Firebase

• مودال کارت را ویرایش کنید Edit card modal

• مودال کارت را ویرایش کنید Edit card modal

• به روز رسانی متن کارت Updating the card text

• به روز رسانی متن کارت Updating the card text

• تنظیم برچسب ها Setting the labels

• تنظیم برچسب ها Setting the labels

• تغییر اندازه خودکار ناحیه متن Text area auto resize

• تغییر اندازه خودکار ناحیه متن Text area auto resize

به روز رسانی داده ها و مدال ها Updating data and Modals

خواندن داده های بیدرنگ از Firebase Reading realtime data from Firebase

• ابتدا به onSnapshot نگاه کنید First look at onSnapshot

• ابتدا به onSnapshot نگاه کنید First look at onSnapshot

• کار با تغییرات سند Working with document changes

• کار با تغییرات سند Working with document changes

• کارت های بیدرنگ با به روز رسانی Realtime cards with updates

• کارت های بیدرنگ با به روز رسانی Realtime cards with updates

خواندن داده های بیدرنگ از Firebase Reading realtime data from Firebase

احراز هویت کاربر و زمینه React User authentication and React context

• React Context API React Context API

• React Context API React Context API

• احراز هویت Firebase و راه اندازی Firebase Authentication and set up

• احراز هویت Firebase و راه اندازی Firebase Authentication and set up

• ثبت نام کاربر User sign up

• ثبت نام کاربر User sign up

• ورود و خروج Logging in and out

• ورود و خروج Logging in and out

• گوش دادن برای تغییرات auth Listening for auth changes

• گوش دادن برای تغییرات auth Listening for auth changes

• رندر مشروط Conditional rendering

• رندر مشروط Conditional rendering

• تابلوهای رندر بر اساس کاربر Rendering boards based on user

• تابلوهای رندر بر اساس کاربر Rendering boards based on user

• تغییر مسیر و پیام های خطا Redirecting and error messages

• تغییر مسیر و پیام های خطا Redirecting and error messages

• نقش ها و مجوزها Roles & permissions

• نقش ها و مجوزها Roles & permissions

احراز هویت کاربر و زمینه React User authentication and React context

گسترش Deployment

• ساختمان برای تولید Building for production

• ساختمان برای تولید Building for production

• در حال استقرار در Netlify Deploying to Netlify

• در حال استقرار در Netlify Deploying to Netlify

گسترش Deployment

متشکرم Thank You

• متشکرم Thank you

• متشکرم Thank you

متشکرم Thank You