یه سایت همه فن حریف برای css 🔵
با استفاده از این سایت، میتونید استایل های مختلفی مثل gradient, boxShadow borderRadius ,transform, border و ... رو ایجاد، و تو پروژه هاتون استفاده کنید😎
➡️ Website◀️
#tools #css
@CodeModule
با استفاده از این سایت، میتونید استایل های مختلفی مثل gradient, boxShadow borderRadius ,transform, border و ... رو ایجاد، و تو پروژه هاتون استفاده کنید
#tools #css
@CodeModule
Please open Telegram to view this post
VIEW IN TELEGRAM
🔥6⚡2
دائم دنبال api هستی و پیدا نمیکنی؟🤔
تو این پست ۲ api مارکت خاص بهتون معرفی میکنم که واسه هر چیزی ک فک کنید api دارن. از دیجی کالا و آشپزی و ... بگیر تا هوش مصنوعی !!
🔵 https://apieco.ir/
🔵 https://one-api.ir/
پیشنهاد میکنم حتما یه سر بزنید💀
#api
@CodeModule
تو این پست ۲ api مارکت خاص بهتون معرفی میکنم که واسه هر چیزی ک فک کنید api دارن. از دیجی کالا و آشپزی و ... بگیر تا هوش مصنوعی !!
پیشنهاد میکنم حتما یه سر بزنید
#api
@CodeModule
Please open Telegram to view this post
VIEW IN TELEGRAM
👌9🔥3
در اصل RxJS یک کتابخانه برای ترکیب برنامههای ناهمگام و مبتنی بر رویداد (events) با استفاده از دنبالههای Observable هست. این کتابخانه یک نوع اصلی به نام Observable، core type (Observer، Schedulers، Subjects) و اپراتورهای الهام گرفته از متدهای Array (map، filter، reduce، every و ...) رو فراهم میکنه تا بتونن تسک های asynchronous رو هندل کنن.
برای یادگیری این کتابخانه میتونید به داکیومنتش مراجعه کنید
Document
#rxjs #library #js
@CodeModule
Please open Telegram to view this post
VIEW IN TELEGRAM
🔥8⚡2
تایپ اسکریپت و مثل ماست یاد بگیر 🥶
این سایتی که بهتون معرفی میکنم کلی آموزش، چالش و نمونه سورس کد در زمینه تایپ اسکریپت داره و به راحتی، میتونید مهارتتون و تقویت کنید.
⚡️ https://typehero.dev/
#typeScript
@CodeModule
این سایتی که بهتون معرفی میکنم کلی آموزش، چالش و نمونه سورس کد در زمینه تایپ اسکریپت داره و به راحتی، میتونید مهارتتون و تقویت کنید.
#typeScript
@CodeModule
Please open Telegram to view this post
VIEW IN TELEGRAM
⚡7🔥5
Shutdown /p
sudo shutdown -P now
با استفاده از این کامندها میتونید درجا کامپیوتر و خاموش کنید و در وقت صرفه جویی کنید
#command #windows #linux
@CodeModule
Please open Telegram to view this post
VIEW IN TELEGRAM
🔥7⚡2💔1
اینترنت شیوه زندگی، کار و ارتباط ما رو تغییر داده. با این حال، زمانی که صفحات به کندی بارگذاری می شن، می تونه به منبع ناامیدی تبدیل بشه.
در واقع Jpegli یک کتابخانه کدنویسی جدید JPEG هست که طوری طراحی شده که سریعتر، کارآمدتر و از نظر بصری دلپذیرتر از JPEG سنتی باشه.
چه مزایای بیشتری از jpeg داره ؟
در کل Jpegli یک فناوری جدید و امیدوارکنندست که پتانسیل اینو داره که اینترنت رو سریعتر و زیباتر کنه.
#performance #encoder
@CodeModule
Please open Telegram to view this post
VIEW IN TELEGRAM
🔥8⚡2😁1
Good Night 🌚 ✨
رویاهاتون و به حقیقت تبدیل کنید، در غیر این صورت فرد دیگری برای ساختن رویای خودش از شما، استفاده خواهد کرد.
@CodeModule
رویاهاتون و به حقیقت تبدیل کنید، در غیر این صورت فرد دیگری برای ساختن رویای خودش از شما، استفاده خواهد کرد.
@CodeModule
Please open Telegram to view this post
VIEW IN TELEGRAM
❤🔥10🔥4👌3
مقایسه 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
تو این پست قراره دو کتابخانه مهم ریکتی به نام 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
Please open Telegram to view this post
VIEW IN TELEGRAM
🔥11⚡3👌3
نوتیفیکیشن های جذاب با کتابخانه React-hot-toast 😍
کتابخانه React-Hot-Toast برای نمایش اعلان یا نوتیف در پروژه های ریکتی هست. اعلانهای Toast پیامهای کوتاه مدت هستن که روی صفحه ظاهر میشن تا به کاربران اطلاعات، فیدبک یا هشدارهای مهم ارائه بدن.
‼️ ویژگیهای کتابخانه React-hot-toast:
🔵 ظاهر قابل کاستومایز
🔵 ایونت هندلر
🔵 کنترل مدت زمان
🔵 عملیات async
🔵 واسط برنامه نویسی ساده
❓ چرا به این کتابخانه نیاز داریم؟
🔢 انگیزش کاربر: اعلانها به کاربران کمک میکنن تا با جلب توجه اونها به اقدامات یا محتوای خاص، اونارو ترغیب به انجام اقدامات خاصی مثل تکمیل ثبت نام یا کاوش تو ویژگیهای جدید کنن.
🔢 بازخورد و رفع خطا: یک سیستم اعلان نقش مهمی تو ارائه فیدبک به کاربرا ایفا میکنه. این میتونه به کاربرا در مورد موفقیت یا شکست اقداماتشون اطلاع بده و اونها رو تو رفع خطاها یا تأیید عملیات موفق هدایت کنه.
🔢 پایش وظایف: اعلانها به کاربران در پایش و نظارت بر وظایف، رویدادها یا بهروزرسانیهای مهم در برنامه کمک میکنن.
🔢 ارتباط: اعلانها به عنوان یک وسیله حیاتی برای ارتباط بین برنامه و کاربرانش عمل میکنن.
🔢 بروزرسانیهای زمان واقعی: اعلانها با فراهم کردن بهروزرسانیهای زمان واقعی، به کاربرا فوراً درباره تغییرات یا محتوای جدید اطلاع میدن.
برای یادگیری این کتابخانه، میتونید به داکیومنتش مراجعه کنید.🔥
Document🌕
#library #react #react_hot_toast
@CodeModule
کتابخانه React-Hot-Toast برای نمایش اعلان یا نوتیف در پروژه های ریکتی هست. اعلانهای Toast پیامهای کوتاه مدت هستن که روی صفحه ظاهر میشن تا به کاربران اطلاعات، فیدبک یا هشدارهای مهم ارائه بدن.
برای یادگیری این کتابخانه، میتونید به داکیومنتش مراجعه کنید.
Document
#library #react #react_hot_toast
@CodeModule
Please open Telegram to view this post
VIEW IN TELEGRAM
🔥9⚡2😁1
Head_First_Python_A_Learner’s_Guide_to_the_Fundamentals_of_Python.pdf
96 MB
#book #python
@CodeModule
Please open Telegram to view this post
VIEW IN TELEGRAM
🔥5👌2
اشتباهات مهلک در برنامه نویسی (پارت اول)
1⃣ آموزش زیاد، تمرین کم
«تمرین نکردن» در یادگیری برنامهنویسی یک اشتباه مرگبار هست. از همون ابتدای یادگیری و از روز اول، کدنویسی و شروع کنید. اگه هزاران ساعت هم آموزش ببینید اما یک خط کد نزنید، انگار هیچ کاری نکردید.
2⃣ وقفه در یادگیری
شما یادگیری یک مبحث جدید و شروع میکنید و در اون مبحث، به موضوعات قبلی هم اشاره شده و شما به دلیل وقفهای که بین آموزشون انداختید، مطالب قبلی رو به خاطر نمیارید. این فراموشی، مرتب شما رو به عقب میکشونه.
3⃣ نادیده گرفتنِ اهمیت یک کد خوانا
(انتخاب اولین راه حل)
اکثر دولوپر ها، اولویت اولشون اینه که کد کار کنه. شاید به این که به چه شکل و به چه روشی هم باشه براشون فرقی نداشته باشه و در آینده به نوعی کدشون باید «رمزگشایی» بشه😂
در برنامهنویسی، راهحلهای خوب زمانی به دست میان که راهحلهای قبلی رو زیر سؤال ببرن. زمانی که مشکلی به وجود میاد، هدف ما تنها حلکردن مشکل نیست. بلکه پیداکردن روشیه که علاوه بر حلکردن، ساده و درکپذیر باشه.
4⃣ کپی پیست بدون درک کد
قطعا تو پروژه هامون یه سر به gpt یا استکاورفلو برای دیباگ یا پیدا کردن تکه کدی زدیم. تو این موقعیت باید کد جدید و به خوبی درک کنیم و از ساز و کارش سر در بیاریم. این کار در ابتدا بر بهره وری شما تأثیر میذاره و در نهایت شما رو به توسعه دهنده بهتری تبدیل می کنه.
5⃣ غرور
یکی از موضوعاتی که دیر یا زود دامنگیر هر برنامهنویس تازهکاری میشه، احساس برتری و غرور هست. زمانی که شما کدهای مختلف و بدون مشکل یا باگ، اجرا میکنید، ممکنه این تصور در شما به وجود بیاد که همه چیز و در حوزه برنامهنویسی میدونید. درحالیکه این زمینه چنان گسترده هست که شما همواره میتونید چیزهای جدیدی و یاد بگیرید.
مسلما برنامه نویس شدن کار یک شب نیست و نمیشه راه صد ساله رو یک شبه طی کرد و انتظار داشت، بدون تلاش به جایگاه بالایی رسید. دونستن این اشتباهات رایج به شما کمک میکنه که پیشرفت خودتون و دو برابر کنید🔥
#bug #reforms
@CodeModule
«تمرین نکردن» در یادگیری برنامهنویسی یک اشتباه مرگبار هست. از همون ابتدای یادگیری و از روز اول، کدنویسی و شروع کنید. اگه هزاران ساعت هم آموزش ببینید اما یک خط کد نزنید، انگار هیچ کاری نکردید.
شما یادگیری یک مبحث جدید و شروع میکنید و در اون مبحث، به موضوعات قبلی هم اشاره شده و شما به دلیل وقفهای که بین آموزشون انداختید، مطالب قبلی رو به خاطر نمیارید. این فراموشی، مرتب شما رو به عقب میکشونه.
(انتخاب اولین راه حل)
اکثر دولوپر ها، اولویت اولشون اینه که کد کار کنه. شاید به این که به چه شکل و به چه روشی هم باشه براشون فرقی نداشته باشه و در آینده به نوعی کدشون باید «رمزگشایی» بشه
در برنامهنویسی، راهحلهای خوب زمانی به دست میان که راهحلهای قبلی رو زیر سؤال ببرن. زمانی که مشکلی به وجود میاد، هدف ما تنها حلکردن مشکل نیست. بلکه پیداکردن روشیه که علاوه بر حلکردن، ساده و درکپذیر باشه.
قطعا تو پروژه هامون یه سر به gpt یا استکاورفلو برای دیباگ یا پیدا کردن تکه کدی زدیم. تو این موقعیت باید کد جدید و به خوبی درک کنیم و از ساز و کارش سر در بیاریم. این کار در ابتدا بر بهره وری شما تأثیر میذاره و در نهایت شما رو به توسعه دهنده بهتری تبدیل می کنه.
یکی از موضوعاتی که دیر یا زود دامنگیر هر برنامهنویس تازهکاری میشه، احساس برتری و غرور هست. زمانی که شما کدهای مختلف و بدون مشکل یا باگ، اجرا میکنید، ممکنه این تصور در شما به وجود بیاد که همه چیز و در حوزه برنامهنویسی میدونید. درحالیکه این زمینه چنان گسترده هست که شما همواره میتونید چیزهای جدیدی و یاد بگیرید.
مسلما برنامه نویس شدن کار یک شب نیست و نمیشه راه صد ساله رو یک شبه طی کرد و انتظار داشت، بدون تلاش به جایگاه بالایی رسید. دونستن این اشتباهات رایج به شما کمک میکنه که پیشرفت خودتون و دو برابر کنید
#bug #reforms
@CodeModule
Please open Telegram to view this post
VIEW IN TELEGRAM
⚡7👌3🔥2
شکل های گرافیکی 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
در واقع Three.js یک کتابخانه بین مرورگر جاوا اسکریپت و رابط برنامه نویسی برنامه (API) هست که، برای ایجاد و نمایش گرافیکهای کامپیوتری متحرک سه بعدی در یک مرورگر وب با استفاده از WebGL استفاده میشه.
کتابخانه Three.js امکان ایجاد انیمیشنهای سه بعدی با شتاب واحد پردازش گرافیکی (GPU) رو با استفاده از زبان جاوا اسکریپت به عنوان بخشی از یک وب سایت بدون تکیه بر افزونههای اختصاصی مرورگر فراهم میکنه. این به دلیل ظهور WebGL امکان پذیره و یک API گرافیکی سطح پایین که به طور خاص برای وب ایجاد شده. کتابخانههای سطح بالا مثل Three.js یا GLGE ، Scene.js ، PhiloGL ، (که در آینده براشون پست خواهیم داشت) و ...
این امکانو فراهم میکنن که انیمیشنهای پیچیده رایانهای سه بعدی برای نمایش در مرورگر بدون تلاش لازم برای یک برنامه کاربردی مستقل سنتی یا یک افزونه ایجاد شه.
با استفاده از این کتابخانه جذاب و حرفه ای میتونید داخل سایت هاتون از شکل های گرافیکی حرفه ای استفاده کنید که افراد زیادی رو محو خودش میکنه و سایت شمارو زیبا و خاص نشون میده
برای یادگیری این کتابخانه میتونید به داکیومنتش مراجعه کنید
Document
#js #library #threejs #3d
@CodeModule
Please open Telegram to view this post
VIEW IN TELEGRAM
⚡7🔥5
تو این سایت شما میتونید تعدادی محدود از توزیع های لینوکسی رو داشته باشید و توزیع های موجود رو با تمام desktop environment هاشون دسترسی داشته باشید و لذت ببرید
#linux #distro
@CodeModule
Please open Telegram to view this post
VIEW IN TELEGRAM
🔥7⚡4
Good Night 🌚 ✨
پرنده ای که روی درخت نشسته هرگز از شکستن شاخه نمی ترسه، چون اعتمادش به شاخه نیست بلکه به بال های خودشه.
همیشه خودت رو باور داشته باش
@CodeModule
پرنده ای که روی درخت نشسته هرگز از شکستن شاخه نمی ترسه، چون اعتمادش به شاخه نیست بلکه به بال های خودشه.
همیشه خودت رو باور داشته باش
@CodeModule
Please open Telegram to view this post
VIEW IN TELEGRAM
👌8🔥4❤🔥3
با این سایتی که امروز بهتون معرفی میکنیم میتونید تایپ ده انگشتی رو به زبان فارسی و انگلیسی و تایپ اعداد رو به راحتی یاد بگیرید به صورت رایگان
#tools #type
@CodeModule
Please open Telegram to view this post
VIEW IN TELEGRAM
🔥12👌1
چطور کد رجکسی در 10 ثانیه آماده کنیم؟
۱.ادیتور مورد علاقتو باز کن
۲.گربتو بزار رو کیبوردت تا بازی کنه😂 😂
#fun
@CodeModule
۱.ادیتور مورد علاقتو باز کن
۲.گربتو بزار رو کیبوردت تا بازی کنه
#fun
@CodeModule
Please open Telegram to view this post
VIEW IN TELEGRAM
😁18