#Course
#JavaScript
#Jonas_Schmedtmann
#S03
#E12
012 Introduction To Objects Dubbed

دوبله سوم امروز 🔥

@js_challenges
@js_masters_gp

چنلی که فایل زیپ دوبله های جوناس داخلش قرار میگیره:
@js_challenges_courses

#Around_JS
⚠️آقا براتون تو یه فایل pdf توضیح دادم که اصلا جاوا اسکریپ چی هست و چه خصوصیتهایی داره.بزنید روی لینک و برید بخونید.⚠️

❌❌❌❌❌❌❌❌❌❌❌❌❌❌❌❌❌❌❌❌

https://docs.google.com/document/d/e/2PACX-1vTAk5G59pAnV25TBZAfbhRcJhHXnzawEY1-TnF5yK4QCM0bQP8hIUz3J4vjEP3uKTCUhNog1LP863Uk/pub

@js_challenges
@js_masters_gp

💎 تفاوت های بین متد های ()append و ()appendChild

1⃣ تفاوت اول

متد ()appendChild نمی تواند ورودی بجز یک المنت html دریافت کند یعنی ورودی یا پارامتر متد ()appendChild باید یک المنت html باشد نه string یا ... ولی ما با متد ()append می توانیم string یا متنی را داخل ورودی یا پارامتر این متد قرار دهیم.

2⃣ تفاوت دوم

متد ()append می تواند چندین ورودی را بگیرد یعنی هر چند تعداد می توانیم بهش ورودی بدهیم از نوع string یا Element html، ولی متد ()appendChild نمی تواند بیشتر از یک ورودی بگیرد اگه ما بیایم پیش از یک ورودی را بهش بدیم این متد اولین پارامتر یا همان ورودی را می گیرد و بقیه ورودی ها را اصلاً حساب نمی کند(اضافه نمی کند).

3⃣ تفاوت سوم

زمانی که بخواهیم این متد ها را در درون متغییری ذخیره کنیم و return کنیم متد ()append هیچ چیزی را return نمی کند یعنی undefined بر می گرداند ولی متد ()appendChild مقداری را برای ما return می کند که همان المنتی است که برای ما اضافه کرده است.

#Tips_N_Tricks

@js_challenges
@js_masters_gp

💎 عملگر Optional Chaining چیست؟

گاهی وقتا آبجکتی رو به وسیله api دریافت میکنید و مطمئن نیستید که پراپرتی هایی که شما میخواهید آیا در آن آبجکت وجود دارد یا خیر. در وژن 3.7 به بعد تایپ اسکریپت، از عملگری معرفی شد به نام Optional Chaining که با علامت سوال و نقطه (.؟) نشان داده می شود. این عملگر، ابتدا بررسی می کند که آیا آن پراپرتی وجود دارد یا خیر، در صورتی که وجود داشته باشد از آن استفاده میکند در غیر این صورت undefined برمیگرداند.
console.log(persons?.abas?.job)

💬 در کل بالا ابتدا چک می کند آیا پراپرتی abas وجود دارد یا خیر، اگر وجود داشته باشد بررسی می کند آیا پرارتی job در زیر مجموعه abas وجود دارد یا خیر. اگر از این عملگر استفاده نکنید و پراپرتی abas وجود نداشته باشد به هنگام بررسی پراپرتی job با خطای زیر برخورد خواهید کرد
Uncaught TypeError: Cannot read properties of undefined (reading 'job')

قبل از معرفی این عملگر، برای جلوگیری از خطای بالا، کد رو به صورت زیر می نوشتیم:
console.log(persons.abas && persons.abas.job)

#Tips_N_Tricks

@js_challenges
@js_masters_gp

#quick_challenge

هر مشکلی داشتید داخل گروه بپرسید⁉️

@js_challenges
@js_masters_gp

#Course
#JavaScript
#Jonas_Schmedtmann
#S03
#E13
013 Dot Vs. Bracket Notation Dubbed

نکته ای جز درخواست من برای حمایت شما از دوبله ها نیست ❤️

@js_challenges
@js_masters_gp

چنلی که داخلش فایل های زیپ دوبله های جوناس قرار میگیره:
@js_challenges_courses

#Course
#JavaScript
#Jonas_Schmedtmann
#S03
#E14
014 Object Methods Dubbed

این ویدیو و ویدیوی قبلی رو هم شدن 40 دقیقه
حنجره برام نمونده حقیقتا 😂

این دوتا قسمت بسیار هم مهم هستن برای همین طولانی ان حتما خوب یادشون بگیرید 👌

@js_challenges
@js_masters_gp

چنلی که فایل های زیپ دوبله های جوناس داخلش قرار میگیره:
@js_challenges_courses

#Git
⚠️بچه ها تصمیم گرفتم تو پستهای مختلف از دستورات گیت براتون بذارم و توضیحشم میدم که چیکارا میکنن⚠️
✅git clone <repository URL>

git clone https://github.com/example/repository.git

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

دستور git clone: دستوری برای کپی کردن یک مخزن
این <repository URL>: آدرس مخزن مورد نظر برای کپی کردن.
✅git pull

git pull origin main

با استفاده از این دستور، تغییرات جدید از مخزن اصلی را به مخزن محلی خودتان بر می‌دارید.

دستورgit pull: دستور برای به‌روزرسانی تغییرات از مخزن اصلی
و origin main: نام remote و نام شاخه‌ی مورد نظر برای به‌روزرسانی
✅git branch

git branch -a

این دستور لیست تمام شاخه‌های موجود در مخزن را نمایش می‌دهد.
دستورgit branch: دستوری برای مدیریت شاخه‌ها در گیت
و -a: گزینه‌ای برای نمایش تمام شاخه‌ها (شامل همه‌ی remote و local ها)

☑️اگر دوست دارید بازم از این
دستورات بذارم 👍و انتشار بدید☑️

@js_challenges
@js_masters_gp

#quick_challenge

هر مشکلی داشتید داخل گروه بپرسید⁉️

@js_challenges
@js_masters_gp

#Course
#JavaScript
#Jonas_Schmedtmann
#S03
#E15
015 Coding Challenge_#3_Dubbed

دوبله چالش شماره سه از سکشن سوم در مورد آبجکت ها

@js_challenges
@js_masters_gp

چنلی که فایل های زیپ دوبله های جوناس داخلش قرار میگیره:
@js_challenges_courses

#Course
#JavaScript
#Jonas_Schmedtmann
#S03
#E16
016 Iteration The For Loop_Dubbed

کم کم داریم به آخرای فصل سوم هم نزدیک میشیم و رسما فاندمنتال ها تموم میشه ... 🔥🔥

@js_challenges
@js_masters_gp

چنلی که فایل های زیپ دوبله های جوناس داخلش قرار میگیره:
@js_challenges_courses

#Course
#JavaScript
#Jonas_Schmedtmann
#S03
#E17
017 Looping Arrays, Breaking And Continuing_Dubbed

اینم قسمت بسیار مهمیه چون تقریبا همیشه تا زمانی که از جاوااسکریپت استفاده میکنید منطقش و یا خودش به کارتون میاد 👌

مثل همیشه انتظار من فقط حمایته ❤️

ضمنا حتما توی @js_challenges_courses که سه قسمت دیگه که فصل سوم هم تموم شد فایل زیپش داخل اون چنل قرار میگیره 🔥

@js_challenges
@js_masters_gp

بدون تاریکی هرگز ستاره هارو نمیبینیم.

#Out_Of_IDE

@js_challenges
@js_masters_gp

#NPM
⚠️دوستان این بار خواستم دستورات npm رو اینجا براتون بذارم همراه با کد و توضیحش⚠️

✅npm audit

npm audit

این دستور بررسی امنیتی پروژه شما را انجام می‌دهد و به شما اطلاع می‌دهد در صورتی که بسته‌هایی در پروژه شما مشکلات امنیتی دارند.
✅npm outdated

npm outdated

با این دستور می‌توانید بررسی کنید که بسته‌های شما به آخرین نسخه موجود در npm نسخه‌ی جدیدی دارند یا خیر.
✅npm link

npm link

این دستور به شما امکان می‌دهد یک پکیج را به صورت محلی به پروژه‌های دیگر لینک کنید و تغییرات را به صورت زنده اعمال کنید.
✅npm ci

npm ci

این دستور به جای npm install استفاده می‌شود و برای نصب بسته‌ها با استفاده از فایل package-lock.json یا npm-shrinkwrap.json استفاده می‌شود. معمولاً برای محیط‌های CI/CD (Continuous Integration/Continuous Deployment) مفید است.
✅npm dedupe

npm dedupe

با این دستور می‌توانید وابستگی‌های تکراری در ساختار فایل package.json خود را حذف کنید و درخت وابستگی‌ها را بهینه‌سازی کنید.

❌اگر دوس داشتید 🔥بذارید و انتشار بدید❌
@js_challenges
@js_masters_gp

#quick_challenge

هر مشکلی داشتید داخل گروه بپرسید⁉️

@js_challenges
@js_masters_gp

#Course
#JavaScript
#Jonas_Schmedtmann
#S03
#E18
018 Looping Backwards And Loops In Loops_Dubbed

تنها دو قسمت باقی مونده تا انتهای فصل سوم 👌🔥

@js_challenges
@js_masters_gp

چنلی که به زودی فایل زیپ فصل سوم دوبله ها داخلش قرار میگیره:
@js_challenges_courses

#Course
#JavaScript
#Jonas_Schmedtmann
#S03
#E19
019 The While Loop_Dubbed

تنها یک قسمت دیگه به اتمام فاندمنتال های جاوااسکریپت ...🔥🔥
بکوبید ریکشنارو

@js_challenges
@js_masters_gp

چنلی که انشالا فردا یا نهایتا پس فردا فایل زیپ دوبله فصل سوم جوناس داخلش قرار میگیره:
@DubDev

اگه شما هم مثل من ده تا تب داخل کروم باز کرده بودی و اشتباها زدی کلا کرومو بستی و اعصابت داغون شده پس این پستو کامل بخون 👌

🔹 برای بازگردوندن کروم و تب‌های بسته شده، مراحل زیر رو برو:
🔹روی سه نقطه در بالا کلیک کن و برو تو تنظیمات
🔹بعدش از منو سمت چپ به "On Startup"
🔹حالا از این قسمت بازشده، "Continue where you left off" رو انتخاب کن
🔹حالا وقتی دوباره کرومو بازش می‌کنین تمومی تب‌های بسته شده رو تو دسترستون دارین.

از این موارد کاربردی تو چنل تکنولوژیمون بیشتر پیدا میکنید ❤️
@Tech_Nuggets