آموزش ساختن یک برنامه نوت بوک پویا با Firebase و Next.JS

Building a Dynamic Notebook App with Firebase, and Next.JS

در حال بارگزاری نمونه ویدیو، لطفا صبر کنید...
Video Player is loading.
Current Time 0:00
Duration 0:00
Loaded: 0%
Stream Type LIVE
Remaining Time 0:00
 
1x
    • Chapters
    • descriptions off, selected
    • subtitles off, selected
      نکته: آخرین آپدیت رو دریافت میکنید حتی اگر این محتوا بروز نباشد.
      نمونه ویدیوها:
      • در حال بارگزاری، لطفا صبر کنید...
      توضیحات دوره: یک برنامه وب Full-Stack با Next.js، Firebase و Bootstrap بسازید با ساختن یک برنامه نوت بوک واقعی از ابتدا با استفاده از React، Firebase و Nextjs، درک جامعی از توسعه وب تمام پشته به دست آورید. آموزش اجرای احراز هویت کاربر با Google Sign-In با استفاده از Firebase، به کاربران امکان می دهد به طور ایمن وارد سیستم شوند و به یادداشت های شخصی شده خود دسترسی داشته باشند. Firestore، پایگاه داده بی‌درنگ Firebase را کاوش کنید و نحوه ذخیره و بازیابی داده‌ها را به طور موثر کشف کنید. تجربه کاربر را با ترکیب React Hot Toast برای اعلان‌های پویا و ایجاد ویژگی‌های تعاملی مانند افزودن و حذف یادداشت‌ها افزایش دهید، در حالی که پیش نیازها: داشتن درک اساسی از NextJS برای دانش‌آموزان مفید است. آشنایی اولیه با بوت استرپ، یک فریم ورک فرانت اند پرکاربرد، مفید خواهد بود.

      آماده اید به دنیای توسعه وب تمام پشته شیرجه بزنید؟ در این دوره جامع، ما شما را در فرآیند ایجاد یک برنامه وب با ویژگی های غنی از ابتدا، با استفاده از برخی از محبوب ترین و قدرتمندترین فناوری ها در صنعت راهنمایی می کنیم.

      شما با راه اندازی یک برنامه Next.js و ادغام چارچوب همه کاره Bootstrap برای ایجاد رابط های کاربری خیره کننده شروع خواهید کرد. از آنجا، شما به Firebase، یک پلتفرم باطنی قوی به عنوان یک سرویس، برای مدیریت ذخیره سازی داده ها در زمان واقعی و احراز هویت کاربر می پردازید. ما همه آن را پوشش خواهیم داد، از ایجاد صفحات اصلی پویا گرفته تا ساخت فرم‌های تعاملی «افزودن یادداشت‌ها».

      اما این همه ماجرا نیست! همچنین برای اعلان‌های پویا به React Hot Toast مسلط خواهید شد و به شما امکان می‌دهد بازخورد بلادرنگ را به کاربران خود ارائه دهید. و وقتی نوبت به مدیریت داده‌ها می‌رسد، به شما یاد می‌دهیم که چگونه داده‌ها را در Firebase Firestore ذخیره، بازیابی و دستکاری کنید و یک تجربه کاربری یکپارچه را ارائه دهید.

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

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


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

      معرفی Introduction

      • معرفی Introduction

      Next.js و ادغام بوت استرپ Next.js and Bootstrap Integration

      • ایجاد یک برنامه Next.js Creating a Next.js Application

      • یکپارچه سازی بوت استرپ Integrating Bootstrap

      صفحه اصلی با داده های ساختگی Home Page with Dummy Data

      • ایجاد صفحه اصلی Creating the Home Page

      صفحه یادداشت ها و پیمایش را اضافه کنید Add Notes Page and Navigation

      • ایجاد صفحه افزودن یادداشت ها Creating the Add Notes Page

      • میله های ناوبری ساختمان Building Navigation Bars

      راه اندازی Firebase و احراز هویت کاربر Firebase Setup and User Authentication

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

      • پیاده سازی احراز هویت کاربر Implementing User Authentication

      • ایجاد کامپوننت ورود Creating Login Component

      React Hot Toast و Notifications React Hot Toast and Notifications

      • افزودن React Hot Toast Adding React Hot Toast

      ذخیره و بازیابی داده ها Storing and Retrieving Data

      • بازیابی اطلاعات از Firebase Retrieving Data from Firebase

      • ذخیره سازی داده ها در Firebase Storing Data in Firebase

      مدیریت یادداشت های کاربر و حذف ورودی ها Managing User Notes and Deleting Entries

      • ایجاد دکمه حذف Creating the Delete Button

      نمایش نظرات

      آموزش ساختن یک برنامه نوت بوک پویا با Firebase و Next.JS
      جزییات دوره
      31 mins
      13
      Udemy (یودمی) Udemy (یودمی)
      (آخرین آپدیت)
      4,000
      3.7 از 5
      ندارد
      دارد
      دارد
      Regologer Web
      جهت دریافت آخرین اخبار و آپدیت ها در کانال تلگرام عضو شوید.

      Google Chrome Browser

      Internet Download Manager

      Pot Player

      Winrar

      Regologer Web Regologer Web

      توسعه دهنده وب و مدرس