20931
ادمین : @Maryam3771 تعرفه تبلیغات: https://t.me/alloadv/822
جاوااسکریپت همه‌جا هست؛ میلیون‌ها وب‌سایت با JS ساخته شدن. توی این پست با چند مثال ساده می‌بینیم کلیدواژه‌های async و await چطور کار می‌کنن.
💎 @Htmlcss_channels | #HTML #css #JavaScript
📌 ۵ سایت خفن برای برنامه‌نویس‌ها که باید بشناسی
۱. awesome-skills —
بیش از ۹۶۸ مهارت (Skill) متن‌باز برای ایجنت‌های AI
یه فهرست curated از مهارت‌های آماده برای Claude Code، Codex، Cursor و ابزارهای مشابه. حتی یه «متا-اسکیل» داره که خودش تشخیص میده برای هر تسک جدید کدوم مهارت رو نصب کنه.
🔗 github.com/Itsriober/awesome-skills
۲. ui-ux-pro-max-skill —
۵۰ استایل UI رایگان برای هوش مصنوعی
اگه با AI رابط کاربری می‌سازی، این مهارت بهت کمک می‌کنه خروجی‌ات از حالت پیش‌فرض دربیاد.
نصب:
npx skills add nextlevelbuilder/ui-ux-pro-max-skill
🔗 github.com/nextlevelbuilder/ui-ux-pro-max-skill
۳. Watermelon UI —
۶۰۰+ کامپوننت React رایگان
کتابخانه‌ای اوپن‌سورس با Tailwind و shadcn، شامل دکمه، دیالوگ، Data Table، Date Picker و بیشتر — به‌علاوهٔ بلاک‌های کامل صفحه، داشبوردهای ادمین و تمپلیت‌های لندینگ. همه با مجوز MIT.
🔗 ui.watermelon.sh
۴. Diagram Design —
۴۵ نوع نمودار AI
به‌جای Mermaid، یه فایل HTML + SVG تمیز و قابل انتشار می‌سازه؛ بدون سایه‌های زشت و بدون شلوغی. با یه دستور ساده مثل «معماری اپلیکیشنمو بکش» کار می‌کنه و با Claude Code، Cursor، Codex و Windsurf سازگاره.
🔗 diagramdesign.dev
۵. Collected —
۵٬۵۹۳ طرح وب گردآوری‌شده
مرجع بصری برای وقتی که داری دنبال ایدهٔ طراحی می‌گردی و نمی‌دونی از کجا شروع کنی.
🔗 collected.li
💡 همه‌شون رایگان و متن‌بازه؛ مستقیم کپی کن توی پروژه‌ات.
💎 @Htmlcss_channels | #HTML #css #JavaScript
📌 معرفی ابزار LinkSwift
یه ابزار جاوااسکریپت که لینک دانلود مستقیم فایل‌ها رو از هشت سرویس ابری چینی درمیاره — از جمله Baidu Netdisk، Aliyun Drive و Quark.
🔗 https://github.com/hmjz100/LinkSwift
سرویس‌های ابری چینی (مثل بیدو نت‌دیسک) معمولاً به‌جای لینک مستقیم، صفحهٔ دانلود با کلیک‌سی‌جی و رمز می‌دن. این پروژه اون رمز رو خودش رد می‌کنه و لینک دانلود مستقیم و سریع رو تحویل میده — بدون نیاز به نصب افزونه یا کپی‌کردن دستی توکن.
کاربردش: دانلود فایل از این سرویس‌ها رو خودکار و تمیز می‌کنه، مخصوصاً برای فایل‌های بزرگ.
#هوش_مصنوعی #جاوااسکریپت
💎 @Htmlcss_channels | #HTML #css #JavaScript
این ابزار یه جورایی مرز بین طراحی و ساخت UI رو برمی‌داره؛. به‌جای اینکه فقط با کد یا ابزارهای معمول طراحی کار کنی، خود رابط رو روی Canvas می‌سازی و باهاش تعامل می‌کنی.
https://canvasui.dev/
💎 @Htmlcss_channels | #HTML #css #JavaScript
بعضی کتابخونه‌های UI واقعاً یه چیز دیگه‌ان؛ Lightswind یکی از اون‌هاست ✨
مجموعه‌ای از کامپوننت‌های خیلی خفن برای React و Next.js؛ از افکت‌های سه‌بعدی و بک‌گراندهای متحرک تا انیمیشن‌های تعاملی که همون نگاه اول توجه رو جلب می‌کنن.
حتماً دموهاش رو ببینید:
https://lightswind.com
💎 @Htmlcss_channels | #HTML #css #JavaScript
آیکون‌ست رایگان برای طراح‌ها
🔹 Lucide — مینیمال
https://lucide.dev
🔹 Heroicons — ست Tailwind
https://heroicons.com
🔹 Phosphor — ۶ وزن مختلف
https://phosphoricons.com
🔹 Tabler — ۶۰۰۰+ آیکون
https://tabler.io/icons
💎 @Htmlcss_channels | #HTML #css #JavaScript
این ابزار open source برای طراحی سایت، خروجی‌های تکراری AI رو کمتر می‌کنه؛ از فونت و رنگ تا چیدمان.
https://github.com/pbakaus/impeccable
💎 @Htmlcss_channels | #HTML #css #JavaScript
سایت SmoothUI مجموعه‌ای از کامپوننت‌های انیمیشنی برای React و Tailwind داره که می‌تونید باهاشون بدون دردسر زیاد، جلوه‌های جذابی به رابط کاربریتون اضافه کنید.
نمونه‌هاش رو ببینید؛ بعضی‌هاشون می‌تونن دقیقاً همون چیزی باشن که برای پروژه‌تون کم داشتید.
🔗 https://smoothui.dev/
💎 @Htmlcss_channels | #HTML #css #JavaScript
🎃 اکانت هوش مصنوعی می‌خوای خوش‌قیمت، هم با پشتیبانی؟
🤖 چت‌جی‌پی‌تی پلاس | 690 تومان
🤖 جمنای | 370 تومان
👑 پرداخت معتبر و قانونی، پشتیبانی و ضمانت تعویض طبق شرایط پلن؛ با ایران پرمیوم AI.
◀️برای ثبت سفارش، فقط کلیک کن و اسم اشتراک رو بفرست:
➡️@IranPremium_Admin
چاپ اول کتاب "یادگیری ماشین به زبان ساده با پایتون". برای اطلاعات بیشتر درباره خرید کتاب به آدرس زیر مراجعه کنید:
https://saberynotes.com/1405/07/22/grokkingmachinelearningpersiantranslation/
@saberynotes
📣 ثبت‌نام بوت‌کمپ «بازاریابی دیجیتال» شـروع شد.
🔸 بوت‌کمپ بازاریابی دیجیتال (Digital Marketing) آکادمی همراه اول، یک مسیر فشرده و ۱۳ هفته‌ای است که از مبانی بازاریابی و شناخت مشتری شروع می‌کند و شما را قدم‌به‌قدم با استراتژی، محتوا، سئو، شبکه‌های اجتماعی، تبلیغات دیجیتال و تحلیل داده همراه می‌کند.
در این مسیر، فقط با ابزارها و کانال‌های بازاریابی آشنا نمی‌شوید؛ بلکه یاد میگیرید مسئله را درست بشناسید، رفتار مخاطب را تحلیل کنید و برای رسیدن به اهداف کسب‌وکار، راهکار مناسب را انتخاب و اجرا کنید.
💎 امکان کارآموزی در گروه همراه اول
✅ بیش از ۱۵۰ ساعت آموزش تخصصی
✅ تمرین و پروژه‌های عملی
✅ با حضـور اساتید برجسته دانشگاه و فعالان صنعت
✅ پشتیبانی و مشاوره مستمر با منتورها
✅ با امکان ثبت‌نام اقساطی
⏰ مدت: ۱۳ هفته | نیمه حضـوری
⚠️ ظرفیـت: محـدود
🌐 لینک پیش‌ثبت‌نام #رایگان و مشاهده سرفصل‌ها:
🔗 https://l.hamrah.academy/8dh
⭐️️ @Hamrah_Academy | آکادمی همراه اول
غول فناوری و هوش مصنوعی
یک سرور قدرتمند برای نسل جدید پردازش‌های هوش مصنوعی و زیرساخت‌های حرفه‌ای دیتاسنتر.
مناسب برای:
هوش مصنوعی و Machine Learning، پردازش داده‌های حجیم، مجازی‌سازی، محاسبات سنگین، دیتابیس، رندرینگ و پردازش‌های GPU محور.
با سخت‌افزار قدرتمند و قابلیت اجرای ورک‌لودهای سنگین، انتخابی مناسب برای پروژه‌های حرفه‌ای، سازمانی و زیرساخت‌های AI.
ولکان سرور
ولکان سرور با تمرکز بر فروش، تأمین و مشاوره تخصصی تجهیزات سرور و زیرساخت دیتاسنتر، راهکارهای سخت‌افزاری مورد نیاز کسب‌وکارها و سازمان‌ها را ارائه می‌دهد.
Volkanserver.com
/channel/volkanserver_ir
🔴🔴 ماهی 3 پروژه 20 میلیونی این شغل 60 میلیون بهت درآمد میده
در کنار کار الانت، پروژه کمپین نویسی هم انجام بده چون؛
✅ نیاز به سرمایه اولیه نداره!
✅ رزومه نیاز نداره
✅ هیچ ریسکی نداره
✅ با گوشی انجام میشه
🔴🔴همین الان بزن روی لینک زیر و شرایط رو ببین👇
/channel/rostami_servatzehn2
سایت StringTune یه مجموعه از کامپوننت های آماده برای ساخت تجربه‌های تعاملی و انیمیشن‌های مدرنه که کمک می‌کنه سایتتون خیلی روان‌تر و جذاب‌تر به نظر برسه. ✨
نکته جالبش اینه که رویکردش بیشتر CSS-محوره و تا جای ممکن بدون JavaScript اضافی کار می‌کنه. 🔥
🔗 https://string-tune.fiddle.digital/skill-hub
💎 @Htmlcss_channels | #HTML #css #JavaScript
If you have a website, incorporating an AI agent (or several) can be really helpful.
And in this in-depth tutorial, andrewbaisden walks you through creating a team of agents for your site.
You'll build the front end with React, the back end with Python, and use helpful tools like Agno & Groq Cloud, too.
https://www.freecodecamp.org/news/build-a-team-of-ai-agents-for-your-website-for-free/
💎 @Htmlcss_channels | #HTML #css #JavaScript
📱Learning Functional Programming with JavaScript
📘 «آموزش برنامه‌نویسی تابعی با جاوااسکریپت ES6+»
🔄 این دوره برنامه‌نویسی تابعی در جاوااسکریپت رو از صفر تا مفاهیم پیشرفته آموزش میده — همراه با مثال‌های واقعی و کد.
🧠 چی یاد می‌گیری؟
• تفاوت سبک تابعی با سبک دستوری/شی‌گرا — و اینکه چرا اپلیکیشن‌های بزرگ با کد تابعی مقیاس‌پذیرتر می‌مونن
• توابع درجه‌بالا (Higher-Order) و اینکه چطور تابع رو به‌عنوان ورودی به تابع دیگه پاس بدی
• تابع‌های خالص (Pure Functions)، عوارض جانبی و اهمیت تست‌پذیر بودن
• کامپوزیشن (Composition) — ساختن رفتارهای پیچیده از توابع ساده
• ایمیوتابلیتی (Immutability) و کار با داده‌های تغییرناپذیر
• متدهای کاربردی روی آرایه‌ها: map، filter، reduce و خوانش این‌ها به‌عنوان ابزارهای ترکیب‌پذیر
• الگوهای پرکاربرد در اکوسیستم مدرن JS
🛠️ پیش‌نیاز: آشنایی مقدماتی با جاوااسکریپت کافیه — از ES6 به بعد (یعنی let/const، توابع فلش، Promise و ماژول‌ها) استفاده میشه.
#جاوااسکریپت #برنامه‌نویسی
💎 @Htmlcss_channels | #HTML #css #JavaScript
یه ایده تو ذهنته، ولی نمی‌دونی کارش رو به کی بسپری؟
🚀 همه چی خدمات
از طراحی سایت و ربات تلگرام تا نرم‌افزار، سرور و ویدیو، کارت رو از ایده تا تحویل شفاف جلو می‌بریم.
🤝 پرداخت مرحله‌ای؛ اگه وسط کار منصرف شدی، بقیه‌ی پولت برمی‌گرده.
👇 عضو شو و ایده‌ت رو بگو
@Hamechi_Khadamat
✅ مسابقه کندل دهم شروع شد!
فقط کافیه قیمت رو درست حدس بزنی و برنده جایزه بشی!
📊 از سه‌شنبه تا پنجشنبه، هر روز یک تصویر چارت در کانال فارکس سیتی پرو منتشر می‌کنیم. سؤال هر روز هم مشخصه:
دهمین کندل بعد از نقطه مشخص‌شده، روی چه قیمتی بسته میشه؟
🏆 هر روز، ۳ نفری که نزدیک‌ترین عدد رو به قیمت واقعی گفته باشن، برنده می‌شن.
🎁 جوایز هر روز:
🥇 نفر اول: 100 دلار
🥈 نفر دوم: 75 دلار
🥉 نفر سوم: 50 دلار
فردا اولین چارت منتشر میشه؛ قوانین و نحوه شرکت رو در پیام بعد بخون 👇
سؤالی درباره مسابقه داری؟
برای راهنمایی و پشتیبانی، به آیدی زیر پیام بده
👩💻 @Forexcity_IR
💎 کانال اخبار فوری فارکس سيتى 💻
ForexCity News ✅
📌 راهنمای بهینه‌سازی کارایی فرانت‌اند
اگر در حال ساخت سایت هستی، سه چیز مهم است: ریسپانسیو بودن، سرعت و کارایی — و راه‌های زیادی برای رسیدن به آن‌ها وجود دارد.
این آموزش به همین موضوع می پردازد
آنچه در این آموزش یاد میگیرید:
• رندر سمت سرور (SSR)
• استفاده از CDN
• کش (caching)
• فشرده‌سازی فایل‌ها
• بهینه‌سازی تصاویر
• و موارد بیشتر
🔗 https://www.freecodecamp.org/news/the-front-end-performance-optimization-handbook/
#WebDevelopment #Frontend #Coding
💎 @Htmlcss_channels | #HTML #css #JavaScript
🤯 یه خبر فوق‌العاده برای طراح‌ها! دیگه لازم نیست برای هر لوگو ساعت‌ها درگیر تبدیل عکس به وکتور بشی، مدل جدید Ideogram Vector اومده تا طراحی با هوش مصنوعی رو یه مرحله جلوتر ببره!
فقط توضیح می‌دی چه طرحی می‌خوای و به‌جای یه عکس معمولی، فایل SVG قابل ویرایش تحویل می‌گیری!
چه کارهایی میتونی باهاش انجام بدی؟
🔸 ساخت لوگو و آیکن با پرامپت
🔸 تبدیل عکس‌های PNG و JPG به وکتور
🔸 طراحی استیکر، لیبل و تایپوگرافی
🔸 تغییر رنگ و ویرایش اجزای طرح
🔸 بزرگ‌کردن طرح بدون افت کیفیت
ماجرا اینه که خروجی رو میتونی داخل Figma یا Illustrator باز کنی و روی جزئیاتش کار کنی!
این مدل حالا از طریق Blyth AI هم در دسترسه.
https://blyth.ai/image-generator?model=ideogram-text-to-vector
💎 @Htmlcss_channels | #HTML #css #JavaScript
🎯 فرصت ویژه برای دانشجویان علاقه‌مند به صنعت فولاد!
شرکت تجارت فولاد فراز (تفکو) برای جذب و آموزش نیروهای جوان و با انگیزه، دوره کارآموزی حرفه‌ای برگزار می‌کند.
📍 موقعیت: تهران – دریاچه چیتگر_برج‌های آرتمیس، دفتر مرکزی تفکو
📞 اطلاعات تماس:
02145704000(999)داخلی
واتساپ: 09966323251
تلگرام: @TEFFCOHUB
✅ مزایا:
• آشنایی با فرآیندهای واقعی صنعت فولاد
• تجربه کاری زیر نظر تیم تخصصی
• دریافت گواهی پایان دوره
• امکان جذب پس از پایان دوره
📌 از همین حالا برای ساختن آینده شغلی‌تان قدم بردارید!
👈 این ۱۵ سایت رو بشناس، سطح طراحی‌هات چند پله بالاتر می‌ره!
از طراحی سایت‌های مدرن و انیمیشن‌های خفن گرفته تا کامپوننت‌های آماده و ایده‌های UI/UX؛ این منابع می‌تونن ساعت‌ها توی وقتت صرفه‌جویی کنن!
🎨 ۱۵ منبع جذاب برای طراح‌ها و برنامه‌نویس‌ها:
https://modulify.ai/templates — قالب‌های آماده سایت
https://motionin.design — انیمیشن و موشن‌دیزاین
https://landdding.com — تکنیک‌های طراحی بصری
https://wonderlist.design — طرح‌های حرفه‌ای Figma
https://iconly.design — مجموعه آیکن‌های کاربردی
https://scrolltide.co — ایده‌های انیمیشن اسکرول
https://land-book.com — الهام طراحی سایت
https://godly.website — نمونه سایت‌های خلاقانه
https://supahero.io — ایده طراحی لندینگ‌پیج
https://footer.design — طراحی فوترهای جذاب
https://60fps.design — انیمیشن رابط کاربری موبایل
https://cta.gallery — ایده‌های دکمه و CTA
https://grainient.supply — گرادینت‌های متحرک
https://backgrounds.supply — پس‌زمینه‌های آماده
https://on.design — ابزار و فضای طراحی
💎 @Htmlcss_channels | #HTML #css #JavaScript
با یه دستور، تمام کامپوننت‌های سایتت رو میتونی انیمیشنی کنی
نسخه Animate UI 2.0 رسماً منتشر شد؛ یه کتابخونه متن‌باز که می‌تونه طراحی سایت‌های React رو چند سطح حرفه‌ای‌تر کنه!
قابلیت‌های جدید:
انیمیشن آماده برای دکمه‌ها، منوها، دیالوگ‌ها و کامپوننت‌های UI
تبدیل کامپوننت‌های shadcn/ui به نسخه انیمیشنی با یک دستور
پشتیبانی از Radix UI، Base UI و React Aria
دارای AI Skill برای Claude Code، Cursor و Codex
امکان ساخت و بررسی انیمیشن‌ها با یه دستور متنی :
animate-ui.com
💎 @Htmlcss_channels | #HTML #css #JavaScript
🔄میکرومستر شریف؛ یادگیری دانشگاهی، با انعطاف بیشتر
اگر می‌خواهید یک درس تخصصی را با استادان دانشکده مهندسی کامپیوتر دانشگاه صنعتی شریف بگذرانید، دوره‌های میکرومستر ترم پاییز فرصتی برای شماست.
⏪ محتوای آموزشی دروس به‌صورت فیلم‌های ضبط‌شده ارائه می‌شود تا بتوانید در زمان دلخواه و با سرعت متناسب با خودتان یاد بگیرید. در طول ترم نیز با شرکت در جلسات زنده پرسش‌وپاسخ با استاد و حل تمرین با دستیار آموزشی، فرصت دارید پرسش‌های خود را مطرح کنید و آموخته‌هایتان را عمیق‌تر کنید.
📹آموزش ضبط‌شده؛ یادگیری در زمان و سرعت دلخواه شما
💬تعامل مستقیم با استاد در جلسات زنده پرسش‌وپاسخ
✅جلسات حل تمرین با دستیار آموزشی
👥آموزش توسط استادان دانشکده مهندسی کامپیوتر دانشگاه صنعتی شریف
💠گواهی رسمی دوزبانه از دانشگاه صنعتی شریف برای هر درس با موفقیت گذرانده‌شده
🏆 امکان دریافت مدرک جامع میکرومستر شریف پس از گذراندن تعداد دروس موردنیاز و احراز شرایط دوره
💠تمرین‌ها و پروژه‌های آموزشی برای تثبیت آموخته‌ها
💠ترم پاییز میکرومستر
💠شروع ترم: ۱۶ آبان‌ماه
💠پایان ترم: ۱۰ دی‌ماه
💠۲۵٪ تخفیف ویژه برای همه
💠فرصت بیشتر برای انتخاب و ثبت‌نام در دوره‌های پاییز
💠 ثبت‌نام و کسب اطلاعات بیشتر:
🔗http://micro.ce.sharif.ir/
🔸میکرومستر، آموزش شریفی برای همه!
🌍MicroMaster💠🌐LinkedIn
🌐 @micromaster_sharif
پایتون، هوش مصنوعی و تحلیل داده رو فقط با گوشیت یاد بگیر!
برای شروع یادگیری مهارت‌های دنیای تکنولوژی، لازم نیست منتظر خرید لپ‌تاپ یا کامپیوتر بمونی.
با فینکا میتونی از صفر و قدم‌به‌قدم، مهارت‌های کاربردی رو یاد بگیری؛ هرجا که هستی، فقط با موبایلت.
چرا فینکا؟
بیش از ۱۰۰ دوره آموزشی در حوزه‌های برنامه‌نویسی، هوش مصنوعی و تحلیل داده
آموزش‌های تعاملی همراه با تمرین و پروژه‌های عملی
مسیرهای شغلی و مهارتی از مبتدی تا پیشرفته
امکان دریافت مدرک پس از تکمیل دوره
فضای گفتگو، پرسش‌وپاسخ و تبادل تجربه با سایر کاربران
امکان یادگیری و تمرین برنامه‌نویسی با موبایل
هدیه ویژه اعضای این کانال
فقط تا ۴۸ ساعت با کد PYAI25، اشتراک سالانه پرو فینکا رو با ۲۵٪ تخفیف تهیه کن.
با اشتراک پرو، به دوره‌های تخصصی، پروژه و امکانات پیشرفته یادگیری دسترسی پیدا کن.
یادگیری مهارت‌های آینده‌ساز رو همین امروز شروع کن.
https://fnca.ir/pyai25
🎰 گردونه رو بچرخون، جایزه ببر!
👀 فقط یه چرخش تا جایزه‌ت فاصله داری.
🔗https://quera.org/r/l1zga
#ایونت_آنلاین
مجازی‌سازی؛ قلب پنهان زیرساخت👀
اگه به شبکه، سرور و زیرساخت علاقه داری، احتمالا اسم VMware رو زیاد شنیدی؛
اما شاید هنوز ندونی از کجا باید شروعش کنی.
در ایونت آنلاین و رایگان «قدرت واقعی، دنیای مجازی» قراره با دنیای مجازی‌سازی آشنا بشیم و درباره کاربرد VMware، مسیر یادگیری و جایگاهش در دنیای IT صحبت کنیم.
✅ مجازی‌سازی کجا به کارمون میاد؟
✅ برای شروع چه چیزهایی باید بلد باشیم؟
✅ مسیر یادگیری و بازار کار این حوزه چطوره؟
🔴 آنلاین و رایگان
⏰ جمعه ۱۷ مهر | ساعت ۱۹
👤 همراه با استاد اشکان سلیمانی‌فخر
برای شرکت در ایونت رزرو کن 👇
🔗http://l.cando.ac/t32
وارد کانال آموزشگاه کندو شو تا از تخفیف‌ها و ایونت‌های رایگان جا نمونی👇🏼
@cando_ac
@cando_ac
@cando_ac
HTML Shortcuts You Must Know
💎 @Htmlcss_channels | #HTML #css #JavaScript
📊 نمودارهای آماده و انیمیشن‌دار برای React با EvilCharts
نمودارهایی مثل Line، Bar، Pie و Sankey رو با یک دستور shadcn وارد پروژه می‌کنید.
کدشون در اختیار خودتونه؛ پس داده، رنگ و رفتارشون رو هر طور بخواید تغییر می‌دید.
رایگان و متن‌بازه.
https://evilcharts.com
💎 @Htmlcss_channels | #HTML #css #JavaScript
این سایت کامپوننت های وبی زیبایی داره ، تستش کنید
uselayouts.com
💎 @Htmlcss_channels | #HTML #css #JavaScript