Html and Css & Jsآموزش
前往频道在 Telegram
ادمین : @Maryam3771 تعرفه تبلیغات: https://t.me/alloadv/822
显示更多
网络:📈 Telegram 频道 Html and Css & Jsآموزش 的分析概览
频道 Html and Css & Jsآموزش (@htmlcss_channels) 波斯语 语言赛道中的 是活跃参与者。目前社区聚集了 23 234 名订阅者，在 教育 类别中位列第 8 389，并在 伊朗 地区排名第 14 532 位。
📊 受众指标与增长动态
自 невідомо 创建以来，项目保持高速增长，吸引了 23 234 名订阅者。
根据 28 八月, 2026 的最新数据，频道保持稳定运转。过去 30 天订阅人数变化为 315，过去 24 小时变化为 -28，整体触达仍然可观。
- 认证状态： 未认证
- 互动率 (ER)： 平均受众互动率为 2.69%。内容发布后 24 小时内通常能获得 1.28% 的反应，占订阅者总量。
- 帖子覆盖： 每篇帖子平均可获得 624 次浏览，首日通常累积 298 次浏览。
- 互动与反馈： 受众积极参与，单帖平均反应数为 3。
- 主题关注点： 内容集中在 css, #javascript, دنیا, وبینار, شغل 等核心主题上。
📝 描述与内容策略
作者将该频道定位为表达主观观点的平台：
“ادمین :
@Maryam3771
تعرفه تبلیغات:
https://t.me/alloadv/822”
凭借高频更新（最新数据采集于 29 八月, 2026），频道始终保持新鲜度与高覆盖。分析显示受众积极互动，使其成为 教育 类别中的关键影响点。
23 234
订阅者
-2824 小时
+1907 天
+31530 天
帖子存档
23 234
Repost from مدرسه پردازش و تحلیل داده دقیقه
🖥دوره جامع یادگیری ماشین و مهندسی هوش مصنوعی دانشگاه صنعتی شریف
Machine Learning and AI Engineering
این دوره مسیر آموزشی ساختاریافته‌ای است که طبق سرفصل‌های به‌روز علمی طراحی شده و شرکت‌کنندگان را از مبانی ریاضیات و یادگیری ماشین تا طراحی، پیاده‌سازی و استقرار مدل‌های پیشرفته هوش‌مصنوعی همراهی می‌کند.🕒 ۱۵ هفته: ۵۰ ساعت (آموزش) ۳۰ ساعت (حل تمرین و کارگاه) 🚀 مخاطبان دوره: دانشجویان، پژوهشگران، تحلیلگران داده، مهندسان یادگیری ماشین، متخصصین علوم داده، مهندسین داده، برنامه‌نویسان و توسعه‌دهندگان نرم‌افزار، و سایر علاقه‌مندان هوش مصنوعی و یادگیری عمیق ℹ️ اطلاعات برگزاری: شنبه‌ها و سه‌شنبه‌ها ساعت ۱۸:۰۰ تا ۲۱:۲۰ شروع از ۱۷ شهریور ۱۴۰۵ شیوه برگزاری: آنلاین 👆 معرفی کامل دوره و سوالات متداول (pdf) ❌ پشتیبانی آموزشی، ارتباط مستمر با مدرسین در طول دوره و گواهی پایان دوره 🎰 اهداف دوره: ✔️ آشنایی با مفاهیم بنیادین یادگیری ماشین و شبکه‌های عصبی عمیق ✔️ آشنایی با ترنسفورمرها، ساخت چت‌بات با RAG و LangChain ✔️ یادگیری ساخت Agent هوشمند بر پایه‌ی پروتکل MCP ✔️ آشنایی با روش‌های بهینه‌سازی و استقرار مدل‌های زبانی ✔️ اجرای یک پروژه‌ی عملی برای جمع‌بندی و تثبیت مهارت‌های آموخته‌شده ⏳ فرصت استفاده از تخفیف ثبت نام زودهنگام ۱: جمعه ۲۶ تیر ۱۴۰۵ ⚡️ تخفیف ویژه دانشجویان ❤️امکان پرداخت قسطی 🔍 درخواست پذیرش (پیش ثبتِ‌نام): 🔗 b2n.ir/mlai05_mbn تماس: 📱 t.me/dlearnsup 📞 02188349244 📲 09103209837 @dlearn_ir
23 234
ساخت فرم ثبت‌نام فقط چیدن چندتا فیلد کنار هم نیست؛ نمایش درست خطاها، بررسی امنیت رمز عبور و وضعیت ارسال فرم هم باید درست کار کنه.
که beUI مجموعه‌ای از کامپوننت‌های آماده و قابل شخصی‌سازیه که کدشون رو مستقیم داخل پروژه استفاده می‌کنید.
https://beui.dev/
💎 @Htmlcss_channels | #HTML #css #JavaScript
23 234
Repost from N/a
📊 می‌خوای تحلیل‌گر داده بشی؟ مسیرش از همین‌جا شروع میشه!
وقتی تصمیم می‌گیری وارد دنیای تحلیل داده بشی، احتمالاً با کلی دوره، ابزار و مهارت مختلف روبه‌رو می‌شی و اولین سؤال اینه:
🤔 از کجا شروع کنم و دقیقاً چه چیزهایی باید یاد بگیرم؟
🧭 مسیر یادگیری تحلیل‌گر داده آکادمی همراه اول برای همین ساخته شده؛ تا آموزش‌های موردنیازت رو در یک مسیر مشخص داشته باشی و بدون سردرگمی، قدم‌به‌قدم مهارت‌های لازم برای تحلیل‌گر داده شدن رو یاد بگیری.
📚 در این مسیر به بیش از ۹۰ ساعت آموزش تخصصی و شغل‌محور دسترسی داری و با کمک منتورینگ تخصصی می‌تونی یادگیریت رو هدفمندتر جلو ببری.
📚 بیش از ۹۰ ساعت آموزش تخصصی
💼 آموزش‌های شغل‌محور
🧭 مسیر یادگیری مشخص و منسجم
👥 منتورینگ تخصصی
💳 امکان پرداخت اقساطی
🔥 خبر خوب اینکه الان می‌تونی این مسیر رو با ۳۰٪ تخفیف شروع کنی.
📈 اگر تحلیل داده یکی از مهارت‌هاییه که همیشه می‌خواستی یاد بگیری، وقتشه علاقه‌ات رو به یک مهارت واقعی تبدیل کنی و اولین قدم رو برداری.
🎯 دریافت تخفیف و شروع مسیر:
https://l.hamrah.academy/1es
⭐️ @Hamrah_Academy | آکادمی همراه اول
23 234
نمونه کد عملی برای پیاده‌سازی CSS View Transitions
🎬 نمونه کد: CSS View Transitions
۱. فعال‌سازی ساده روی همه صفحات
ساده‌ترین راه، فعال‌سازی روی <html> هست. فقط کافیه این CSS رو اضافه کنی:
@view-transition {
navigation: auto;
}::view-transition-old(root) {
animation: fadeOut 0.4s ease-out;
}
::view-transition-new(root) {
animation: fadeIn 0.4s ease-in;
}
@keyframes fadeOut {
to {
opacity: 0;
transform: translateY(-20px);
}
}
@keyframes fadeIn {
from {
opacity: 0;
transform: translateY(20px);
}
}<article style="view-transition-name: hero-card;">
<h1>تیتر اصلی</h1>
<p>توضیحات کارت</p>
</article>::view-transition-old(hero-card),
::view-transition-new(hero-card) {
animation-duration: 0.5s;
animation-timing-function: cubic-bezier(0.4, 0, 0.2, 1);
}<!DOCTYPE html>
<html lang="fa" dir="rtl">
<head>
<meta charset="UTF-8">
<title>دموی View Transitions</title>
<style>
@view-transition {
navigation: auto;
}
body {
font-family: sans-serif;
padding: 2rem;
background: #f5f5f5;
}
.card {
background: white;
padding: 2rem;
border-radius: 12px;
box-shadow: 0 2px 8px rgba(0,0,0,0.1);
view-transition-name: main-card;
}
a {
display: inline-block;
margin-top: 1rem;
padding: 0.5rem 1rem;
background: #3b82f6;
color: white;
text-decoration: none;
border-radius: 6px;
}
::view-transition-old(root) {
animation: slideOut 0.3s ease-in;
}
::view-transition-new(root) {
animation: slideIn 0.3s ease-out;
}
@keyframes slideOut {
to { opacity: 0; transform: translateX(-30px); }
}
@keyframes slideIn {
from { opacity: 0; transform: translateX(30px); }
}
</style>
</head>
<body>
<div class="card">
<h1>صفحه اصلی</h1>
<p>روی دکمه زیر بزن تا انیمیشن جابه‌جایی رو ببینی.</p>
<a href="page2.html">برو به صفحه دوم</a>
</div>
</body>
</html>function navigateTo(url) {
if (!document.startViewTransition) {
window.location.href = url;
return;
}
document.startViewTransition(() => {
window.location.href = url;
});
}23 234
+6
Make your web pages feel like as Prompt Engineering for LLMs ingle-page app
Smooth page transitions with CSS View Transitions reduce jank and improve UX.
✨ صفحات وبت رو مثل یه اپلیکیشن تک‌صفحه‌ای حرفه‌ای کن!
اگه از اون دسته طراح‌هایی هستی که می‌خوای جابه‌جایی بین صفحات وب، روان و بدون پرش باشه، وقتشه با CSS View Transitions آشنا بشی. این قابلیت جدید، همون چیزیه که اپلیکیشن‌های موبایل و SPAها رو از بقیه متمایز می‌کنه، حالا اومده تو وب.
💡 چرا View Transitions؟ چون کاربر دیگه لازم نیست بین صفحات مختلف، صفحه سفید ببینه یا منتظر لود شدن بمونه. همه چیز به‌صورت انیمیشن روان و یکپارچه اتفاق می‌افته. نتیجه؟ تجربه کاربری بهتر، حس حرفه‌ای‌تر و حس مدرن‌تر.
💎 @Htmlcss_channels | #HTML #css #JavaScript
23 234
یه نفر یه رابط کاربری ساخته به اسم Sashimi UI که ایده‌ش واقعاً جالبه.
یه UI Library که می‌خواد تا جای ممکن از قدرت خود HTML استفاده کنه؛ بدون dependency، بدون JavaScript، بدون قفل شدن به یه framework خاص و بدون کلی فایل config اضافی. یعنی برای ساخت UIهای مدرن می‌تونی از قابلیت‌های native خود وب مثل dialog، popover، فرم‌ها و interactive elementهای HTML استفاده کنی، در حالی که کدت ساده و نزدیک به خود HTML باقی می‌مونه.
خلاصه فقط HTML و بس :
github.com/yuto-hasegawa/sashimi-ui
💎 @Htmlcss_channels | #HTML #css #JavaScript
23 234
Repost from موسسه کوروش | Kourosh institute
🎙صدایتان، امضایِ شخصیت شماست؛ آن را حرفه‌ای بسازید!
🔹️آیا می‌دانستید اولین چیزی که از شما در ذهن دیگران حک می‌شود، نه چهره، که «طنینِ صدای» شماست؟ صدا فقط مجموعه‌ای از کلمات نیست؛ ابزاری قدرتمند برای نفوذ، رهبری و متقاعد کردن است.
🔹️خیلی‌ها تصور می‌کنند صدایِ خوب یک «موهبتِ خدادادی» است؛ اما حقیقت این است که صدا «عضله‌ای» است که با تمرین و تکنیک پرورش می‌یابد. در 《دوره تخصصی صدا در مؤسسه فرهنگی هنری کوروش》، ما به شما کمک می‌کنیم تا:
✅ طنینِ گمشده‌تان را پیدا کنید و از حنجره به عنوان یک سازِ قدرتمند استفاده کنید.
✅ اضطرابِ هنگام صحبت را به اعتماد به نفسِ کلامی تبدیل کنید.
✅ بیاموزید چطور با کلامتان، بر قلبِ مخاطب تأثیر بگذارید.
👈اگر می‌خواهید در سخنرانی‌ها، جلساتِ کاری یا اجراهای هنری، صدایتان «شنیده» شود و نه فقط «گوش داده»، این دوره نقطه شروعِ تحولِ شماست.
🔹️شروع دوره: جمعه ۲۳ مردادماه ۱۴۰۵
📩 جهت اطلاع از شرایط ثبت‌نام، در واتس اپ پیام ارسال نمایید.
https://wa.me/+989199129972
----------
#صداسازی #فن_بیان #اعتماد_به_نفس #قدرت_بیان #آموزش_بازیگری #موسسه_فرهنگی_هنری_کوروش
https://t.me/kourosh_ci_ac
23 234
برای ساخت یه پس‌زمینه رنگی متحرک لازم نیست ساعت‌ها درگیر طراحی و کدنویسی بشی.
توی Gradient Lab رنگ‌ها رو انتخاب میکنی و جهت ترکیب، میزان محوشدن، سرعت حرکت و روشنایی رو تغییر می‌دی. آخرش هم نتیجه رو به‌شکل عکس، ویدیو یا کد آماده برای سایت می‌گیری.
backgrounds.supply/gradient-lab
💎 @Htmlcss_channels | #HTML #css #JavaScript
23 234
🎨 اگه برای طراحی سایت یا اپلیکیشن دنبال انیمیشن‌ها و المان‌های آماده هستید، این ابزار می‌تونه کلی از زمان طراحی رو کم کنه.
✨ سرویس OriginKit یک کتابخانه رایگان از کامپوننت‌های متحرک برای وب‌سایت‌های مدرنه که می‌تونید المان‌های آماده رو بردارید و مستقیم داخل پروژه‌تون استفاده کنید.
🧩 داخلش می‌تونید انواع متن‌های متحرک، پس‌زمینه‌ها، نشانگرها، افکت‌ها و انیمیشن‌های مختلف رو پیدا کنید و به‌جای ساختن همه‌چیز از صفر، سریع‌تر رابط کاربری رو جلو ببرید.
🛠️ این کامپوننت‌ها برای استفاده در پروژه‌های React و Framer طراحی شدن و امکان اتصال به ابزارهای کدنویسی هوش مصنوعی مثل Claude Code و Codex هم در نظر گرفته شده.
🚀 برای طراح‌ها و توسعه‌دهنده‌هایی که زیاد با AI و وایب‌کدینگ کار می‌کنن، OriginKit می‌تونه یه منبع آماده و کاربردی برای ساخت سریع‌تر رابط‌های جذاب باشه.
http://originkit.dev
💎 @Htmlcss_channels | #HTML #css #JavaScript
23 234
با Three.js میشه سایت‌های تعاملی سه‌بعدی ساخت که نور، آب‌وهوا، دوربین و مدل‌های 3D رو مستقیم داخل مرورگر کنترل می‌کنن.
این پروژه برای ساخت مدل‌ها از Claude Code و برای تکسچر و صدا از Higgsfield استفاده کرده.
Three.js: https://threejs.org/
💎 @Htmlcss_channels | #HTML #css #JavaScript
23 234
Repost from TehranVpn|V2rayنامحدود
🤖 با ChatGPT و Gemini Pro کار میکنی؟
دیگه درگیر قطعی و محدودیت دسترسی نباش! ⚡️
✅ مناسب ChatGPT
✅ مناسب Gemini Pro
✅ اتصال پایدار برای کار با ابزارهای هوش مصنوعی
✅ حجم نامحدود
✅ مناسب استفاده طولانی‌مدت و حرفه‌ای
⚡️ تحویل آنی
💰 فقط و فقط ۱۹۰ هزار تومان
🔥 پایین‌ترین قیمت در ایران
📩 خرید و اطلاعات بیشتر👇🏻
@TehranVpn_V2ray
@TehranVpnShop_Support
23 234
Repost from Arvancloud
خانه‌ای میان ابرها | نسل جدید سرورها در دیتاسنتر جدید آروان‌کلاد
⚡️ دیتاسنتر قیصر با نسل جدید سخت‌افزارهای پرمیوم راه‌اندازی شده تا امکانات تازه‌ای را برای طراحی و اجرای سرویس‌های ابری در اختیار تیم‌های فنی قرار می‌دهد.
📌 نسل جدید منابع پردازشی این مرکز داده، به شما کمک می‌کند تا پردازش‌های سنگین را با کارایی بالاتر اجرا کنید:
📼 سخت‌افزار از نسل پرمیوم
⚙️ توان پردازشی بالاتر برای بارهای کاری سنگین
📍 پنجمین دیتاسنتر آروان‌کلاد در ایران
🎁 تا فرصت باقی‌است ابرک‌های خود را با ۲۰٪ تخفیف ویژه در این دیتاسنتر بسازید:
r1c.ir/uga4p
☁️ @Arvancloud
23 234
یه اکستنشن خوب به اسم postmate جایگزین بی دردسر postman
تقریبا همه‌چی رو ساپورت می‌کنه GraphQL و WebSocket خیلی بی دردسره.
marketplace.visualstudio.com/items?itemName=PostMate-lab.postmate
💎 @Htmlcss_channels | #HTML #css #JavaScript
23 234
🚀 هزینه VPSت رو کمتر کن، بدون اینکه از کیفیت زیرساخت کم کنی!
آوابرید برای مدت محدود:
۴۰٪ تخفیف روی ترافیک
۲۰٪ تخفیف روی سرورهای مجازی (VPS)
اگر به پایداری، سرعت و امنیت سرویس اهمیت می‌دی، الان بهترین زمان برای تهیه یا ارتقای سرورته.
🎁 ثبت سفارش سرور مجازی با کدتخفیف 25% : vps555
🎁 ترافیک حجمی اختصاصی با کدتخفیف 40% : traffic40
https://avabarid.com/intsec
23 234
اگه برای ساختن لودر دیگه ایده‌ای نداری، یه نفر Text Streaming، In-line Loaderها و Image Loaderها رو به‌صورت متن‌باز منتشر کرده.
https://generativeloaders.com
همشون رایگانه برای نصبش اینو اجرا کنید:
npm install generative-loaders
💎 @Htmlcss_channels | #HTML #css #JavaScript
23 234
Repost from کانال تبادلات پر جذب آرمیس
🔮 اگه هوش مصنوعی رو تو معماری کاری میکنی اینجا کلی پرامپ تخصصی برات گذاشتیم
⭕️ https://t.me/+XNddZgGGtJNjOTI0
****
⛳️ @Armisstab
.
23 234
ثبت‌نام دوره‌های آموزشی «طراحی سایت با HTML و CSS» و «طراحی محصول با Figma» شروع شد! ✨
اگر می‌خواهی مسیر حرفه‌ای شغلی‌ات را از همین‌جا آغاز کنی، این فرصت برای توست. با حضور در این دوره‌ها، شانس استخدام به‌صورت دورکار در «کاریار استودیو» را هم خواهی داشت.
مهلت ثبت‌نام تا ۱۸ مرداد است.
🔹 ثبت‌نام دوره طراحی سایت با HTML و CSS:
https://kaaryar.ir/html-css/
🔹 ثبت‌نام دوره طراحی محصول با Figma:
https://kaaryar.ir/figma/
برای اطلاعات بیشتر:
📞 ۰۹۰۵۷۲۵۷۱۸۳
💬 پیام در بله: https://ble.ir/Kaaryar_College
📢 کانال رسمی کاریار: @Karyar_College
23 234
یه سایت پیدا کردم که تقریبا هر مشکلی که به خاطر جا افتادن جزئیات توی طراحی کامپوننت‌های UI پیش میاد رو حل می‌کنه.
برای ساختن کارت‌ها، نویگیشن و فرم‌ها، چک‌لیست‌های دقیق و مرحله‌به‌مرحله میده، طوری که دیگه هیچ‌وقت جزئیات ریز و مهم رو از قلم نمی‌ندازی.
checklist.design
💎 @Htmlcss_channels | #HTML #css #JavaScript
23 234
اشتراک 18 ماهه Gemini Pro با قیمت ویژه فعال شد! 🤖✨
قدرت هوش مصنوعی گوگل را تجربه کنید؛ با دسترسی به قابلیت‌های حرفه‌ای Gemini Advanced و امکانات پیشرفته برای تولید محتوا، طراحی، تحقیق و کارهای روزمره.
✅ فعال‌سازی سریع روی اکانت شخصی شما
✅ اشتراک 18ماهه Gemini Pro
✅ فضای ابری Google One تا 5TB
✅ امکان استفاده خانوادگی تا 5 کاربر
✅ دریافت آپدیت‌های جدید
✅ پشتیبانی و ضمانت فعال‌سازی با 25 روز گارانتی
🔥 فقط350/000تومان
🌐 سایت رسمی:
Futra.ir
📲 کانال تلگرام:
https://t.me/Futura_primium
✨ با Futura هوشمندتر کار کنید. 🚀
