𝗖𝗢𝗢𝗟𝗬 𝗖𝗢𝗗𝗘 | کولی کد – Telegram
𝗖𝗢𝗢𝗟𝗬 𝗖𝗢𝗗𝗘 | کولی کد
6 subscribers
225 photos
77 videos
6 files
354 links
Download Telegram
نحوه خاموش کردن ویندوز

توی این آموزش قراره دو تا از بهترین روشهای خاموش کردن ویندوز رو باهم بررسی کنیم.

روش اول
روی دکمه Start (آیکون ویندوز) در پایین سمت چپ صفحه کلیک کنید.

گزینه Power را انتخاب کنید.

سپس گزینه Shut down را بزنید.


روش دوم
دکمه پاور بر روی لپ تاپ یا کیس را پیدا کنید.

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


از این به بعد میتونی با خیال راحت سیستمت رو خاموش کنی ؛)

#️⃣ #fun

🚀 @coolycode
This media is not supported in your browser
VIEW IN TELEGRAM
راستشو بگید، کدوماتونو برنامه نویسی نجات داد ... :)

#️⃣ #programming

🚀 @coolycode
توی پست جدید اینستاگرام یه سایت بهتون معرفی کردم که سورس کد کلی بک گراند انیمیشنی خفن رو براتون گذاشته که میتونید ازشون توی وبسایتتون استفاده کنید 🤩

💎 لینک ویدیو

#️⃣ #NEWPost #website

🚀 @coolycode
𝗖𝗢𝗢𝗟𝗬 𝗖𝗢𝗗𝗘 | کولی کد
Video
دوست دارید ری‌اکشنای پریمیوم رو‌فعال کنیم ؟ 😁🔥
💎 شبه‌کلاس root در CSS 💎

شبه‌کلاس root در CSS به عنصر ریشه (یا بالاترین عنصر) در سند HTML اشاره می‌کنه. این شبه‌کلاس یکی از اجزای کلیدی CSS به شمار می‌ره، به‌ویژه وقتی که از متغیرهای CSS ( نمونه استفاده ازش رو در پست های قبلی داشتیم ) استفاده می‌کنیم.

اولویت ( priority ) در :root به چه شکله ؟ 🚀

شبه‌کلاس هایی مثل hover ,focus و root نسبت به انتخابگرهای تگ ( مثل div یا html ) اولویت بیشتری دارن.

یعنی اگر استایل یکسانی هم در انتخابگر تگ و هم در شبه‌کلاس :root تعریف کنید، استایل :root اعمال خواهد شد 🔻

:root {
--bg-color: lightblue;
}

html {
--bg-color: pink;
}

body {
background-color: var(--bg-color); /* پس‌زمینه آبی روشن خواهد بود */
}


تعاملش با جاوااسکریپت چطوره ؟ 💥

جاوااسکریپت به خوبی این مورد رو هندل کرده و شما میتونید متغیرهای تعریف‌شده در :root رو با جاوااسکریپت به صورت داینامیک تغییر بدید، مثل تغییر تم وبسایت.

مثال :
document.documentElement.style.setProperty('--primary-color', '#e74c3c');

توی کد بالا، مقدار متغیر --primary-color به #e74c3c تغییر می‌کنه، و تمام عناصری که از این متغیر استفاده می‌کردند، به روز می‌شن.


امیدوارم حسابی از این پست لذت برده باشی، اگر دوست داشتید با ری‌اکشناتون بهمون انرژی بدید ❤️

#️⃣ #css #root

🚀 @coolycode
𝗖𝗢𝗢𝗟𝗬 𝗖𝗢𝗗𝗘 | کولی کد
دوست دارید ری‌اکشنای پریمیوم رو‌فعال کنیم ؟ 😁🔥
حالا که انقد ری‌اکشن پریمیوم دوست دارید چنلو بوس کنید که فعال شه 🙂😂

اینم لینک حمایتمون، اگر محتوای کانالو دوست دارید با بوست کردن میتونین ازمون حمایت کنید 🔥❤️

https://news.1rj.ru/str/boost/coolycode
1000286625.jpg
442.6 KB
🔸 وبسایت Devhints یک منبع عالی برای چیت‌شیت‌های برنامه‌نویسیه که دسترسی سریع به دستورات و خلاصه ابزارهای مختلفی مثل JavaScript، Python و Git رو فراهم می‌کنه

این داک جذاب از تکنولوژی های مختلف و متعددی پشتیبانی میکنه، حتما یه سری بهش بزنید


🌐 مشاهده Devhints

#️⃣ #website #git

🚀 @coolycode
پست جدیدمون آپلود شد تو اینستاگرام 😍

🌐 مشاهده پست

#️⃣ #NEWPost #tricks

🚀 @coolycode
💎 بررسی tree shaking در جاوااسکریپت 💎

درواقع Tree Shaking در جاوااسکریپت یک تکنیک بهینه‌سازیه که کدهای استفاده نشده رو از باندل نهایی حذف می‌کنه و به طور خاص با ماژول‌های ES6 کار می‌کنه که از دستورهای import و export برای مدیریت وابستگی‌ها استفاده می‌کنند.

هدف اصلی tree shaking اینه که فقط کدی که واقعاً در برنامه استفاده میشود در باندل نهایی باقی بماند و کدهای اضافی حذف شوند 💥


چه مزایایی داره ؟ 🚀

با کاهش حجم باندل با حذف کدهای اضافی و استفاده‌نشده، حجم فایل نهایی کاهش پیدا می‌کنه و بارگذاری صفحات سریع‌تر می‌شه و همچنین باعث می‌شه تا منابع سیستم کمتر مصرف بشن.

نحوه کار Tree Shaking 📈

درواقع Tree shaking تنها با ماژول‌های ES6 کار می‌کنه، چون این ماژول‌ها به طور ایستا وابستگی‌های خودشونو مشخص می‌کنن ( برای درک بهتر این مقاله رو بخونید )، حالا وقتی که از کدهای import و export استفاده میکنیم، ابزارهایی مثل Webpack می‌تونن بفهمند کدوم بخش از کد ما مورد استفاده قرار نمی‌گیره و اونها را حذف کنند.

نکته ای که وجود داره اینه که جاوااسکریپت به تنهایی نمیتونه tree shaking رو فعال کنه و توسط bundler‌هایی مثل webpack و rollup انجام می‌شه !


نحوه فعال کردن tree shaking

برای اطلاع از نحوه کارکرد tree-shaking در Webpack و Rollup میتونید از لینک های زیر استفاده کنید

🌐 Webpack

🌐 Rollup


توی این پست سعی کردم به طور کامل tree shaking رو بهتون توضیح بدم، اگر دوست داشتید با ری‌اکشناتون بهمون انرژی بدید ❤️

#️⃣ #WhtsThat #javanoscript #bundlesize #tree_shaking #webpack #rollup

🚀 @coolycode
لگسی‌کد ( legacy code ) چیست ؟

با چاشنی طنز ؛)

#️⃣ #WhtsThat #NEWPost #legacycode

🚀 @coolycode
1000287019.jpg
119.9 KB
🔸 وبسایت Npmtrends براتون این امکان رو فراهم کرده تا محبوبیت و میزان استفاده از پکیج‌های مختلف npm رو با نمودارهایی که داره باهم دیگه مقایسه کنید

درواقع این ابزار با اطلاعاتی که بهتون می‌ده بهتون کمک می‌کنه تا پکیج مناسب رو برای پروژه خودتون پیدا کنید

مثلا من توی این عکس پکیج react-hook-form رو با Formik مقایسه کردم و میتونید تمامی اطلاعاتشون رو ببینید مثل تعداد issue‌ها، تعداد نصب بر اساس تاریخ و ...

🌐 مشاهده وب‌سایت

#️⃣ #website #npm #npmtrends

🚀 @coolycode
💎 توسعه نرم‌افزار بدون وابستگی | Zero Dependency 💎

اصطلاح zero dependency به این معنیه که در یک پروژه، از هیچ کتابخانه یا پکیج خارجی استفاده نمیشه. یعنی تمامی قابلیت‌ها و عملکردهای لازم به‌صورت داخلی و بدون وابستگی به ابزارهای دیگه پیاده‌سازی می‌شن.

چه چیزایی باعث میشه تا Zero Dependency رو انتخاب کنیم ؟

📦 کاهش ریسک ناسازگاری نسخه‌ها
تغییرات در نسخه‌های مختلف لایبرری ها می‌تونن باعث بروز مشکلاتی در پروژه شود.


⚒️ کنترل بیشتر بر روی کد
وقتی توسعه‌دهندگان از کتابخانه‌های خارجی استفاده می‌کنن، مجبور به اعتماد به کدهای نوشته شده توسط دیگران هستند.


🔰 افزایش امنیت
کتابخانه‌های خارجی ممکنه حاوی آسیب‌پذیری‌هایی باشند که پروژه شما رو تهدید کنند.


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


مزایای Zero Dependency
افزایش سرعت

پایداری بیشتر

ساده‌سازی روند دیباگ

پشتیبانی بهتر از کد


معایب Zero Dependency
زمان‌بر بودن توسعه

تکرار کارهای انجام شده

کمبود امکانات و ابزارهای آماده

نگهداری پیچیده تر

عدم وجود کامیونیتی


📌 جمع‌بندی
در کل رویکرد Zero Dependency مزایا و معایب خودش رو داره و انتخاب اون به نیازهای پروژه شما بستگی داره و باید به این نکت توجه کنید که بسیاری از امکانات آماده و کتابخانه های خارجی در دسترس شما نخواهد بود.


امیدوارم از این مطلب لذت برده باشید، با ری‌اکشنای خودتون بهمون انرزی بدید ❤️‍🔥

#zero_dependency #programming
This media is not supported in your browser
VIEW IN TELEGRAM
💎 تست نویسی چیه ؟ 💎

تست نویسی درواقع نوشتن کدهاییه که عملکرد بخش‌های مختلف یک برنامه رو بررسی می‌کنند تا مطمئن بشیم که برنامه بدون خطا و با کارایی مطلوب اجرا می‌شه. این فرآیند یه بخش حیاتی از توسعه نرم‌افزاره که به بهبود کیفیت و پایداری پروژه واقعا کمک می‌کنه.

چه مزیت هایی داره ؟ 🚀

🔸 تست نویسی کمک می‌کنه تا از بروز باگ‌ها و مشکلات جلوگیری بشه و باعث می‌شه تا از عملکرد کد اطمینان حاصل کنیم که واقعا نگهداری و تغییرات جدید توی کد رو ساده تر می‌کنه.

و خب در نهایت همه اینا باعث میشه تا، سرعت توسعه بالاتر بره و از لحاظ کیفی توی سطح خوبی قرار بگیره.


انواع روش های تست نویسی

Unit Testing
بررسی کوچک‌ترین بخش‌های برنامه (مانند توابع یا متدها) برای اطمینان از اینکه به درستی کار می‌کنند.


Integration Testing
بررسی تعامل بین ماژول‌ها و بخش‌های مختلف برای اطمینان از اینکه با هم دیگه به درستی کار می‌کنند.


Functional Testing
این نوع تست به روی بررسی عملکرد سیستم یا نرم‌افزار بر اساس نیازها و الزامات تعیین‌شده تمرکز داره.


UI Testing
تست عناصر تعاملی در رابط کاربری، مانند دکمه‌ها و فرم‌ها.


Regression Testing
تست عملکرد قبلی نرم افزار پس از اعمال تغییرات جدید، برای جلوگیری از ایجاد خطاهای جدید.


Security Testing
ارزیابی آسیب‌پذیری‌های امنیتی در برابر حملات احتمالی.


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

🌐 article

🌐 article 1

امیدوارم از این مطلب لذت برده باشید، با ری‌اکشنای خودتون بهمون انرژی بدید ❤️‍🔥

#️⃣ #WhatsThat | #test | #testing

🚀 @coolycode
This media is not supported in your browser
VIEW IN TELEGRAM
این خیلی خوب بود 😍😂

ولی خب دور از شوخی حق میگه !
من خودم از اون کساییم که هیچوقت بحث نمیکنم در مورد اینکه دانشگاه رفتن درسته یا نه، فقط می‌خوام بگم صرفا با اتکا کردن به درس های دانشگاه یه حتی کلاس های حضوری و آنلاین برنامه نویسی به نقطه خفنی نمیرسید اگر میخواید پیشرفت کنید توی این حوزه باید خودتون برید دنبال چیزای جدید و از رو به رو شدن باهاشون نترسید و اجازه بدید به خودتون که خودتون تجربه کنید

#️⃣ #fun | #programming | #self_study

🚀 @coolycode