لطفا جهت اطلاع از آخرین دوره ها و اخبار سایت در
کانال تلگرام
عضو شوید.
آموزش ساختن یک برنامه نوت بوک پویا با 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
نمایش نظرات