en
Feedback
دوره برنامه نویسی وب آیولرن

دوره برنامه نویسی وب آیولرن

Open in Telegram

📈 Analytical overview of Telegram channel دوره برنامه نویسی وب آیولرن

Channel دوره برنامه نویسی وب آیولرن (@aiolearn_web) in the Farsi language segment is an active participant. Currently, the community unites 10 727 subscribers, ranking 11 258 in the Technologies & Applications category and 30 710 in the Iran region.

📊 Audience metrics and dynamics

Since its creation on невідомо, the project has demonstrated rapid growth, gathering an audience of 10 727 subscribers.

According to the latest data from 04 March, 2026, the channel demonstrates stable activity. Although there has been a change in the number of participants by 46 over the last 30 days and by 0 over the last 24 hours, overall reach remains high.

  • Verification status: Not verified
  • Engagement rate (ER): The average audience engagement rate is 0%. Within the first 24 hours after publication, content typically collects N/A% reactions from the total number of subscribers.
  • Post reach: On average, each post receives 0 views. Within the first day, a publication typically gains 0 views.
  • Reactions and interaction: The audience actively supports content: the average number of reactions per post is 0.
  • Thematic interests: Content is focused on key topics such as آیولرن, css, برنامه‌نویسی, پروژه, آیوکاپ.

📝 Description and content policy

The author describes the resource as a platform for expressing subjective opinions:
💬 آیدی تلگرام جهت پاسخ سریع: @aiomentor_web

Thanks to the high frequency of updates (latest data received on 05 March, 2026), the channel maintains relevance and a high level of publication reach. Analytics show that the audience actively interacts with content, making it an important point of influence in the Technologies & Applications category.

10 727
Subscribers
No data24 hours
-57 days
+4630 days
Posts Archive
\n==..==..==..==..==..==..==..==..==..==..==..\n✅کانال پشتیبانی برنامه نویسی وب آیولرن\n✨ @aiolearn","datePublished":"2024-11-23T06:21:01Z","dateModified":"2024-11-23T06:21:01Z","author":{"@type":"Organization","name":"دوره برنامه نویسی وب آیولرن","url":"https://telemetr.io/en/channels/1968035255-aiolearn_web","image":"https://img.tlmtr.io/c/29bFS7/5778182373219879183?ty=x"},"publisher":{"@type":"Organization","name":"دوره برنامه نویسی وب آیولرن","url":"https://telemetr.io/en/channels/1968035255-aiolearn_web","image":"https://img.tlmtr.io/c/29bFS7/5778182373219879183?ty=x"},"commentCount":0,"interactionStatistic":[{"@type":"InteractionCounter","interactionType":"https://schema.org/ViewAction","userInteractionCount":3184},{"@type":"InteractionCounter","interactionType":"https://schema.org/LikeAction","userInteractionCount":18},{"@type":"InteractionCounter","interactionType":"https://schema.org/ShareAction","userInteractionCount":58}]}},{"@type":"ListItem","position":18,"item":{"@type":"SocialMediaPosting","@id":"https://telemetr.io/en/channels/1968035255-aiolearn_web/posts/420","url":"https://telemetr.io/en/channels/1968035255-aiolearn_web/posts/420","mainEntityOfPage":"https://telemetr.io/en/channels/1968035255-aiolearn_web/posts/420","headline":"✨ آموزش مقدماتی Tailwind CSS 🚀 تیم آیوکاپ در نسخه سوم نشریه نوآوری، به بررسی فریم‌ورک محبوب و پرطرفدار Tailwi…","articleBody":"✨ آموزش مقدماتی Tailwind CSS\n\n🚀 تیم آیوکاپ در نسخه سوم نشریه نوآوری، به بررسی فریم‌ورک محبوب و پرطرفدار Tailwind CSS پرداخته است.\n\nفریم ورک 🪐 Tailwind CSS یک فریم‌ورک سبک و کاربرپسند برای طراحی وب است که به طور خاص برای ایجاد صفحات وب با طراحی مدرن و قابل سفارشی‌سازی آسان طراحی شده است.\n\nhttps://aiocup.com/product/tailwindcss/\n\n==..==..==..==..==..==..==..==..==..==..==..\n✅کانال پشتیبانی برنامه نویسی وب آیولرن\n✨ @aiolearn","datePublished":"2024-11-22T14:06:01Z","dateModified":"2024-11-22T14:06:01Z","author":{"@type":"Organization","name":"دوره برنامه نویسی وب آیولرن","url":"https://telemetr.io/en/channels/1968035255-aiolearn_web","image":"https://img.tlmtr.io/c/29bFS7/5778182373219879183?ty=x"},"publisher":{"@type":"Organization","name":"دوره برنامه نویسی وب آیولرن","url":"https://telemetr.io/en/channels/1968035255-aiolearn_web","image":"https://img.tlmtr.io/c/29bFS7/5778182373219879183?ty=x"},"commentCount":0,"interactionStatistic":[{"@type":"InteractionCounter","interactionType":"https://schema.org/ViewAction","userInteractionCount":2409},{"@type":"InteractionCounter","interactionType":"https://schema.org/LikeAction","userInteractionCount":10},{"@type":"InteractionCounter","interactionType":"https://schema.org/ShareAction","userInteractionCount":21}]}},{"@type":"ListItem","position":19,"item":{"@type":"SocialMediaPosting","@id":"https://telemetr.io/en/channels/1968035255-aiolearn_web/posts/419","url":"https://telemetr.io/en/channels/1968035255-aiolearn_web/posts/419","mainEntityOfPage":"https://telemetr.io/en/channels/1968035255-aiolearn_web/posts/419","headline":"ابزار Emmet چیست ؟ ابزار Emmet یک ابزار برای توسعه‌دهندگان وب است که می‌تواند سرعت نوشتن کد‌های HTML و CSS را…","articleBody":"ابزار Emmet چیست ؟\n\nابزار Emmet یک ابزار برای توسعه‌دهندگان وب است که می‌تواند سرعت نوشتن کد‌های HTML و CSS را تا حد بسیار زیادی افزایش دهد. این ابزار بصورت یک پلاگین در ویرایشگر‌های کد مختلف نصب می‌شود.\n\nهمه چیز با استفاده از اختصارات Emmet قابل نوشتن است. برای اینکه بتوانیم کدهای HTML و CSS را با استفاده از این اختصارات بنویسیم، باید نحوه نوشتن (Syntax) این عبارات را فرابگیریم.\n\nمثال : \ndiv>ul>li\nحالا با فشردن دکمه Tab کد بالا به شکل زیر نمایش داده میشود‌.\n
\n
    \n
  • \n
\n
\nمثال دوم :\nul>li.item$*5\nحالا با فشردن دکمه Tab کد بالا به شکل زیر نمایش داده میشود‌.\n
    \n
  • \n
  • \n
  • \n
  • \n
  • \n
\nبرای دیدن تمامی اختصارات emmet میتونید از سایت زیر استفاده کنید.\n\nhttps://docs.emmet.io/cheat-sheet\n\n\n==..==..==..==..==..==..==..==..==..==..==..\n✅کانال پشتیبانی برنامه نویسی وب آیولرن\n✨ @aiolearn","datePublished":"2024-11-22T14:05:42Z","dateModified":"2024-11-22T14:05:42Z","author":{"@type":"Organization","name":"دوره برنامه نویسی وب آیولرن","url":"https://telemetr.io/en/channels/1968035255-aiolearn_web","image":"https://img.tlmtr.io/c/29bFS7/5778182373219879183?ty=x"},"publisher":{"@type":"Organization","name":"دوره برنامه نویسی وب آیولرن","url":"https://telemetr.io/en/channels/1968035255-aiolearn_web","image":"https://img.tlmtr.io/c/29bFS7/5778182373219879183?ty=x"},"commentCount":0,"interactionStatistic":[{"@type":"InteractionCounter","interactionType":"https://schema.org/ViewAction","userInteractionCount":2116},{"@type":"InteractionCounter","interactionType":"https://schema.org/LikeAction","userInteractionCount":13},{"@type":"InteractionCounter","interactionType":"https://schema.org/ShareAction","userInteractionCount":39}],"sharedContent":{"@type":"SocialMediaPosting","datePublished":"2024-01-22T05:41:28Z"}}},{"@type":"ListItem","position":20,"item":{"@type":"SocialMediaPosting","@id":"https://telemetr.io/en/channels/1968035255-aiolearn_web/posts/418","url":"https://telemetr.io/en/channels/1968035255-aiolearn_web/posts/418","mainEntityOfPage":"https://telemetr.io/en/channels/1968035255-aiolearn_web/posts/418","headline":"دوره برنامه نویسی وب آیولرن","datePublished":"2024-11-22T10:52:44Z","dateModified":"2024-11-22T10:52:44Z","author":{"@type":"Organization","name":"دوره برنامه نویسی وب آیولرن","url":"https://telemetr.io/en/channels/1968035255-aiolearn_web","image":"https://img.tlmtr.io/c/29bFS7/5778182373219879183?ty=x"},"publisher":{"@type":"Organization","name":"دوره برنامه نویسی وب آیولرن","url":"https://telemetr.io/en/channels/1968035255-aiolearn_web","image":"https://img.tlmtr.io/c/29bFS7/5778182373219879183?ty=x"},"commentCount":0,"interactionStatistic":[{"@type":"InteractionCounter","interactionType":"https://schema.org/ViewAction","userInteractionCount":2272},{"@type":"InteractionCounter","interactionType":"https://schema.org/LikeAction","userInteractionCount":10},{"@type":"InteractionCounter","interactionType":"https://schema.org/ShareAction","userInteractionCount":34}]}}]}
تمرین های حرفه ای جاوااسکریپت 🔵 جاوااسکریپت یکی از مهم ترین زبان ها در برنامه نویسی است که هر برنامه نویسی باید کار با جاوااسکریپت رو بلد باشه. برای انجام تمرین های بیشتر در جاوااسکریپت میتونید به لینک برید و تمرین هارو به همراه سرس کدشون انجام بدید! موفق باشید❗️ لیست تمرین ها ==..==..==..==..==..==..==..==..==..==..==.. ✅کانال پشتیبانی برنامه نویسی وب آیولرن ✨ @aiolearn

🟠ویژگی های کمتر شناخته شده HTML ‼️اگر از تگ input برای آپلود فایل در html استفاده میکنید، میتونید با اتربیوت multiple برای آ
🟠ویژگی های کمتر شناخته شده HTML ‼️اگر از تگ input برای آپلود فایل در html استفاده میکنید، میتونید با اتربیوت multiple برای آپلود همزمان چند تا فایل در اینپوت استفاده کنید❕ ‼️ میتونید داخل اینپوت ها از اتربیوت spellcheck برای بررسی غلط های املایی استفاده کنید❕ ‼️ ویژگی poster در تگ video برای ایجاد یک تصویر پیش‌نمایش برای ویدیو که قبل از شروع ویدیو به کاربر نمایش داده بشه❕ ==..==..==..==..==..==..==..==..==..==..==.. ✅کانال پشتیبانی برنامه نویسی وب آیولرن ✨ @aiolearn

عضو سندباکس شو 👆

لایو قرعه کشی شب یلدا 🍉 امشب راس ساعت ۱۹ 📍 لینک ورود به لایو اسکای‌روم👇 https://www.skyroom.online/ch/aiolearn/shuttle
لایو قرعه کشی شب یلدا 🍉 امشب راس ساعت ۱۹ 📍 لینک ورود به لایو اسکای‌روم👇 https://www.skyroom.online/ch/aiolearn/shuttle

Repost from SandBox Aiolearn
🌟 سندباکس آیولرن: یه محیط خفن برای رشد مهارت‌ها سندباکس آیولرن یه فضای جذاب و نوآورانه‌ست که آکادمی آیولرن طراحی کرده تا دانشجوها برای ورود به بازار کار آماده بشن. 🎯 این محیط زیر نظر استاد تجن جاری ساخته شده و هدفش ایجاد یه رقابت سالم و سازنده بین دانشجوهاست. 🚀 کار روی پروژه‌های واقعی تو سندباکس، می‌تونی روی پروژه‌های واقعی کار کنی و مهارت‌هاتو تو دنیای واقعی امتحان کنی. 📂 اینجا، با چالش‌هایی که توی صنعت وجود داره روبه‌رو می‌شی و یاد می‌گیری چطور این چالش‌ها رو مدیریت کنی. 🛠️ تقویت خلاقیت و مهارت‌ها آیولرن کلی پروژه متنوع و عملی تو این فضا قرار داده که هر کسی با توجه به توانایی‌هاش می‌تونه روشون کار کنه. ⏳ پروژه‌ها یه بازه زمانی مشخص دارن و نتیجه نهایی هم به انتخاب خودته. 🌈 فرصتی برای تجربه واقعی این محیط کمک می‌کنه که هم برای شغلت آماده‌تر بشی، هم چالش‌های واقعی بازار کار رو بهتر بشناسی. 💡 خلاصه، سندباکس آیولرن یه فرصت فوق‌العاده برای رشد خلاقیت و مهارت‌های فردیته! 🌟 ==..==..==..==..==..==..==..==..==..==..==..==..==..== https://t.me/aiosandbox

🎉 کانال رسمی مسابقات ملی خلاقیت و نوآوری آیوکاپ راه‌اندازی شد! 📢 اگر می‌خواهید از اخبار جدیدترین دوره‌های آیوکاپ و چهارمین دوره مسابقات کشوری مطلع شوید یا رقابت‌های بین‌المللی را دنبال کنید، این کانال بهترین مرجع شما خواهد بود. ✨ برای همراه شدن با جامعه خلاقان و نخبگان فناوری، همین حالا به کانال آیوکاپ بپیوندید: 🌐 عضویت در کانال رسمی آیوکاپ 🎯 آیوکاپ؛ جایی برای به اشتراک‌گذاری خلاقیت‌ها و ساختن آینده‌ای بهتر!

🚀 ثبت‌نام چهارمین دوره‌ی هیجان‌انگیز مسابقات کشوری خلاقیت و نوآوری آیوکاپ آغاز شد! 🌟 اگر به دنیای برنامه‌نویسی و هوش مصنوعی علاقه‌مندید و دوست دارید مهارت‌های خود را در رقابتی ملی به چالش بکشید، این فرصت را از دست ندهید! 📅 افتتاحیه: ۱۵ بهمن ماه ⏳ مدت زمان مسابقه: یک ماه برای ارائه بهترین ایده‌ها و خلاقانه‌ترین پروژه‌ها 📍 ویژگی‌های مسابقات: ✅ چالش‌های متنوع و جذاب ✅ رقابت با نخبه‌های حوزه برنامه‌نویسی و هوش مصنوعی ✅ فرصتی عالی برای یادگیری و کسب تجربه ✅ جوایز نفیس برای برترین‌ها 🏆 🔗 برای اطلاعات بیشتر درباره شرایط ثبت‌نام و نحوه برگزاری مسابقات، به لینک زیر مراجعه کنید: https://aiocup.com/fourth-edition/ 🌐 آیوکاپ، مسیر شما به سوی نوآوری! منتظر حضور شما در این رویداد بزرگ ملی هستیم. ==..==..==..==..==..==..==..==..==..==..==.. ✅کانال رسمی مسابقات کشوری آیوکاپ @aiocup

📋 آشنایی با انواع ورودی‌های HTML در HTML، برای جمع‌آوری داده‌ها از کاربر می‌توان از انواع مختلفی از ورودی‌ها استفاده کرد. بر
📋 آشنایی با انواع ورودی‌های HTML در HTML، برای جمع‌آوری داده‌ها از کاربر می‌توان از انواع مختلفی از ورودی‌ها استفاده کرد. برخی از پرکاربردترین نوع‌ها عبارت‌اند از: 1️⃣نوع text: برای وارد کردن متن معمولی 📝
<input type="text" placeholder="نام خود را وارد کنید">
2️⃣نوع password: برای وارد کردن رمز عبور 🔒
<input type="password" placeholder="رمز عبور">
3️⃣نوع email: برای دریافت آدرس ایمیل 📧
<input type="email" placeholder="ایمیل خود را وارد کنید">
5️⃣نوع date: برای انتخاب تاریخ 📅
<input type="date">
6️⃣نوع checkbox و radio: برای انتخاب گزینه‌ها ✅🔘
<input type="checkbox"> موافقم  
<input type="radio" name="option" value="1"> گزینه 1  
7️⃣نوع file: برای آپلود فایل 📂
<input type="file">
هر نوع ورودی برای کاربرد خاصی طراحی شده است و انتخاب درست آن می‌تواند تجربه کاربری را بهبود دهد. 🌟 ==..==..==..==..==..==..==..==..==..==..==.. ✅کانال پشتیبانی برنامه نویسی وب آیولرن ✨ @aiolearn

🌟 اهمیت طراحی تجربه کاربری (UX) در وب‌سایت 🌟 تجربه کاربری (UX) یعنی ایجاد تعامل راحت، جذاب و کارآمد بین کاربر و محصول دیجیت
🌟 اهمیت طراحی تجربه کاربری (UX) در وب‌سایت 🌟 تجربه کاربری (UX) یعنی ایجاد تعامل راحت، جذاب و کارآمد بین کاربر و محصول دیجیتال. هدف این است که کاربر با کمترین تلاش، بهترین تجربه را داشته باشد. چند اصل کلیدی در UX: 1️⃣ سادگی: طراحی باید واضح و بدون پیچیدگی باشد. 2️⃣ واکنش‌گرایی: سایت باید در همه دستگاه‌ها (موبایل، تبلت، دسکتاپ) به درستی کار کند. 📱💻 3️⃣ سرعت: زمان بارگذاری سریع، یکی از عوامل اصلی رضایت کاربران است. 4️⃣ دسترس‌پذیری: امکانات سایت باید برای همه کاربران، حتی افراد با نیازهای خاص، قابل استفاده باشد. یک تجربه کاربری عالی باعث می‌شود کاربران بیشتر به سایت شما بازگردند! ✨ ==..==..==..==..==..==..==..==..==..==..==.. ✅کانال پشتیبانی برنامه نویسی وب آیولرن ✨ @aiolearn

⭕️تفاوت let و var در JavaScript ❕ 1. حوزه دسترسی (Scope): متغیر var در سطح تابع قابل دسترسی است. متغیر let فقط در محدوده بلوک در دسترس است.
if (true) {
  var x = 10;
  let y = 20;
}

console.log(x); // 10
console.log(y); // ReferenceError
2. تکرار تعریف: متغیر var اجازه تعریف مجدد دارد. متغیر let خطا می‌دهد.
var a = 5;
var a = 10; // مشکلی ندارد

let b = 15;
let b = 20; // خطا
3. هوئیستینگ: متغیر var به بالا منتقل می‌شود و مقدار undefined می‌گیرد. متغیر let خطا می‌دهد اگر قبل از تعریف استفاده شود.
console.log(c); // undefined
var c = 30;

console.log(d); // ReferenceError
let d = 40;
❗️نتیجه: همیشه از let یا const برای کدنویسی بهتر استفاده کنید! ==..==..==..==..==..==..==..==..==..==..==.. ✅کانال پشتیبانی برنامه نویسی وب آیولرن ✨ @aiolearn

معرفی مفهوم پیشرفته در برنامه‌نویسی - Debouncing روش Debouncing تکنیکی برای بهینه‌سازی است که باعث می‌شود یک تابع تنها پس از
معرفی مفهوم پیشرفته در برنامه‌نویسی - Debouncing روش Debouncing تکنیکی برای بهینه‌سازی است که باعث می‌شود یک تابع تنها پس از گذشت یک بازه زمانی مشخص از آخرین فراخوانی، اجرا شود. این روش به‌ویژه در مدیریت رویدادهایی مانند scroll، resize و جستجوی زنده کاربرد دارد. به عنوان مثال: در هنگام تایپ در یک فیلد جستجو، اگر برای هر حرف یک درخواست به سرور ارسال شود، هم منابع سرور و هم عملکرد مرورگر تحت تأثیر قرار می‌گیرد. با استفاده از Debouncing، تنها زمانی که کاربر تایپ را متوقف کند، درخواست ارسال می‌شود.
function debounce(func, delay) {
  let timer;
  return function (...args) {
    clearTimeout(timer);
    timer = setTimeout(() => func(...args), delay);
  };
}

const handleSearch = debounce((query) => {
  console.log(`جستجو برای: ${query}`);
}, 300);

handleSearch("برنامه");
handleSearch("برنامه‌نویسی");
handleSearch("برنامه‌نویسی وب");
==..==..==..==..==..==..==..==..==..==..==.. ✅کانال پشتیبانی برنامه نویسی وب آیولرن ✨ @aiolearn

🔰 فراخوان فرصتی استثنایی برای استفاده رایگان از فضای کار اشتراکی ویژه تیم‌ها، استارتاپ‌ها و فعالان حوزه هوش مصنوعی در پردیس
🔰 فراخوان فرصتی استثنایی برای استفاده رایگان از فضای کار اشتراکی ویژه تیم‌ها، استارتاپ‌ها و فعالان حوزه هوش مصنوعی در پردیس علم و فناوری هوش‌مصنوعی و نوآوری دیجیتال ایران 🔰 آیولرن از دانشجویان با انگیزه و خلاق دعوت می‌کند تا به تیم تحقیق و توسعه پردیس علم و فناوری هوش‌مصنوعی و نوآوری دیجیتال ایران بپیوندند. 🔰 محیطی حرفه‌ای و مجهز به امکانات کاری مدرن 🔰 دسترسی به اینترنت پرسرعت و امکانات اداری رایگان 🔰 امکان تعامل و شبکه‌سازی با سایر تیم‌های فعال در حوزه هوش مصنوعی و همکاری با مراکز نوآوری تخصصی 🔰 شرکت در رویدادها، کارگاه‌ها و جلسات تخصصی حوزه هوش مصنوعی 🔰 دسترسی به مشاوره‌های تخصصی در زمینه توسعه کسب‌وکار و فناوری اگر در تهران هستید؛ حتما از این فرصت استفاده کنید! ❗️در صورت تمایل به همکاری، اطلاعات خود را در فرم زیر وارد کنید.👇 https://aiolearn.com/hr/ 🔥🔥🔥

بهترین وب سایت‌ها برای یافتن الهامات UI 🔥 تمامی برنامه‌نویسان علاقه‌مند به حوزه فرانت‌اند میتوانند برای تمرین از طرح های این سایت‌ها استفاده کنند. https://screenlane.com/https://www.behance.net/https://dribbble.com/https://usepanda.com/https://www.pinterest.com/ ==..==..==..==..==..==..==..==..==..==..==.. ✅کانال پشتیبانی برنامه نویسی وب آیولرن ✨ @aiolearn

بهترین وب سایت‌ها برای یافتن الهامات UI 🔥 تمامی برنامه‌نویسان علاقه‌مند به حوزه فرانت‌اند میتوانند برای تمرین از طرح های این سایت‌ها استفاده کنند. https://screenlane.com/https://www.behance.net/https://dribbble.com/https://usepanda.com/https://www.pinterest.com/ ==..==..==..==..==..==..==..==..==..==..==.. ✅کانال پشتیبانی برنامه نویسی وب آیولرن ✨ @aiolearn

⚡️آموزش مقدماتی Bootstrap 🔸تیم آیوکاپ در نسخه چهارم نشریه نوآوری آیوکاپ، به بررسی و آموزش فریم‌ورک محبوب و پرطرفدار Bootstra
⚡️آموزش مقدماتی Bootstrap 🔸تیم آیوکاپ در نسخه چهارم نشریه نوآوری آیوکاپ، به بررسی و آموزش فریم‌ورک محبوب و پرطرفدار Bootstrap پرداخته است. دانلود رایگان از سایت آیوکاپ 📥 ==..==..==..==..==..==..==..==..==..==..==.. ✅کانال پشتیبانی برنامه نویسی وب آیولرن ✨ @aiolearn

ساخت تایمر معکوس با html css js:⏲️ کد جاوااسکریپت: ==..==..==..==..==..==..==..==..==..==..==.. ✅کانال پشتیبانی برنامه نویسی
ساخت تایمر معکوس با html css js:⏲️
<style>
  #countdown {
    font-size: 2rem;
    color: #3498db;
    text-align: center;
    font-weight: bold;
  }
</style>

<div id="countdown"></div>
کد جاوااسکریپت:
<script>
  let countdown = 
  const countdownElement = document.getElementById("countdown");

  const interval = setInterval(() => {
    countdownElement.textContent = `زمان باقی‌مانده: ${countdown} ثانیه`;
    countdown--;

    if (countdown < 0) {
      clearInterval(interval);
      countdownElement.textContent = "زمان به پایان رسید!";
    }
  }, 1000);
</script>
==..==..==..==..==..==..==..==..==..==..==.. ✅کانال پشتیبانی برنامه نویسی وب آیولرن ✨ @aiolearn

✨ آموزش مقدماتی Tailwind CSS 🚀 تیم آیوکاپ در نسخه سوم نشریه نوآوری، به بررسی فریم‌ورک محبوب و پرطرفدار Tailwind CSS پرداخته
✨ آموزش مقدماتی Tailwind CSS 🚀 تیم آیوکاپ در نسخه سوم نشریه نوآوری، به بررسی فریم‌ورک محبوب و پرطرفدار Tailwind CSS پرداخته است. فریم ورک 🪐 Tailwind CSS یک فریم‌ورک سبک و کاربرپسند برای طراحی وب است که به طور خاص برای ایجاد صفحات وب با طراحی مدرن و قابل سفارشی‌سازی آسان طراحی شده است. https://aiocup.com/product/tailwindcss/ ==..==..==..==..==..==..==..==..==..==..==.. ✅کانال پشتیبانی برنامه نویسی وب آیولرن ✨ @aiolearn

ابزار Emmet چیست ؟ ابزار Emmet یک ابزار برای توسعه‌دهندگان وب است که می‌تواند سرعت نوشتن کد‌های HTML و CSS را تا حد بسیار زیادی افزایش دهد. این ابزار بصورت یک پلاگین در ویرایشگر‌های کد مختلف نصب می‌شود. همه چیز با استفاده از اختصارات Emmet قابل نوشتن است. برای اینکه بتوانیم کدهای HTML و CSS را با استفاده از این اختصارات بنویسیم، باید نحوه نوشتن (Syntax) این عبارات را فرابگیریم. مثال :
div>ul>li
حالا با فشردن دکمه Tab کد بالا به شکل زیر نمایش داده میشود‌.
<div>
    <ul>
        <li></li>
    </ul>
</div>
مثال دوم :
ul>li.item$*5
حالا با فشردن دکمه Tab کد بالا به شکل زیر نمایش داده میشود‌.
<ul>
    <li class="item1"></li>
    <li class="item2"></li>
    <li class="item3"></li>
    <li class="item4"></li>
    <li class="item5"></li>
</ul>
برای دیدن تمامی اختصارات emmet میتونید از سایت زیر استفاده کنید. https://docs.emmet.io/cheat-sheet ==..==..==..==..==..==..==..==..==..==..==.. ✅کانال پشتیبانی برنامه نویسی وب آیولرن ✨ @aiolearn

admino-lite-v1.0.0.zip2.58 KB