تایپ اسکریپت و مثل ماست یاد بگیر 🥶

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

⚡️https://typehero.dev/


#typeScript
@CodeModule

💎 خاموش کردن کامپیوتر در ویندوز و لینوکس، فقط با نوشتن یک کامند ساده در ترمینال !

💻 ویندوز

 Shutdown /p

🪴 لینوکس :

sudo shutdown -P now

با استفاده از این کامندها میتونید درجا کامپیوتر و خاموش کنید و در وقت صرفه جویی کنید🔥


#command #windows #linux
@CodeModule

🧐انکدر (encoder) jpegli چیه ؟

اینترنت شیوه زندگی، کار و ارتباط ما رو تغییر داده. با این حال، زمانی که صفحات به کندی بارگذاری می شن، می تونه به منبع ناامیدی تبدیل بشه.

💙در قلب این موضوع رمزگذاری تصاویر نهفته شده. برای بهبود این موضوع، گوگل jpegli رو معرفی کرده، یک کتابخانه کدنویسی پیشرفته JPEG که سازگاری بالاییو حفظ می‌کنه و در عین حال قابلیت‌های پیشرفته‌تر و بهبود نسبت فشرده‌سازی 35 درصدی رو در تنظیمات فشرده‌سازی با کیفیت بالا ارائه می‌ده.

در واقع Jpegli یک کتابخانه کدنویسی جدید JPEG هست که طوری طراحی شده که سریعتر، کارآمدتر و از نظر بصری دلپذیرتر از JPEG سنتی باشه.🔥

چه مزایای بیشتری از jpeg داره ؟

◀️رمزگذار و رمزگشا

◀️نتایج با کیفیت بالا

◀️سریع

◀️متراکم تر

در کل Jpegli یک فناوری جدید و امیدوارکنندست که پتانسیل اینو داره که اینترنت رو سریعتر و زیباتر کنه.


#performance #encoder
@CodeModule

Good Night 🌚✨

رویاهاتون و به حقیقت تبدیل کنید، در غیر این صورت فرد دیگری برای ساختن رویای خودش از شما، استفاده خواهد کرد.


@CodeModule

مقایسه React Hook Form با Formik 💀

تو این پست قراره دو کتابخانه مهم ریکتی به نام Formik و React Hook Form(RHF)، که جهت مدیریت فرم ها استفاده میشن و بررسی کنیم.

🔵کارکرد و اصول عملکرد

کتابخانه Formik بر اساس مفهوم "formik bag" عمل می‌کنه که شامل استیت و منطق مربوط به فرم هست. این کتابخانه از مفهوم render-prop برای ارائه قابلیت‌های مدیریت فرم استفاده می‌کنه.

کتابخانه RHF بر پایه هوک‌ها (hooks) در React طراحی شده و به صورت اصلی بر روی استفاده از وضعیت React و روش‌های ارسال فرم متمرکز هست.

🔵حجم کد و پیچیدگی

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

کتابخانه RHF معمولاً کد کمتری نیاز داره و کمترین تعداد مفهوم و پیچیدگی و در ارتباط با مدیریت فرم ارائه میده.

🔵امکانات

کتابخانه Formik ویژگی‌هایی مثل مدیریت اعتبارسنجی، مدیریت وضعیت فرم، ارسال فرم‌ها و پیگیری تغییرات داره.

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

🔵پایداری و انعطاف‌پذیری

هر دو کتابخانه پایدار و پشتیبانی شده هستن. اما کتابخانه React Hook Form از حالت hooks استفاده می‌کنه که باعث افزایش انعطاف‌پذیری در کد شما میشه.


به طور کلی، اگر به دنبال یک راه سریع و سبک برای مدیریت فرم‌ها هستید، React Hook Form انتخاب بهتریه، اما اگه نیاز به قابلیت‌ها و کنترل بیشتری دارید، Formik مناسب‌تره. البته سلیقه و همچنین نیازهای خاص پروژه تو انتخاب شما تاثیر میذاره ⚡️


#formik #rhf
@CodeModule

نوتیفیکیشن های جذاب با کتابخانه React-hot-toast 😍


کتابخانه React-Hot-Toast برای نمایش اعلان‌ یا نوتیف در پروژه های ریکتی هست. اعلان‌های Toast پیام‌های کوتاه مدت هستن که روی صفحه ظاهر میشن تا به کاربران اطلاعات، فیدبک یا هشدار‌های مهم ارائه بدن.


‼️ویژگی‌های کتابخانه React-hot-toast:

🔵ظاهر قابل کاستومایز
🔵ایونت هندلر
🔵کنترل مدت زمان
🔵عملیات async
🔵واسط برنامه نویسی ساده

❓چرا به این کتابخانه نیاز داریم؟

🔢 انگیزش کاربر: اعلان‌ها به کاربران کمک میکنن تا با جلب توجه اونها به اقدامات یا محتوای خاص، اونارو ترغیب به انجام اقدامات خاصی مثل تکمیل ثبت نام یا کاوش تو ویژگی‌های جدید کنن.

🔢 بازخورد و رفع خطا: یک سیستم اعلان نقش مهمی تو ارائه فیدبک به کاربرا ایفا می‌کنه. این میتونه به کاربرا در مورد موفقیت یا شکست اقداماتشون اطلاع بده و اونها رو تو رفع خطاها یا تأیید عملیات موفق هدایت کنه.

🔢 پایش وظایف: اعلان‌ها به کاربران در پایش و نظارت بر وظایف، رویدادها یا به‌روزرسانی‌های مهم در برنامه کمک می‌کنن.

🔢 ارتباط: اعلان‌ها به عنوان یک وسیله حیاتی برای ارتباط بین برنامه و کاربرانش عمل می‌کنن.

🔢 بروزرسانی‌های زمان واقعی: اعلان‌ها با فراهم کردن به‌روزرسانی‌های زمان واقعی، به کاربرا فوراً درباره تغییرات یا محتوای جدید اطلاع میدن.


برای یادگیری این کتابخانه، می‌تونید به داکیومنتش مراجعه کنید. 🔥

Document 🌕

#library #react #react_hot_toast
@CodeModule

📚 پایتون و با این کتاب شروع کن!

⌨️ کتاب Head_First_Python، یک کتاب آموزشی در زمینه پایتون هست که به شما کانسپت های اصولی پایه رو، به صورت ساده و جذاب آموزش میده.

💡از دستش ندید


#book #python
@CodeModule

Good Night 🌚✨

موفقیت، مجموعه‌ای از تلاش‌های کوچکه که
هر روز و هر روز تکرار شده‌اند.


@CodeModule

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

1⃣آموزش زیاد، تمرین کم

«تمرین نکردن» در یادگیری برنامه‌نویسی یک اشتباه مرگ‌بار هست. از همون ابتدای یادگیری و از روز اول، کدنویسی و شروع کنید. اگه هزاران ساعت هم آموزش ببینید اما یک خط کد نزنید، انگار هیچ کاری نکردید.

2⃣وقفه در یادگیری

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

3⃣نادیده گرفتنِ اهمیت یک کد خوانا
(انتخاب اولین راه حل)

اکثر دولوپر ها، اولویت اولشون اینه که کد کار کنه. شاید به این که به چه شکل و به چه روشی هم باشه براشون فرقی نداشته باشه و در آینده به نوعی کدشون باید «رمزگشایی» بشه 😂
در برنامه‌نویسی، راه‌حل‌های خوب زمانی به دست میان که راه‌حل‌های قبلی رو زیر سؤال ببرن. زمانی که مشکلی به وجود میاد، هدف ما تنها حل‌کردن مشکل نیست. بلکه پیداکردن روشیه که علاوه بر حل‌کردن، ساده و درک‌پذیر باشه.

4⃣کپی پیست بدون درک کد

قطعا تو پروژه هامون یه سر به gpt یا استک‌اورفلو برای دیباگ یا پیدا کردن تکه کدی زدیم. تو این موقعیت باید کد جدید و به خوبی درک کنیم و از ساز و کارش سر در بیاریم. این کار در ابتدا بر بهره ‌وری شما تأثیر می‌ذاره و در نهایت شما رو به توسعه‌ دهنده بهتری تبدیل می ‌کنه.

5⃣غرور

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


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


#bug #reforms
@CodeModule

شکل های گرافیکی 3D با Three js 😍

در واقع Three.js یک کتابخانه بین مرورگر جاوا اسکریپت و رابط برنامه نویسی برنامه (API) هست که، برای ایجاد و نمایش گرافیک‌‌‌های کامپیوتری متحرک سه بعدی در یک مرورگر وب با استفاده از WebGL استفاده‌‌ میشه.
 
❓کتابخانه three js چجوری کار می‌کنه ؟

کتابخانه Three.js امکان ایجاد انیمیشن‌‌‌های سه بعدی با شتاب واحد پردازش گرافیکی (GPU) رو با استفاده از زبان جاوا اسکریپت به عنوان بخشی از یک وب سایت بدون تکیه بر افزونه‌‌‌های اختصاصی مرورگر فراهم‌‌ میکنه. این به دلیل ظهور WebGL امکان پذیره و یک API گرافیکی سطح پایین که به طور خاص برای وب ایجاد شده. کتابخانه‌های سطح بالا مثل Three.js یا GLGE ، Scene.js ، PhiloGL ، (که در آینده براشون پست خواهیم داشت) و ...

این امکانو فراهم می‌کنن که انیمیشن‌های پیچیده رایانه‌ای سه بعدی برای نمایش در مرورگر بدون تلاش لازم برای یک برنامه کاربردی مستقل سنتی یا یک افزونه ایجاد شه.

🧰 امکانات جذاب این کتابخانه:

◀️افکت‌ها

◀️پرسپکتیو و آتوگرف

◀️انیمیشن

◀️نورپردازی حرفه ای

◀️ اشیاء و آبجکت‌ها

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

برای یادگیری این کتابخانه میتونید به داکیومنتش مراجعه کنید 🔥

Document 🌕

#js #library #threejs #3d
@CodeModule

🪴 یک سایت خفن برای لینوکس بازا!

🤯دیگه نیازی نیست برای تست و برسی هر توزیع، ماشین مجازی نصب کنی.

تو این سایت شما میتونید تعدادی محدود از توزیع های لینوکسی رو داشته باشید و توزیع های موجود رو با تمام desktop environment هاشون دسترسی داشته باشید و لذت ببرید 🔥

➡️Website◀️

#linux #distro
@CodeModule

Good Night 🌚✨

پرنده ای که روی درخت نشسته هرگز از شکستن شاخه نمی ترسه، چون اعتمادش به شاخه نیست بلکه به بال های خودشه.

همیشه خودت رو باور داشته باش


@CodeModule

😎یادگیری تایپ ده انگشتی با این سایت !

با این سایتی که امروز بهتون معرفی میکنیم میتونید تایپ ده انگشتی رو به زبان فارسی و انگلیسی و تایپ اعداد رو به راحتی یاد بگیرید به صورت رایگان 💰

➡️Website◀️

#tools #type
@CodeModule

چطور کد رجکسی در 10 ثانیه آماده کنیم؟

۱.ادیتور مورد علاقتو باز کن
۲.گربتو بزار رو کیبوردت تا بازی کنه 😂😂

#fun
@CodeModule

۵ نکته برای نوشتن کد تمیز و خوانا ⚡️

1️⃣از اسم های مشخص و معنا دار برای نام گذاری فانکشن و متغیر ها استفاده کنید

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


2️⃣هر فانکشن باید وظیفه و تسک مشخصی داشته باشه

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


3️⃣استفاده از یک قالب‌بندی ثابت

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


4️⃣فانکشن‌ها باید کوتاه باشن

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


5️⃣تعداد کامنت‌ها رو کم کنید

کامنت‌ها برای توضیح کار فانکشن ها و کلاس‌ها و… استفاده میشن اما اگه برای مثال، فانکشن های شما از اسم‌های توصیفی و معنا داری استفاده کنه و برای دیگران قابل درک باشه، دیگه نیازی به کامنت نیست :))


#tip #clean_code
@CodeModule

بک گراند های جذاب با Particle.js 🔥

با استفاده از کتابخانه Particle.js، میتونید بک گراند های متحرک و تعاملی ایجاد کنید.

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

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


Document 🌐

#partcleJs #animation
@CodeModule

Good Night 🌚✨

به آغاز اعتماد نکن، حقیقت در پایان اتفاق می‌افتد.


@CodeModule

🎮 بازی کن، یاد بگیر !

تو این سایت شما میتونید با بازی کردن در یک مزرعه، کل CSS Grid و مثل آب خوردن یاد بگیرید 😉

حتما بهش سر بزنید 🔥

➡️Website◀️

#css #grid
@CodeModule