●● نحوه خاموش کردن ویندوز ●●
توی این آموزش قراره دو تا از بهترین روشهای خاموش کردن ویندوز رو باهم بررسی کنیم.
➊ روش اول
➋ روش دوم
از این به بعد میتونی با خیال راحت سیستمت رو خاموش کنی ؛)
توی این آموزش قراره دو تا از بهترین روشهای خاموش کردن ویندوز رو باهم بررسی کنیم.
➊ روش اول
روی دکمه Start (آیکون ویندوز) در پایین سمت چپ صفحه کلیک کنید.
گزینه Power را انتخاب کنید.
سپس گزینه Shut down را بزنید.
➋ روش دوم
دکمه پاور بر روی لپ تاپ یا کیس را پیدا کنید.
انگشت خود را بر روی دکمه فشار دهید تا زمانی که سیستم شما خاموش شود.
#️⃣ #fun
🚀 @coolycode
توی پست جدید اینستاگرام یه سایت بهتون معرفی کردم که سورس کد کلی بک گراند انیمیشنی خفن رو براتون گذاشته که میتونید ازشون توی وبسایتتون استفاده کنید ⚡🤩
💎 لینک ویدیو
💎 لینک ویدیو
#️⃣ #NEWPost #website
🚀 @coolycode
𝗖𝗢𝗢𝗟𝗬 𝗖𝗢𝗗𝗘 | کولی کد
Video
دوست دارید ریاکشنای پریمیوم روفعال کنیم ؟ 😁🔥
💎 شبهکلاس root در CSS 💎
شبهکلاس root در CSS به عنصر ریشه (یا بالاترین عنصر) در سند HTML اشاره میکنه. این شبهکلاس یکی از اجزای کلیدی CSS به شمار میره، بهویژه وقتی که از متغیرهای CSS ( نمونه استفاده ازش رو در پست های قبلی داشتیم ) استفاده میکنیم.
اولویت ( priority ) در :root به چه شکله ؟ 🚀
شبهکلاس هایی مثل hover ,focus و root نسبت به انتخابگرهای تگ ( مثل div یا html ) اولویت بیشتری دارن.
تعاملش با جاوااسکریپت چطوره ؟ 💥
جاوااسکریپت به خوبی این مورد رو هندل کرده و شما میتونید متغیرهای تعریفشده در :root رو با جاوااسکریپت به صورت داینامیک تغییر بدید، مثل تغییر تم وبسایت.
مثال :
امیدوارم حسابی از این پست لذت برده باشی، اگر دوست داشتید با ریاکشناتون بهمون انرژی بدید ❤️
شبهکلاس 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
اینم لینک حمایتمون، اگر محتوای کانالو دوست دارید با بوست کردن میتونین ازمون حمایت کنید 🔥❤️
https://news.1rj.ru/str/boost/coolycode
Telegram
𝗖𝗢𝗢𝗟𝗬 𝗖𝗢𝗗𝗘 | کولی کد
از این کانال حمایت کنید تا بتواند به قابلیتهای اضافی دسترسی پیدا کند.
𝗖𝗢𝗢𝗟𝗬 𝗖𝗢𝗗𝗘 | کولی کد
حالا که انقد ریاکشن پریمیوم دوست دارید چنلو بوس کنید که فعال شه 🙂😂 اینم لینک حمایتمون، اگر محتوای کانالو دوست دارید با بوست کردن میتونین ازمون حمایت کنید 🔥❤️ https://news.1rj.ru/str/boost/coolycode
سه نفر حمایت کنن میتونیم استوریم بزاریم🔥😁
البته قابلیت های بیشتری فعال میشه، خلاصه که جینگولای بیشتری به پست ها اضافه میشه 😂
𝗖𝗢𝗢𝗟𝗬 𝗖𝗢𝗗𝗘 | کولی کد
اینم از اولین موزیک ویدیو برنامه نویسی 😂😎 سم جدید جور کردم براتون بفرستید برا اینو اون و خلاصه کیف کنید، هر بار بهش فکر میکنم خندم می گیره 🔥😂 🌐 مشاهده ویدیو https://www.instagram.com/reel/DAY6deiszKj #️⃣ #NEWPost #programming 🚀 @coolycode
This media is not supported in your browser
VIEW IN TELEGRAM
موزیک ویدیو برنامه نویسی 🙂😂
شیر و ریاکشن یادتون نره 😂❤️
برا بچه هایی که ایسنتا ندارن گذاشتم اینجا، دوست داشتید از اینستامون ببینید 🔻
🌐https://www.instagram.com/coolycode
#️⃣ #fun #programming
🚀 @coolycode
𝗖𝗢𝗢𝗟𝗬 𝗖𝗢𝗗𝗘 | کولی کد
موزیک ویدیو برنامه نویسی 🙂😂 برا بچه هایی که ایسنتا ندارن گذاشتم اینجا، دوست داشتید از اینستامون ببینید 🔻 🌐https://www.instagram.com/coolycode شیر و ریاکشن یادتون نره 😂❤️ #️⃣ #fun #programming 🚀 @coolycode
برای عزیزانی که متوجه نشدن
این موزیک ویدیو اهنگ فندک کو هستش ما بومی سازیش کردیم مخصوص برنامه نویسا😂
این موزیک ویدیو اهنگ فندک کو هستش ما بومی سازیش کردیم مخصوص برنامه نویسا😂
1000286625.jpg
442.6 KB
🔸 وبسایت Devhints یک منبع عالی برای چیتشیتهای برنامهنویسیه که دسترسی سریع به دستورات و خلاصه ابزارهای مختلفی مثل JavaScript، Python و Git رو فراهم میکنه
🌐 مشاهده Devhints
این داک جذاب از تکنولوژی های مختلف و متعددی پشتیبانی میکنه، حتما یه سری بهش بزنید ⚡
🌐 مشاهده Devhints
#️⃣ #website #git
🚀 @coolycode
💎 بررسی tree shaking در جاوااسکریپت 💎
درواقع Tree Shaking در جاوااسکریپت یک تکنیک بهینهسازیه که کدهای استفاده نشده رو از باندل نهایی حذف میکنه و به طور خاص با ماژولهای ES6 کار میکنه که از دستورهای
چه مزایایی داره ؟ 🚀
با کاهش حجم باندل با حذف کدهای اضافی و استفادهنشده، حجم فایل نهایی کاهش پیدا میکنه و بارگذاری صفحات سریعتر میشه و همچنین باعث میشه تا منابع سیستم کمتر مصرف بشن.
نحوه کار Tree Shaking 📈
درواقع Tree shaking تنها با ماژولهای ES6 کار میکنه، چون این ماژولها به طور ایستا وابستگیهای خودشونو مشخص میکنن ( برای درک بهتر این مقاله رو بخونید )، حالا وقتی که از کدهای
نحوه فعال کردن tree shaking ✅
برای اطلاع از نحوه کارکرد tree-shaking در Webpack و Rollup میتونید از لینک های زیر استفاده کنید
توی این پست سعی کردم به طور کامل 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
#️⃣ #WhtsThat #javanoscript #bundlesize #tree_shaking #webpack #rollup
🚀 @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 #programming
اصطلاح zero dependency به این معنیه که در یک پروژه، از هیچ کتابخانه یا پکیج خارجی استفاده نمیشه. یعنی تمامی قابلیتها و عملکردهای لازم بهصورت داخلی و بدون وابستگی به ابزارهای دیگه پیادهسازی میشن.
چه چیزایی باعث میشه تا Zero Dependency رو انتخاب کنیم ؟ ✅
📦 کاهش ریسک ناسازگاری نسخهها
تغییرات در نسخههای مختلف لایبرری ها میتونن باعث بروز مشکلاتی در پروژه شود.
⚒️ کنترل بیشتر بر روی کد
وقتی توسعهدهندگان از کتابخانههای خارجی استفاده میکنن، مجبور به اعتماد به کدهای نوشته شده توسط دیگران هستند.
🔰 افزایش امنیت
کتابخانههای خارجی ممکنه حاوی آسیبپذیریهایی باشند که پروژه شما رو تهدید کنند.
⚡ سرعت بیشتر
حذف وابستگیها به کتابخانههای خارجی میتونه حجم کد نهایی رو کاهش بده تا سرعت نهایی بالا بره.
مزایای Zero Dependency
افزایش سرعت
پایداری بیشتر
سادهسازی روند دیباگ
پشتیبانی بهتر از کد
معایب Zero Dependency
زمانبر بودن توسعه
تکرار کارهای انجام شده
کمبود امکانات و ابزارهای آماده
نگهداری پیچیده تر
عدم وجود کامیونیتی
📌 جمعبندی
در کل رویکرد Zero Dependency مزایا و معایب خودش رو داره و انتخاب اون به نیازهای پروژه شما بستگی داره و باید به این نکت توجه کنید که بسیاری از امکانات آماده و کتابخانه های خارجی در دسترس شما نخواهد بود.
#zero_dependency #programming
💎 تست نویسی چیه ؟ 💎
تست نویسی درواقع نوشتن کدهاییه که عملکرد بخشهای مختلف یک برنامه رو بررسی میکنند تا مطمئن بشیم که برنامه بدون خطا و با کارایی مطلوب اجرا میشه. این فرآیند یه بخش حیاتی از توسعه نرمافزاره که به بهبود کیفیت و پایداری پروژه واقعا کمک میکنه.
چه مزیت هایی داره ؟ 🚀
🔸 تست نویسی کمک میکنه تا از بروز باگها و مشکلات جلوگیری بشه و باعث میشه تا از عملکرد کد اطمینان حاصل کنیم که واقعا نگهداری و تغییرات جدید توی کد رو ساده تر میکنه.
✅ انواع روش های تست نویسی
Unit Testing
Integration Testing
Functional Testing
UI Testing
Regression Testing
Security Testing
در کل تست نرمافزار مبحث گسترده تری هستش و پیشنهاد میکنم اگر به این مبحث علاقه مندید مقاله های زیر رو مطالعه کنید
🌐 article
🌐 article 1
امیدوارم از این مطلب لذت برده باشید، با ریاکشنای خودتون بهمون انرژی بدید ❤️🔥
تست نویسی درواقع نوشتن کدهاییه که عملکرد بخشهای مختلف یک برنامه رو بررسی میکنند تا مطمئن بشیم که برنامه بدون خطا و با کارایی مطلوب اجرا میشه. این فرآیند یه بخش حیاتی از توسعه نرمافزاره که به بهبود کیفیت و پایداری پروژه واقعا کمک میکنه.
چه مزیت هایی داره ؟ 🚀
🔸 تست نویسی کمک میکنه تا از بروز باگها و مشکلات جلوگیری بشه و باعث میشه تا از عملکرد کد اطمینان حاصل کنیم که واقعا نگهداری و تغییرات جدید توی کد رو ساده تر میکنه.
و خب در نهایت همه اینا باعث میشه تا، سرعت توسعه بالاتر بره و از لحاظ کیفی توی سطح خوبی قرار بگیره.
✅ انواع روش های تست نویسی
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