آموزش Firebase 9 و جاوا اسکریپت: ساخت سریعتر برنامه های وب تمام پشته
Firebase 9 & JavaScript: Build Full-Stack Web Apps Faster
به دوره آموزشی جاوا اسکریپت (ES6) و Firebase (نسخه 9) خوش آمدید، تنها دوره‌ای که برای ساختن برنامه‌های کاربردی وب تمام پشته باید یاد بگیرید و کدنویسی کنید.
به‌عنوان یکی از پرفروش‌ترین مربیان Udemy، بیش از 22 هزار دانش‌آموز قبلاً به یکی از دوره‌های من با رتبه‌بندی 4+ اعتماد کرده‌اند و مهارت‌های خود را به سطح بعدی در حرفه خود تبدیل کرده‌اند.
در این دوره، شما قصد دارید از ابتدا تا انتها برنامه های وب تمام پشته بسازید، که به شما یاد می دهد چگونه یک برنامه وب CRUD با استفاده از JavaScript Firebase Firestore Database بسازید.
من شما را گام به گام از طریق آموزش های ویدیویی جذاب و سرگرم کننده که دارای محتوای غنی هستند، راهنمایی می کنم!
در طول این دوره کاملاً عملی، ما تعداد زیادی از ابزارها و فناوری‌ها را پوشش می‌دهیم، از جمله:
جاوا اسکریپت
متغیرها
توابع پیکان
آرایه JS
شیء JS
JS For Loop
اعتبار سنجی فرم قابل استفاده مجدد
بررسی خالی
تأیید اعتبار ایمیل
تأیید اعتبار طول نویسه
رویدادهای جاوا اسکریپت
دستکاری DOM
قول (Async/Await)
بررسی خطا
ماژول‌های ES6
درون یابی رشته ای
توابع مرتبه بالاتر (برای هر کدام)
HTML پویا
CSS پویا
کنترل جریان
Regex (عبارت منظم)
Firebase
یک پروژه Firebase ایجاد کنید
SDK Firebase را به برنامه وب (CDN) اضافه کنید
SDK Firebase را به برنامه وب (NPM) اضافه کنید
افزودن داده به پایگاه داده Firestore با استفاده از addDoc()/setDoc()
به‌روزرسانی داده‌ها به پایگاه داده Firestore با استفاده از updateDoc()/setDoc()
حذف داده ها در پایگاه داده Firestore با استفاده از updateDoc()/deleteDoc()
داده ها را با شناسه از پایگاه داده Firestore با استفاده از getDoc()
دریافت کنیدبهروزرسانیهای بی‌درنگ داده را با استفاده از onSnapshot() دریافت کنید
CSS Flexbox
یک طرح بندی دو ستونی ایجاد کنید
یک عنصر هدر قابل استفاده مجدد ایجاد کنید
طرح بندی وب پاسخگو
در پایان این دوره، شما به طور روان در جاوا اسکریپت کدنویسی میکنید و از Firebase به عنوان یک سرور بک‌اند برای ساختن سریعتر برنامه‌های وب تمام پشته خود، مانند یک حرفه‌ای، استفاده میکنید!
به یاد داشته باشید... من بسیار مطمئن هستم که شما این دوره را دوست خواهید داشت، به همین دلیل است که تمام دوره های واجد شرایط خریداری شده در Udemy را می توان ظرف 30 روز بازپرداخت کرد، مشروط بر اینکه درخواست مطابق با دستورالعمل های خط مشی بازپرداخت آنها باشد. (لطفاً برای اطلاعات بیشتر به سیاست بازپرداخت Udemy مراجعه کنید)
بنابراین این یک کار بیهوده است، امروز با ریسک صفر و هر چیزی که به دست آورید ثبت نام کنید.
من برای حمایت از شما در طول این سفر اینجا خواهم بود، بنابراین اگر سؤال، پیشنهاد یا بازخوردی دارید، لطفاً با من تماس بگیرید!
پس منتظر چه چیزی هستید؟ روی دکمه خرید کلیک کنید و اکنون بپیوندید!
شروع شدن Getting Started
-
یک پروژه کاملاً جدید Firebase 9 ایجاد کنید Create A Brand New Firebase 9 Project
-
راه اندازی Firebase 9 از طریق CDN Setting Up Firebase 9 Via CDN
-
راه اندازی Firebase 9 از طریق NPM Setting Up Firebase 9 Via NPM
پرس و جوهای CRUD پایگاه داده Firestore Firestore Database CRUD Queries
-
شروع کار با پایگاه داده Firestore Getting Started With Firestore Database
-
افزودن داده به Cloud Firestore 9 با استفاده از addDoc() Add Data To Cloud Firestore 9 Using addDoc()
-
setDoc() - با استفاده از متد setDoc() به Cloud Firestore داده اضافه کنید setDoc() - Add Data To Cloud Firestore Using setDoc() Method
-
setDoc() - داده ها را به Cloud Firestore به روز کنید setDoc() - Update Data To Cloud Firestore
-
updateDoc() - داده ها را به Cloud Firestore به روز کنید updateDoc() - Update Data To Cloud Firestore
-
updateDoc() - حذف Document Field Cloud Firestore updateDoc() - Delete Document Field Cloud Firestore
-
deleteDoc() - یک سند را حذف کنید deleteDoc() - Delete A Document
-
دریافت اطلاعات سند با شناسه از مجموعه با استفاده از getDoc() Get Document Data By ID From A Collection Using getDoc()
یک برنامه ساده CRUD بسازید Build A Simple CRUD App
-
آنچه در پایان این ماژول خواهید ساخت What You Will Be Building By The End Of This Module
-
تنظیم ساختار پروژه Setting Up The Project Structure
-
با استفاده از CSS Flexbox یک طرح پایه دو ستونی ایجاد کنید Create Two Column Base Layout Using CSS Flexbox
-
ایجاد یک سربرگ Create A Header
-
یک پنجره مودال پاپ آپ سفارشی ایجاد کنید Create A Custom Pop-up Modal Window
-
طراحی افزودن فرم تماس Design Add Contact Form
-
باز کردن و بستن پنجره افزودن تماس مدال Open & Close Add Contact Modal Window
-
اعتبار سنجی فرم 1 - فیلدهای مورد نیاز را بررسی کنید Form Validation 1 - Check Required Fields
-
اعتبار سنجی فرم 2 - اعتبارسنجی ایمیل، سن و تلفن Form Validation 2 - Email, Age & Phone Validation
-
Firebase را به پروژه اضافه کنید Add Firebase To The Project
-
داده های کاربر را به پایگاه داده Cloud Firestore اضافه کنید Add User Data To The Cloud Firestore Database
-
اطلاعات مخاطبین را از Cloud Firestore دریافت کنید Get Contacts Data From Cloud Firestore
-
طراحی آیتم فهرست مخاطبین Design Contacts List Item
-
نمایش داده های مخاطبین به عنوان فهرست Display Contacts Data As List
-
هنگام افزودن داده، تغییرات زنده را به روز کنید Update Live Changes When Adding Data
-
نمایش اطلاعات مخاطبین در نمای جزئیات Show Contacts Data On Detail View
-
ویرایش مخاطب Edit Contact
-
حذف مخاطب Delete Contact
-
برنامه مخاطبین پاسخگو بسازید Make Responsive Contacts App
https://donyad.com/d/375f0b
Raja Tamil
برنامه نویس و مدرس حرفه ای وب/موبایل من یک توسعه دهنده وب فرانت اند/iOS خودآموز هستم و تقریباً یک دهه است که به زبان های مختلف کد می نویسم. موضوعاتی که من در آنها تخصص دارم عبارتند از: JavaScript، VueJs، Google Maps API، Firebase و Swift. من یک وب‌سایت وبلاگی راه‌اندازی می‌کنم که به تقریباً 20 هزار دانش‌آموز در ماه کمک می‌کند تا مهارت‌های جدیدی در مورد موضوعاتی که من به آنها علاقه دارم بیاموزند. من می توانم با وب سایت وبلاگم از جمله تقریباً 1000 دنبال کننده فیس بوک به مردم در سراسر جهان کمک کنم. من همچنین با آموزش مهارت های کدنویسی به صورت حضوری به ده ها دانش آموز کمک کرده ام تا شغلی پیدا کنند. من اخیراً با راه اندازی یک تجارت تحویل مبتنی بر مکان به یک کارآفرین تبدیل شده ام. دو تا از مقالات من اخیرا توسط پلتفرم متوسط معرفی و توزیع شده است.
نمایش نظرات