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

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

نکته: آخرین آپدیت رو دریافت میکنید حتی اگر این محتوا بروز نباشد.
نمونه ویدیوها:
توضیحات دوره: یک برنامه وب 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

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