Deep Devs | فرانت اند | بک اند | جاوااسکریپت | برنامه نویسی | برنامه نویسی وب

🔥⚡️منوی ناوبری عمودی متحرک – سورس+دمو 🎥 🔰یک منوی ناوبری عمودی متحرک می‌تونه تجربه‌ای روان و جذاب برای کاربران ایجاد کنه! در این ویدیو، نمونه‌ای از این منوها را می‌بینید و اگر دوست داشتید، سورس آن را از CodePen دریافت کنید. 🔹 ویژگی‌ها: ✅ طراحی مدرن ✅ جلوه‌های انیمیشنی جذاب ✅ پیاده‌سازی با HTML, CSS, JavaScript 💠Source: CodePen Channel | Group | YouTube

💠Wind UI: 🔰مجموعه حرفه‌ای و دوست‌داشتنی از کامپوننت‌های Tailwind برای React و HTML هستش که طراحی‌های سریع‌تر و انعطاف‌پذیرتر رو امکان‌پذیر می‌کنه. 🔰اگر به دنبال راهی هستی که بدون دردسر و با کمترین کدنویسی یک رابط کاربری مدرن و جذاب بسازی، Wind UI دقیقاً همون‌که که لازمش داری! 💢این مجموعه دارای کامپوننت‌های آماده‌ای است که به راحتی می‌توانی آن‌ها را شخصی‌سازی کنی و در پروژه‌هایت استفاده کنی.پس دیگه نیاز نیست ساعت‌ها وقت صرف طراحی و استایل‌دهی کنی 📌همه چیز آماده است و فقط کافی‌ست با چند تغییر کوچک، آن را مطابق با نیازت تنظیم کنی🤝😎 🧰اگر هنوز با Wind UI آشنا نشده‌ای، پیشنهاد می‌کنم حتماً ی برسی داشته باش. قطعاً از سرعت و راحتی کار باهاش لذت می‌بری! 😊 Wind Ui :لینک سایت🌐 #WindUI #Frontend #WebDesign #DevTools #TailwindCSS #UIUX Channel | Group | YouTube

📱اول موبایل، بعد بقیه! 📱 Mobile FIRST ✅بهترین افزونه کروم برای تست ریسپانسیو بودن سایتت رو معرفی می‌کنم! 📌این افزونه ۵۲ مدل دستگاه و گوشی موبایل مختلف رو برات شبیه‌سازی می‌کنه، از جمله:

🔰گوشی‌های اندروید 🔰گوشی‌های اپل و ios 🔰تبلت‌ها 🔰حتی بعضی دستگاه‌های خاص!

📱به نصب اش می‌ارزه😉!امتحان کنید و شبیه سازی کنید😎😌 🌐آدرس اکستنشن: responsive testing tool #responsive #Extention Channel | Group | YouTube

مجتبی قطعش کن!😂 نظرتونه؟🤣🤣😂😂 Channel | Group |YouTube

💠کتابخانه Headless UI برای React رو یک سر بهش بزنید 🎉✨ ویژگی‌های هیجان‌انگیز و کاربردی: 🏗 موقعیت‌یابی داخلی انکر: حالا با ادغام Floating UI، دیگه نیازی به تنظیمات دستی نیست! ✅ کامپوننت جدید چک‌باکس: یه چک‌باکس جدید و حسابی کارآمد به مجموعه اضافه شده! 📑 کامپوننت‌های فرم HTML: حالا می‌تونی فرم‌های HTML رو مستقیم و راحت‌تر استفاده کنی. 👀 بهبود تشخیص حالات hover، focus و active: کلی روی این قابلیت کار شده تا عملکردش بهتر و دقیق‌تر باشه. 📜 مجازی‌سازی لیست Combobox: لیست‌های Combobox حالا سریع‌تر و بهینه‌تر اجرا می‌شن. 🌐 وب‌سایت جدید و مستندات ارتقا‌یافته: وب‌سایت جدید کلی اطلاعات مفید داره و مستنداتش حسابی کامل‌تر شده! 📌 دوست داری بیشتر بدونی؟ این هم آدرس سایت 😉 #UI #React #Frontend Channel | Group | YouTube

📊 دوست جدیدت برای ساخت نمودارهای جذاب و تعاملی! ApexCharts.js 📌برای نمایش داده‌ها، ApexCharts.js دقیقاً همون چیزیه که نیاز داری! این کتابخانه جاوا اسکریپت بهت کمک می‌کنه بدون دردسر، نمودارهای شیک و داینامیک بسازی. 🔹 چرا ApexCharts رو امتحان کنیم؟

✅ انواع نمودارهای متنوع مثل خطی، ستونی، دایره‌ای، پراکندگی و… ✅ طراحی واکنش‌گرا، بدون مشکل در موبایل و دسکتاپ ✅ تنظیمات گسترده برای شخصی‌سازی نمودارها ✅ امکان ترکیب چندین نمودار برای نمایش بهتر داده‌ها ✅ کاملاً رایگان و متن‌باز – راحت ازش استفاده کن!

🔹 چند ابزار مکمل که تجربه کار با نمودارها رو بهتر می‌کنن:

✨ یه گزینه عالی برای نمودارهای سبک و سریع Chart.js ✨ برای نمودارهای پیچیده و سفارشی‌سازی‌شده D3.js ✨ ابزار قدرتمند با قابلیت‌های متنوع Google Charts

🔗آدرس وب سایت تجربه و پیشنهاد شما چیه؟🤔 #charts #Frontend #JavaScript_library Channel | Group | YouTube

🌟 چطور یه پورتفولیو خفن برا خودمون بسازیم؟ یه سایت پورتفولیو که فقط یه رزومه آنلاین نیست، بلکه ویترین مهارت‌ها، تجربه‌ها و پروژه‌های توئه! پس باید جذاب، مرتب و حرفه‌ای باشه.

✅اطلاعات شخصی -یه معرفی کوتاه و صمیمی از خودت - سوابق تحصیلی و کاری - یه عکس خوب یا آواتار جذاب

✅مهارت‌ها -لیستی از تکنولوژی‌هایی که بلدی، مثل HTML، CSS، JavaScript، React، Vue و غیره - سطح تخصصت رو مشخص کن (مبتدی، متوسط، حرفه‌ای) - اگر مهارت‌های مکملی مثل طراحی UX/UI داری، حتماً اضافه کن

✅پروژه‌ها -بهترین کارهات رو نمایش بده با توضیح مختصر - تکنولوژی‌های استفاده شده و نقش خودت رو بنویس - امکان فیلتر کردن پروژه‌ها رو اضافه کن

✅اطلاعات تماس -لینک ایمیل، تلگرام یا راه‌های ارتباطی - لینک شبکه‌های اجتماعی مثل GitHub، LinkedIn و توییتر

✅ نکات مهم برای یه پورتفولیوی حرفه‌ای -طراحی سایت باید تمیز، زیبا و کاربرپسند باشه - ریسپانسیو طراحی کن تا روی موبایل عالی دیده بشه - از تصاویر باکیفیت و واضح استفاده کن - مرتباً سایتت رو آپدیت کن تا همیشه بروز باشه

📌 نمونه‌ها: 1⃣ https://sarkar.fr 2⃣ https://henryheffernan.com #Portfolio #resume Channel | Group | YouTube

چی گفتی ؟یه بار دیگه بگو؟

پاشو بریم فرانت اند دولوپر بشیم حاجی🤝😌

بک اند مکند سخته ولش کن انقدر فرانت اسونه که همه اش یک دستور ساده بیشتر نداره 😎😃

color:red;
margin:auto;

😂🥹💔🤣😭 Channel | Group | YouTube

🔰بهترین کتابخانه‌های رایگان جاوااسکریپت برای نمایش PDF در وب اپلیکیشن‌ها: 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

🎊این شما و این Anime.js v4

🔰از محبوب‌ترین کتابخونه‌های انیمیشن جاوااسکریپت، anime.js حالا به نسخه ۴ رسیده! 🔰اگه دنبال انیمیشن‌های جذابی برای پروژه هات، این نسخه برا توعه!😎🙂‍↔️

✅جدید و ماژولارAPI ✅انیمیشن‌های متصل به اسکرول ✅امکان درَگ کردن المان‌ها ✅ریسپانسیو و انعطاف‌پذیر ✅انیمیشن‌های افزایشی ✅پشتیبانی از WAAPI 🔗 سایت جدید:animejs.com #animation #frontend Channel | Group | YouTube

عادت عجیبتون موقع کد زدن؟ Channel | Group | YouTube

📌 Bankers Rounding چیه؟ تا حالا به این فکر کردی که چرا توی پایتون:

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

تاییدش میکنید؟😂🤦🏻‍♂️👨🏻‍🦯

🔰اسکرین شات گرفتن اصولی با استفاده از افزونه Codesnap #کاربردی #Extensions #اسکرین_شات_از_کد #VS_CODE Channel | Group | YouTube

🐧 انجمن‌علمی دانشکده‌ مهندسی‌کامپیوتر 🔥 امیرکبیر با همکاری 🤝 برگزار می‌کند 🐧 🐧 LinuxFest 🐧 🐧چهاردهمین دوره لینوکس‌فست🐧 ارائه👨‍🏫 کارگاه 🏇 مسابقه 🏇 🐧‌‌‌‌‌‌‌‌‌‌ اگه عاشق لینوکس، دنیای متن‌باز، هک، امنیت و کشف چیزای جدیدی، این ایونت دقیقا برای توئه! 📅 تاریخ برگزاری: 20 تا 22 فروردین ماه ‌‌📍 مکان: دانشگاه صنعتی امیرکبیر 🔉 اطلاعات بیشتر و ثبت نام: linux-fest.ir Presented by : 🏫 🤝 🔥 🔥 ⚫️🕸 Website ⚫️📱 X ⚫️⚫️ ⚫️ ⚫️ ⚫️ ⚫️ ⚫️ ⚫️ ⚫️ ⚫️ ⚫️📱 Instagram ⚫️📱 Telegram