🔥 فرانتاندکارا آماده اید! 🔥
اگه با ریکت،نکست یا تیلویند کار میکنید، shadcn/ui یه جعبه ابزار جادوییه!
🔰مجموعهای از کامپوننتهای آماده و از پیش ساخته که میتونید مستقیماً توی پروژهتون کپی کنید:
پیش به سوی پروژه های خفن تر! 😎
#فرانتاند #React #NextJS #TailwindCSS #UI
Channel | Group | YouTube
اگه با ریکت،نکست یا تیلویند کار میکنید، shadcn/ui یه جعبه ابزار جادوییه!
🔰مجموعهای از کامپوننتهای آماده و از پیش ساخته که میتونید مستقیماً توی پروژهتون کپی کنید:
✅سبک، سریع و انعطافپذیر - بدون نیاز به وابستگی زیاد🔰چطور استفاده کنیم؟
✅کاملاً رایگانه! بدون هیچ هزینهای ازش استفاده کنید
✅با Tailwind CSS سازگاره - ۱۰۰٪ قابل تغییر با Tailwind CSS (رنگ،انیمیشن، هرچی دلتون میخواد!).
✅وابسته به یه کتابخونه خاص نیست، مثل MUI یا Ant Design که مجبور باشی تو قالبهای خودشون کار کنی.
✅سازگار با React و Next.js و حتی Radix UI.
✅کامپوننتهای آماده (دکمه، فرم، مدال، منو و ...) که میتونید مستقیم کپی کنید.
برو به shadcn/ui و کامپوننت مورد نظرتو انتخاب کن.
توی ترمینال اینو بزن تا راهاندازی بشه:
bashCopy codenpx shadcn-ui@latest init
بعد، هر کامپوننتی میخوای، با یه دستور اضافه کن:
bashCopy codenpx shadcn-ui@latest add card
حالا کدا مال خودته! میتونی هرجور خواستی تغییرش بدی
پیش به سوی پروژه های خفن تر! 😎
#فرانتاند #React #NextJS #TailwindCSS #UI
Channel | Group | YouTube
👍16❤7🔥2
کسی هست الان کد بزنه؟
#موقت
#موقت
👍39👀5
Deep Devs | فرانت اند | بک اند | جاوااسکریپت | برنامه نویسی | برنامه نویسی وب
کسی هست الان کد بزنه؟ #موقت
حیفه بحث تو گروهو از دست بدین...
Group
Group
👍8❤1😡1
چهارشنبه سوری یا جنگ؟
مسئله این است
مسئله این است
👍33🕊5🤯3
پیشاپیش.. عیدتون مبارک..؟
آیا واقعا عیدی برای تبریک گفتن باقی مونده..؟
آیا واقعا عیدی برای تبریک گفتن باقی مونده..؟
💔41👍27🔥4😎2❤1
Console.log("Happy_Norooz_✨")❤44❤🔥8😎2⚡1🔥1
عیدتون مبارک ❤️✌️
❤58🤝2
const NowruzGreeting = () => <h1>Happy Nowruz 🌸!</h1>;
«عیدتون مبارک! بیایید سال جدید رو مثل کدی که بدون کامنت نوشته شده، پر رمز و راز شروع کنیم و فقط امیدوار باشیم کار کنه! 😂»
❤37👍5😎4😁1
🔗معرفی یک منبع بینظیر برای عاشقای طراحی وب!
رفقا سلام عیدتون مبارک😊
سایت Cloud Four پر از مقالههای آموزشی، ایدههای خلاقانه و تکنیک های زیاده که حسابی در ساخت وب سایت به کارتون میاد! 😎
🔰از طراحی واکنشگراگرفته،HTML,CSSو حتی جاوااسکریپت وهرچیزی که فکرشو بکنی!🛠🚀
🔰خلاصه اگه میخواید یه قدم جلوتر از بقیه باشید و به سمت حرفه ای ترشدن پیش برید، همین الآن لینک زیر ببین👇
🌐 [Cloud Four Thinks]
#طراحی_وب #منبع_آموزشی #یادگیری_پیشرفته
Channel | Group | YouTube
رفقا سلام عیدتون مبارک😊
سایت Cloud Four پر از مقالههای آموزشی، ایدههای خلاقانه و تکنیک های زیاده که حسابی در ساخت وب سایت به کارتون میاد! 😎
🔰از طراحی واکنشگراگرفته،HTML,CSSو حتی جاوااسکریپت وهرچیزی که فکرشو بکنی!🛠🚀
🔰خلاصه اگه میخواید یه قدم جلوتر از بقیه باشید و به سمت حرفه ای ترشدن پیش برید، همین الآن لینک زیر ببین👇
🌐 [Cloud Four Thinks]
اگه ازش استفاده کردید و لذت بردید حتما تجربه تون رو بهمون بگید تا با هم بیشتر ازش یاد بگیریم! ❤️
#طراحی_وب #منبع_آموزشی #یادگیری_پیشرفته
Channel | Group | YouTube
🔥11👍10❤2
🐧 انجمنعلمی دانشکده مهندسیکامپیوتر 🔥 امیرکبیر با همکاری 🤝 برگزار میکند 🐧
🐧 LinuxFest 🐧
🐧چهاردهمین دوره لینوکسفست🐧
ارائه👨🏫 کارگاه 🏇 مسابقه 🏇
🐧 اگه عاشق لینوکس، دنیای متنباز، هک، امنیت و کشف چیزای جدیدی، این ایونت دقیقا برای توئه!
📅 تاریخ برگزاری: 20 تا 22 فروردین ماه
📍 مکان: دانشگاه صنعتی امیرکبیر
🔉 اطلاعات بیشتر و ثبت نام: linux-fest.ir
Presented by : 🏫 🤝 🔥 🔥
⚫️🕸 Website ⚫️📱 X
⚫️⚫️ ⚫️ ⚫️ ⚫️ ⚫️ ⚫️ ⚫️ ⚫️ ⚫️
⚫️📱 Instagram ⚫️📱 Telegram
🐧 LinuxFest 🐧
🐧چهاردهمین دوره لینوکسفست🐧
ارائه👨🏫 کارگاه 🏇 مسابقه 🏇
🐧 اگه عاشق لینوکس، دنیای متنباز، هک، امنیت و کشف چیزای جدیدی، این ایونت دقیقا برای توئه!
📅 تاریخ برگزاری: 20 تا 22 فروردین ماه
📍 مکان: دانشگاه صنعتی امیرکبیر
🔉 اطلاعات بیشتر و ثبت نام: linux-fest.ir
Presented by : 🏫 🤝 🔥 🔥
⚫️🕸 Website ⚫️📱 X
⚫️⚫️ ⚫️ ⚫️ ⚫️ ⚫️ ⚫️ ⚫️ ⚫️ ⚫️
⚫️📱 Instagram ⚫️📱 Telegram
👍4
This media is not supported in your browser
VIEW IN TELEGRAM
🔰اسکرین شات گرفتن اصولی با استفاده از
افزونه Codesnap
#کاربردی #Extensions
#اسکرین_شات_از_کد #VS_CODE
Channel | Group | YouTube
افزونه Codesnap
#کاربردی #Extensions
#اسکرین_شات_از_کد #VS_CODE
Channel | Group | YouTube
🔥13👍11❤1
احمد رسولی_1404-1-16 (1).pdf
344.9 KB
سفر من از این قراره یک معمار فرانت اند باتجربه 3 سال در ساخت برنامه های کاربردی وب با کارایی بالا و شیوه های مدرن جاوا اسکریپت، با تمرکز قوی بر دسترسی و بهینه سازی عملکرد(مشتاق ایجاد تجربیات دیجیتالی که برتری فنی را با دید هنری ترکیب کنم... )
قویتر بودن از بهانه هایم و مهارت در یادگیری در کمترین زمان جنبه مثبت من
🌐https://darkcode-it.github.io/whoami/
🆔@Darkcodeit
#جویای_کار
Channel | Group | YouTube
قویتر بودن از بهانه هایم و مهارت در یادگیری در کمترین زمان جنبه مثبت من
🌐https://darkcode-it.github.io/whoami/
🆔@Darkcodeit
#جویای_کار
Channel | Group | YouTube
❤🔥12👍7👀2🕊1
keyboard-shortcuts-windows_250409_130201.pdf
135.4 KB
🔰شورت کات های کاربردی و پرتکرار برای افزایش سرعت در هنگام کار با برنامه vscode ⌨
ویژه ویندوز💻
#شورت_کات_کاربردی
#افزایش_سرعت
Channel | Group | YouTube
ویژه ویندوز💻
#شورت_کات_کاربردی
#افزایش_سرعت
Channel | Group | YouTube
🔥8👍4❤2🤝1
Shout It Out
ASAL
🔥6👍2
AmirMohamadKhani.pdf
721.2 KB
#جویای_کار
امیر محمد خانی هستم . نزدیک 2 سال هست درحال یادگرفتن برنامه نویسی فرانت اند هستم (react و next) دنبال پوزیشن کاری به صورت ریموت و پاره وقت(تهران) هستم
@AMIRIRPC
https://resume-nine-liard-62.vercel.app/
امیر محمد خانی هستم . نزدیک 2 سال هست درحال یادگرفتن برنامه نویسی فرانت اند هستم (react و next) دنبال پوزیشن کاری به صورت ریموت و پاره وقت(تهران) هستم
@AMIRIRPC
https://resume-nine-liard-62.vercel.app/
❤🔥11❤4👍4😁1
📌 Bankers Rounding چیه؟
تا حالا به این فکر کردی که چرا توی پایتون:
🤔 چرا 2.5 شده 2، ولی 3.5 شده 4؟
اینجاست که میرسیم به یه تکنیک خاص به نام Bankers Rounding یا همون Round Half to Even.
✅ تعریف ساده:
وقتی عددی دقیقاً روی نیم (0.5) باشه، این روش اون رو به نزدیکترین عدد زوج گرد میکنه.
📊 مثالها:
round(2.5) → عدد زوج نزدیکتر = 2
round(3.5) → عدد زوج نزدیکتر = 4
round(4.5) → 4
round(5.5) → 6
🔍 چرا این کارو میکنه؟
برای اینکه در آمار و محاسبات عددی، وقتی همیشه رو به بالا گرد کنیم، خطای تجمعی ایجاد میشه. ولی Bankers Rounding با متعادلکردن گرد کردن به بالا و پایین، این خطا رو کاهش میده.
💡 توی جاوااسکریپت چطوره؟
جاوااسکریپت همیشه 0.5 رو به بالا گرد میکنه:
🔚 خلاصه:
Python (و بعضی زبانهای دیگه مثل R و .NET): Round Half to Even
JavaScript و اکثر زبانها: Round Half Up
Channel | Group | YouTube
تا حالا به این فکر کردی که چرا توی پایتون:
round(2.5) # خروجی: 2
round(3.5) # خروجی: 4
🤔 چرا 2.5 شده 2، ولی 3.5 شده 4؟
اینجاست که میرسیم به یه تکنیک خاص به نام Bankers Rounding یا همون Round Half to Even.
✅ تعریف ساده:
وقتی عددی دقیقاً روی نیم (0.5) باشه، این روش اون رو به نزدیکترین عدد زوج گرد میکنه.
📊 مثالها:
round(2.5) → عدد زوج نزدیکتر = 2
round(3.5) → عدد زوج نزدیکتر = 4
round(4.5) → 4
round(5.5) → 6
🔍 چرا این کارو میکنه؟
برای اینکه در آمار و محاسبات عددی، وقتی همیشه رو به بالا گرد کنیم، خطای تجمعی ایجاد میشه. ولی Bankers Rounding با متعادلکردن گرد کردن به بالا و پایین، این خطا رو کاهش میده.
💡 توی جاوااسکریپت چطوره؟
جاوااسکریپت همیشه 0.5 رو به بالا گرد میکنه:
Math.round(2.5) // خروجی: 3
Math.round(3.5) // خروجی: 4
🔚 خلاصه:
Python (و بعضی زبانهای دیگه مثل R و .NET): Round Half to Even
JavaScript و اکثر زبانها: Round Half Up
Channel | Group | YouTube
👍23🔥13
🤝12
This media is not supported in your browser
VIEW IN TELEGRAM
🎊این شما و این Anime.js v4
✅جدید و ماژولارAPI
✅انیمیشنهای متصل به اسکرول
✅امکان درَگ کردن المانها
✅ریسپانسیو و انعطافپذیر
✅انیمیشنهای افزایشی
✅پشتیبانی از WAAPI
🔗 سایت جدید:animejs.com
#animation #frontend
Channel | Group | YouTube
🔰از محبوبترین کتابخونههای انیمیشن جاوااسکریپت، anime.js حالا به نسخه ۴ رسیده!
🔰اگه دنبال انیمیشنهای جذابی برای پروژه هات، این نسخه برا توعه!😎🙂↔️
✅جدید و ماژولارAPI
✅انیمیشنهای متصل به اسکرول
✅امکان درَگ کردن المانها
✅ریسپانسیو و انعطافپذیر
✅انیمیشنهای افزایشی
✅پشتیبانی از WAAPI
🔗 سایت جدید:animejs.com
#animation #frontend
Channel | Group | YouTube
🔥10👍8🤯3
🔰بهترین کتابخانههای رایگان جاوااسکریپت برای نمایش PDF در وب اپلیکیشنها:
1️⃣کتابخانه PDF.js (Mozilla)
🔗 [GitHub]
2️⃣کتابخانه PDF-LIB
🔗 [GitHub]
3️⃣کتابخانه React-PDF
4️⃣کتابخانه ng2-pdf-viewer
🔗 [GitHub]
✅گزینه عمومی و قدرتمند میخوای❓خب PDF.js عالیه!👌
#frontend #js #pdf
Channel | Group | YouTube
1️⃣کتابخانه PDF.js (Mozilla)
سبک، سریع و مستقیم توی مرورگر اجرا میشه. با Vanilla JS، React، Vue و Angular سازگاره.
🔗 [GitHub]
2️⃣کتابخانه PDF-LIB
قابلیت ایجاد، تغییر و نمایش PDF داره. سمت کاربر (Client-side) اجرا میشه و برای ویرایش داینامیک عالیه.
🔗 [GitHub]
3️⃣کتابخانه React-PDF
مخصوص پروژههای React. مبتنی بر PDF.js هست و بهعنوان یک کامپوننت React استفاده میشه. از زوم، جابهجایی بین صفحات و کلی ویژگی دیگه پشتیبانی میکنه.🔗 [GitHub]
4️⃣کتابخانه ng2-pdf-viewer
بهترین گزینه برای Angular. قابلیت زوم، چرخش و ویژگیهای دیگه داره و مبتنی بر PDF.js هست.
🔗 [GitHub]
✅گزینه عمومی و قدرتمند میخوای❓خب PDF.js عالیه!👌
#frontend #js #pdf
Channel | Group | YouTube
👍11❤🔥6❤2👌1