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

Open in Telegram

💬 آیدی تلگرام جهت پاسخ سریع: @aiomentor_web

Network:آکادمی آیولرن | هوش مصنوعی و برنامه نویسی Iran30 710 Technologies & Applications11 258...

📈 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

No data

Post views

No data24 hours

No data48 hours

No data

Engagement rate

No data

Posts per day

Ads index

beta

Posts Archive

\n\n==..==..==..==..==..==..==..==..==..==..==..\n✅کانال پشتیبانی برنامه نویسی وب آیولرن\n🏁 aiolearn\n💻 aioproject\n🏆 aiocup\n📱 aiolearn","datePublished":"2024-11-21T06:41:06Z","dateModified":"2024-11-21T06:42:04Z","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":1}]}},{"@type":"ListItem","position":3,"item":{"@type":"SocialMediaPosting","@id":"https://telemetr.io/en/channels/1968035255-aiolearn_web/posts/415","url":"https://telemetr.io/en/channels/1968035255-aiolearn_web/posts/415","mainEntityOfPage":"https://telemetr.io/en/channels/1968035255-aiolearn_web/posts/415","headline":"❕اگر برای سایتتون دنبال پس زمینه های زنده و متحرک هستید، میتونید از کد زیر استفاده کنید: کد html:

\nکد css:\n.wave-container {\n position: relative;\n width: 100%;\n height: 200px;\n overflow: hidden;\n background: #00d4ff;\n}\n\n.wave {\n position: absolute;\n width: 200%;\n height: 200px;\n background: rgba(255, 255, 255, 0.3);\n top: 100px;\n left: -100px;\n border-radius: 50%;\n animation: wave-animation 4s infinite linear;\n}\n\n.wave:nth-child(2) {\n top: 120px;\n background: rgba(255, 255, 255, 0.5);\n animation-duration: 6s;\n}\n\n@keyframes wave-animation {\n 0% {\n transform: translateX(0);\n }\n 100% {\n transform: translateX(-50%);\n }\n}\n\n==..==..==..==..==..==..==..==..==..==..==..\n✅کانال پشتیبانی برنامه نویسی وب آیولرن\n✨ @aiolearn","datePublished":"2024-11-18T15:11:47Z","dateModified":"2024-11-18T15:11:47Z","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":2982},{"@type":"InteractionCounter","interactionType":"https://schema.org/LikeAction","userInteractionCount":35},{"@type":"InteractionCounter","interactionType":"https://schema.org/ShareAction","userInteractionCount":82}]}},{"@type":"ListItem","position":4,"item":{"@type":"SocialMediaPosting","@id":"https://telemetr.io/en/channels/1968035255-aiolearn_web/posts/414","url":"https://telemetr.io/en/channels/1968035255-aiolearn_web/posts/414","mainEntityOfPage":"https://telemetr.io/en/channels/1968035255-aiolearn_web/posts/414","headline":"⭕️⭕️ساخت لودر در سایت با html css js: \nکد های html و javascript:\n \n

\n\n \n==..==..==..==..==..==..==..==..==..==..==..\n✅کانال پشتیبانی برنامه نویسی وب آیولرن\n✨ @aiolearn","datePublished":"2024-11-18T15:11:34Z","dateModified":"2024-11-18T15:11:34Z","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":2914},{"@type":"InteractionCounter","interactionType":"https://schema.org/LikeAction","userInteractionCount":16},{"@type":"InteractionCounter","interactionType":"https://schema.org/ShareAction","userInteractionCount":51}]}},{"@type":"ListItem","position":5,"item":{"@type":"SocialMediaPosting","@id":"https://telemetr.io/en/channels/1968035255-aiolearn_web/posts/413","url":"https://telemetr.io/en/channels/1968035255-aiolearn_web/posts/413","mainEntityOfPage":"https://telemetr.io/en/channels/1968035255-aiolearn_web/posts/413","headline":"❕ترفندهای بهینه‌سازی سرعت سایت فشرده‌سازی تصاویر: استفاده از ابزارهایی مثل TinyPNG یا JPEG Optimizer برای کاه…","articleBody":"❕ترفندهای بهینه‌سازی سرعت سایت\n\nفشرده‌سازی تصاویر: استفاده از ابزارهایی مثل TinyPNG یا JPEG Optimizer برای کاهش حجم تصاویر بدون افت کیفیت.\n\nاستفاده از Lazy Loading: با این روش، تصاویر و ویدیوها تنها زمانی بارگذاری می‌شوند که کاربر به آن بخش از صفحه برسد.\n\nروش Minify کردن فایل‌های CSS و JavaScript: ابزارهایی مانند UglifyJS و CSSNano کمک می‌کنند تا کدهای شما فشرده شده و حجم فایل‌ها کاهش یابد.\n\nبهبود سرعت سایت با بارگذاری بهینه و فشرده‌سازی فایل‌ها: با فشرده‌سازی تصاویر و استفاده از بارگذاری تنبل، می‌توانید سرعت سایت را به‌طور چشمگیری افزایش دهید.\n\nبهینه‌سازی کش مرورگر: با تنظیم درست کش مرورگر، کاربرانی که قبلاً از سایت بازدید کرده‌اند با سرعت بیشتری به محتوای سایت دسترسی خواهند داشت\n\nاین موارد می‌توانند به بهبود سرعت سایت شما کمک کنند و در نتیجه، تاثیر مثبتی بر رتبه‌بندی سایت در موتورهای جستجو و تجربه کاربری بگذارند.\n\n==..==..==..==..==..==..==..==..==..==..==..\n✅کانال پشتیبانی برنامه نویسی وب آیولرن\n✨ @aiolearn","datePublished":"2024-11-13T13:16:43Z","dateModified":"2024-11-13T13:16:43Z","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":3353},{"@type":"InteractionCounter","interactionType":"https://schema.org/LikeAction","userInteractionCount":18},{"@type":"InteractionCounter","interactionType":"https://schema.org/ShareAction","userInteractionCount":36}]}},{"@type":"ListItem","position":6,"item":{"@type":"SocialMediaPosting","@id":"https://telemetr.io/en/channels/1968035255-aiolearn_web/posts/412","url":"https://telemetr.io/en/channels/1968035255-aiolearn_web/posts/412","mainEntityOfPage":"https://telemetr.io/en/channels/1968035255-aiolearn_web/posts/412","headline":"❕برای حذف موارد تکراری در آرایه‌ها، می‌توانید از Set استفاده کنید. Set در جاوااسکریپت، یک ساختار داده است که…","articleBody":"❕برای حذف موارد تکراری در آرایه‌ها، می‌توانید از Set استفاده کنید. Set در جاوااسکریپت، یک ساختار داده است که تنها مقادیر یکتا را نگه می‌دارد، به همین دلیل می‌تواند برای حذف عناصر تکراری کاربردی باشد.\n\nفرض کنید آرایه‌ای دارید که شامل مقادیر تکراری است:\nconst numbers = [1, 2, 2, 3, 4, 4, 5];\n\nبا استفاده از Set، می‌توانید به‌راحتی موارد تکراری را حذف کنید:\nconst uniqueNumbers = [...new Set(numbers)];\nconsole.log(uniqueNumbers); // خروجی: [1, 2, 3, 4, 5]\n\n==..==..==..==..==..==..==..==..==..==..==..\n✅کانال پشتیبانی برنامه نویسی وب آیولرن\n✨ @aiolearn","datePublished":"2024-11-12T18:29:35Z","dateModified":"2024-11-12T18:29:35Z","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":2976},{"@type":"InteractionCounter","interactionType":"https://schema.org/LikeAction","userInteractionCount":23},{"@type":"InteractionCounter","interactionType":"https://schema.org/ShareAction","userInteractionCount":16}]}},{"@type":"ListItem","position":7,"item":{"@type":"SocialMediaPosting","@id":"https://telemetr.io/en/channels/1968035255-aiolearn_web/posts/411","url":"https://telemetr.io/en/channels/1968035255-aiolearn_web/posts/411","mainEntityOfPage":"https://telemetr.io/en/channels/1968035255-aiolearn_web/posts/411","headline":"https://aiolearnpro.com/tailwind-css-framework/ فریم‌ورک تلویند (Tailwind CSS) در چند سال اخیر به یکی از محبو…","articleBody":"https://aiolearnpro.com/tailwind-css-framework/\nفریم‌ورک تلویند (Tailwind CSS) در چند سال اخیر به یکی از محبوب‌ترین ابزارهای طراحی سایت و رابط کاربری تبدیل شده است. این فریم‌ورک که برای اولین بار در سال ۲۰۱۷ توسط “آدام واثان” و تیمش منتشر شد، با ایده‌ای نوآورانه به دنیای توسعه وب آمد...\n\nتیم آیوپروجکت برای معرفی کامل این فریم‌‌ورک یک مقاله کامل آماده کرده است تا شما بتوانید بهترین استفاده را از فریم‌ورک های فرانت‌اند را داشته باشید.\n\n==..==..==..==..==..==..==..==..==..==..==.\n✅کانال پشتیبانی برنامه نویسی وب آیولرن\n✨ @aiolearn","datePublished":"2024-11-12T11:39:13Z","dateModified":"2024-11-12T11:39:13Z","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":3282},{"@type":"InteractionCounter","interactionType":"https://schema.org/LikeAction","userInteractionCount":25},{"@type":"InteractionCounter","interactionType":"https://schema.org/ShareAction","userInteractionCount":21}]}},{"@type":"ListItem","position":8,"item":{"@type":"SocialMediaPosting","@id":"https://telemetr.io/en/channels/1968035255-aiolearn_web/posts/410","url":"https://telemetr.io/en/channels/1968035255-aiolearn_web/posts/410","mainEntityOfPage":"https://telemetr.io/en/channels/1968035255-aiolearn_web/posts/410","headline":"✅توضیحات خط به خط پروژه طراحی صفحه اول گوگل: این خط شروع بخش بدنه‌ی اصلی صفحه است که محتوای آن برای کا…","articleBody":"✅توضیحات خط به خط پروژه طراحی صفحه اول گوگل:\n\nاین خط شروع بخش بدنه‌ی اصلی صفحه است که محتوای آن برای کاربر نمایش داده می‌شود.\n

\nیک div با عرض 100 درصد و متن مرکز شده ایجاد می‌کند که محتوای درون آن در وسط صفحه نمایش داده شود.\n

\nسه خط خالی اضافه می‌کند تا فضای عمودی بیشتری قبل از تصویر ایجاد شود.\n $\"Google$ \nیک تصویر از آدرس مشخص شده نمایش می‌دهد و در صورت عدم نمایش، از متن جایگزین \"Google Logo\" استفاده می‌کند.\n
\n\nیک فیلد ورودی ایجاد می‌کند با عرض 500 پیکسل، حاشیه‌ی خاکستری، ارتفاع 40 پیکسل، و گوشه‌های گرد.\n\nیک دکمه با نام \"Google Search\" ایجاد می‌کند که پس‌زمینه‌ی خاکستری روشن، بدون حاشیه، و دارای فونت Arial است.\n\nیک دکمه دیگر با نام \"I'm Feeling Lucky\" با همان استایل دکمه قبلی ایجاد می‌کند.\n

\nبستن تگ div که محتوا را در بر می‌گیرد.\n\n\nبستن تگ‌های body و html برای پایان سند HTML.\n\n==..==..==..==..==..==..==..==..==..==..==.\n✅کانال پشتیبانی برنامه نویسی وب آیولرن\n✨ @aiolearn","datePublished":"2024-11-06T15:52:13Z","dateModified":"2024-11-06T15:52:13Z","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":3631},{"@type":"InteractionCounter","interactionType":"https://schema.org/LikeAction","userInteractionCount":35},{"@type":"InteractionCounter","interactionType":"https://schema.org/ShareAction","userInteractionCount":73}]}},{"@type":"ListItem","position":9,"item":{"@type":"SocialMediaPosting","@id":"https://telemetr.io/en/channels/1968035255-aiolearn_web/posts/409","url":"https://telemetr.io/en/channels/1968035255-aiolearn_web/posts/409","mainEntityOfPage":"https://telemetr.io/en/channels/1968035255-aiolearn_web/posts/409","headline":"https://aiolearnpro.com/sand-box-aiolearn/ سندباکس آیولرن یکی از راه‌حل‌های نوآورانه آکادمی آیولرن در راستای…","articleBody":"https://aiolearnpro.com/sand-box-aiolearn/\n\nسندباکس آیولرن یکی از راه‌حل‌های نوآورانه آکادمی آیولرن در راستای آماده‌سازی دانشجویان برای ورود به بازار کار است. این محیط تحت هدایت استاد تجن جاری طراحی و پیاده‌سازی شده و هدف اصلی آن ایجاد فضایی رقابتی و سازنده بین دانشجویان است.\n\n==..==..==..==..==..==..==..==..==..==..==.\n✅کانال پشتیبانی برنامه نویسی وب آیولرن\n✨ @aiolearn","datePublished":"2024-10-31T16:49:57Z","dateModified":"2024-10-31T16:49:57Z","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":4278},{"@type":"InteractionCounter","interactionType":"https://schema.org/LikeAction","userInteractionCount":31},{"@type":"InteractionCounter","interactionType":"https://schema.org/ShareAction","userInteractionCount":21}]}},{"@type":"ListItem","position":10,"item":{"@type":"SocialMediaPosting","@id":"https://telemetr.io/en/channels/1968035255-aiolearn_web/posts/408","url":"https://telemetr.io/en/channels/1968035255-aiolearn_web/posts/408","mainEntityOfPage":"https://telemetr.io/en/channels/1968035255-aiolearn_web/posts/408","headline":"⭕️ دستور @property در CSS یکی از ابزارهای قدرتمند و جدیدی است که به شما اجازه می‌دهد تا متغیرهای سفارشی خود ر…","articleBody":"⭕️ دستور @property در CSS یکی از ابزارهای قدرتمند و جدیدی است که به شما اجازه می‌دهد تا متغیرهای سفارشی خود را با نوع داده مشخص تعریف کنید. این ویژگی به شما کمک می‌کند تا کدهای CSS خود را سازماندهی‌تر، قابل نگهداری‌تر و انعطاف‌پذیرتر کنید.\n\n ✅ نوع‌دهی قوی: با تعریف نوع داده برای متغیرها، از خطاهای احتمالی جلوگیری می‌کنید و کدهای شما قابل اطمینان‌تر می‌شوند.\n\n ✅ سازماندهی بهتر: با استفاده از @property، می‌توانید سبک‌های CSS خود را به بخش‌های کوچکتر تقسیم کرده و مدیریت آن‌ها را آسان‌تر کنید.\n\n ✅ انعطاف‌پذیری بیشتر: با تعریف متغیرهای سفارشی، می‌توانید تغییرات را به سرعت و در یک نقطه اعمال کنید.\n\n❓چگونه از @property استفاده کنیم؟\n@property --my-color {\n syntax: '';\n inherits: false;\n initial-value: blue;\n}\n\nbody {\n color: var(--my-color);\n}\n❗️در این مثال، ما یک متغیر سفارشی با نام --my-color تعریف کرده‌ایم که نوع داده آن رنگ است. مقدار اولیه این متغیر آبی (blue) است.\n\n==..==..==..==..==..==..==..==..==..==..==..\n✅کانال پشتیبانی برنامه نویسی وب آیولرن\n✨ @aiolearn","datePublished":"2024-10-31T09:34:47Z","dateModified":"2024-10-31T09:34:47Z","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":3918},{"@type":"InteractionCounter","interactionType":"https://schema.org/LikeAction","userInteractionCount":15},{"@type":"InteractionCounter","interactionType":"https://schema.org/ShareAction","userInteractionCount":28}]}},{"@type":"ListItem","position":11,"item":{"@type":"SocialMediaPosting","@id":"https://telemetr.io/en/channels/1968035255-aiolearn_web/posts/407","url":"https://telemetr.io/en/channels/1968035255-aiolearn_web/posts/407","mainEntityOfPage":"https://telemetr.io/en/channels/1968035255-aiolearn_web/posts/407","headline":"🔒چگونه امنیت وب‌سایت خود را افزایش دهیم؟ * رمزهای قوی: از رمزهای عبور پیچیده و منحصر به فرد استفاده کنید. * ب…","articleBody":"🔒چگونه امنیت وب‌سایت خود را افزایش دهیم؟\n\n * رمزهای قوی: از رمزهای عبور پیچیده و منحصر به فرد استفاده کنید.\n * به‌روزرسانی‌های مداوم: نرم‌افزارها و سیستم عامل را همیشه به روز نگه دارید.\n * امنیت هاردنینگ: پورت‌های غیر ضروری را ببندید و از فایروال استفاده کنید.\n * امنیت برنامه‌نویسی: ورودی‌های کاربران را پاکسازی کنید و از فریمورک‌های امن استفاده کنید.\n * پشتیبان‌گیری منظم: به صورت منظم از وب‌سایت خود بک‌آپ بگیرید.\n\n❕چرا این موارد مهم هستند؟\n * جلوگیری از هک شدن: با رعایت این نکات، احتمال هک شدن وب‌سایت شما به شدت کاهش می‌یابد.\n * محافظت از داده‌های کاربران: اطلاعات حساس کاربران شما مانند رمزهای عبور و اطلاعات شخصی در امان می‌ماند.\n * حفظ اعتبار وب‌سایت: یک وب‌سایت امن، اعتبار بیشتری نزد کاربران و موتورهای جستجو دارد.\n\n==..==..==..==..==..==..==..==..==..==..==..\n✅کانال پشتیبانی برنامه نویسی وب آیولرن\n✨ @aiolearn","datePublished":"2024-10-31T06:08:10Z","dateModified":"2024-10-31T06:08:10Z","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":3336},{"@type":"InteractionCounter","interactionType":"https://schema.org/LikeAction","userInteractionCount":16},{"@type":"InteractionCounter","interactionType":"https://schema.org/ShareAction","userInteractionCount":22}]}},{"@type":"ListItem","position":12,"item":{"@type":"SocialMediaPosting","@id":"https://telemetr.io/en/channels/1968035255-aiolearn_web/posts/406","url":"https://telemetr.io/en/channels/1968035255-aiolearn_web/posts/406","mainEntityOfPage":"https://telemetr.io/en/channels/1968035255-aiolearn_web/posts/406","headline":"شماره دوم مجله‌ی نوآوری آیوکاپ منتشر شد! 🎉📖 از امروز می‌توانید دومین شماره از نشریه نوآوری آیوکاپ را به‌صورت…","articleBody":"شماره دوم مجله‌ی نوآوری آیوکاپ منتشر شد! 🎉📖\n\nاز امروز می‌توانید دومین شماره از نشریه نوآوری آیوکاپ را به‌صورت کاملاً رایگان از سایت ما دانلود کنید! 📥🔥\n\n🔗 https://www.journal.aiocup.com/\n\nمجله نوآوری آیوکاپ توسط تیم آیوکاپ برای افزایش شانس موفقیت شما در مسابقات کشوری و بین‌المللی و آشنایی بیشتر با دنیای تکنولوژی و فناوری پیشرفته طراحی شده است.🌍🏆\n\n🔗 https://www.aiocup.com/\n\n==..==..==..==..==..==..==..==..==..==..==.\n✅کانال پشتیبانی برنامه نویسی وب آیولرن\n✨ @aiolearn","datePublished":"2024-10-26T15:06:53Z","dateModified":"2024-10-26T15:06:53Z","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":3596},{"@type":"InteractionCounter","interactionType":"https://schema.org/LikeAction","userInteractionCount":28},{"@type":"InteractionCounter","interactionType":"https://schema.org/ShareAction","userInteractionCount":21}]}},{"@type":"ListItem","position":13,"item":{"@type":"SocialMediaPosting","@id":"https://telemetr.io/en/channels/1968035255-aiolearn_web/posts/405","url":"https://telemetr.io/en/channels/1968035255-aiolearn_web/posts/405","mainEntityOfPage":"https://telemetr.io/en/channels/1968035255-aiolearn_web/posts/405","headline":"💎 شروع جلسات مشاوره و منتورینگ مسابقات بین‌المللی فرانسه از ششم آبان ماه❗️ 💠 آکادمی آیولرن جهت افزایش شانس مو…","articleBody":"💎 شروع جلسات مشاوره و منتورینگ مسابقات بین‌المللی فرانسه از ششم آبان ماه❗️\n\n💠 آکادمی آیولرن جهت افزایش شانس موفقیت شما در مسابقات، جلسات مشاوره و منتورینگ برگزار خواهد کرد.\n\n💠 این جلسات از ۶ام آبان آغاز می‌شود تا شرکت‌کنندگان مسابقه با برنامه‌ای منظم بتوانند طرح‌های خودشون ارسال کنند.\n\n🔺 برای ثبت‌نام و دریافت اطلاعات بیشتر وارد لینک زیر شوید.👇\n\nhttp://Aiocup.com/brightexpo","datePublished":"2024-10-26T09:07:21Z","dateModified":"2024-10-26T09:07:21Z","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":3133},{"@type":"InteractionCounter","interactionType":"https://schema.org/LikeAction","userInteractionCount":10},{"@type":"InteractionCounter","interactionType":"https://schema.org/ShareAction","userInteractionCount":5}],"sharedContent":{"@type":"SocialMediaPosting","datePublished":"2024-10-22T16:30:30Z"}}},{"@type":"ListItem","position":14,"item":{"@type":"SocialMediaPosting","@id":"https://telemetr.io/en/channels/1968035255-aiolearn_web/posts/404","url":"https://telemetr.io/en/channels/1968035255-aiolearn_web/posts/404","mainEntityOfPage":"https://telemetr.io/en/channels/1968035255-aiolearn_web/posts/404","headline":"🌀 شرکت در مسابقات بین‌المللی فرانسه، به صورت انفرادی و تیمی🔥 💠 می‌تونید به صورت انفرادی و یا تیم‌های ۴ نفره د…","articleBody":"🌀 شرکت در مسابقات بین‌المللی فرانسه، به صورت انفرادی و تیمی🔥\n\n💠 می‌تونید به صورت انفرادی و یا تیم‌های ۴ نفره در مسابقه Bright Expo شرکت کنید.\n\n💠 برای کسب موفقیت در این مسابقه، لازمه در بخش برنامه‌نویسی به مباحث Html&css، Javascript و در بخش هوش‌مصنوعی به مباحث ماشین‌لرنینگ و دیپ‌لرنینگ تسلط داشته باشید‌.\n\n❇️ تیم آیوکاپ تمام تلاش خود را می‌‌کند تا شما به بهترین نتایج دست‌یابید.","datePublished":"2024-10-26T09:07:20Z","dateModified":"2024-10-26T09:07:20Z","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":3073},{"@type":"InteractionCounter","interactionType":"https://schema.org/LikeAction","userInteractionCount":7},{"@type":"InteractionCounter","interactionType":"https://schema.org/ShareAction","userInteractionCount":1}],"sharedContent":{"@type":"SocialMediaPosting","datePublished":"2024-10-22T15:01:10Z"}}},{"@type":"ListItem","position":15,"item":{"@type":"SocialMediaPosting","@id":"https://telemetr.io/en/channels/1968035255-aiolearn_web/posts/403","url":"https://telemetr.io/en/channels/1968035255-aiolearn_web/posts/403","mainEntityOfPage":"https://telemetr.io/en/channels/1968035255-aiolearn_web/posts/403","headline":"❗️ مهلت ثبت‌نام در مسابقات بین‌المللی فرانسه Bright Expo؛ فقط تا ۵ آبان❗️ 🌀 ثبت‌نام مسابقات Bright Expo فرانس…","articleBody":"❗️ مهلت ثبت‌نام در مسابقات بین‌المللی فرانسه Bright Expo؛ فقط تا ۵ آبان❗️\n\n🌀 ثبت‌نام مسابقات Bright Expo فرانسه تا پنجم آبان ماه تمدید شد.\n\n💠 این آخرین مهلت ثبت‌نام هست.\n\n🌀 حتما زودتر ثبت‌نامتون رو نهایی کنید تا وارد مرحله‌ی انجام پروژه‌ها بشید؛ چون زمان محدوده!\n\n🔺 برای ثبت‌نام و دریافت اطلاعات بیشتر وارد لینک زیر شوید.👇\n\nhttp://Aiocup.com/brightexpo","datePublished":"2024-10-26T09:07:20Z","dateModified":"2024-10-26T09:07:20Z","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":2641},{"@type":"InteractionCounter","interactionType":"https://schema.org/LikeAction","userInteractionCount":7},{"@type":"InteractionCounter","interactionType":"https://schema.org/ShareAction","userInteractionCount":2}],"sharedContent":{"@type":"SocialMediaPosting","datePublished":"2024-10-22T12:00:02Z"}}},{"@type":"ListItem","position":16,"item":{"@type":"SocialMediaPosting","@id":"https://telemetr.io/en/channels/1968035255-aiolearn_web/posts/402","url":"https://telemetr.io/en/channels/1968035255-aiolearn_web/posts/402","mainEntityOfPage":"https://telemetr.io/en/channels/1968035255-aiolearn_web/posts/402","headline":"⭕️ابزار ضروری برای هر برنامه‌نویس وب اگر توسعه‌دهنده وب هستید، GitHub یکی از مهم‌ترین ابزارهایی است که باید ب…","articleBody":"⭕️ابزار ضروری برای هر برنامه‌نویس وب\nاگر توسعه‌دهنده وب هستید، GitHub یکی از مهم‌ترین ابزارهایی است که باید با آن آشنا باشید. این پلتفرم به شما امکان می‌دهد کدهای خود را به شکلی منظم مدیریت کرده و به سادگی با دیگر برنامه‌نویسان همکاری کنید.\n\n🌐 کنترل نسخه‌ها: هر تغییری که در کد می‌دهید ذخیره می‌شود و می‌توانید در هر زمان به نسخه‌های قبلی بازگردید.\n🤝 همکاری تیمی: به طور همزمان با تیم خود روی یک پروژه کار کنید و تغییرات هر فرد را پیگیری کنید.\n🚀 پروژه‌های متن‌باز: به سادگی در پروژه‌های بزرگ متن‌باز مشارکت کنید و دانش و تجربه‌تان را افزایش دهید.\n📂 ساخت نمونه‌کار: با مخازن عمومی، نمونه‌کارهای آنلاین خود را بسازید و به کارفرمایان نمایش دهید.\n\n==..==..==..==..==..==..==..==..==..==..==..\n✅کانال پشتیبانی برنامه نویسی وب آیولرن\n✨ @aiolearn","datePublished":"2024-10-15T06:14:41Z","dateModified":"2024-10-15T06:14:41Z","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":3823},{"@type":"InteractionCounter","interactionType":"https://schema.org/LikeAction","userInteractionCount":27},{"@type":"InteractionCounter","interactionType":"https://schema.org/ShareAction","userInteractionCount":35}]}},{"@type":"ListItem","position":17,"item":{"@type":"SocialMediaPosting","@id":"https://telemetr.io/en/channels/1968035255-aiolearn_web/posts/401","url":"https://telemetr.io/en/channels/1968035255-aiolearn_web/posts/401","mainEntityOfPage":"https://telemetr.io/en/channels/1968035255-aiolearn_web/posts/401","headline":"⭕️ ثبت‌نام مسابقات بین‌المللی فرانسه ( Bright Expo ) آغاز شد🔥 ✅ نحوه برگزاری: آنلاین ✅ حوزه‌ی مسابقات: ایده و…","articleBody":"⭕️ ثبت‌نام مسابقات بین‌المللی فرانسه ( Bright Expo ) آغاز شد🔥\n\n✅ نحوه برگزاری: آنلاین\n✅ حوزه‌ی مسابقات: ایده و نوآوری، پروژه‌های برنامه‌نویسی و هوش‌مصنوعی \n✅ نحوه‌ی شرکت: فردی و تیم ۴ نفره\n✅ امکانات ویژه‌ی آیولرن: منتورینگ تخصصی برای شرکت‌کنندگان\n✅ پیش‌نیاز: حداقل تسلط بر مبحث ماشین‌لرنینگ در قسمت هوش‌مصنوعی و یا جاوااسکریپت در بخش برنامه‌نویسی وب\n\n🟢 علاقه‌مندان به شرکت در مسابقات بین‌المللی فرانسه، می‌توانند از طریق آکادمی آیولرن و تیم قدرتمند آیوکاپ در این رویداد ثبت‌نام کنند.\n\n💢 برای کسب اطلاعات بیشتر و ثبت‌نام در مسابقات فرانسه وارد لینک زیر شوید.👇\n\nhttp://Aiocup.com/brightexpo\n\n🔥🔥🔥","datePublished":"2024-10-08T10:58:16Z","dateModified":"2024-10-08T10:58:16Z","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":3920},{"@type":"InteractionCounter","interactionType":"https://schema.org/LikeAction","userInteractionCount":15},{"@type":"InteractionCounter","interactionType":"https://schema.org/ShareAction","userInteractionCount":11}],"sharedContent":{"@type":"SocialMediaPosting","datePublished":"2024-10-08T09:45:10Z"}}},{"@type":"ListItem","position":18,"item":{"@type":"SocialMediaPosting","@id":"https://telemetr.io/en/channels/1968035255-aiolearn_web/posts/400","url":"https://telemetr.io/en/channels/1968035255-aiolearn_web/posts/400","mainEntityOfPage":"https://telemetr.io/en/channels/1968035255-aiolearn_web/posts/400","headline":"⭕️ اگر تابستون شروع کردی الان وقتشه که رزومه سازی کنی! 🏆 اکثر دانشجوهایی که در تابستون آموزش برنامه‌نویسی و ه…","articleBody":"⭕️ اگر تابستون شروع کردی الان وقتشه که رزومه سازی کنی!\n\n🏆 اکثر دانشجوهایی که در تابستون آموزش برنامه‌نویسی و هوش‌مصنوعی رو شروع کردند؛ الان به سطحی رسیدن که بتونن به صورت تیمی و یا فردی، در مسابقات بین‌المللی فرانسه شرکت کنند.\n\n🔹 لازمه که حداقل به مباحث ماشین‌لرنینگ و یا جاوااسکریپت تسلط داسته باشید.\n\n📌 برای دریافت اطلاعات بیشتر وارد لینک زیر بشید.👇\nhttp://Aiocup.com/brightexpo\n\n❗️نحوه برگزاری: آنلاین\n❗️فرصت ثبت‌نام: محدود","datePublished":"2024-10-07T11:39:39Z","dateModified":"2024-10-07T11:39:39Z","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":3938},{"@type":"InteractionCounter","interactionType":"https://schema.org/LikeAction","userInteractionCount":7},{"@type":"InteractionCounter","interactionType":"https://schema.org/ShareAction","userInteractionCount":8}]}},{"@type":"ListItem","position":19,"item":{"@type":"SocialMediaPosting","@id":"https://telemetr.io/en/channels/1968035255-aiolearn_web/posts/399","url":"https://telemetr.io/en/channels/1968035255-aiolearn_web/posts/399","mainEntityOfPage":"https://telemetr.io/en/channels/1968035255-aiolearn_web/posts/399","headline":"⭕️ مسابقات بین‌المللی فرانسه ( Bright Expo )🔥 🌀 مسابقات بین‌المللی فرانسه با نام Bright Expo، یکی از رویدادها…","articleBody":"⭕️ مسابقات بین‌المللی فرانسه ( Bright Expo )🔥\n\n🌀 مسابقات بین‌المللی فرانسه با نام Bright Expo، یکی از رویدادهای برجسته و مهم در سطح جهانی است که در تاریخ ۸ دسامبر برگزار خواهد شد.\n\n✅ نحوه برگزاری: آنلاین\n✅ حوزه‌ی مسابقات: ایده و چالش برنامه‌نویسی و هوش‌مصنوعی \n✅ نحوه‌ی شرکت: فردی و تیم ۴ نفره\n\n🟢 علاقه‌مندان به شرکت در مسابقات بین‌المللی فرانسه، می‌توانند از طریق آکادمی آیولرن و تیم آیوکاپ در این رویداد ثبت‌نام کنند.\n\n💢 برای کسب اطلاعات بیشتر و شرکت در مسابقات فرانسه وارد لینک زیر شوید.👇\n\nhttp://Aiocup.com/brightexpo\n\n🔥🔥🔥","datePublished":"2024-10-06T08:06:18Z","dateModified":"2024-10-06T08:06:18Z","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":2715},{"@type":"InteractionCounter","interactionType":"https://schema.org/LikeAction","userInteractionCount":15},{"@type":"InteractionCounter","interactionType":"https://schema.org/ShareAction","userInteractionCount":19}],"sharedContent":{"@type":"SocialMediaPosting","datePublished":"2024-10-06T08:05:28Z"}}},{"@type":"ListItem","position":20,"item":{"@type":"SocialMediaPosting","@id":"https://telemetr.io/en/channels/1968035255-aiolearn_web/posts/398","url":"https://telemetr.io/en/channels/1968035255-aiolearn_web/posts/398","mainEntityOfPage":"https://telemetr.io/en/channels/1968035255-aiolearn_web/posts/398","headline":"❕تفاوت Box و Drop shadow در css: ⚠️ تصویر سمت چپ: img{ box-shadow: 10px 7px 20px orange; } ⚠️ تصویر سمت راست:…","articleBody":"❕تفاوت Box و Drop shadow در css:\n⚠️ تصویر سمت چپ:\nimg{\n box-shadow: 10px 7px 20px orange;\n}\n⚠️ تصویر سمت راست:\nimg{\nfilter: drop-shadow(10px 7px 20px orange);\n}\nهمانطور که ذکر شد، در تصاویر png برای افزودن سایه به تصویر، از دستور filter برای ایجاد سایه استفاده میکنیم!\n\n==..==..==..==..==..==..==..==..==..==..==..\n✅کانال پشتیبانی برنامه نویسی وب آیولرن\n✨ @aiolearn","datePublished":"2024-09-25T12:44:52Z","dateModified":"2024-09-25T12:44:52Z","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":3529},{"@type":"InteractionCounter","interactionType":"https://schema.org/LikeAction","userInteractionCount":35},{"@type":"InteractionCounter","interactionType":"https://schema.org/ShareAction","userInteractionCount":39}]}}]}

10 727

⁉️ آیا می‌دانستید که می‌توانید پیشخوان وردپرس خود را عوض کنید؟؟! ⚠️ اگر از پیشخوان ساده وردپرس خسته شدید میتوانید از فایل افزونه زیر استفاده کنید و پیشخوان خود را زیباتر کنید نحوه استفاده: از قسمت افزونه ها روی گزینه "افزودن افزونه تازه" کلیک کنید و گزینه "بارگذاری افزونه" کلیک کنید و فایل زیر را آپلود کنید و در ادامه افزونه را فعال کنید از پیشخوان جدید وردپرس لذت ببرید😍 ==..==..==..==..==..==..==..==..==..==..==.. ✅کانال پشتیبانی برنامه نویسی وب آیولرن ✨ @aiolearn

10 727

ساخت تایمر معکوس با 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 💻 aioproject 🏆 aiocup 📱 aiolearn

10 727

❕اگر برای سایتتون دنبال پس زمینه های زنده و متحرک هستید، میتونید از کد زیر استفاده کنید: کد html:

<div class="wave-container">
    <div class="wave"></div>
    <div class="wave"></div>
</div>

کد css:

.wave-container {
  position: relative;
  width: 100%;
  height: 200px;
  overflow: hidden;
  background: #00d4ff;
}

.wave {
  position: absolute;
  width: 200%;
  height: 200px;
  background: rgba(255, 255, 255, 0.3);
  top: 100px;
  left: -100px;
  border-radius: 50%;
  animation: wave-animation 4s infinite linear;
}

.wave:nth-child(2) {
  top: 120px;
  background: rgba(255, 255, 255, 0.5);
  animation-duration: 6s;
}

@keyframes wave-animation {
  0% {
    transform: translateX(0);
  }
  100% {
    transform: translateX(-50%);
  }
}

==..==..==..==..==..==..==..==..==..==..==.. ✅کانال پشتیبانی برنامه نویسی وب آیولرن ✨ @aiolearn

10 727

⭕️⭕️ساخت لودر در سایت با html css js:

<style>
            .loader {
              width: 50px;
              height: 50px;
              border: 5px solid #f3f3f3;
              border-top: 5px solid #3498db; 
              border-radius: 50%;
              animation: spin 1s linear infinite;
              position: absolute;
              top: 50%;
              left: 50%;
              transform: translate(-50%, -50%);
            }
          
            @keyframes spin {
              from {
                transform: rotate(0deg);
              }
              to {
                transform: rotate(360deg);
              }
            }

            .hidden {
                display: none !important;
              }
          
          </style>

کد های html و javascript:

 
<div class="loader"></div>

        <script>
            setTimeout(() => {
                const loader = document.getElementById("loader");
                if (loader) {
                  loader.classList.add("hidden"); \
                }
              }, 2000);
          </script>

==..==..==..==..==..==..==..==..==..==..==.. ✅کانال پشتیبانی برنامه نویسی وب آیولرن ✨ @aiolearn

10 727

❕ترفندهای بهینه‌سازی سرعت سایت فشرده‌سازی تصاویر: استفاده از ابزارهایی مثل TinyPNG یا JPEG Optimizer برای کاهش حجم تصاویر بدون افت کیفیت. استفاده از Lazy Loading: با این روش، تصاویر و ویدیوها تنها زمانی بارگذاری می‌شوند که کاربر به آن بخش از صفحه برسد. روش Minify کردن فایل‌های CSS و JavaScript: ابزارهایی مانند UglifyJS و CSSNano کمک می‌کنند تا کدهای شما فشرده شده و حجم فایل‌ها کاهش یابد. بهبود سرعت سایت با بارگذاری بهینه و فشرده‌سازی فایل‌ها: با فشرده‌سازی تصاویر و استفاده از بارگذاری تنبل، می‌توانید سرعت سایت را به‌طور چشمگیری افزایش دهید. بهینه‌سازی کش مرورگر: با تنظیم درست کش مرورگر، کاربرانی که قبلاً از سایت بازدید کرده‌اند با سرعت بیشتری به محتوای سایت دسترسی خواهند داشت این موارد می‌توانند به بهبود سرعت سایت شما کمک کنند و در نتیجه، تاثیر مثبتی بر رتبه‌بندی سایت در موتورهای جستجو و تجربه کاربری بگذارند. ==..==..==..==..==..==..==..==..==..==..==.. ✅کانال پشتیبانی برنامه نویسی وب آیولرن ✨ @aiolearn

10 727

❕برای حذف موارد تکراری در آرایه‌ها، می‌توانید از Set استفاده کنید. Set در جاوااسکریپت، یک ساختار داده است که تنها مقادیر یکتا را نگه می‌دارد، به همین دلیل می‌تواند برای حذف عناصر تکراری کاربردی باشد. فرض کنید آرایه‌ای دارید که شامل مقادیر تکراری است:

const numbers = [1, 2, 2, 3, 4, 4, 5];

با استفاده از Set، می‌توانید به‌راحتی موارد تکراری را حذف کنید:

const uniqueNumbers = [...new Set(numbers)];
console.log(uniqueNumbers); // خروجی: [1, 2, 3, 4, 5]

==..==..==..==..==..==..==..==..==..==..==.. ✅کانال پشتیبانی برنامه نویسی وب آیولرن ✨ @aiolearn

10 727

https://aiolearnpro.com/tailwind-css-framework/ فریم‌ورک تلویند (Tailwind CSS) در چند سال اخیر به یکی از محبوب‌ترین ابزارهای طراحی سایت و رابط کاربری تبدیل شده است. این فریم‌ورک که برای اولین بار در سال ۲۰۱۷ توسط “آدام واثان” و تیمش منتشر شد، با ایده‌ای نوآورانه به دنیای توسعه وب آمد... تیم آیوپروجکت برای معرفی کامل این فریم‌‌ورک یک مقاله کامل آماده کرده است تا شما بتوانید بهترین استفاده را از فریم‌ورک های فرانت‌اند را داشته باشید. ==..==..==..==..==..==..==..==..==..==..==. ✅کانال پشتیبانی برنامه نویسی وب آیولرن ✨ @aiolearn

10 727

✅توضیحات خط به خط پروژه طراحی صفحه اول گوگل:

<body>

این خط شروع بخش بدنه‌ی اصلی صفحه است که محتوای آن برای کاربر نمایش داده می‌شود.

<div style="width:100%; text-align: center;">

یک div با عرض 100 درصد و متن مرکز شده ایجاد می‌کند که محتوای درون آن در وسط صفحه نمایش داده شود.

<br><br><br>

سه خط خالی اضافه می‌کند تا فضای عمودی بیشتری قبل از تصویر ایجاد شود.

<img src="http://aiolearn.com/google.png" alt="Google Logo">

یک تصویر از آدرس مشخص شده نمایش می‌دهد و در صورت عدم نمایش، از متن جایگزین "Google Logo" استفاده می‌کند.

<br>
<input style="width:500px; border:1px solid rgb(190,190,190); height:40px; border-radius:50px;">

یک فیلد ورودی ایجاد می‌کند با عرض 500 پیکسل، حاشیه‌ی خاکستری، ارتفاع 40 پیکسل، و گوشه‌های گرد.

<button style="background-color:rgb(228,228,228); border:none; padding:5px; text-align: center; font-family: Arial;">Google Search</button>

یک دکمه با نام "Google Search" ایجاد می‌کند که پس‌زمینه‌ی خاکستری روشن، بدون حاشیه، و دارای فونت Arial است.

<button style="background-color:rgb(228,228,228); border:none; padding:5px; text-align: center; font-family: Arial;">I'm Feeling Lucky</button>

یک دکمه دیگر با نام "I'm Feeling Lucky" با همان استایل دکمه قبلی ایجاد می‌کند.

</div>

بستن تگ div که محتوا را در بر می‌گیرد.

</body>
</html>

بستن تگ‌های body و html برای پایان سند HTML. ==..==..==..==..==..==..==..==..==..==..==. ✅کانال پشتیبانی برنامه نویسی وب آیولرن ✨ @aiolearn

10 727

https://aiolearnpro.com/sand-box-aiolearn/ سندباکس آیولرن یکی از راه‌حل‌های نوآورانه آکادمی آیولرن در راستای آماده‌سازی دانشجویان برای ورود به بازار کار است. این محیط تحت هدایت استاد تجن جاری طراحی و پیاده‌سازی شده و هدف اصلی آن ایجاد فضایی رقابتی و سازنده بین دانشجویان است. ==..==..==..==..==..==..==..==..==..==..==. ✅کانال پشتیبانی برنامه نویسی وب آیولرن ✨ @aiolearn

10 727

⭕️ دستور @property در CSS یکی از ابزارهای قدرتمند و جدیدی است که به شما اجازه می‌دهد تا متغیرهای سفارشی خود را با نوع داده مشخص تعریف کنید. این ویژگی به شما کمک می‌کند تا کدهای CSS خود را سازماندهی‌تر، قابل نگهداری‌تر و انعطاف‌پذیرتر کنید. ✅ نوع‌دهی قوی: با تعریف نوع داده برای متغیرها، از خطاهای احتمالی جلوگیری می‌کنید و کدهای شما قابل اطمینان‌تر می‌شوند. ✅ سازماندهی بهتر: با استفاده از @property، می‌توانید سبک‌های CSS خود را به بخش‌های کوچکتر تقسیم کرده و مدیریت آن‌ها را آسان‌تر کنید. ✅ انعطاف‌پذیری بیشتر: با تعریف متغیرهای سفارشی، می‌توانید تغییرات را به سرعت و در یک نقطه اعمال کنید. ❓چگونه از @property استفاده کنیم؟

@property --my-color {
  syntax: '<color>';
  inherits: false;
  initial-value: blue;
}

body {
  color: var(--my-color);
}

❗️در این مثال، ما یک متغیر سفارشی با نام --my-color تعریف کرده‌ایم که نوع داده آن رنگ است. مقدار اولیه این متغیر آبی (blue) است. ==..==..==..==..==..==..==..==..==..==..==.. ✅کانال پشتیبانی برنامه نویسی وب آیولرن ✨ @aiolearn

10 727

🔒چگونه امنیت وب‌سایت خود را افزایش دهیم؟ * رمزهای قوی: از رمزهای عبور پیچیده و منحصر به فرد استفاده کنید. * به‌روزرسانی‌های مداوم: نرم‌افزارها و سیستم عامل را همیشه به روز نگه دارید. * امنیت هاردنینگ: پورت‌های غیر ضروری را ببندید و از فایروال استفاده کنید. * امنیت برنامه‌نویسی: ورودی‌های کاربران را پاکسازی کنید و از فریمورک‌های امن استفاده کنید. * پشتیبان‌گیری منظم: به صورت منظم از وب‌سایت خود بک‌آپ بگیرید. ❕چرا این موارد مهم هستند؟ * جلوگیری از هک شدن: با رعایت این نکات، احتمال هک شدن وب‌سایت شما به شدت کاهش می‌یابد. * محافظت از داده‌های کاربران: اطلاعات حساس کاربران شما مانند رمزهای عبور و اطلاعات شخصی در امان می‌ماند. * حفظ اعتبار وب‌سایت: یک وب‌سایت امن، اعتبار بیشتری نزد کاربران و موتورهای جستجو دارد. ==..==..==..==..==..==..==..==..==..==..==.. ✅کانال پشتیبانی برنامه نویسی وب آیولرن ✨ @aiolearn

10 727

شماره دوم مجله‌ی نوآوری آیوکاپ منتشر شد! 🎉📖 از امروز می‌توانید دومین شماره از نشریه نوآوری آیوکاپ را به‌صورت کاملاً رایگان از سایت ما دانلود کنید! 📥🔥 🔗 https://www.journal.aiocup.com/ مجله نوآوری آیوکاپ توسط تیم آیوکاپ برای افزایش شانس موفقیت شما در مسابقات کشوری و بین‌المللی و آشنایی بیشتر با دنیای تکنولوژی و فناوری پیشرفته طراحی شده است.🌍🏆 🔗 https://www.aiocup.com/ ==..==..==..==..==..==..==..==..==..==..==. ✅کانال پشتیبانی برنامه نویسی وب آیولرن ✨ @aiolearn

10 727

Repost from آکادمی آیولرن | هوش مصنوعی و برنامه نویسی

💎 شروع جلسات مشاوره و منتورینگ مسابقات بین‌المللی فرانسه از ششم آبان ماه❗️ 💠 آکادمی آیولرن جهت افزایش شانس موفقیت شما در مسابقات، جلسات مشاوره و منتورینگ برگزار خواهد کرد. 💠 این جلسات از ۶ام آبان آغاز می‌شود تا شرکت‌کنندگان مسابقه با برنامه‌ای منظم بتوانند طرح‌های خودشون ارسال کنند. 🔺 برای ثبت‌نام و دریافت اطلاعات بیشتر وارد لینک زیر شوید.👇 http://Aiocup.com/brightexpo

10 727

Repost from آکادمی آیولرن | هوش مصنوعی و برنامه نویسی

🌀 شرکت در مسابقات بین‌المللی فرانسه، به صورت انفرادی و تیمی🔥 💠 می‌تونید به صورت انفرادی و یا تیم‌های ۴ نفره در مسابقه Bright Expo شرکت کنید. 💠 برای کسب موفقیت در این مسابقه، لازمه در بخش برنامه‌نویسی به مباحث Html&css، Javascript و در بخش هوش‌مصنوعی به مباحث ماشین‌لرنینگ و دیپ‌لرنینگ تسلط داشته باشید‌. ❇️ تیم آیوکاپ تمام تلاش خود را می‌‌کند تا شما به بهترین نتایج دست‌یابید.

10 727

Repost from آکادمی آیولرن | هوش مصنوعی و برنامه نویسی

❗️ مهلت ثبت‌نام در مسابقات بین‌المللی فرانسه Bright Expo؛ فقط تا ۵ آبان❗️ 🌀 ثبت‌نام مسابقات Bright Expo فرانسه تا پنجم آبان ماه تمدید شد. 💠 این آخرین مهلت ثبت‌نام هست. 🌀 حتما زودتر ثبت‌نامتون رو نهایی کنید تا وارد مرحله‌ی انجام پروژه‌ها بشید؛ چون زمان محدوده! 🔺 برای ثبت‌نام و دریافت اطلاعات بیشتر وارد لینک زیر شوید.👇 http://Aiocup.com/brightexpo

10 727

⭕️ابزار ضروری برای هر برنامه‌نویس وب اگر توسعه‌دهنده وب هستید، GitHub یکی از مهم‌ترین ابزارهایی است که باید با آن آشنا باشید. این پلتفرم به شما امکان می‌دهد کدهای خود را به شکلی منظم مدیریت کرده و به سادگی با دیگر برنامه‌نویسان همکاری کنید. 🌐 کنترل نسخه‌ها: هر تغییری که در کد می‌دهید ذخیره می‌شود و می‌توانید در هر زمان به نسخه‌های قبلی بازگردید. 🤝 همکاری تیمی: به طور همزمان با تیم خود روی یک پروژه کار کنید و تغییرات هر فرد را پیگیری کنید. 🚀 پروژه‌های متن‌باز: به سادگی در پروژه‌های بزرگ متن‌باز مشارکت کنید و دانش و تجربه‌تان را افزایش دهید. 📂 ساخت نمونه‌کار: با مخازن عمومی، نمونه‌کارهای آنلاین خود را بسازید و به کارفرمایان نمایش دهید. ==..==..==..==..==..==..==..==..==..==..==.. ✅کانال پشتیبانی برنامه نویسی وب آیولرن ✨ @aiolearn

10 727

Repost from آکادمی آیولرن | هوش مصنوعی و برنامه نویسی

⭕️ ثبت‌نام مسابقات بین‌المللی فرانسه ( Bright Expo ) آغاز شد🔥 ✅ نحوه برگزاری: آنلاین ✅ حوزه‌ی مسابقات: ایده و نوآوری، پروژه‌های برنامه‌نویسی و هوش‌مصنوعی ✅ نحوه‌ی شرکت: فردی و تیم ۴ نفره ✅ امکانات ویژه‌ی آیولرن: منتورینگ تخصصی برای شرکت‌کنندگان ✅ پیش‌نیاز: حداقل تسلط بر مبحث ماشین‌لرنینگ در قسمت هوش‌مصنوعی و یا جاوااسکریپت در بخش برنامه‌نویسی وب 🟢 علاقه‌مندان به شرکت در مسابقات بین‌المللی فرانسه، می‌توانند از طریق آکادمی آیولرن و تیم قدرتمند آیوکاپ در این رویداد ثبت‌نام کنند. 💢 برای کسب اطلاعات بیشتر و ثبت‌نام در مسابقات فرانسه وارد لینک زیر شوید.👇 http://Aiocup.com/brightexpo 🔥🔥🔥

10 727

⭕️ اگر تابستون شروع کردی الان وقتشه که رزومه سازی کنی! 🏆 اکثر دانشجوهایی که در تابستون آموزش برنامه‌نویسی و هوش‌مصنوعی رو شروع کردند؛ الان به سطحی رسیدن که بتونن به صورت تیمی و یا فردی، در مسابقات بین‌المللی فرانسه شرکت کنند. 🔹 لازمه که حداقل به مباحث ماشین‌لرنینگ و یا جاوااسکریپت تسلط داسته باشید. 📌 برای دریافت اطلاعات بیشتر وارد لینک زیر بشید.👇 http://Aiocup.com/brightexpo ❗️نحوه برگزاری: آنلاین ❗️فرصت ثبت‌نام: محدود

10 727

Repost from آکادمی آیولرن | هوش مصنوعی و برنامه نویسی

⭕️ مسابقات بین‌المللی فرانسه ( Bright Expo )🔥 🌀 مسابقات بین‌المللی فرانسه با نام Bright Expo، یکی از رویدادهای برجسته و مهم در سطح جهانی است که در تاریخ ۸ دسامبر برگزار خواهد شد. ✅ نحوه برگزاری: آنلاین ✅ حوزه‌ی مسابقات: ایده و چالش برنامه‌نویسی و هوش‌مصنوعی ✅ نحوه‌ی شرکت: فردی و تیم ۴ نفره 🟢 علاقه‌مندان به شرکت در مسابقات بین‌المللی فرانسه، می‌توانند از طریق آکادمی آیولرن و تیم آیوکاپ در این رویداد ثبت‌نام کنند. 💢 برای کسب اطلاعات بیشتر و شرکت در مسابقات فرانسه وارد لینک زیر شوید.👇 http://Aiocup.com/brightexpo 🔥🔥🔥

10 727

❕تفاوت Box و Drop shadow در css: ⚠️ تصویر سمت چپ:

img{
    box-shadow: 10px 7px 20px orange;
}

⚠️ تصویر سمت راست:

img{
filter: drop-shadow(10px 7px 20px orange);
}

همانطور که ذکر شد، در تصاویر png برای افزودن سایه به تصویر، از دستور filter برای ایجاد سایه استفاده میکنیم! ==..==..==..==..==..==..==..==..==..==..==.. ✅کانال پشتیبانی برنامه نویسی وب آیولرن ✨ @aiolearn