یک سایت جالب که باید هر روز بهش سر بزنید 🌐

📝سایت Hackernews سایت خبری هست مربوط به برنامه نویسی هستش ! توش جدید ترین خبر ها رو میتونید ببینید ، بعضی وقت ها حتی اگر صفحه رو رفرش کنید میبینید یک خبر جدید اومد. سایت هیچ UI خاصی نداره و صفحه لاگین حتی یک خط کد css هم نداره! شاید همین غلط انداز باشه و فکر کنید که این سایت چیز خاصی نیست ، قرار نیست به کارمون بیاد! و ...

📝ولی این سایت هم بخش خبری داره که خیلی قویه چون داره از بقیه سایت ها خبر برمیداره (با کمک برنامه نویسان) و وقتی که روی هر مطلب کلیک کنید منتقل میشید به همون سایتی که خبر رو گذاشته! یعنی عملا کپی رایت رو هم رعایت کرده. از طرفی بخشی هم داره برای پرسیدن سوال هاتون ولی خب سوال ها بیشتر حالت مقاله داره ، و قرار نیست مثل سایت stackoverflow باشه! بخش دیگری هم داره که جاهایی که دارن استخدام برنامه نویس انجام میدن رو نشون میده و ...

#hackernews
☕️ @CodeExplore

اضافه شدن متد های مربوط به مجموعه های ریاضی (Set) به جاوااسکریپت (بخش دوم) 🔥

◽️7 قابلیت قراره اضافه بشه و من براتون 4 تا رو قراره بررسی کنم،
🔘مورد اول ، اجتماع (Union) هست ، بیاید فرض بگیریم دو تا مجموعه داریم:

const frontEndLanguages = new Set(["JavaScript", "HTML", "CSS"]);
const backEndLanguages = new Set(["Python", "Java", "JavaScript"]);

🔘حالا میخوایم اجتماع این دو تا رو بدست بیاریم ، اجتماع یعنی اضافه کردن اعضای یک مجموعه به یک مجموعه دیگر (و یادمون نره که نمیتونیم عضو تکراری داشته باشیم!):

const allLanguages = frontEndLanguages.union(backEndLanguages);
// => Set {"JavaScript", "HTML", "CSS", "Python", "Java"}

🔘مورد دوم ، اشتراک (Intersection) هست، دوباره با همون دو تا مجموعه قبلی امتحان میکنیم ، اشتراک یعنی یک مجمعه ای رو به دست بیاریم که شامل عضو های مشترک دو مجموعه انتخاب شده باشه:

const frontAndBackEnd = frontEndLanguages.intersection(backEndLanguages);
// => Set {"JavaScript"} 

🔘مورد سوم ، تفاضل (Difference) هست، (فرضمون با همون دو تا مجموعه هستش)وقتی این کار رو میکنیم بهمون یک مجموعه میده که عضو هاش ، عضو هایی هستن که مجموعه دوم نداره ، بزارین با مثال بهتر بهتون نشونش بدیم:

const onlyFrontEnd = frontEndLanguages.difference(backEndLanguages);
// => Set {"HTML", "CSS"} 
const onlyBackEnd = backEndLanguages.difference(frontEndLanguages);
// => Set {"Python", "Java"}

🔘و مورد آخر ، با این مورد میتونیم بررسی کنیم که یک مجموعه ، زیر مجموعه اون یکی هست یا نه! یعنی خروجی برامون true,false هست (boolean). این سری مجموعه هامون فرق میکنه:

const frontEndLanguages = new Set(["JavaScript", "HTML", "CSS"]);
const declarativeLanguages = new Set(["HTML", "CSS"]);

declarativeLanguages.isSubsetOf(frontEndLanguages);
// => true
frontEndLanguages.isSubsetOf(declarativeLanguages);
// => false

منبع:
🔗 https://www.sonarsource.com/blog/union-intersection-difference-javascript-sets/

#javascript
☕️@CodeExplore

یک سایت جالب که HTTP Status Code ها رو با حالت ها و گربه های مختلف نمایش میده و اگر نیاز داشته باشید میتونید ازشون توی جای مناسب هم استفاده کنید 😉💙

👉🏻 https://http.cat

#http #cat
☕️ @CodeExplore

📱میدونی دلیل رشد رقیبت چیبوده...؟!

▪️با استفاده از سایتی که تو این پست معرفی میکنم به راحتی هرچه تمام تر میتونید عملکرد رقیبتون رو در تمام پارامترها آنالیز کنید و از اون محتواها ایده برداری کنید...

▪️فقط و فقط کافیه یوزرنیم رقیبتون رو بفرستید ؛ حالا این سایت به صورت دقیق محتواهای وایرال شده طرف رو بهتون نمایش میده ؛ میگه از چه هشتگ هایی استفاده کرده که خیلی بازدید خورده

🔸 برای ورود به سایت کلیک کنید.

☕️ @CodeExplore

دوستان تو این پست نکات و ترفندهای جاوااسکریپت رو آوردیم 😎

#javascript
☕️ @CodeExplore

امان از این فراموش کاریا 😂😅

#fun
☕️ @CodeExplore

منبع UI رایگان ،  codemyui 💡

✔️سایت codemyui یک سایت هست با کلی سورس css , html و javascript که رایگان در اختیار شما قرار گرفتند، درست مثل سایت codepen ! شاید بگید خب پس تفاوتش چیه؟ فایده اینکه این سایت رو معرفی کردین چیه؟ نکته ای که هست و شما احتمال زیاد متوجهش شدید توی سایت codepen واقعا کد ها دسته بندی شده نیستن و باید با سرچ و کلی گشت و ... کد مد نظرتون رو پیدا کنید! اما توی این سایت شما با استفاده از منو به همه (یا حداکثر) دسته بندی ها دسترسی دارین!

#ui
☕️ @CodeExplore

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

این منبع بصورت کامل و جامع هستش و آپدیت هم میشه ✅

🌐 github.com/Developer-Y/cs-video-courses

#computer_science
☕️ @CodeExplore

🙂 دوستان براتون یک ابزار باحال برای نمایش console.log های برنامه آوردیم ✔️

◀️  تو VsCode یک اکستنشن Console Ninja هست می‌تونیم console.log های برنامه رو توی همون VsCode و به صورت آنلاین ببینیم ، براتون لینک نصب اکستنشن رو پایین می زارم ❤️

(بهتون پیشنهاد میکنم حتما ویدیو رو ببینید )

✔️ لینک نصب اکستنشن:

🌐 https://marketplace.visualstudio.com/items?itemName=WallabyJs.console-ninja

#extension #vscode
☕️ @CodeExplore

🟢چگونه عملکرد و سرعت برنامه‌های فرانت‌اند رو بهتر کنیم؟

مطمئنم این سوال واسه خیلی هاتون پیش اومده 🙂

پس با ما همراه باشید:)

#front_end
☕️ @CodeExplore

💡نحوه فعال کردن Ctrl Z در اندروید...!

🔹احتمالاً برای خیلیاتون پیش اومده که یه متن بلند بالایی رو تایپ میکنید ولی یک دفعه دستتون میخوره و از صفحه چت خارج میشید ؛ اینجایه که با خودتون میگید ای کاش اندروید هم مشابه ویندوز قابلیت Ctrl Z رو داشت...

◀️برای این کار در گوشی های سامسونگ :

• توی کیبورد پیش‌فرض گوشی های سامسونگ بعد از اینکه اشتباهی یک متن رو پاک کردید دوتا انگشتتون رو روی صفحه کیبورد (تقریباً سمت راست) قرار بدید و از راست به چپ بکشید ← این کار همون کار کنترل Z رو انجام میده.

◀️برای باقی گوشی های اندرویدی:

• اول از همه باید نرم افزار Gboard رو از پلی استور یا هرجایی که دوست دارید دانلود و نصب کنید ؛ بعد توی کیبورد دستتون رو روی آیکون تغییر زبان نگه دارید و گزینه Language settings رو انتخاب کنید

• حالا روی Add keyboard ضربه بزنید و زبان ژاپنی رو اضافه کنید ؛ به کیبوردتون برگردید و زبان کیبوردتون رو ژاپنی کنید ؛ در نهایت هم روی آیکون ⬅️ ضربه بزنید متنی که پاک میشه دوباره برمیگرده.

☕️ @CodeExplore

فرق برنامه نویس ها با طراحا ❤️

#fun
☕️ @CodeExplore

⭕معرفی پرکاربرد ترین وب‌سایت های هر حوزه :

💠 اگه موزیکات کپی رایت میخوره :

• Artlist
• Music vine
• Pixabey
• Sound stripe

💠 فونت هات یک‌نواخت شده و خسته شدی :

• Dafont
• Fontiran

💠 دنبال ویدیو های خام و بدون کپی رایتی :

• Ads of the world
• Pexels
• Artgrid
• Mixkit

☕️ @CodeExplore

مشکلات بعضی از ما برنامه نویسان تازه کار اینه که از چه فونتی برای سایتمون استفاده کنیم که مورد توجه کاربر قرار بگیره و سایت خفن دیده بشه ؟ 🤔


⚡️براتون تو این پست فونت های جذاب و خفن مخصوص برنامه‌نویسی معرفی کردم 👌

✅ فونت‌ها رو اول دانلود کنید ، بعد نصب کنید و بعدش اسمش رو توی ادیتور یا IDE اضافه کنید

🖥 برای دانلود فونت ها کلیک کنید.

#font
☕️ @CodeExplore

🔥دوستان اگه خواستید برای مصاحبه‌ها آماده بشین ، می تونین از سایت های زیر استفاده کنید که آمادگیتون رو برای مصاحبه بیشتر کنید 👌

تصمیم گرفتیم که از این به بعد هر چند روز یک بار، سوالاتی که تو مصاحبه میپرسن رو آماده کنیم و قرار بدیم تا بتونید استفاده کنید و نتیجه ی خوبی بگیرید 😎

🔗 https://www.techinterviewhandbook.org


🔥سایت هم زیر مخصوص دوستان فرانت کار هستن که می تونن سوالات تخصصی مربوط به حوزه ی فرانت رو مطالعه کنند

🔗 https://www.frontendinterviewhandbook.com

✔️ اگه شما سایت های دیگه ای می‌شناسید ، حتما داخل کامنت ها بگید تا دوستان بتونن استفاده کنند.

#site
☕️ @CodeExplore

سایت CNET ، سایت خبری برنامه نویسی ! 📰

☄️ سایت CNET (مخفف Computer Network) یک سایت خبریِ آمریکایی هستش که اخبار مربوط به برنامه نویسی و تکنولوژی رو پوشش میده ، البته پوشش خبر فقط بخشی از این کار ها هست ، این سایت نقد ها ، بلاگ ها ، پادکست ها و ویدیو های مربوط به تکنولوژی رو هم منتشر میکنه! از زمان لانچ شدنش حدود 30 سال میگذره (یعنی سال 1994 لانچ شده) و از سه زبان انگلیسی ، فرانسوی و ژاپنی هم پشتیبانی میکنه!

🌐 لینک سایت

#cnet
☕️ @CodeExplore