دوره برنامه نویسی وب آیولرن
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
\n\nابتدا از طریق شناسه(آیدی) ، المان خود را شناسایی که و مقدار \"آیولرن\" داخلش قرار میدهیم.\n\nمثال۲ :\n\n\nانتخاب تگ H2 و اعمال css روی آن.\nدر واقع این متد، یک نوع انتخابگر می باشد که با استفاده از اون میتونیم تگ های درون صفحه رو انتخاب کنیم یا بدست بیاریم و حالا دیگه هرکاری دوس داشتیم روشون پیاده کنیم.\n\n==..==..==..==..==..==..==..==..==..==..==..==\n✅کانال پشتیبانی برنامهنویسی وب آیولرن\n✨ @aiolearn","datePublished":"2023-10-09T08:11:05Z","dateModified":"2023-10-09T08:11:05Z","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":716},{"@type":"InteractionCounter","interactionType":"https://schema.org/LikeAction","userInteractionCount":15},{"@type":"InteractionCounter","interactionType":"https://schema.org/ShareAction","userInteractionCount":6}]}},{"@type":"ListItem","position":15,"item":{"@type":"SocialMediaPosting","@id":"https://telemetr.io/en/channels/1968035255-aiolearn_web/posts/251","url":"https://telemetr.io/en/channels/1968035255-aiolearn_web/posts/251","mainEntityOfPage":"https://telemetr.io/en/channels/1968035255-aiolearn_web/posts/251","headline":"استفاده از AJAX با جاوا اسکریپت به قطعه کد زیر دقت کنید : var ajx = new XMLHttpRequest(); ajx.onreadystatecha…","articleBody":"استفاده از AJAX با جاوا اسکریپت \n\nبه قطعه کد زیر دقت کنید : \n\nvar ajx = new XMLHttpRequest();\n \najx.onreadystatechange = function() {\n if(ajx.readyState === 4 && ) {\n \n if(ajx.status === 200) {\n alert(ajx.responseText);\n \n } else if (ajx.status === 404) {\n alert(\"صفحه مقصد وجود ندارد\");\n \n } else {\n alert('Error Message: ' + ajx.statusText);\n }\n }\n}\n \najx.open('POST', 'contact.php');\najx.send(\"name=Omid&age=21\");\n\n\nقطعه کد بالا را به سه بخش اصلی تقسیم میکنم تا بهراحتی متوجه عملکردش شوید:\n\nدر ابتدا یک شئ XMLHttpRequest ایجاد میکنیم.\nسپس با استفاده از تابع onreadystatechange() مشخص میکنیم در هنگام تغییر وضعیت درخواست چه اتفاقاتی رخ دهد.\nدر پایان نیز با متد open() نوع درخواست و مقصد آن را مشخص کرده و با تابع send() درخواست را ارسال میکنیم.\n\n==..==..==..==..==..==..==..==..==..\nکانال پشتیبانی برنامه نویسی وب آیولرن\n✨ @aiolearn","datePublished":"2023-10-05T05:08:59Z","dateModified":"2023-10-05T05:08:59Z","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":828},{"@type":"InteractionCounter","interactionType":"https://schema.org/LikeAction","userInteractionCount":10},{"@type":"InteractionCounter","interactionType":"https://schema.org/ShareAction","userInteractionCount":5}]}},{"@type":"ListItem","position":16,"item":{"@type":"SocialMediaPosting","@id":"https://telemetr.io/en/channels/1968035255-aiolearn_web/posts/250","url":"https://telemetr.io/en/channels/1968035255-aiolearn_web/posts/250","mainEntityOfPage":"https://telemetr.io/en/channels/1968035255-aiolearn_web/posts/250","headline":"ایجکس (Ajax) چیست ؟ به زبان ساده، AJAX این امکان را به ما میدهد تا بدون بارگذاری (Refresh) یک صفحه وب، اطلاع…","articleBody":"ایجکس (Ajax) چیست ؟ \n\nبه زبان ساده، AJAX این امکان را به ما میدهد تا بدون بارگذاری (Refresh) یک صفحه وب، اطلاعاتی را به سمت سرور ارسال کرده و نتیجه را دریافت کنیم.\n\nبه طور معمول، وقتی میخواهیم وارد صفحهای جدید شویم یا اطلاعات یک فرم را برای سرور ارسال کنیم، صفحه وب رفرش میشود. با استفاده از AJAX در PHP یا هر زبان دیگری میتوانیم بدون رفرش صفحه، اطلاعات را ارسال و یا محتوای صفحه جدید را دریافت کنیم.\n\nاز مزایای اصلی این کار میتوان به موارد زیر اشاره کرد:\n\n- به حداقل رساندن اطلاعات ارسالی و دریافتی از سرور\n- عدم نیاز به دانلود کامل یک صفحه در هر بار بارگذاری صفحات\n- بهبود رابط کاربری و تجربه کاربری سایت","datePublished":"2023-10-05T05:08:36Z","dateModified":"2023-10-05T05:08:36Z","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":681},{"@type":"InteractionCounter","interactionType":"https://schema.org/LikeAction","userInteractionCount":3},{"@type":"InteractionCounter","interactionType":"https://schema.org/ShareAction","userInteractionCount":3}]}},{"@type":"ListItem","position":17,"item":{"@type":"SocialMediaPosting","@id":"https://telemetr.io/en/channels/1968035255-aiolearn_web/posts/249","url":"https://telemetr.io/en/channels/1968035255-aiolearn_web/posts/249","mainEntityOfPage":"https://telemetr.io/en/channels/1968035255-aiolearn_web/posts/249","headline":"لایو امشب به طور همزمان در اینستاگرام و اسکای روم برگزار میشه! بچه های اسکای روم فقط دانشجوهای ما هستن در این…","articleBody":"لایو امشب به طور همزمان در اینستاگرام و اسکای روم برگزار میشه!\n\nبچه های اسکای روم فقط دانشجوهای ما هستن\n\nدر اینستا علاوه بر دانشجو ها غیر دانجشوها هم هستند ❤️","datePublished":"2023-10-04T13:00:33Z","dateModified":"2023-10-04T13:00:33Z","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":684},{"@type":"InteractionCounter","interactionType":"https://schema.org/LikeAction","userInteractionCount":16},{"@type":"InteractionCounter","interactionType":"https://schema.org/ShareAction","userInteractionCount":4}]}},{"@type":"ListItem","position":18,"item":{"@type":"SocialMediaPosting","@id":"https://telemetr.io/en/channels/1968035255-aiolearn_web/posts/248","url":"https://telemetr.io/en/channels/1968035255-aiolearn_web/posts/248","mainEntityOfPage":"https://telemetr.io/en/channels/1968035255-aiolearn_web/posts/248","headline":"😍 لایو دانشجویان امشب چهارشنبه ساعت 8:00 https://www.skyroom.online/ch/aiolearn/student لینک ورود به لایو 👆","articleBody":"😍 لایو دانشجویان امشب چهارشنبه ساعت 8:00\n\nhttps://www.skyroom.online/ch/aiolearn/student\n\nلینک ورود به لایو 👆","datePublished":"2023-10-04T13:00:33Z","dateModified":"2023-10-04T13:00:33Z","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":681},{"@type":"InteractionCounter","interactionType":"https://schema.org/LikeAction","userInteractionCount":11},{"@type":"InteractionCounter","interactionType":"https://schema.org/ShareAction","userInteractionCount":5}]}},{"@type":"ListItem","position":19,"item":{"@type":"SocialMediaPosting","@id":"https://telemetr.io/en/channels/1968035255-aiolearn_web/posts/247","url":"https://telemetr.io/en/channels/1968035255-aiolearn_web/posts/247","mainEntityOfPage":"https://telemetr.io/en/channels/1968035255-aiolearn_web/posts/247","headline":"لایو اختصاصی در اینستاگرام چهارشنبه لایو اختصاصی از طریق لایو اینستاگرام برگزار خواهد شد🔥 لایو چهارشنبه ها مخ…","articleBody":"لایو اختصاصی در اینستاگرام\n\nچهارشنبه لایو اختصاصی از طریق لایو اینستاگرام برگزار خواهد شد🔥\n\nلایو چهارشنبه ها مخصوص دانشجویان آیولرن میباشد، اما اینبار لایو به صورت آزاد در اینستاگرام برگزار میگردد❤️\n\nموضوعات لایو:\n\n🔹ایجاد تیم سازی برای استارتاپ جدید\n🔹راهنمایی استاد به استارتاپ های قبلی\n🔹آشنایی با دانشجویان با انگیزه آیومایند\n🔹آشنایی با استارتاپ های حوزه تکنولوژی\n🔹راه های درآمد از هوش مصنوعی\n🔹راه های درآمد از برنامه نویسی\n\nآدرس پیج اینستاگرام آیولرن جهت شرکت در لایو بینظیر آیولرن:\n\nhttps://instagram.com/aiolearn\n\n⏰ لایو چهارشنبه ساعت ۲۰:۰۰ 👆","datePublished":"2023-10-03T22:11:37Z","dateModified":"2023-10-03T22:11:37Z","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":1001},{"@type":"InteractionCounter","interactionType":"https://schema.org/LikeAction","userInteractionCount":12},{"@type":"InteractionCounter","interactionType":"https://schema.org/ShareAction","userInteractionCount":20}]}},{"@type":"ListItem","position":20,"item":{"@type":"SocialMediaPosting","@id":"https://telemetr.io/en/channels/1968035255-aiolearn_web/posts/246","url":"https://telemetr.io/en/channels/1968035255-aiolearn_web/posts/246","mainEntityOfPage":"https://telemetr.io/en/channels/1968035255-aiolearn_web/posts/246","headline":"دانشجویان موفق آیولرن را بشناسیم! 🚀چالش یک میلیون تومانی🚀 یک چالش جدید برای دانشجویان موفق آیولرن در نظر گرفت…","articleBody":"دانشجویان موفق آیولرن را بشناسیم!\n\n🚀چالش یک میلیون تومانی🚀\n\nیک چالش جدید برای دانشجویان موفق آیولرن در نظر گرفتیم که در این چالش یک ویدئو از خودشون به پشتیبانی آیولرن ارسال کنند و در این ویدئو نظر و دستاورد خودشون رو از شرکت در دوره های آیولرن اعلام کنند،\n\nدستاوردا شامل موارد زیر میباشد:\n\n🔹گرفتن پروژه برنامه نویسی و هوش\n🔹استخدام در شرکت ها\n🔹کسب درآمد\n🔹رزومه سازی و انجام پروژه دوره ها\n🔹حضور در تیم های استارتاپی\n🔹کسب مقام در مسابقات کشوری\n🔹نظر شخصی در مورد دوره ها\n\n⏰ ویدئو خودتون رو امروز تا چهارشنبه ساعت ۸ به آیدی زیر ارسال کنید، چهارشنبه ساعت ۸ جایزه ۱ میلیون تومانی در لایو اهدا خواهد شد.\n\n👩💻@aiolearn_poshtibani\n\n👆👆👆","datePublished":"2023-10-03T12:23:44Z","dateModified":"2023-10-03T12:23: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":595},{"@type":"InteractionCounter","interactionType":"https://schema.org/LikeAction","userInteractionCount":12},{"@type":"InteractionCounter","interactionType":"https://schema.org/ShareAction","userInteractionCount":4}]}}]}
+1
🔹نحوهی نصب chrome برای ویندوز
برای آموزش دوره های شاتل نیاز به نصب برنامه گوگل کروم دارید.
دانلود گوگل کروم:
🔽 دانلود نسخه 64 بیتی گوگل کروم
🔽 دانلود نسخه 32 بیتی گوگل کروم
✅ ابتدا دانلود کنید.
✅ از حالت فشرده خارج کنید.
✅ نصب کنید. ( ابتدا نسخه 64 بیتی رو نصب کنید اگر ارور داد نسخه 32 بیتی رو نصب کنید)
=..=..=..=..=..=..=..=..=..=..=..=..=..=..=..=..=..=
کانال پشتیبانی فنی هوش مصنوعی آکادمی آیولرن
💠@aiolearn
#آیولرن
+1برای آموزش دوره های شاتل نیاز به نصب برنامه گوگل کروم و VSCode دارید.
دانلود گوگل کروم:
🔽 دانلود نسخه 64 بیتی گوگل کروم
🔽 دانلود نسخه 32 بیتی گوگل کروم
دانلود VSCode :
🔽 دانلود نسخه 64 بیتی VSCode
🔽 دانلود نسخه 32 بیتی VSCode
✅ ابتدا دانلود کنید.
✅ از حالت فشرده خارج کنید.
✅ نصب کنید. ( ابتدا نسخه 64 بیتی رو نصب کنید اگر ارور داد نسخه 32 بیتی رو نصب کنید)
بهترین پلاگینها (extension) کروم برای طراحان سایت
1.Font Finder
2.ColorZilla
3.Super Simple Auto refresh
4.CSSViewer
5.Wappalyzer
بهترین پلاگینهای VSCode برای طراحان سایت
1.Prettier
این یک قالب ساز کد است که با تجزیه کد شما و چاپ مجدد آن با قوانین خاص خود که حداکثر طول خط را در نظر میگیرد، در صورت لزوم کد را بسته بندی کرده و یک استایل سازگار را اعمال میکند.
2.Live Server
این ابزار یک سرور محلی توسعه را با یک کلیک راه اندازی کرده و تغییرات زنده را به همراه برخی از قابلیتهای اضافی نمایش میدهد.
3.JavaScript (ES6) Code Snippet
این افزونه شامل کد اسنیپت برای جاوااسکریپت در سینتکس ES6 برای ویرایشگر vscode است و از JavaScript و TypeScript پشتیبانی میکند.
4.Emmet
یک ابزار برای توسعهدهندگان وب است که میتواند سرعت نوشتن کدهای HTML و CSS را تا حد بسیار زیادی افزایش دهد.
5.Auto Rename Tag
شاید بخواهید تگ H2 را به H3 تغییر دهید. شاید بخواهید یک div را به یک span تغییر دهید. در هر صورت، از این افزونه استفاده کنید، تا بتوانید به کار خود سرعت بخشید.
==..==..==..==..==..==..==..==..==..==..==..
✅کانال پشتیبانی برنامه نویسی وب آیولرن
✨ @aiolearn
Repost from آکادمی آیولرن | هوش مصنوعی و برنامه نویسی
💎 آموزش کار با وب اپ آیولرن 💎
https://aiolearn.app
🚀در قسمت شاتل میتونید جلسات هوشمصنوعی و برنامهنویسس رو مشاهده کنید.
🚀حتما از قسمت پروفایل نام و نامخانوادگی خودتون رو به صورت فارسی وارد کنید.
🚀برای ارتباط با منتور خودتون از قسمت منتور من اطلاعات منتور شما قرار داده شده.
راستی فیلترشکن باید خاموش باشه 🔥❤️
دلایلی برای اینکه باید سایت شخصی داشته باشید
۱.وب سایت به شما و برند شما اعتبار میدهد.
۲.وب سایت کسبکار شمارا در دسترس قرار میدهد.
۳.ایجاد درک بهتر مهارتهای شما برای مشتریان
۴.دیده شدن بیشتر شما و برند شما
۵.گوگل، بازاریاب رایگان کسب و کار شماست.
شما در دورهی رایگان شاتل میتونید در عرض ۱ ساعت سایت شخصی خود را طراحی و آنلاین کنید.
برای ثبت نام در دورهی شاتل وارد کانال تلگرامی آیولرن شده تا با نحوه ثبت نام آشنا شوید🌹
✨ @aiolearn
آموزش نصب و فعالسازی ioncube در زمپ
خلاصه مراحل نصب ioncube در Xamp server:
1: loader-wizard.php رو دانلود و در مسیر htdocs کپی کنید.
2: این فایل رو در مرور گر و مسیر لوکال هاست (localhost/loader-wizard.php) اجرا کنید تا ورژن php شما تشخیص داده بشه.
3: فایل پیشنهادی رو دانلود کنید و در مسیر نصب زمپ (C:\xampp\php\ext) کپی کنید.
4: حال فایل php.ini که در مسیر نصب زمپ شما مثلا در C:\xampp\php\php.ini هست رو با یک ویرایشگر ساده ویرایش کنید و خط زیر را به ابتدای آن اضافه کنید:
zend_extension =”C:\xampp\php\ext\ioncube_loader_win_7.1.dll”
این فایل دقیقا باید همان نامی رو داشته باشه که در مرحله 3 کپی کردین.
به ویزاردتون (مرورگر کروم) برگردید و test the Loader رو بزنید اگر مراحل رو به درستی انجام داده باشید برای شما هم پیام موفقیت امیز نمایش داده میشه.
دانلود ioncube :
https://www.ioncube.com/loaders.php
==..==..==..==..==..==..==..==..==..==..==..
✅کانال پشتیبانی برنامه نویسی وب آیولرن
✨ @aiolearn
شبه عنصر چیست؟
در زبان Css سلکتورهایی وجود دارد با نام شبه عنصر که برای انتخاب بخش های فرعی و زیر مجموعه های یک عنصر به کار میرود.
برای مثال:
p::first-line {color: #555}
p::first-letter {color: #666}
a::before {content : “hello world”;}
شبه عنصر first-line در زبان CSS اولین خط از یک پاراگراف را نشانه می گیرد و سبب اعمال استایل های مختلف مانند background-color روی آن خط می شود.
شبه عنصر first-letter برای اعمال ویژگی ها و استایل ها روی اولین حرف از اولین خط یک پاراگراف استفاده می شود.
شبه عنصر befor::
با استفاده از شبه عنصر ( یا هم انتخابگر ) before در CSS میتوان به قبل ( یعنی قبل از محتوای خوده تگ ) استایل دلخواه تعریف کرد.
شبه عنصر after::
با استفاده از شبه عنصر ( یا هم انتخابگر ) after در CSS میتوان به بعد ( یعنی بعد از محتوای خوده تگ ) استایل دلخواه تعریف کرد.
مثال شماره ۱ : قرار دادن یک عکس در قبل و بعد از تگ ( استفاده از شبه عنصرafter و before )
h2::before {
content:url(files/logo-small.png)
}
h2::after {
content:url(files/logo-small.png);
}
==..==..==..==..==..==..==..==..==..==..==..
✅کانال پشتیبانی برنامه نویسی وب آیولرن
✨ @aiolearn
فلکسباکس چیست؟
فلکس باکس به زبان ساده مجموعه ای از پراپرتی های CSS هست که در کنار هم چیدن المان های HTML به ما کمک می کنه و چیدمان آنها در حالت ریسپانسیو را برای ما خیلی راحت میکنه.
فلکس باکس عموما برای چینش المان های یک کامپوننت مورد استفاده قرار میگیره و نه برای قالب بندی کلی صفحه. چون فلکس باکس اساسا برای جهت دهی المان در یک بُعد (dimension) طراحی شده. در حالی که برای قالب بندی صفحات، معمولا به 2 بُعد افقی و عمودی به صورت همزمان نیاز داریم.
ساختار تگهای div بدون فلکسباکس:
🟩
🟦
🟨
🟥
همانطور که می بینید، چهار تگ div داریم که به علت بلاکی بودن تگ ها، هر چهار تگ زیر هم قرار گرفته اند. برای تغییر آرایش و صفحه آرایی این عناصر چه کنیم؟
برای این کار کافی است به کد های css خود یک Display:felx اضافه کنید. اما کجا؟ سوال مهم اینجاست. مقداری display flex را باید برای عنصر والد یا پدر در نظر گرفت.
این به این معنی است که ۴ دیو بالا داخل یک div قرار بگیرند و به دیو والد و اصلی display:flex داده شود.👇
ساختار تگهای div با display:flex :
🟩 🟦 🟨 🟥
همانطور که می بینید، عناصر داخلی، برخلاف block بودنشان، inline رفتار کرده و در راستای یک خط یا row قرار گرفته اند. بنابراین اولین تاثیر ویژگی flex در css، این است که عناصر داخلی را، هر چه که باشند در راستای یک خط مرتب میکند.
==..==..==..==..==..==..==..==..==..==..==..
✅کانال پشتیبانی برنامه نویسی وب آیولرن
✨ @aiolearn
جالب است بدانید
بر اساس گزارش levels.fyi که اطلاعات مربوط به حقوق شرکتهای بزرگ را از منابع معتبر دریافت میکند ؛ گوگل به برنامهنویسان خود سالانه حدود ۲۵۶۰۵۹ دلار حقوق و ۲۸۶۱۷۶ سهام و همچنین ۸۳۲۹۴ دلار پاداش پرداخت میکند.
حال جالب است بدانید گوگل به مهندسین تازه کار به طور متوسط ۱۱۵۰۰۰ دلار میپردازد.
قطعا همه ما با گوگل کار کردیم و روزانه ساعتهای زیادی از وقت خود را داخل گوگل میگذرونیم!
اما یک سوال بزرگ! آیا میتوانیم یک صفحه از گوگل چند میلیون دلاری را طراحی کنیم؟🤔
- بله!
در جلسه دوم شاتل (بزرگترین بوتکمپ برنامهنویسی و هوشمصنوعی در ایران) شما قادر خواهید بود در عرض ۱ ساعت صفحهی اول یکی از بزرگترین دامنههای اینترنت یعنی Google.com طراحی کنید.
==..==..==..==..==..==..==..==..==..==..==..
✅برای ثبت نام در دورهی رایگان شاتل وارد کانال آیولرن شوید و شماره موبایل خود را برای ما بگذارید تا منتوران ما باهاتون تماس بگیرند.
✨ @aiolearn
🔥🔥 چالش جذاب بیداری 🔥🔥
✅ در آپدیت جدید گزینه چالش به اپلیکیشن آیولرن اضافه شده که هر روز وقتی صبح بیدار شدید با کلیک بر روی گزینه بیدار شدم جزو نفرات برتر این چالش باشید
✅ درضمن میتونید ببینید آیولرنی ها چه ساعتی بیدار میشن
😍 قراره چالش های دیگه ای هم اضافه بشه 😍
اپلیکیشن آیولرن به روز رسانی شد 🔥🔥
نسخه جدید : 24.2
امکانات جدید این ورژن:
💎 اضافه شدن چالش بیداری برای دانشجویان و نمایش لیست
💎 نمایش مدیریت پرداختی ها
💎 نمایش آیدی تلگرام منتور برای دانشجو و لینک به تلگرام
💎 بهبود در سرعت اپلیکیشن
✅ اپلیکیشن خود را به روز کنید ✅
😍 لایو دانشجویان امشب چهارشنبه ساعت 8:00
https://www.skyroom.online/ch/aiolearn/student
لینک ورود به لایو 👆
متد getelementById
با استفاده از متد ()getElementById میتونیم تگ های موجود در صفحه رو به راحتی انتخاب و بهشون دسترسی پیدا نماییم. این متد یکی از پرکاربردترین متدهای جاوااسکریپت برای انتخاب تگ ها از صفحه می باشد.
مثال :
<script>
document.getElementById("Result").innerHTML = "آیولرن ";
</script>
ابتدا از طریق شناسه(آیدی) ، المان خود را شناسایی که و مقدار "آیولرن" داخلش قرار میدهیم.
مثال۲ :
<script>
function Set(){
var MyH2;
MyH2 = document.getElementById("Result");
MyH2.style.backgroundColor = "#9B8B66";
MyH2.style.color = "#fff";
MyH2.style.textAlign = "center";
}
</script>
انتخاب تگ H2 و اعمال css روی آن.
در واقع این متد، یک نوع انتخابگر می باشد که با استفاده از اون میتونیم تگ های درون صفحه رو انتخاب کنیم یا بدست بیاریم و حالا دیگه هرکاری دوس داشتیم روشون پیاده کنیم.
==..==..==..==..==..==..==..==..==..==..==..==
✅کانال پشتیبانی برنامهنویسی وب آیولرن
✨ @aiolearn
استفاده از AJAX با جاوا اسکریپت
به قطعه کد زیر دقت کنید :
var ajx = new XMLHttpRequest();
ajx.onreadystatechange = function() {
if(ajx.readyState === 4 && ) {
if(ajx.status === 200) {
alert(ajx.responseText);
} else if (ajx.status === 404) {
alert("صفحه مقصد وجود ندارد");
} else {
alert('Error Message: ' + ajx.statusText);
}
}
}
ajx.open('POST', 'contact.php');
ajx.send("name=Omid&age=21");
قطعه کد بالا را به سه بخش اصلی تقسیم میکنم تا بهراحتی متوجه عملکردش شوید:
در ابتدا یک شئ XMLHttpRequest ایجاد میکنیم.
سپس با استفاده از تابع onreadystatechange() مشخص میکنیم در هنگام تغییر وضعیت درخواست چه اتفاقاتی رخ دهد.
در پایان نیز با متد open() نوع درخواست و مقصد آن را مشخص کرده و با تابع send() درخواست را ارسال میکنیم.
==..==..==..==..==..==..==..==..==..
کانال پشتیبانی برنامه نویسی وب آیولرن
✨ @aiolearn
ایجکس (Ajax) چیست ؟
به زبان ساده، AJAX این امکان را به ما میدهد تا بدون بارگذاری (Refresh) یک صفحه وب، اطلاعاتی را به سمت سرور ارسال کرده و نتیجه را دریافت کنیم.
به طور معمول، وقتی میخواهیم وارد صفحهای جدید شویم یا اطلاعات یک فرم را برای سرور ارسال کنیم، صفحه وب رفرش میشود. با استفاده از AJAX در PHP یا هر زبان دیگری میتوانیم بدون رفرش صفحه، اطلاعات را ارسال و یا محتوای صفحه جدید را دریافت کنیم.
از مزایای اصلی این کار میتوان به موارد زیر اشاره کرد:
- به حداقل رساندن اطلاعات ارسالی و دریافتی از سرور
- عدم نیاز به دانلود کامل یک صفحه در هر بار بارگذاری صفحات
- بهبود رابط کاربری و تجربه کاربری سایت
لایو امشب به طور همزمان در اینستاگرام و اسکای روم برگزار میشه!
بچه های اسکای روم فقط دانشجوهای ما هستن
در اینستا علاوه بر دانشجو ها غیر دانجشوها هم هستند ❤️
😍 لایو دانشجویان امشب چهارشنبه ساعت 8:00
https://www.skyroom.online/ch/aiolearn/student
لینک ورود به لایو 👆
لایو اختصاصی در اینستاگرام
چهارشنبه لایو اختصاصی از طریق لایو اینستاگرام برگزار خواهد شد🔥
لایو چهارشنبه ها مخصوص دانشجویان آیولرن میباشد، اما اینبار لایو به صورت آزاد در اینستاگرام برگزار میگردد❤️
موضوعات لایو:
🔹ایجاد تیم سازی برای استارتاپ جدید
🔹راهنمایی استاد به استارتاپ های قبلی
🔹آشنایی با دانشجویان با انگیزه آیومایند
🔹آشنایی با استارتاپ های حوزه تکنولوژی
🔹راه های درآمد از هوش مصنوعی
🔹راه های درآمد از برنامه نویسی
آدرس پیج اینستاگرام آیولرن جهت شرکت در لایو بینظیر آیولرن:
https://instagram.com/aiolearn
⏰ لایو چهارشنبه ساعت ۲۰:۰۰ 👆
دانشجویان موفق آیولرن را بشناسیم!
🚀چالش یک میلیون تومانی🚀
یک چالش جدید برای دانشجویان موفق آیولرن در نظر گرفتیم که در این چالش یک ویدئو از خودشون به پشتیبانی آیولرن ارسال کنند و در این ویدئو نظر و دستاورد خودشون رو از شرکت در دوره های آیولرن اعلام کنند،
دستاوردا شامل موارد زیر میباشد:
🔹گرفتن پروژه برنامه نویسی و هوش
🔹استخدام در شرکت ها
🔹کسب درآمد
🔹رزومه سازی و انجام پروژه دوره ها
🔹حضور در تیم های استارتاپی
🔹کسب مقام در مسابقات کشوری
🔹نظر شخصی در مورد دوره ها
⏰ ویدئو خودتون رو امروز تا چهارشنبه ساعت ۸ به آیدی زیر ارسال کنید، چهارشنبه ساعت ۸ جایزه ۱ میلیون تومانی در لایو اهدا خواهد شد.
👩💻@aiolearn_poshtibani
👆👆👆
