Html and Css & Jsآموزش
ادمین : @Maryam3771 تعرفه تبلیغات: https://t.me/alloadv/822
Ko'proq ko'rsatish📈 Telegram kanali Html and Css & Jsآموزش analitikasi
Html and Css & Jsآموزش (@htmlcss_channels) Forsiy til segmentidagi kanali faol ishtirokchi. Hozirda hamjamiyat 23 293 obunachidan iborat bo'lib, Taʼlim toifasida 8 448-o'rinni va Eron mintaqasida 14 600-o'rinni egallagan.
📊 Auditoriya ko‘rsatkichlari va dinamika
невідомо sanasidan buyon loyiha tez o‘sib, 23 293 obunachiga ega bo‘ldi.
02 Sentabr, 2026 dagi oxirgi ma’lumotlarga ko‘ra kanal barqaror faollikka ega. Oxirgi 30 kunda obunachilar soni 410 ga, so‘nggi 24 soatda esa 5 ga o‘zgardi va umumiy qamrov yuqori darajada qolmoqda.
- Tasdiqlash holati: Tasdiqlanmagan
- Jalb etish (ER): Auditoriya o‘rtacha 3.31% darajada jalb etiladi. Nashrdan keyingi dastlabki 24 soatda kontent odatda umumiy obunachilar sonining 1.28% ini tashkil etuvchi reaksiyalarni to‘playdi.
- Post qamrovi: Har bir post o‘rtacha 771 marta ko‘riladi; birinchi sutkada odatda 297 ta ko‘rish yig‘iladi.
- Reaksiyalar va o‘zaro ta’sir: Auditoriya faol: har bir postga o‘rtacha 3 ta reaksiya keladi.
- Tematik yo‘nalishlar: Kontent css, #javascript, دنیا, وبینار, شغل kabi asosiy mavzularga jamlangan.
📝 Tavsif va kontent siyosati
Muallif resursni shaxsiy fikrni ifoda etish maydoni sifatida ta’riflaydi:
“ادمین :
@Maryam3771
تعرفه تبلیغات:
https://t.me/alloadv/822”
Yuqori yangilanish chastotasi (oxirgi ma’lumot 03 Sentabr, 2026 da olingan) sababli kanal doimo dolzarb va katta qamrovli bo‘lib qoladi. Analitika auditoriya kontent bilan faol hamkorlik qilishini, uni Taʼlim toifasidagi muhim ta’sir nuqtasiga aylantirishini ko‘rsatadi.
این دوره مسیر آموزشی ساختاریافتهای است که طبق سرفصلهای بهروز علمی طراحی شده و شرکتکنندگان را از مبانی ریاضیات و یادگیری ماشین تا طراحی، پیادهسازی و استقرار مدلهای پیشرفته هوشمصنوعی همراهی میکند.🕒 ۱۵ هفته: ۵۰ ساعت (آموزش) ۳۰ ساعت (حل تمرین و کارگاه) 🚀 مخاطبان دوره: دانشجویان، پژوهشگران، تحلیلگران داده، مهندسان یادگیری ماشین، متخصصین علوم داده، مهندسین داده، برنامهنویسان و توسعهدهندگان نرمافزار، و سایر علاقهمندان هوش مصنوعی و یادگیری عمیق ℹ️ اطلاعات برگزاری: شنبهها و سهشنبهها ساعت ۱۸:۰۰ تا ۲۱:۲۰ شروع از ۱۷ شهریور ۱۴۰۵ شیوه برگزاری: آنلاین 👆 معرفی کامل دوره و سوالات متداول (pdf) ❌ پشتیبانی آموزشی، ارتباط مستمر با مدرسین در طول دوره و گواهی پایان دوره 🎰 اهداف دوره: ✔️ آشنایی با مفاهیم بنیادین یادگیری ماشین و شبکههای عصبی عمیق ✔️ آشنایی با ترنسفورمرها، ساخت چتبات با RAG و LangChain ✔️ یادگیری ساخت Agent هوشمند بر پایهی پروتکل MCP ✔️ آشنایی با روشهای بهینهسازی و استقرار مدلهای زبانی ✔️ اجرای یک پروژهی عملی برای جمعبندی و تثبیت مهارتهای آموختهشده ⏳ فرصت استفاده از تخفیف ثبت نام زودهنگام ۱: جمعه ۲۶ تیر ۱۴۰۵ ⚡️ تخفیف ویژه دانشجویان ❤️امکان پرداخت قسطی 🔍 درخواست پذیرش (پیش ثبتِنام): 🔗 b2n.ir/mlai05_mbn تماس: 📱 t.me/dlearnsup 📞 02188349244 📲 09103209837 @dlearn_ir
@view-transition {
navigation: auto;
}
همین! حالا هر جابهجایی بین صفحات، خودکار انیمیشن داره.
۲. شخصیسازی انیمیشن با @keyframes
میتونی تعیین کنی صفحه قدیم چطور محو بشه و صفحه جدید چطور ظاهر بشه:
::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);
}
}
۳. انیمیشن اختصاصی برای یک المان خاص
فرض کن میخوای وقتی از یه صفحه به صفحه دیگه میری، یه کارت خاص جابهجا بشه. کافیه بهش یه view-transition-name بدی:
<article style="view-transition-name: hero-card;">
<h1>تیتر اصلی</h1>
<p>توضیحات کارت</p>
</article>
و تو CSS:
::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>
۵. مثال با JavaScript (برای SPA)
function navigateTo(url) {
if (!document.startViewTransition) {
window.location.href = url;
return;
}
document.startViewTransition(() => {
window.location.href = url;
});
}
💎 @Htmlcss_channels | #HTML #css #JavaScript