نوتیفیکیشن های جذاب با کتابخانه 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

واکنشم به پکیج فروشا، وقتی که وعده میلیاردر شدن تو ۶ ماه با برنامه نویسی میدن😂:


#fun
@CodeModule

📆ابزار Gulp چیه ؟

در واقع Gulp یک تولکیت متن باز و رایگانه که توسط آقای Eric Schoffstall به زبان جاوا اسکریپت نوشته شده. Gulp یک Build System یا Task Manager برای محیط Node.Js و پکیج منیجر npm هست.

🔴تولکیت Gulp چه کارایی هایی داره ؟

به کمک Gulp میشه یک سری کارهای تکراری و زمان‌برو به صورت اتوماتیک انجام داد. به این ترتیب کار برنامه نویس کمی سبک‌تره و سرعت اجرای پروژه تا حد زیادی بالا میره. کارهایی مثل فشرده سازی کدها، بهینه سازی، Unit Testing، تبدیل فایل Sass به CSS، فشرده کردن تصاویر، ساخت محیط لوکال هاست و ... به کمک Gulp به ساده‌ترین شکل ممکن انجام میشن.

کافیه Gulp رو نصب کنیم تا این ابزار کارهای این چنینی رو برای ما به صورت اتوماتیک انجام بده.

⚡️به طور کلی با Gulp میتونید کارهای زیر رو انجام بدید:

✅فایل‌ها را به راحتی جا به جا کنید (مثلا از پوشه Project به پوشه Web)

✅فایل‌ها را به راحتی با هم ادغام کنید

✅نوع فایل‌ها را تغییر دهید (مثلا تبدیل فایل Less به CSS)

✅فایل‌ها را بهینه کنید ( شامل فایل‌های CSS، جاوا اسکریپت، تصاویر و غیره )
و ...

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

Document 🌕

#gulp #toolkit
@CodeModule

دنبال یه اکستنشن می‌گردی که پیشنهاد کد بهت بده؟ بتونی باهاش صحبت کنی و کدت رو دیباگ کنه؟ پس با ۴ اکستنشن زیر آشنا شو 📖


🔵BlackBox

🔵Chat-gpt

🔵Codeium

🔵Tabnine


#ai #vscode
@CodeModule

این قسمت: داستان های من و کارفرما 😂😂


#fun
@CodeModule

📖 کد هاتو حرفه ای share کن !

با نصب اکستنشن CodeSnap روی ادیتور Vscode، میتونید کد هاتون رو هایلایت شده و به صورت حرفه ای اشتراک گذاری کنید، و از روش های سنتی خلاص بشید 🔥


#extension #vscode
@CodeModule

آموزش UX برای برنامه‌نویسا 🔥

در همه ی سایت ها علاوه بر UX ،UI هم یکی از استاندارد هایی هست که رعایت کردنش خیلی مهم و حیاتی هست ⚡️

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


#book #ux #design
@CodeModule