#هشتگ

هشتگ های چنل که باهاشون میتونید راحت مطالب مورد نظرتون رو پیدا کنید:

چالش های چنل:
#js_challenge
#your_challenge
#quick_challenge

حتما توی یوتیوب هم مارو دنبال کنید:
YouTube

لینک شبکه هایی که داخلشون اپیزودهای پادکست #برنامه_نویس_آگاه منتشر میشه:
CastBox
Google Podcasts
Spotify

هشتگ های مربوط به دوره های دوبله شده:
#Course
#JavaScript
#Jonas_Schmedtmann
#S01 #S02 ....
#E01 #E02 ....

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

جواب چالش ها:
#answer

آموزش های کوتاه (عموما کمتر از ده دقیقه):
#js_nuggets

سطوح چالش های چنل:
#easy
#easy_to_medium
#medium
#medium_to_hard
#hard


تیپ و تیریک ها:
#Tips_N_Tricks
#VSCode_Extension
#Around_JS
#VsCode

موضوع های مختلف جاوااسکریپت (به این هشتگ ها به مرور اضافه میشه):
#arrays
#objects
#function
#async_await
#loops
#parsing_data
#short_circuiting
#object_destructuring
#promises
#error_handling
#fetch
#api
#NPM
#dates
#Clean_Code
#GitHub
#Git
#Design_Patterns
#DOM
#oop
#Package_Managers
#Timing

مطالب خارج از محیط IDE:
#Out_Of_IDE
#Music
#Fun

آیدی چنل:
@js_challenges
آیدی گروه چنل:
@js_masters_gp

#VSCode_Extension

این Live Server یک افزونه برای محیط توسعه Visual Studio Code است. این افزونه به شما امکان اجرای و مشاهده وبسایت‌ها و برنامه‌های وب خود در Visual فراهم می‌کند.
برای توضیحات بیشتر به قسمت @js_masters_gp وارد شوید.


@js_challenges
@js_masters_gp

#VSCode_Extension

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


@js_challenges
@js_masters_gp

#VSCode_Extension

⚠️بچه ها یه افزونه خفن 🤯 که کار چت جی چی تی رو میکنه منتها توی همون فضای vscode که قشنگی کار اینجاشه ⚠️
من تو این ویدیو نحوه کار باهاش رو گذاشتم و آدرس سایتشم این پایین گذاشتم میتونید نصب کنید و لذت ببرید ازش.
https://codeium.com

اگه خوشتون اومد 👍 کنید و به دوستاتون هم بفرستید💥


راستی چالش امروز رو یادتون نره
https://t.me/js_challenges/413

@js_challenges
@js_masters_gp

هشتگ های چنل که باهاشون میتونید راحت مطالب مورد نظرتون رو پیدا کنید:

چالش های چنل:
#js_challenge
#your_challenge
#quick_challenge

جواب چالش ها:
#answer

لینک ریپازیتوری ای که تمام چالش های اصلی اونجا جمع شده میتونید یه جا دسترسی داشته باشید:
https://github.com/MCKH03/JS_Challenges

آموزش های کوتاه (عموما کمتر از ده دقیقه):
#js_nuggets
مواردی که تاکنون داخل js_nuggets آموزش داده شده:
Intersection Observer API
Short Circuting
Object Destructuring
Array Destructuring
map filter reduce methods
clientX screenX pageX offsetX
clientY screenY pageY offsetY
Fetch
Try catch block
Map data structure

آموزش های طولانی (عموما بیشتر از ۱۵ دقیقه):
#js_amozsh

سطوح چالش های اصلی چنل:
#easy
#easy_to_medium
#medium
#medium_to_hard
#hard


تیپ و تیریک ها:
#Tips_N_Tricks
#VSCode_Extension
#Around_JS

موضوع های مختلف جاوااسکریپت (به این هشتگ ها به مرور اضافه میشه):
#arrays
#objects
#async_await
#loops
#parsing_data
#short_circuiting
#object_destructuring
#promises
#error_handling
#fetch
#api
#dates
#GitHub
#DOM

مطالب خارج از محیط IDE:
#Out_Of_IDE
#Music
#Fun
#Tech_Trends

مطالب خارج از محیط سیستم:
#Out_Of_Laptop

آیدی چنل:
@js_challenges
آیدی گروه چنل:
@js_masters_gp

#VSCode_Extension

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

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

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

#VSCode_Extension

❌وقتی به وب‌سایت npm نگاه می‌کنید و یک بسته رو انتخاب میکنید که اضافه کنید به پروژتون مشکل اینه که ما اغلب به مشکلهای اضافی که میتونه ایجاد کنه فکر نمی کنیم.

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

به خصوص در توسعه وب، باید به تک تک بایت هایی که وارد می کنید توجه داشته باشید زیرا بر سرعت بارگذاری سایت شما تأثیر منفی می گذارد، ممکن است به تجربه کاربر و حتی رتبه بندی SEO آسیب برساند.❌
💥لینک افزونه رو این پایین میذارم,اگر دوست داشتین 👍 و انتشار بدید 💥

https://marketplace.visualstudio.com/items?itemName=wix.vscode-import-cost

⚠️⚠️اگر کیفیت gif پایین هست داخل گروه فیلمشو میذارم⚠️⚠️

@js_challenges
@js_masters_gp

#VSCode_Extension

بچه ها خیلیا میدونن که پریتتیر چیه ولی بلد نیستن که چطوری ازش استفاده کنن 🧐
من تو پست پایینی براتون تو یه چیت شیت pdf کلا گفتم که اصلا چیه و چطوری میشه کانفیگش کرد و کانفیگ های بیسیکش رو توضیح دادم😎
❌پست رو شییر کنید تا اونایی که نمیدونن هم بدونن❌

Channel | Group | YouTube
👇👇👇👇👇👇👇👇👇👇👇👇👇👇👇👇👇

#VSCode_Extension

5 تا از اکستنشن های کاربردی توی vscode 👌

Channel | Group | YouTube

#VSCode_Extension

🚀 افزونه JavaScript Booster برای VS Code🚀

✅ مزایای استفاده از JavaScript Booster:

1️⃣افزایش بهره‌وری: با خودکارسازی وظایف تکراری مانند تبدیل var به const یا let، ادغام اعلان و مقداردهی اولیه، و حذف عبارات if-else اضافی، میتونید زمان و تلاش خودتون رو صرف نوشتن کد جدید و خلاقانه بکنید.
2️⃣ بهبود خوانایی کد: JavaScript Booster با ارائه پیشنهادات فرمت کد، نظارت بر کد و refactor کد، به شما کمک می‌کنه تا کد خودتون را به گونه‌ای بنویسید که خوندن درک اون برای خودتون و دیگران آسان‌تر باشه.
3️⃣کاهش خطا: با شناسایی و رفع خطاهای رایج JavaScript، JavaScript Booster به شما کمک می‌کنه تا از نوشتن کد ناپایدار و مستعد اشکال جلوگیری کنید.

https://marketplace.visualstudio.com/items?itemName=sburg.vscode-javascript-booster

Channel | Group | YouTube

#VSCode_Extension

✅ افزونه Prettier یه ابزار فرمت‌دهنده خودکار کد هست که به شما کمک می‌کنه تا کد خودتون رو به طور خودکار با یه سبک فرمت کد سازگار فرمت کنید. این ابزار برای زبان‌های مختلف برنامه‌نویسی از جمله جاوااسکریپت، تایپ‌اسکریپت، CSS، HTML، JSON، مارک‌داون و YAML پشتیبانی می‌کنه.

https://marketplace.visualstudio.com/items?itemName=esbenp.prettier-vscode

Channel | Group | YouTube

#VSCode_Extension

✅ افزونه GitLens یک ابزار محبوب برای VS Code است که به شما کمک می‌کنه تا تاریخچه Git مخزن کدتون رو به طور مستقیم در ویرایشگر VS Code مشاهده و بررسی کنید.

✅ مزایا:

به شما کمک می‌کنه تا بفهمید چه کسی کد رو تغییر داده، چه زمانی تغییر داده شده و چه تغییراتی ایجاد شده است.
به شما کمک می‌کنه تا بین تعهدات مختلف Git به طور روان حرکت کنید.
با طیف گسترده‌ای از ویژگی‌های اضافی
مانند Tree View، مقایسه کد و ناوبری در شاخه‌ها ارائه میشه.

https://marketplace.visualstudio.com/items?itemName=eamodio.gitlens

Channel | Group | YouTube

#VSCode_Extension

دوستان این اکستنشن خیلی کاربردیه من خودم ازش استغاده میکنم.
⚠️لینکشو میذارم خودتون برید نصب کنید و تست کنید.⚠️

https://marketplace.visualstudio.com/items?itemName=Codium.codium

Channel | Group | YouTube

#VSCode_Extension

🚀 افزونه WakaTime برای VsCode یک ابزار است که به شما کمک می‌کند تا میزان زمان صرف‌شده در کدنویسی را دنبال کنید. این افزونه با استفاده از API WakaTime کار می‌کند و به شما اجازه می‌دهد تا به‌طور خودکار اطلاعات مربوط به فعالیت‌های کدنویسی خود را جمع‌آوری و تحلیل کنید.

Channel | Group | YouTube

#VSCode_Extension

افزونه Import Cost برای Visual Studio Code یک ابزار مفید برای توسعه‌دهندگان وب است که به شما کمک می‌کند تا اندازه بسته‌های جاوااسکریپت و TypeScript را که وارد پروژه خود می‌کنید، به‌صورت فوری مشاهده کنید. 😍

این افزونه اندازه دقیق فایل‌های وارد شده (import) را در زمان توسعه به شما نمایش می‌دهد، بنابراین می‌توانید به‌سرعت ارزیابی کنید که کدام کتابخانه‌ها و بسته‌ها ممکن است باعث افزایش حجم نهایی فایل‌های شما بشن 😎

Channel | Group | YouTube

#VSCode_Extension

افزونه vscode-faker واسه Vscode هستش که بهتون اجازه میده دیتاهای جعلی (mock data) را به‌سرعت و به‌سادگی تو محیط کدنویسی تولید کنید. 😉
این افزونه با استفاده از کتابخانه محبوب Faker.js کار میکنه و واسه توسعه‌دهندهایی که نیاز به داده‌های تصادفی برای تست و توسعه دارن، خیلی جوابه

https://marketplace.visualstudio.com/items?itemName=deerawan.vscode-faker

Channel | Group | YouTube

#VSCode_Extension

پیشنهاد میکنم تستش کنید اکستنشن جذابی هست 🚀

Channel | Group | YouTube

#VSCode_Extension

دیگه گفتم به بک اند کارا خیانت کنم و یه اکستنشن کاربردی برای فرانت کارا بذارم 😂😂

Channel | Group | YouTube

#VSCode_Extension

اگه دوس دارین کامیتای خوشکلی بزنن و ترتمیز دیده بشه این افزونه میتونه کمکتون بکنه 🚀

Channel | Group | YouTube