💎 معرفی نرم افزار یا ابزار RunJS

اگر میخواهید خروجی کد هاتون رو به صورت آنی مشاهده کنید پیشنهاد میکنم حتماً از این نرم افزار استفاده کنید مخصوصاً اگه در حال یادگیری و توسعه خودتان هستید این نرم افزار به خوبی میتونه سرعت عمل شما رو افزایش بده.

💬 نکته مهم: کد های شما با موتور v8 ران خواهد شد.

💡 پیشنهاد: اگه از کد ادیتور VSCode یا IDE پی اچ پی استورم استفاده می کنید پیشنهاد می کنم از اکستنشن Quokka استفاده کنید این اکستنشن همانند RunJS عمل میکنه با این تفاوت که روی خود IDE شما نصب میشه.

#Tips_N_Tricks

@js_challenges
@js_masters_gp

😎تریک designMode جاوا اسکریپت

👨‍💻با وارد کردن این دستور تو کنسول هر وبسایت موجود تو دنیا میتونین بصورت live تغییرات ظاهری دلخواهتون رو اعمال کنین!

پ.ن.پ: کد وارد شده تو ویدئو که تو حالت دیفالت غیر فعاله اینه👇

document.designMode = 'on'

#Tips_N_Tricks

@js_challenges
@js_masters_gp

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

حداکثر تا پس فردا تموم میشه کارش آپلود میکنم براتون

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

گفتم بگم اطلاع داشته باشید که قراره دوباره گرد و خاک به پا بشه 💥

@js_challenges
@js_masters_gp

اگه فرصتها در نزدن،
يه در براشون بساز . 😎👊🏼

#Out_Of_IDE
@js_challenges
@js_masters_gp

💎 خلاصه ای از آفست ها در جاوا اسکریپت در قاب تصویر

تصویر بالا offset ها رو تو جاوا اسکریپت به طور کامل نشان داده

#Tips_N_Tricks
#DOM

یه js_nugget هم در این رابطه داخل چنل هست، اگر خواستید به اون هم یه سر بزنید 👌

https://news.1rj.ru/str/js_challenges/363

@js_challenges
@js_masters_gp

Are you ready????

#Out_Of_IDE
#Music

ما به حمایت های شما بیش از پیش نیازمندیم ... ❤️

@js_challenges
@js_masters_gp

🧐کنسول کامند های مهم تو js

🧑‍💻از اون جایی که فرایند دیباگینگ کردن خیلی ها از جمله خودم(😁) به صرفا لاگ کردن کدمون داخل کنسول خلاصه میشه! تو این پست سعی کردم شیش تا از مهم ترین دستور های این کنسول عزیز رو براتون لیست کنم❤

#Tips_N_Tricks

@js_challenges
@js_masters_gp

CHALLANGE 46
#quick_challenge

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

@js_challenges
@js_masters_gp

#Tips_N_Tricks
☠️☠️☠️
💣بچه ها امروز میخوام براتون سورس کد یه بازی که با جاوااسکریپت کد زده شده رو بذارم,شما میتونید برای تمرین و آشنایی با چالشهای برنامه نویسی داخل این بازی ,این سورسهارو بردارید و خودتون روش کار کنید 💣

🥳هم فاله هم تماشا🥳

❌میتونید درجه سختی و آسونیشو خودتون تنظیم کنید و کلی کارای خفن دیگه❌

⚠️سورس کدشو هم بصورت فایل زیپ میذارم توی @js_masters_gp حتما تستش کنید⚠️
اگر دوست داشتین 👍 و انتشار یادتون نره 💥💥

@js_challenges
@js_masters_gp

💎 مدیا کوئری ها در جاوا اسکریپت

از مدیا کوئری ها برای بررسی سایز و اندازه طول و عرض صفحه نمایش مورد استفاده قرار میگیره و از اصلی ترین مواردیست که ریسپانسیویتی سایت بر آن استوار است و قطعاً اسمش رو در CSS شنیدید.
در جاوا اسکریپت هم میتونید از مدیا کوئری ها استفاده کنید.

⁉️ به چه صورت؟
تو کلاس window یه متدی داریم به نام matchMedia که میتونید سایز مد نظر صفحه رو به اون بدید و پاسخ رو به صورت آبجکت دریافت کنید.

💬 نکته مهم اینکه حتماً حداقل عرض رو باید درون پرانتز بنویسید.

#Tips_N_Tricks
#DOM

@js_challenges
@js_masters_gp

#VSCode_Extension

💥خوب بچه ها دیدم خیلیا به افزونه نیاز دارن گفتم یه ویدیو درست کنم و اینکه اسم افزونه رو داخل ویدیو مینویسم و نحوه ی کار باهاش رو تو آخر ویدیو تو 2 تا اسلاید گذاشتم.💥

🏁 این افزونه بسیار کاربردی هست برای همه برنامه نویسها 🏁

اگر دوست دارید بازم از این معرفی های افزونه ای بذارم 👍 کنید و به دوستانتون بفرستید 🫡
@js_challenges
@js_masters_gp

آقا استارت دوبله دوره جاوااسکریپت Jonas Schmedtmann از امروز خورده شد و امروز دو ویدیو از فصل اول ضبط شد ...
الان هم براتون این دو ویدیو رو آپلود میکنم
انتشار فراموش نشه 🔥

@js_challenges
@js_masters_gp

#Course
#JavaScript
#Jonas_Schmedtmann
#S01
#E01
001 Course Structure and Projects_Dubbed

جوناس معمولا قسمت اول هر سکشن، میاد توضیحات مربوط به اون سکشن رو میده و یه سری کلیات رو بیان میکنه

حقیقتا اول میخواستم این ویدیو رو هم دوبله کنم ولی روم نشد حقیقتش رو بخواید 😅 که جوناس صحبت کنه و خودش جلوی دوربین باشه بعد صدای من روی ویدیو باشه

برای همین روند کلا به این صورت خواهد بود که اگر جوناس بیاد جلوی دوربین برای بیان یه سری کلیات و توضیحات سکشن، بنده به جاش میام جلوی دوربین 😁

بعد از این قسمت، میریم سراغ قسمت دوم فصل اول دوره جاوااسکریپت Jonas Schmedtmann بزرگ ...

پ.ن: حمایت و انتشار فراموشتون نشه عزیزان من ... ❤️

@js_challenges
@js_masters_gp

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

💬 برای مشاهده تمام وابستگی‌ها در یک پروژه npm، می‌توانید از دستور npm list استفاده کنید. به طور پیش‌فرض، این دستور یک نمای درختی از تمام بسته‌های نصب شده و وابستگی‌های آن‌ها نمایش می‌دهد


1️⃣ برای مشاهده تمام بسته‌های نصب شده به صورت سراسری و وابستگی‌های آن‌ها، از دستور زیر استفاده کنید:

   npm list -g   

📝 پارامتر -g نمایانگر نصب سراسری است و تمام بسته‌های نصب شده به صورت سراسری را نمایش می‌دهد.



2️⃣ برای مشاهده وابستگی‌های یک پروژه خاص، به دایرکتوری پروژه در خط فرمان بروید و سپس دستور زیر را اجرا کنید:

   npm list

📝 این دستور یک نمای درختی از تمام بسته‌های نصب شده و وابستگی‌های آن‌ها را نمایش می‌دهد که خاص پروژه در دایرکتوری فعلی است.



3️⃣ به صورت پیش‌فرض، npm list درخت کامل وابستگی‌ها را نمایش می‌دهد که اگر تعداد زیادی از وابستگی‌ها داشته باشید، ممکن است گیج‌کننده باشد. می‌توانید عمق درخت را با مشخص کردن پارامتر --depth
و عدد مربوطه محدود کنید. به عنوان مثال، برای نمایش وابستگی‌ها تا عمق 1:

   npm list --depth=1
   

4️⃣ اگر می‌خواهید لیست وابستگی‌ها را در یک فایل ذخیره کنید، می‌توانید خروجی را به یک فایل متنی منتقل کنید. به صورت زیر:

   npm list > dependencies.txt

📝 این دستور کل درخت وابستگی‌ها را در یک فایل به نام dependencies.txt در دایرکتوری فعلی ذخیره می‌کند.



5️⃣ علاوه بر این، می‌توانید از پارامتر --json با دستور npm list استفاده کنید تا خروجی را در قالب JSON دریافت کنید که می‌تواند برای تجزیه و تحلیل به صورت برنامه‌ریزی‌ای مفید باشد:

   npm list --json
   

این دستورات به شما کمک می‌کنند تا وابستگی‌های پروژه‌های npm خود را مشاهده و بررسی کنید.


#Tips_N_Tricks
#NPM

@js_challenges
@js_masters_gp