#Tips_N_Tricks

💎 کاربرد createTextNode در جاوا اسکریپت چیست؟

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

▫️نکته: نود هیچ ارتباطی با رانتایم Node.js نداره و صرفاً تو اسمشون شباهت هایی وجود داره

حالا میتونیم بپردازیم به کاربرد createTextNode در جاوا اسکریپت:
🔸با استفاده از این متد، قادر خواهید بود تکست نود ها را ایجاد و آن ها رو درون نود های عنصری append کنید.

به عنوان مثال میتونید تکست نود عبارت Hello World رو به وسیله این متد ایجاد کنید سپس درون المنت h1 یا span یا هر المنت دیگه ای append کنید. در این صورت یک المنت نودی به نام p دارید که دارای تکست نودی با عبارت Hello World است و میتونید اون هرجا از dom لازم باشه مورد استفاده قراردهید.

@js_masters_gp
@js_challenges

CHALLANGE 35
#quick_challenge

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

@js_challenges
@js_masters_gp

#Around_JS

⚠️بچه ها از اونجایی که هدف تیم js_challenges اینه که این چنل به بزرگترین کامیونیتی جاوا اسکریپت توی ایران تبدیل بشه,برای شما از آموزش تا سوالات استخدامی در مورد جاوا اسکریپت رو هر روز تهیه و انتشار میدیم.⚠️
💫امروز برای اولین بار بخش سوالات استخدامی تهیه شده و در گیتهاب در یک ریپازیتوری قرار گرفته شد💫
لینک مخزن گیتهاب :
https://github.com/amirnobari/Employment-Questions

💣و خبر مهم اینه که هر کدوم از شما که دوست دارین میتونین سوالاتی که در استخدام مطرح میشه رو یا روی گیتهاب پوش کنید و یا بصورت عکس داخل گروه @js_masters_gp بذارید تیم ما پس از بررسی اونو به عنوان سوال شما به اسم خودتون به مخزن اضافه میکنه💣

اگر دوس دارید سوالات بیشتری گذاشته بشه 👍 و انتشار بدید تا زود زود آپدیت بشه مخزن گیت هاب🏁
@js_challenges
@js_masters_gp

🔸اپراتور !!

👨‍💻درواقع کاری که این اپراتور انجام میده اینه که هر value ای رو به boolean value برابر با خودش تبدیل میکنه👌
👨‍💻این اپراتور مخصوصا وقتی کاربردی میشه که ما بخوایم یه value هیچوقت undefined یا null نباشه،بلکه بجای اون یه مقدار بولین وجود داشته باشه.🤝
پ.ن.پ: تو تصویر بالا میتونین چند تا مثالش رو ببینین😎

#Tips_N_Tricks

@js_challenges
@js_masters_gp

اگه به معجزه اعتقادى ندارى
شايد يادت رفته كه خودت يك معجزه اى.❤️

#Out_Of_IDE

@js_challenges
@js_masters_gp

آقا سر صبحی آدم اینو ببینه انرژی نمیگیره خدایی؟

دمتون گرم واقعا که تمام این مدت همراه ما بودید و خواهید بود ❤️

خیلی اتفاقات خفنی قراره بیافته و چشم اندازهای من و ادمین ها خیلی بزرگتر از چیزیه که فکرشو میتونید بکنید 🔥

تنها خواهشی که میتونم ازتون بکنم اینه که در حد توانتون محتوایی که به نظرتون مفید هست رو منتشر کنید تا این کامیونتی روز به روز بزرگتر بشه ❤️

@js_challenges
@js_masters_gp

💎 تولید آی دی یونیک بدون استفاده از کتابخانه

با استفاده از متد randomUUID از آبجکت crypto می توانید بدون استفاده از کتابخانه خاصی به آسانی UUID منحصر به فرد تولید کنید.


🔶 نکته مهم: crypto یک webAPI است و در هیچ یک از آپدیت های اکما اسکریپت ارائه نشده است پس فقط در مرورگر هایی که از آن پشتیبانی می کنند قابل استفاده است و تقریباً توسط تمامی مرورگر ها از ورژن های نسبتاً قدیمی شان تا به اکنون پشتیبانی می‌شود. نکته مهم تر آن که از آن نمی توانید در محیط های Runtime جاوا اسکریپت استفاده کنید مثلاً در سرور Nodejs.

#Tips_N_Tricks


@js_challenges
@js_masters_gp

CHALLANGE 37
#quick_challenge

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

@js_challenges
@js_masters_gp

#Tech_Trends

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

توی این آپدیت شما میتونید طوری کدتون رو برای بقیه ارسال کنید انگار که داخل vscode ارسال کردید

یعنی انگار از یک تم برای ارسال کدهاتون استفاده کردید 👌

این ویژگی هم توی نسخه موبایل و هم تو نسخه دستاپ قابل استفادست

نحوه استفاده از این قابلیتو توی همین ویدیوی 1 دقیقه ای توضیح دادم ❤️

برای بقیه هم بفرستید که همه آگاه بشن از این قابلیت خفن و جدید تلگرام 🤝

@DeepDevs
@DeepDevsGp

حتما به ویس توضیحات گوش کنید
#js_challenge
#no39
#easy

هشتگ های مرتبط:
#dates

لینک برنچ مربوطه داخل ریپازیتوری اصلی:
https://github.com/MCKH03/JS_Challenges/tree/js_challenge_36

کار کردن با تاریخ ها داخل جاوااسکریپت جزو یکی از پرتکرارترین کارهاییه که انجام میدیم ...

پس خوب یادش بگیرید!

@js_challenges
@js_masters_gp

توضیحات چالش

#Tips_N_Tricks
⚠️این توصیه‌ها به شما کمک می‌کنند که کد‌های تمیزتر، خواناتر و با کیفیت‌تری ایجاد کنید.⚠️
❌// ==> 1
// استفاده از const و let به جای var:
// با استفاده از const برای تعریف ثابت‌ها و از let برای متغیرها، کد را خواناتر می‌کنیم.
❌// ==> 2
// استفاده از Arrow Functions:
// توابع Arrow کد را کوتاه‌تر و خواناتر می‌کنند. در اینجا تابع add به صورت Arrow تعریف شده است.
❌// ==> 3
// استفاده از Template Strings:
// اینجا از Template Strings برای ایجاد رشته‌های چندخطی و تعبیه عبارت‌ها استفاده شده است.
❌// ==> 4
// استفاده از Destructuring:
//به شما امکان استخراج مقادیر از یک شیء را می‌دهد. در اینجا مقادیر firstName و lastName از شیء person استخراج شده‌اند.
❌// ==> 5
// استفاده از Promises برای کار با Async Code:
// توابع fetch و async/await برای کار با کدهای ناهمزمان و دریافت داده از یک API به کار رفته‌اند.
❌// ==> 6
// استفاده از Modules:
// اینجا یک ماژول با نام math.js تعریف شده و تابع add از آن صدا زده می‌شود.
// با استفاده از import می‌توان توابع و متغیرها از ماژول‌های دیگر را وارد کرد.

@js_masters_gp

#Out_Of_IDE
#Fun
بنظرتون چقدر این عکس واقعیت داره؟؟؟😂😂

@js_challenges
@js_masters_gp

🔥باز کردن دوربین با استفاده از js

🧑‍💻با وارد کردن این کد تو جاوا اسکریپت میتونید از user برای استفاده از webcam اجازه بگیرین😎

پ.ن.پ: سلفی هاتون رو برامون بفرستین 🤳

#Tips_N_Tricks

@js_challenges
@js_masters_gp