آموزش Vue. js 3 و Firebase برای مبتدیان

Vue. js 3 & Firebase For Beginners

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

Vue 3 یک چارچوب شگفت انگیز برای ساخت برنامه های کاربردی وب است! همه چیز را در این کلاس با تمرکز بر Vue.js نسخه 3 بیاموزید.

تصاویر پروژه را می توان پیدا کرد

این کلاس کاملاً مبتنی بر پروژه است و ما با هم یک برنامه رستوران پیتزا می سازیم! همه چیزهایی را که از ساختار یک برنامه با استفاده از صفحات و مؤلفه‌ها تا آخرین ویژگی‌ها مانند Composition API و تنظیم اسکریپت نیاز دارید، کشف کنید. در مورد واکنش پذیری Vue 3 و نحوه استفاده از ویژگی های جدید و موجود از جمله قلاب های چرخه حیات، تماشاگرها و ویژگی های محاسبه شده خواهید آموخت.

این کلاس به گونه ای طراحی شده است که برای توسعه دهندگانی که تازه وارد Vue.js یا Firebase شده اند، دوستانه باشد، با این حال، دانش کلی توسعه وب برای استفاده حداکثری از این کلاس مورد نیاز است. شما باید تجربه ای با جاوا اسکریپت داشته باشید، یا با جاوا اسکریپت معمولی یا با چارچوب دیگری مانند React یا Vue 2.

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

ما همچنین از Firebase به عنوان یک سرویس پشتیبان برای پروژه خود استفاده می کنیم. ما یک پایگاه داده برای ذخیره سفارشات، آیتم های منو و داده های کاربر با استفاده از آخرین نسخه وب Firestore 9 (مژولار) راه اندازی کردیم. این پایگاه داده همچنین به صورت بلادرنگ خواهد بود، به این معنی که پروژه ما در صورت بروز هرگونه تغییر در پایگاه داده به روز می شود. با روش های زیادی برای ایجاد، خواندن، به روز رسانی و حذف داده ها آشنا خواهید شد.

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

کلاس کاملاً مبتنی بر پروژه است. ما با هم یک برنامه رستوران پیتزا می سازیم که در آن کاربر می تواند حساب ایجاد کند، سفارش دهد، ما می توانیم کاربران سرپرست را تنظیم کنیم، و موارد دیگر.

با خیال راحت این پروژه را سفارشی کنید، ویژگی‌های جدید اضافه کنید یا استایل را تغییر دهید. پس از تکمیل، می‌توانید پروژه خود را در بخش «منابع پروژه‌ها» در صفحه دوره آپلود کنید، من نمی‌توانم منتظر بمانم تا ببینم چه چیزی ایجاد می‌کنید!


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

درس ها Lessons

  • حذف سفارشات Deleting Orders

  • چرخش بیش از سفارشات Looping Over Orders

  • آنچه شما نیاز دارید What You Will Need

  • مدیر: فرم پیتزا جدید اضافه کنید Admin: Add New Pizza Form

  • حذف و تغییر مقدار سبد Removing & Changing Basket Quantity

  • بازیابی کاربران ادمین Retrieving Admin Users

  • ایجاد سفارشات Creating Orders

  • لغو اشتراک از به‌روزرسانی‌ها Unsubscribing From Updates

  • نمایش و پنهان کردن بلوک‌های مدیریت Show & Hide Admin Blocks

  • راه اندازی ابزار با Vite Build Tool Setup With Vite

  • گزینه ها یا ترکیب؟ Options Or Composition?

  • سبک منو و سبد Menu & Basket Styling

  • رابط کاربری سبد The Basket UI

  • افزودن پیتزا به پایگاه داده Adding Pizzas To The Database

  • مدیر: جزء سفارشات لیست Admin: Listing Orders Component

  • به روز رسانی بیدرنگ پیتزا Realtime Pizza Updates

  • افزودن کاربر به سفارشات Adding The User To Orders

  • فونت ها و سبک های پایه Fonts & Base Styles

  • استایل مودال Modal Styling

  • راه اندازی Firebase Firebase Setup

  • فایل های قابل ترکیب Composable Files

  • ورود و خروج Logging In & Out

  • RouterLink و RouterView RouterLink & RouterView

  • ایجاد فرم ورود Creating The Sign In Form

  • Firebase چیست؟ What Is Firebase?

  • درباره مشخصات و اجزای کودک The About View & Child Components

  • واکشی سفارشات Fetching Orders

  • نماها یا اجزا؟ Views Or Components?

  • UI پروژه - معرفی بخش Project UI- Section Intro

  • مسیرهای تو در تو Nested Routes

  • محدود کردن پیتزاهای جدید Restricting New Pizzas

  • رابط کاربری منو The Menu UI

  • فیلترها و ویژگی های جهانی Filters & Global Properties

  • ویژگی های محاسبه شده Computed Properties

  • نمای خانه Home View

  • به کلاس خوش آمدید! Welcome To The Class!

  • طراحی نمای درباره Styling The About View

  • گرفتن پیتزا Getting Pizzas

  • تکمیل نمای مدیریت Completing The Admin View

  • فرم و استایل میز Form & Table Styling

  • بررسی موارد تکراری سبد Checking For Duplicate Basket Items

  • تابع ثبت نام The Sign Up Function

  • چرخیدن بر روی پیتزا Looping Over Pizzas

  • NewPizza Object & Data Binding The NewPizza Object & Data Binding

  • تصاویر پروژه Project Images

  • به روز رسانی سفارش بلادرنگ Realtime Order Updates

  • افزودن کاربران Adding Users

  • مدیر: پیتزا کامپوننت Admin: Pizzas Component

  • لیست کردن و حذف پیتزاها در مدیریت Listing & Deleting Pizzas In Admin

  • مسیرهای نامگذاری شده Named Routes

  • Modal Toggle Modal Toggle

  • نماهای نامگذاری شده Named Views

  • نماها و مسیرها Views & Routes

  • یک ظاهر طراحی هدر Header Styling

  • تشخیص تغییرات Auth Detecting Auth Changes

  • Ref's & Adding to Basket Ref’s & Adding To Basket

نمایش نظرات

آموزش Vue. js 3 و Firebase برای مبتدیان
جزییات دوره
5h 11m
56
Skillshare (اسکیل شیر) Skillshare (اسکیل شیر)
(آخرین آپدیت)
5
از 5
ندارد
دارد
دارد
Chris Dixon
جهت دریافت آخرین اخبار و آپدیت ها در کانال تلگرام عضو شوید.

Google Chrome Browser

Internet Download Manager

Pot Player

Winrar

Chris Dixon Chris Dixon

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

سلام، نام من کریس است و من یک توسعه دهنده وب از بریتانیا هستم. من یک مربی با تجربه هستم که بوت کمپ های توسعه وب را هدایت می کنم و همچنین دوره های آنلاین را تدریس می کنم.

زمینه های اصلی مورد علاقه من Vue.js، وردپرس، Shopify، جاوا اسکریپت، تجارت الکترونیک و تجارت هستند. من نسبت به کاری که انجام می‌دهم و به آموزش دیگران علاقه دارم.

دلیل شما برای یادگیری ساخت وب‌سایت هر چه باشد، انتخاب شغلی بسیار خوبی داشته‌اید.

انگیزه شخصی من این بود که رئیس خودم شوم و آزادی و انعطاف بیشتری در زندگی ام داشته باشم. من همچنین از چالش فنی آن و روشی که دائماً در حال تکامل است لذت می برم. من اولین وب‌سایت خود را در سال 1999 ساختم و مشاهده کردم که وب به آنچه امروز است تبدیل شده است.

من سعی می‌کنم دوره‌هایم را لذت‌بخش کنم و سعی می‌کنم به یاد بیاورم که در زمان یادگیری چگونه بود. من همچنین معتقدم بهترین راه برای یادگیری انجام دادن است و سعی می کنم تا حد امکان مثال های عملی را در دوره های خود بگنجانم.

از علاقه شما متشکریم و مشتاقانه منتظرم که به من بپیوندید.

کریس