آموزش Firebase 9 و جاوا اسکریپت: ساخت سریعتر برنامه های وب تمام پشته

Firebase 9 & JavaScript: Build Full-Stack Web Apps Faster

نکته: آخرین آپدیت رو دریافت میکنید حتی اگر این محتوا بروز نباشد.
نمونه ویدیوها:
توضیحات دوره: تنها دوره ای که برای تسلط بر Firebase 9 به همراه جاوا اسکریپت مانند یک حرفه ای نیاز دارید قادر به ساخت هر برنامه وب تمام پشته سریعتر باشید ساختن یک برنامه وب پاسخگو CRUD با استفاده از پایگاه داده Firestore و جاوا اسکریپت قادر به طراحی UI حرفه ای با استفاده از CSS Flexbox از ابتدا Test Firestore پرس و جوهای CRUD پایگاه داده از طریق NPM بدون UI درک بخش های مهم جاوا اسکریپت مانند دستکاری DOM، رویدادها، توابع، Promise (Async/Await) و موارد دیگر اصول CSS برای گذراندن این دوره کافی خواهد بود برای شروع این دوره به یک مرورگر (Chrome)، ویرایشگر کد (Visual Studio Code) و یک حساب Gmail (برای Firebase) نیاز دارید. دانش برنامه نویسی اولیه زمان و تعهد

به دوره آموزشی جاوا اسکریپت (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

نمایش نظرات

Udemy (یودمی)

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

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

آموزش Firebase 9 و جاوا اسکریپت: ساخت سریعتر برنامه های وب تمام پشته
جزییات دوره
4.5 hours
30
Udemy (یودمی) Udemy (یودمی)
(آخرین آپدیت)
4,049
5 از 5
ندارد
دارد
دارد
Raja Tamil
جهت دریافت آخرین اخبار و آپدیت ها در کانال تلگرام عضو شوید.

Google Chrome Browser

Internet Download Manager

Pot Player

Winrar

Raja Tamil Raja Tamil

برنامه نویس و مدرس حرفه ای وب/موبایل من یک توسعه دهنده وب فرانت اند/iOS خودآموز هستم و تقریباً یک دهه است که به زبان های مختلف کد می نویسم. موضوعاتی که من در آنها تخصص دارم عبارتند از: JavaScript، VueJs، Google Maps API، Firebase و Swift. من یک وب‌سایت وبلاگی راه‌اندازی می‌کنم که به تقریباً 20 هزار دانش‌آموز در ماه کمک می‌کند تا مهارت‌های جدیدی در مورد موضوعاتی که من به آنها علاقه دارم بیاموزند. من می توانم با وب سایت وبلاگم از جمله تقریباً 1000 دنبال کننده فیس بوک به مردم در سراسر جهان کمک کنم. من همچنین با آموزش مهارت های کدنویسی به صورت حضوری به ده ها دانش آموز کمک کرده ام تا شغلی پیدا کنند. من اخیراً با راه اندازی یک تجارت تحویل مبتنی بر مکان به یک کارآفرین تبدیل شده ام. دو تا از مقالات من اخیرا توسط پلتفرم متوسط معرفی و توزیع شده است.