📌Stopwatch

🔹Source Code:
https://codesandbox.io/p/sandbox/stopwatch-3pl8sq?file=%2Findex.html%3A83%2C9

🔹Deploy:
https://660d25e1e6a6c2bd124fd64d--visionary-youtiao-5c5410.netlify.app/


#codeAndResult
🆔@APSignals_PER

#fun
🆔 @APSignals_PER

📌عادت‌های سالم
پارت ۱

عادت‌ها اساساً بخش‌هایی از زندگی ما هستند که روال روزانه ما را تشکیل می‌دهند و درواقع آنها قدرتمندترین ابزاری هستند که ما برای تغییر زندگی خود داریم.
در این پست به چند عادت اشاره خواهیم کرد که برای کار شما به عنوان یک برنامه‌نویس بسیار سودمند خواهد بود.

🔴 غذای سالم بخورید.

برنامه‌نویسی می‌تواند یک کار بسیار فشرده به خصوص برای مغز شما باشد. بدن شما فقط می‌تواند با مواد مغذی که می‌خورید کار کند، پس اگر می‌خواهید عملکرد بهتری داشته باشید و کارآمدتر کار کنید، باید تغذیه مناسب داشته باشید:

🔹 مصرف قند خود را کاهش دهید.
🔹 به جای نوشابه آب بنوشید.
🔹 فقط مقدار کمی شیرینی در روز بخورید.
🔹 در‌میان میوه‌ها از میو‌ه‌هایی که قند کمتری دارند مانند انواع توت‌ها، کیوی، زردآلو و... استفاده کنید.
🔹 از یک رژیم غذایی متعادل پیروی کنید.
🔹غلات کامل مانند برنج قهوه‌ای، گندم سیاه، کینوا، بلغور، ارزن و جو مصرف کنید.
🔹 مقدار زیادی حبوبات مانند عدس، لوبیا قرمز، نخود سبز و سویا مصرف کنید.
🔹 آجیل‌هایی مانند بادام، پسته، گردو، بادام هندی و بادام زمینی مصرف کنید.
🔹 مقدار زیادی سبزیجات (ترجیحاً سبزیجات چلیپایی) مانند کلم بروکلی مصرف کنید.
🔹 دانه‌هایی مانند دانه چیا، دانه شاهدانه، دانه کتان، دانه کدو تنبل و دانه کنجد بخورید.
🔹 مصرف گوشت خود را به حداقل برسانید.
🔹بیشترین کربوهیدرات را در صبح بخورید.
🔹سبک‌ترین وعده غذایی شما باید حداقل سه ساعت قبل از خواب باشد.


#Health
🆔 @APSignals_PER

📌Hover Effect

🔹Source Code:
https://codesandbox.io/p/sandbox/hover-effect-27yqkm?file=%2Findex.html%3A7%2C44

🔹Deploy:
https://660d111f858f4da9e30b8ccc--dapper-cheesecake-177b0d.netlify.app/


#codeAndResult
🆔@APSignals_PER

#fun
🆔 @APSignals_PER

💢CodeSnap:
ممکنه شما بخواید قسمتی از کد های پروژه مورد نظرتون رو با یکی از دوستان یا همکارانتون به اشتراک بگذارید.
در همچین حالتی می تونید کد را کپی کنید یا به کمک گوشی موبایلتان از کد عکس گرفته و در شبکه های مجازی برای فرد مورد نظرتون ارسال کنید. اما هر کدام از این روش ها از کیفیت و خوانایی پایینی برخوردار هستند.
برای همین موضوع اکستنشن CodeSnap ایجاد شده است. این اکستنشن به شما این امکان رو می ده که بتونید قسمت دلخواهی از کدتون را در قالب یک تصویر زیبا داشته باشید و اون رو در فضای مجازی به اشتراک بگذارید.

#Extension
🆔 @APSignals_PER

🔹Source Code: https://codesandbox.io/p/sandbox/crazy-shockley-h26csy

🔹Deploy: https://65e641d4a720c10b4044acc9--spontaneous-tarsier-38cd5a.netlify.app/



#codeAndResult
🆔@APSignals_PER

📌پشتیبان گیری داده ها

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

روش های مختلفی برای پشتیبان گیری از داده ها وجود دارد:

🔶ذخیره سازی خارجی: می توانید از یک هارد دیسک خارجی یا درایو فلش USB برای ذخیره نسخه پشتیبان از داده های خود استفاده کنید. این روش ساده و مقرون به صرفه است، اما به یاد داشته باشید که هارد دیسک خارجی شما نیز می تواند خراب شود یا گم شود.

🔶ذخیره سازی ابری: خدمات ذخیره سازی ابری مانند Google Drive، Dropbox یا iCloud به شما امکان می دهند از داده های خود به صورت آنلاین نسخه پشتیبان تهیه کنید. این روش دسترسی به داده های شما را از هر دستگاهی آسان می کند و در صورت خرابی لپ تاپ شما، از آنها محافظت می کند.

🔶نرم افزار پشتیبان: نرم افزارهای مختلفی برای پشتیبان گیری خودکار از داده های شما در فواصل زمانی مشخص وجود دارد. این روش می تواند برای اطمینان از به روز بودن نسخه پشتیبان شما مفید باشد.

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

نوع داده هایی که می خواهید از آنها نسخه پشتیبان تهیه کنید: اگر فقط از چند فایل مهم نسخه پشتیبان تهیه می کنید، ذخیره سازی آنها در یک درایو فلش USB ممکن است کافی باشد. اما اگر از حجم زیادی از داده ها مانند عکس ها، فیلم ها یا موسیقی نسخه پشتیبان تهیه می کنید، ممکن است به یک هارد دیسک خارجی یا ذخیره سازی ابری نیاز داشته باشید.
حجم داده هایی که می خواهید از آنها نسخه پشتیبان تهیه کنید: اگر حجم زیادی از داده ها دارید، ذخیره سازی ابری ممکن است بهترین گزینه باشد زیرا فضای ذخیره سازی بیشتری نسبت به هارد دیسک خارجی ارائه می دهد.
بودجه شما: هزینه هارد دیسک های خارجی، درایوهای فلش USB و خدمات ذخیره سازی ابری می تواند متفاوت باشد.
مهم است که به طور منظم از داده های خود نسخه پشتیبان تهیه کنید،  به خصوص اگر از لپ تاپ خود برای کار یا مدرسه استفاده می کنید. در صورت بروز مشکل برای لپ تاپ شما،  نسخه پشتیبان شما می تواند به شما کمک کند تا داده های خود را بازیابی کنید و به کار خود ادامه دهید.



#laptop_health
🆔 @APSignals_PER

#fun
🆔 @APSignals_PER

#health
🆔 @APSignals_PER

💢استفاده از  CSS Variable یک روش قدرتمنده که به شما امکان میده مقادیر مشترک رو در یک مکان مرکزی تعریف کرده و سپس از اون ها در سراسر سایت خود استفاده کنید. به عنوان مثال، فرض کنید می‌خواهید رنگ پس‌زمینه و متن عناصر مختلف در وبسایتتون رو تغییر بدین. با استفاده از  CSS Variable، میتونید این کار رو به راحتی انجام بدین و در صورت لزوم، فقط با تغییر یک مقدار، تمامی المان‌ها را به‌روزرسانی کنید.


:root {  --background-color: #f0f0f0; /* تعریف متغیر برای رنگ پس‌زمینه */
  --text-color: #333; /* تعریف متغیر برای رنگ متن */}
body {
  background-color: var(--background-color); /* استفاده از متغیر برای رنگ پس‌زمینه */  color: var(--text-color); /* استفاده از متغیر برای رنگ متن */
}
h1 {  color: var(--text-color); /* استفاده از متغیر برای رنگ متن عنوان */
}

در این کد، ابتدا با استفاده از
:root
CSS Variable
تعریف می‌شوند.
سپس این متغیرها در تمامی محیط‌های سایت، از جمله body و h1 استفاده میشند. به این ترتیب، اگه بخواهید رنگ پس‌زمینه یا متن را تغییر بدین، کافیه فقط مقدار Variable را تغییر بدین ، و تغییرات به طور خودکار در تمامی عناصر اعمال میشه، بدون نیاز به تغییرهای مکرر و دستی.


#Css_Trick
🆔 @APSignals_PER

#fun
🆔 @APSignals_PER

💢“موفقیت تصادفی نیست؛ موفقیت سخت کار کردن، پشتکار، یادگیری، مطالعه، فداکاری و مهمتر از همه عشق ورزیدن به کاری است که در حال انجام دادن یا یاد گرفتن آن هستید.” پله (فوتبالیست برزیلی)


#انگیزشی
🆔 @APSignals_PER

♨️ترفند صرف جویی در فضای سیستم

وقتی کامپیوتر شما زمان زیادی طول می کشد تا بوت شود، ممکن است هنگام شروع برنامه های زیادی در حال اجرا داشته باشید. برای حذف برنامه های غیر ضروری، کلید Windows + R را فشار دهید، سپس “misconfig” را تایپ کنید. 
تب Startup را از پنجره ای که باز می شود انتخاب کنید و می توانید هر برنامه ای را که می خواهید که زمان بوت شما را کند می کند خاموش کنید.


#laptopTrick
🆔 @APSignals_PER

🔹Source Code:
https://codesandbox.io/p/sandbox/toggle-button-dark-light-mode-gszhfg

🔹Deploy: https://65e7163b69de5b04e5c1edc4--dashing-twilight-c3949a.netlify.app/



#codeAndResult
🆔@APSignals_PER

#fun
🆔 @APSignals_PER

📌عادت‌های سالم
پارت ۲


🔴 فعالیت بدنی و حرکات کششی زیاد انجام دهید.
همه‌ی ما  می‌دانیم که به عنوان برنامه‌نویس ممکن است 8 تا 10 ساعت در روز بنشینیم که باعث می‌شود کمر درد بگیریم و به طور کلی احساس عدم تعادل کنیم.

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

🔹چرا فعالیت بدنی مهم است؟
زیرا به کاهش استرس کمک می‌کند، ذهن را پاک می‌کند و بدن را تقویت می‌کند.
فعالیت بدنی همچنین به محافظت از شما در برابر بسیاری از بیماری‌ها کمک می‌کند و عملکرد مغز شما را بهبود می‌بخشد که البته به عنوان یک برنامه نویس بسیار مهم است.

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

🔹از انجام حرکات کششی در صبح یا عصر غافل نشوید.
انجام فعالیت بدنی منظم عالی است اما کافی نیست. کشش بدن در کنار فعالیت‌های بدنی بسیار مهم است.
حرکات کششی به شما کمک می‌کند انعطاف پذیری و وضعیت بدن خود را بهبود بخشید. همچنین به کاهش درد شما بعد از نشستن تمام روز جلوی کامپیوتر کمک می‌کند. تغییر موقعیت کاری خود از نشستن به ایستاده نیز یک راه عالی برای حرکت دادن بدن به روش‌های مختلف است.

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

#Health
🆔 @APSignals_PER