Html and Css & Jsآموزش

الذهاب إلى القناة على Telegram

ادمین : @Maryam3771 تعرفه تبلیغات: https://t.me/alloadv/822

إظهار المزيد

الشبكة:برنامه نویسی | پایتون إيران14 785 التعليم8 667...

📈 نظرة تحليلية على قناة تيليجرام Html and Css & Jsآموزش

تُعد قناة Html and Css & Jsآموزش (@htmlcss_channels) في القطاع اللغوي Farsi لاعباً نشطاً. يضم المجتمع حالياً 22 759 مشتركاً، محتلاً المرتبة 8 667 في فئة التعليم والمرتبة 14 785 في منطقة إيران.

📊 مؤشرات الجمهور والحراك

منذ تأسيسه في невідомо، حقق المشروع نمواً سريعاً وجمع 22 759 مشتركاً.

بحسب آخر البيانات بتاريخ 06 يوليو, 2026، تحافظ القناة على نشاط مستقر. خلال آخر 30 يوماً تغيّر عدد الأعضاء بمقدار 1 317، وفي آخر 24 ساعة بمقدار -33، مع بقاء الوصول العام مرتفعاً.

حالة التحقق: غير موثّقة
معدل التفاعل (ER): يبلغ متوسط تفاعل الجمهور 3.30‎%. وخلال أول 24 ساعة من النشر يحصد المحتوى عادةً 1.41‎% من ردود الفعل نسبةً إلى إجمالي المشتركين.
وصول المنشورات: يحصل كل منشور على متوسط 751 مشاهدة. وخلال اليوم الأول يجمع عادةً 322 مشاهدة.
التفاعلات والاستجابة: يتفاعل الجمهور بانتظام؛ متوسط التفاعلات لكل منشور يبلغ 4.
الاهتمامات الموضوعية: يركز المحتوى على مواضيع رئيسية مثل css, #javascript, دنیا, وبینار, شغل.

📝 الوصف وسياسة المحتوى

يصف المؤلف القناة بأنها مساحة للتعبير عن الآراء الذاتية:
“ادمین : @Maryam3771 تعرفه تبلیغات: https://t.me/alloadv/822”

بفضل وتيرة التحديث المرتفعة (أحدث البيانات بتاريخ 07 يوليو, 2026) تحافظ القناة على حداثتها ومستوى وصول مرتفع. وتُظهر التحليلات تفاعلاً نشطاً من الجمهور، ما يجعلها نقطة تأثير مهمة ضمن فئة التعليم.

22 759

المشتركون

-3324 ساعات

+957 أيام

+1 31730 أيام

751

عرض المشاهدات

~ 32224 ساعات

~ 43948 ساعات

3.30%

معدل المشاركة

~ 4

المشاركات في اليوم

Ads index

beta

أرشيف المشاركات

22 777

طراحی وب سایت جستجوی فیلم با استفاده از HTML، CSS و جاوا اسکریپت ابتدا یک هدر با تگ فرم ایجاد می کنیم. در تگ فرم، یک متن ورودی برای نوار جستجو وب سایت فیلم ایجاد می کنیم. سپس یک تگ اصلی ایجاد می کنیم، بنابراین وقتی همه فیلم ها توسط API بارگذاری می شوند، تمام محتوا را در تگ اصلی نشان می دهیم و در انتهای کد، یک فایل جاوا اسکریپت را پیوند می دهیم. مرحله 1: اول از همه، ما برخی از خانواده های فونت را با استفاده از URL فونت گوگل وارد می کنیم و سپس حاشیه را روی "صفر" قرار می دهیم. همچنین، با استفاده از ویژگی background-color، رنگ پس‌زمینه را روی «صورتی تیره» قرار می‌دهیم ، فونتی که استفاده کردیم poppins است. استایل را به هدر وب سایت اضافه می کنیم. با استفاده از انتخابگر تگ هدر، پس‌زمینه هدر را روی آبی قرار می‌دهیم ، padding را روی 1rem و نوع نمایش را روی «فلکس» تنظیم می‌کنیم. مرحله 2: با استفاده از انتخابگر کلاس (search.) استایل را به نوار جستجوی سایت اضافه می کنیم. padding را روی 0.5 rem قرار می دهیم و با استفاده از ویژگی border-radius چند لبه منحنی اضافه می کنیم. در پست‌های بعدی کدها رو ارسال می‌کنم

22 777

Frontend Mentor پلتفرمی است که توسعه دهندگان می توانند چالش های کدنویسی را انجام دهند و پروژه های دنیای واقعی بسازند. چالش‌ها برای آزمایش مهارت‌های شما و کمک به شما در بهبود توانایی‌های حل مسئله طراحی شده‌اند. Frontend Mentor یک راه عالی برای تمرین مهارت‌های توسعه frontend و ایجاد مجموعه‌ای از پروژه‌ها است. Frontend Mentor 💎 Channel: @htmlcss_channels

22 777

Buttons | HTML CSS

22 777

🌐 unocss.dev : The instant on-demand Atomic CSS engine. یه فریمورک css مشابه Tailwind هستش ، اما با فیچر های خفن تر ، اگه قبلاً با Tailwind کار کردید شدیداً پیشنهاد می‌کنم تستش کنید https://github.com/unocss/unocss 💎 Channel: @htmlcss_channels

22 777

Circle Animation | HTML CSS

22 777

✅ ‌یه سایت خیلی خفن برای ساخت اسکرول بار های شخصی سازی شده برای خودتون 🔥 در اخر بهتون کد css میده که میتونید توی سایتتون ازش استفاده کنید 🌐 https://scrollbar.app 💎 Channel: @htmlcss_channels

22 777

با کلیک کردن، رنگ پس زمینه را تغییر دهید این کد صفحه ای ایجاد می کند که با کلیک کردن یا بارگذاری صفحه، رنگ پس زمینه را تغییر می دهد. هر کلیک یک رنگ تصادفی جدید در قالب HEX ایجاد می کند

body {
    transition: background-color 0.5s ease;
    margin: 0;
    height: 100vh;
}

javascript
function changeBackground() {
  const randomColor = '#' + Math.floor(Math.random() * 16777215).toString(16);
  document.body.style.backgroundColor = randomColor;
}
document.body.addEventListener('click', changeBackground);``

🆔 @htmlcss_channels

22 777

گروه فرانت اند https://t.me/Frontend_Grp

22 777

Repost from Html and Css & Jsآموزش

دوره طراحی قالب فروشگاه اینترنتی به صورت رسپانسیو کد نویسی شده با : Html Css (FlexBox) javaScript 👈مدرس دوره : محمد نیکو 👈وضعیت دوره : تکمیل شده 👈تعداد جلسات : 43 جلسه ✅ قیمت : 100 هزار تومن با تخفیف برای خرید پیام بدید @nikoo_mohammad

22 777

Repost from DevDrug

با شارژ کیف پول خود اعتبار هدیه بگیرید ❄️ فقط از ۲۵ تا ۳۰ آذرماه فرصت دارید تا در جشنواره‌ی یلدای آروانی شرکت کنید و از هدیه‌های آن بهره‌مند شوید. 💰 کافی‌است کیف پول خود را شارژ کرده و تا ۳ میلیون تومان اعتبار بیش‌تر هدیه بگیرید. 🔸 ۵۰۰ هزار تومان اعتبار هدیه با شارژ ۳ میلیون تومان 🔸 ۲ میلیون تومان اعتبار هدیه با شارژ ۱۰ میلیون تومان 🔸 ۳ میلیون تومان اعتبار هدیه با شارژ ۱۵ میلیون تومان 🎁 همین حالا به لینک زیر بروید و در جشنواره یلدای آروانی شرکت کنید. r1c.ir/woioc .\ @Arvancloud

22 777

Repost from DevDrug

گروه پرسش و پاسخ هاستنیگ @HostandServerGp

22 777

Repost from DevDrug

دوستان گروه php رو میفروشم اگه کسی خریدار هست پیام بده ایدی گپ @Phpgp

22 777

دوستان راسی دموانلاین نمیکنه سایت رو بستیم ولی نمونه اموزش از این دوره داخل همین چنل هست https://t.me/htmlcss_channel/225

22 777

دوستان این دوره رو تخفیف زدیم مجدد میتونید با قیمت 50 هزارتومن خرید کنید برای خرید پیام بدید @nikoo_mohammad

22 777

Repost from Html and Css & Jsآموزش

دوره طراحی قالب فروشگاه اینترنتی به صورت رسپانسیو کد نویسی شده با : Html Css (FlexBox) javaScript jQuery 👈مدرس دوره : محمد نیکو 👈وضعیت دوره : تکمیل شده 👈تعداد جلسات : 43 جلسه 👈مدت زمان دوره : 12 ساعت ✅ قیمت : 350 هزار تومن دمو قالبی که در این دوره پیاده سازی میشه 👇 https://bicoo.ir/shop/ https://bicoo.ir/shop/product.html https://bicoo.ir/shop/category.html https://bicoo.ir/shop/cart.html https://bicoo.ir/shop/sign-in.html https://bicoo.ir/shop/sign-up.html برای خرید پیام بدید @nikoo_mohammad

22 777

Repost from Html and Css & Jsآموزش

گروه فرانت اند https://t.me/Frontend_Grp

22 777

یه قابلیتی ک قبلا اضافه کرده بود ک بیشتر به درد برنامه نویسا میخوره اگه کدتو بین سه تا back tik or back qoute (`) قرار میدادی و جلوش اسم زبان برنامه نویسی مینوشتی کد ها مثه ادیتورا تقریبا به نمایش در میامد اینطوری مثلا

var i = 0 ;

الان دیگه نیازی نیس اسم زبانو بنویسی تلگرام تو اپدیت فعلی تشخیص میده ک چه کد برا چ زبانیه

22 777

✈️ در اپدیت های قبلی تلگرام قابلیت Syntax highlighting رو به کدها اضافه کرده بود که نیاز به تعیین زبان برنامه نویسی داشت تا بتونه رنگ کدهارو درست تنظیم کنه. ◀️ولی حالا دیگه نیاز به تعیین زبان نیست و تلگرام با استفاده از الگوریتم یادگیری ماشین برنده در مسابقه ای که گذاشته بود، حالا به طور خودکار میتونه زبان کد رو تشخیص بده و رنگهای درست رو به اون اعمال کنه. بنابراین فقط کافیه کدهاتون رو بین دو ` قرار بدین تا Syntax highlighting به اونها اعمال بشه. text = 'iloblobla rifas twas' for i in text[::-1]:

22 777

گروه جاوا اسکریپت @js_group