« طراحی سایت و گرافیک »
🔔به اطلاع میرسانیم دوره آموزشی کاربردی php و mysql در 12 جلسه از کانال طراحی وب تقدیم حضورتان خواهد شد. 📝 زبان آموزش: فارسی 🇮🇷 📊 سطح دوره: پیشرفته 🔥 🔗 فایل تمرینی: ندارد 🏷 تگ ها: #طراحی_وب #آموزش_آنلاین #برنامه_نویسی #توسعه_وب #آموزش_برنامه_نویسی #کد_نویسی…
✅ به پایان این دوره رسیدم، امیدوارم از این دوره نهایت استفاده کرده باشین کانال خودتون تا دوره های بعدی همراهی کنید.❤️🙏
📂 همه جلسات یکجا و به صورت فشرده (دانلود از ربات تلگرام)
📂 همه جلسات یکجا و به صورت فشرده (دانلود از ربات تلگرام)
💯3
This media is not supported in your browser
VIEW IN TELEGRAM
🤖 ؛Gemini CLI — هوش مصنوعی متنباز گوگل برای توسعهدهندگان!
با Gemini CLI میتونی مستقیماً در ترمینال از قدرت هوش مصنوعی گوگل استفاده کنی.
هسته این ابزار Gemini 2.5 Pro هست با زمینه ۱ میلیون توکن، ۶۰ درخواست در دقیقه و ۱۰۰۰ درخواست در روز — کاملاً رایگان (فقط نیاز به حساب گوگل داره).
✨ امکانات:
• نوشتن و اشکالزدایی کد
• خودکارسازی وظایف
• انجام تحقیقات
• اتصال به سرورهای MCP برای تولید تصویر (Imagen) یا ویدئو (Veo) از ترمینال
نصب سریع:
کد منبع و اطلاعات بیشتر در GitHub:
https://github.com/google-gemini/gemini-cli/
#GeminiCLI #AI
#هوش_مصنوعی #گوگل #توسعه_دهنده #کدنویسی #متن_باز #ترمینال
🆔 @Web_Designer98
با Gemini CLI میتونی مستقیماً در ترمینال از قدرت هوش مصنوعی گوگل استفاده کنی.
هسته این ابزار Gemini 2.5 Pro هست با زمینه ۱ میلیون توکن، ۶۰ درخواست در دقیقه و ۱۰۰۰ درخواست در روز — کاملاً رایگان (فقط نیاز به حساب گوگل داره).
✨ امکانات:
• نوشتن و اشکالزدایی کد
• خودکارسازی وظایف
• انجام تحقیقات
• اتصال به سرورهای MCP برای تولید تصویر (Imagen) یا ویدئو (Veo) از ترمینال
نصب سریع:
npm install -g @google/gemini-cli
کد منبع و اطلاعات بیشتر در GitHub:
https://github.com/google-gemini/gemini-cli/
#GeminiCLI #AI
#هوش_مصنوعی #گوگل #توسعه_دهنده #کدنویسی #متن_باز #ترمینال
🆔 @Web_Designer98
👍1
This media is not supported in your browser
VIEW IN TELEGRAM
🕹 کتابخانه کامپوننتهای رابط کاربری رترو — رایگان و متنباز!
اگه عاشق سبک رترو هستی و دنبال کامپوننتهای آماده برای رابط کاربری میگردی، این سایت رو از دست نده!
کلی المان جذاب به سبک 8 بیتی رو میتونی رایگان کپی و توی پروژههات استفاده کنی.
همه چیز متنباز و بدون محدودیت!
🔗 لینک:
https://www.8bitcn.com/
#UI #8bit
#کامپوننت #رترو #رابط_کاربری #متن_باز #برنامه_نویسی #طراحی_وب
اگه عاشق سبک رترو هستی و دنبال کامپوننتهای آماده برای رابط کاربری میگردی، این سایت رو از دست نده!
کلی المان جذاب به سبک 8 بیتی رو میتونی رایگان کپی و توی پروژههات استفاده کنی.
همه چیز متنباز و بدون محدودیت!
🔗 لینک:
https://www.8bitcn.com/
#UI #8bit
#کامپوننت #رترو #رابط_کاربری #متن_باز #برنامه_نویسی #طراحی_وب
🎨 @Web_Designer98
☑️ ترجمه راحت تاریخها مستقیماً با استفاده از API مرورگر - Intl.DurationFormat.
🔰اگر تا به حال سایتهای چندزبانه ساختهاید، احتمالاً با مشکل این مواجه شدهاید که تاریخها در جاهای مختلف به شکلهای متفاوتی نمایش داده میشوند. و باید از بستههای زبانی مثل moment یا کتابخانههای دیگر استفاده کنید، که معمولاً حجم زیادی دارند و آوردن آنها فقط برای یک قابلیت کوچک خیلی دردسرساز است حالا دیگر نیازی به این کار نیست، مرورگر همه چیز را برای شما انجام میدهد.
💻 نمونه استفاده:
🌐 اطلاعات بیشتر:
https://web.dev/blog/intl-durationformat-baseline
#API #IntlDurationFormat
#JavaScript
#برنامهنویسی #توسعه_وب #کتابخانه_ها #تاریخ_و_زمان #توسعه_نرمافزار
🎨 @Web_Designer98
🔰اگر تا به حال سایتهای چندزبانه ساختهاید، احتمالاً با مشکل این مواجه شدهاید که تاریخها در جاهای مختلف به شکلهای متفاوتی نمایش داده میشوند. و باید از بستههای زبانی مثل moment یا کتابخانههای دیگر استفاده کنید، که معمولاً حجم زیادی دارند و آوردن آنها فقط برای یک قابلیت کوچک خیلی دردسرساز است حالا دیگر نیازی به این کار نیست، مرورگر همه چیز را برای شما انجام میدهد.
💻 نمونه استفاده:
const duration = {
years: 1,
hours: 20,
minutes: 15,
seconds: 35
};
// خروجی: '1 Jahr, 20 Stunden, 15 Minuten und 35 Sekunden'
new Intl.DurationFormat('de', { style: 'long' }).format(duration);
// خروجی: '1 año, 20 horas, 15 minutos y 35 segundos'
new Intl.DurationFormat('es', { style: 'long' }).format(duration);
// خروجی: '1年20小时15分钟35秒钟'
new Intl.DurationFormat('zh', { style: 'long' }).format(duration);
// خروجی: '1 år, 20 timer, 15 minutter og 35 sekunder'
new Intl.DurationFormat('no', { style: 'long' }).format(duration);
// خروجی: 'mwaka 1, saa 20, dakika 15 na sekunde 35'
new Intl.DurationFormat('sw', { style: 'long' }).format(duration);🌐 اطلاعات بیشتر:
https://web.dev/blog/intl-durationformat-baseline
#API #IntlDurationFormat
#JavaScript
#برنامهنویسی #توسعه_وب #کتابخانه_ها #تاریخ_و_زمان #توسعه_نرمافزار
🎨 @Web_Designer98
✅ یک سایت برای تقویت مهارتهای SQL
🔹در این پلتفرم باید با استفاده از پایگاه داده بیمارستان، مسائل را حل کنید. مسائل بر اساس سطح دشواری تقسیم شدهاند، از درخواستهای ساده SELECT شروع شده و به تدریج به درخواستهای پیچیدهتر میرسند.
🔸راهنما وجود دارد و اگر گیر کردید میتوانید از کوئری های آماده را استفاده کنید.
🔗 لینک:
https://www.sql-practice.com/
#معرفی_سایت
🎨 @Web_Designer98
🔹در این پلتفرم باید با استفاده از پایگاه داده بیمارستان، مسائل را حل کنید. مسائل بر اساس سطح دشواری تقسیم شدهاند، از درخواستهای ساده SELECT شروع شده و به تدریج به درخواستهای پیچیدهتر میرسند.
🔸راهنما وجود دارد و اگر گیر کردید میتوانید از کوئری های آماده را استفاده کنید.
🔗 لینک:
https://www.sql-practice.com/
#معرفی_سایت
🎨 @Web_Designer98
This media is not supported in your browser
VIEW IN TELEGRAM
فرانتاند کارها، یک هدیه برای شما: به یک کتابخانه خوب با تعداد زیادی انیمیشنهای حرفه ای..
🔗 لینک کتابخانه:
https://animate.style/
#Frontend #WebDevelopment #CSS #Animations #AnimateCSS
#معرفی_سایت
🎨 @Web_Designer98
🔗 لینک کتابخانه:
https://animate.style/
#Frontend #WebDevelopment #CSS #Animations #AnimateCSS
#معرفی_سایت
🎨 @Web_Designer98
☑️ بررسی واحد vh در CSS
؛100vh ارتفاع نمای دید است.
در دسکتاپها ارتفاع نمای دید ثابت است، اما در دستگاههای موبایل اوضاع پیچیدهتر است: هنگام اسکرول به پایین، نمای دید تغییر میکند. مرورگرها معمولاً عناصر رابط کاربری (مثلاً ناوبری) را مخفی میکنند تا فضای بیشتری آزاد شود.
در نتیجه ابهامی به وجود میآید: دقیقاً vh به چه معناست؟
برای حل این مشکل، CSS اخیراً واحدهای اندازهگیری جدیدی اضافه کرده است.
🔸 100svh (ارتفاع نمای دید کوچک):
حداقل ارتفاع ممکن نمای دید است، زمانی که همه عناصر رابط کاربری نمایش داده میشوند.
🔸 100lvh (ارتفاع نمای دید بزرگ):
حداکثر ارتفاع ممکن نمای دید است، زمانی که تمام ناوبری و عناصر UI کاملاً مخفی شدهاند.
🔸 همچنین 100dvh (ارتفاع نمای دید پویا) وجود دارد. ارتفاع نمای دید پویا که به طور خودکار بین svh و lvh بسته به اینکه عناصر UI دیده میشوند یا نه، تغییر میکند.
#CSS
🎨 @Web_Designer98
؛100vh ارتفاع نمای دید است.
در دسکتاپها ارتفاع نمای دید ثابت است، اما در دستگاههای موبایل اوضاع پیچیدهتر است: هنگام اسکرول به پایین، نمای دید تغییر میکند. مرورگرها معمولاً عناصر رابط کاربری (مثلاً ناوبری) را مخفی میکنند تا فضای بیشتری آزاد شود.
در نتیجه ابهامی به وجود میآید: دقیقاً vh به چه معناست؟
برای حل این مشکل، CSS اخیراً واحدهای اندازهگیری جدیدی اضافه کرده است.
🔸 100svh (ارتفاع نمای دید کوچک):
حداقل ارتفاع ممکن نمای دید است، زمانی که همه عناصر رابط کاربری نمایش داده میشوند.
🔸 100lvh (ارتفاع نمای دید بزرگ):
حداکثر ارتفاع ممکن نمای دید است، زمانی که تمام ناوبری و عناصر UI کاملاً مخفی شدهاند.
🔸 همچنین 100dvh (ارتفاع نمای دید پویا) وجود دارد. ارتفاع نمای دید پویا که به طور خودکار بین svh و lvh بسته به اینکه عناصر UI دیده میشوند یا نه، تغییر میکند.
#CSS
🎨 @Web_Designer98
This media is not supported in your browser
VIEW IN TELEGRAM
☑️ افزونه قدرتمند سئو برای توسعهدهندگان وب
📌 خطاهای صفحه را پیدا میکند، لینکهای خراب را شناسایی میکند و پیشنهاد میدهد که چه چیزی را میتوان بهبود داد.
🌐 https://www.metaexplorer.co/
🎨 @Web_Designer98
📌 خطاهای صفحه را پیدا میکند، لینکهای خراب را شناسایی میکند و پیشنهاد میدهد که چه چیزی را میتوان بهبود داد.
🌐 https://www.metaexplorer.co/
🎨 @Web_Designer98
This media is not supported in your browser
VIEW IN TELEGRAM
✅ در این سایت میتوانید تعداد زیادی شکل انتزاعی زیبا به صورت SVG پیدا کنید و کد آن را با یک کلیک فوراً کپی کنید.
🔰عالی برای طراحان و توسعهدهندگانی که میخواهند رابطهای کاربری خود را پویاتر و از نظر بصری غنیتر کنند.
🌐 https://spectrums.framer.website/
#معرفی #سایت #وب
🎨 @Web_Designer98
🔰عالی برای طراحان و توسعهدهندگانی که میخواهند رابطهای کاربری خود را پویاتر و از نظر بصری غنیتر کنند.
🌐 https://spectrums.framer.website/
#معرفی #سایت #وب
🎨 @Web_Designer98
☑️ به اطلاع میرسانیم دوره آموزشی OPP در php در ۱۵ جلسه تقدیم حضور خواهد شد.
📌 جزئیات دوره:
🔹تعداد جلسات: ۱۵ جلسه آموزشی
🔶سطح دوره: از مقدماتی تا پیشرفته
🔹زبان آموزش: فارسی 🇮🇷
🔶منبع اصلی: یوتیوب 🎥
#PHP #OOP
🎨 @Web_Designer98
📌 جزئیات دوره:
🔹تعداد جلسات: ۱۵ جلسه آموزشی
🔶سطح دوره: از مقدماتی تا پیشرفته
🔹زبان آموزش: فارسی 🇮🇷
🔶منبع اصلی: یوتیوب 🎥
#PHP #OOP
🎨 @Web_Designer98
Media is too big
VIEW IN TELEGRAM
🚀 آموزش برنامهنویسی (OOP) در PHP
🔶 موضوع جلسه:
بررسی جامع و عمیق مفاهیم Class (کلاس) و Object (شیء)
🎬 مشخصات ویدیو:
▫️ کیفیت: 720p (HD)
▫️ مقطع: جلسه اول
🎨 @Web_Designer98
🔶 موضوع جلسه:
بررسی جامع و عمیق مفاهیم Class (کلاس) و Object (شیء)
🎬 مشخصات ویدیو:
▫️ کیفیت: 720p (HD)
▫️ مقطع: جلسه اول
🎨 @Web_Designer98
👍1