دوره برنامه نویسی وب آیولرن
Open in Telegram
💬 آیدی تلگرام جهت پاسخ سریع: @aiomentor_web
Show more
Network:📈 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
😍 لایو دانشجویان امشب چهارشنبه ساعت 8:00
https://www.skyroom.online/ch/aiolearn/student
لینک ورود به لایو 👆
آیکون از کجا بیاریم ؟
معرفی بهترین منابع دانلود آیکون رایگان برای برنامهنویسان وب :
🔹 https://futicons.com/
🔹 https://iconscout.com/unicons
🔹 https://www.flaticon.com/
🔹 https://fontawesome.com/
🔹 https://boxicons.com/
🔹 https://emblemicons.in/
🔹 https://coreui.io/icons/
==..==..==..==..==..==..==..==..==..==..==..
✅کانال پشتیبانی برنامه نویسی وب آیولرن
✨ @aiolearn
Repost from دوره هوش مصنوعی آیولرن
🔥 لایو کد هزاااررر نفرهی برنامهنویسی هوشمصنوعی در آیولرن😍
💥 برای اولین بار در ایران، هزار نفر در لایو برنامهنویسی شرکت کردند و همزمان با استاد تجنجاری دو پروژهی تخصصی هوشمصنوعی انجام دادند.
💥 پروژهها در دو رشتهی پزشکی و روانشناسی بوده که دانشجوها توانستند رباتی طراحی کنند که دیابت را تشخیص دهد و احتمال ابتلا به آن را پیشبینی کند، همچنین پروژهی دیگر طراحی ربات روانشناس هوشمند بوده که خیلی از دانشجویان را شگفت زده کرد.
☄ آیولرن جایی هست که حرفهایترین رویدادها در آن رخ میدهد.
😍 لایو دانشجویان امشب چهارشنبه ساعت 8:00
https://www.skyroom.online/ch/aiolearn/student
لینک ورود به لایو 👆
نحوه وسطچین کردن عکس گوگل
ابتدا باید یک تگ div ایجاد کنید و تگ img را داخل این تگ قرار دهید ؛ در مرحله بعد دستور Text-align : center را به تگ والد یعنی تگ div بدهید.
<div style="text-align : center ;">
<img src="http://www.aiolearn.com/google.png">
</div>
نشان دادن فرمت فایلها در سیستم
۱.ابتدا وارد پوشه مورد نظر شوید.
۲.از بالا روی تب view کلیک کنید.
۳.تیک گزینهی file name extension را فعال نمایید.
ایجاد یک فایل html
بعد از فعال کردن فرمت فایلها در ویندوز مراحل زیر را طی کنید:
۱. یک پوشه جدید ایجاد کنید و وارد آن شوید.
۲.کلیک راست کردا و از گزینهی new یک فایل متن ( Text Document ) ایجاد کنید.
۳.در مرحله آخر باید فایل را rename کنید و فرمت Txt را به HTML تغییر دهید.
#شاتل
==..==..==..==..==..==..==..==..==..==..==..
✅کانال پشتیبانی برنامه نویسی وب آیولرن
✨ @aiolearn
Repost from آکادمی آیولرن | هوش مصنوعی و برنامه نویسی
شما تا ساعت ۹ وقت دارید جلسه مقدمه برنامه نویسی و هوش مصنوعی که همزمان در اپلیکیشن آیولرن در بخش «شاتل» آپلود شد رو ببینید ✌️
چرا تا ساعت ۹ ؟؟ 🤔
چون ساعت ۹ امشب یک لایو هیجان انگیز داریم 🥳
https://www.skyroom.online/ch/aiolearn/shuttle
لینک ورود به لایو ساعت ۹ امشب 👆
Repost from آکادمی آیولرن | هوش مصنوعی و برنامه نویسی
لایو شب اول شاتل دوشنبه
⏰ ساعت ۲۱:۰۰ ⏰
لایو اسکای روم
به دلیل تکمیل ظرفیت لایو، حتما راس ساعت ۹ شب حضور داشته باشید❤️
لینک ورود 👇
https://www.skyroom.online/ch/aiolearn/shuttle
امشب ساعت ۲۱:۰۰ بدون فیلترشکن و به صورت میهمان وارد شید❤️
😍 لایو دانشجویان امشب چهارشنبه ساعت 8:00
https://www.skyroom.online/ch/aiolearn/student
لینک ورود به لایو 👆
اگر برای تمرین Flexbox دنبال یک سایت میگردی که با بازی کردن آموزش ببینی و تمرین کنی حتما از سایت زیر استفاده کن!!
شما باید کدی بنویسید که قورباغهها در محل خودشون قرار بگیرند.
این دستورات می بایست بر پایه دستور flex باشند.
https://flexboxfroggy.com/
==..==..==..==..==..==..==..==..==..==..==..
✅کانال پشتیبانی برنامه نویسی وب آیولرن
✨ @aiolearn
😍 لایو دانشجویان امشب چهارشنبه ساعت 8:00
https://www.skyroom.online/ch/aiolearn/student
لینک ورود به لایو 👆
💥 آموزشهای عمومی آیولرن 💥
⚡️ساخت یک Navbar ساده با Html/css :
نکته: شما میتوانید از فریمورک هایی مثل Bootstrap برای راحتی کار خود استفاده کنید!
<div class="menu">
<ul>
<li><a href="#">Home</a></li>
<li><a href="#">Product</a></li>
<li><a href="#">About us</a></li>
<li><a href="#">Contact us</a></li>
</ul>
</div>
body {
margin: 0;
}
.menu {
width: 100%;
background-color: rgb(237, 237, 237);
padding: 20px;
}
ul {
margin: 0;
}
ul li {
display: inline;
margin: 5px 10px;
transition: .7s;
}
a {
color: #000;
text-decoration: none;
}
li:hover {
background-color: #000;
color: #fff;
padding: 20px;
}
li:hover a {
color: #fff;
}ساخت پالت رنگی
اگر برای ساخت سایت دنبال یک پالت رنگی مرتبط و جذاب میگردید، یا اگر یک لوگویی دارید که میخواهید از کد hex رنگ های آن در طراحی سایت خود استفاده کنید میتوانید از سایت زیر استفاده کنید.
این سایت قابلیت ساخت پالت رنگی و ایجاد یک یک پالت با توجه به عکس آپلود شده توسط شما را دارد و میتوانید به صورت رایگان از امکانات این سایت استفاده کنید.
https://coolors.co/
==..==..==..==..==..==..==..==..==..==..==..
✅کانال پشتیبانی برنامه نویسی وب آیولرن
✨ @aiolearn
بهترین وب سایتها برای یافتن الهامات UI
🔥 تمامی برنامهنویسان علاقهمند به حوزه فرانتاند میتوانند برای تمرین از طرح های این سایتها استفاده کنند.
✨ https://screenlane.com/
✨ https://www.behance.net/
✨ https://dribbble.com/
✨ https://usepanda.com/
✨ https://www.pinterest.com/
==..==..==..==..==..==..==..==..==..==..==..
✅کانال پشتیبانی برنامه نویسی وب آیولرن
✨ @aiolearn
HTML :
<body>
<div class="container">
<div class="card"></div>
<div class="card"></div>
<div class="card"></div>
<div class="card"></div>
<div class="card"></div>
</div>
</body>
body {
background-color: cadetblue;
}
.container {
width: 50%;
display: flex;
margin: 250px auto;
}
.card {
border-radius: 10px;
margin-left: 10px;
height: 100px;
background-color: #fff;
flex: 1;
transition: .3s all ease;
}
.card:hover {
flex: 2;
background-color: rgb(207, 207, 207);
}
😍 لایو دانشجویان امشب دوشنبه ساعت 8:00
https://www.skyroom.online/ch/aiolearn/student
لینک ورود به لایو 👆
مفهوم JSON
کلمه JSON مخفف JavaScript Object Notation به معنای "نمادگذاری اشیاء در جاوا اسکریپت" است.JSON زمانی که مستقل است، از پسوند .json استفاده میکند؛ اما زمانی که در قالب فایل دیگری مانند HTML تعریف میشود، میتواند در نقلقولها به صورت رشته کد JSON ظاهر شود.
انتقال این فرمت بین وب سرور و کلاینت یا مرورگر آسان است.
فایل JSON بسیار خوانا و سبک است و به عنوان بهترین جایگزین برای XML شناخته میشود و به قالب بندی بسیار کمتری نیاز است.
در ادامه ساختار یک کد JSON را با هم میبینیم:
{
"first_name" : "Mahdi" ,
"Last_name" : "Ghasri" ,
"location" : "Tehran" ,
"followers: 500
}جستجوی متن در همه فایلها
یکی از جالبترین قابلیتهای VSCode داشتن امکان جستجوی متن در همه فایلهای دایرکتوری پروژه است. بهترین بخش این قابلیت نیز سرعت بالایش است. برای استفاده از این ویژگی میتوانید با فشردن Control + Shift + F ویوی مربوطه را باز کنید.
ویندوز: Ctrl + Shift + F
مک: Control + Shift + F
==..==..==..==..==..==..==..==..==..==..==..
✅کانال پشتیبانی برنامه نویسی وب آیولرن
✨ @aiolearn
Repost from آکادمی آیولرن | هوش مصنوعی و برنامه نویسی
لایو شب دوم شاتل سهشنبه
⏰ ساعت ۲۱:۰۰ ⏰
لایو اسکای روم
به دلیل تکمیل ظرفیت لایو، حتما راس ساعت ۹ شب حضور داشته باشید❤️
لینک ورود 👇
https://www.skyroom.online/ch/aiolearn/shuttle
امشب ساعت ۲۱:۰۰ بدون فیلترشکن و به صورت میهمان وارد شید❤️
آموزش ریسپانسیو کردن سایت
پارت دو
دستور ViewPort با اندازه صفحه تغییر پیدا میکند، یعنی بر روی صفحه موبایل کوچکتر از صفحه کامپیوتر یا لپتاپ است. قبل از تبلت و تلفنهای همراه، صفحات وب فقط برای صفحه نمایش کامپیوتر طراحی میشدند و معمولاً صفحات وب دارای طراحی استاتیک و اندازهای ثابت بودند.
زبان HTML روشی را در اختیار شما قرار داد تا طراحان وب از طریق برچسب <meta> بتوانند viewport را تحت کنترل خود داشته باشند.
شما باید متا تگ ویوپورت را طبق دستور پایین در تمام صفحات وب خود وارد کنید:
<meta name="viewport" content="width=device-width, initial-scale=1.0">
