Html and Css & Jsآموزش

امشب رایگان شد استفاده کنید عزیزان😘👆

🔻تو این شرایط بازار دلیلی نمیبینم که از اعضا برای ورود به VIP پول بگیرم 🙏دعای خیرتون برای ما کافی است لینک ورود : 👇

🎮 اجاره کارت گرافیک (GPU) — قدرتمندترین پلتفرم رندر و پردازش ✅ بیش از ۱۰۰۰ کارت گرافیک برای انتخاب 🌍 سرورها از توکیو تا واشنگتن 💰 قیمت‌ها از ۲۰۰۰ تومان ساعتی تا ۱۰ میلیون تومان ⚡ از RTX 4090 تا H200 🔥 اجاره از ۱ کارت تا ۸ کارت به‌صورت موازی در آن واحد 🖥️ دسترسی از طریق SSH یا Jupyter یک کیف پول اما استفاده از امکانات دیگه سایت برای هوش مصنوعی به همراه کلی ویجت هوش مصنوعی علاوه بر اجاره کارت گرافیکی آدرس سایت: https://aiwidget.ir

⚙متخصصان GenAI چه مطالبی یاد می‌گیرند؟! متخصصان هوش مصنوعی مولد تنها با چند ابزار یا پرامپت کار نمی‌کنند؛ پشت هر خروجی موفق، مجموعه‌ای از دانش فنی، مهارت‌های عملی و تجربه حل مسئله قرار دارد. در این ویدئو، با مسیر آموزشی «بوت‌کمپ هوش مصنوعی مولد (با محوریت تصویر)» آکادمی همراه اول آشنا می‌شوید و می‌بینید برای ورود حرفه‌ای به این حوزه، چه مباحث و مهارت‌هایی را می‌آموزید. 🖥 ویدئو را ببینید و با نقشه راه این مسیر بیشتر آشنا شوید.✌️

⏰ 170 ساعت | آموزش آنلاین و آفلاین ✅ امکان کارآموزی در گروه همراه اول ✅ امکان ثبت‌نام به صورت اقساطی

🌐 لینک پیش‌ثبت‌نام #رایگان: 🔗 https://l.hamrah.academy/wbv ⭐️ @Hamrah_Academy | آکادمی همراه اول

✨ مجموعه‌ای از کدهای کوتاه ولی کاربردی CSS ۶ تکه کد که هر برنامه‌نویس وب باید داشته باشه! ۱️⃣ مرکز کردن آیتم‌ها در گرید

.container {
    display: grid;
    place-items: center;
}

یه خط ساده که همه چیز رو وسط میاره! هم عمودی، هم افقی. ۲️⃣ پدینگ چپ و راست (با logical properties)

.button {
    padding-inline: 1rem;
}

به جای padding-left و padding-right — یه دونه بنویس! نکته: همین ترفند رو میتونی برای margin و border هم استفاده کنی: • margin-inline / border-inline → چپ و راست • padding-block / margin-block → بالا و پایین ۳️⃣ ستون‌های هم‌عرض در گرید

.container {
    display: grid;
    grid-auto-flow: column;
    grid-auto-columns: 1fr;
}

هر تعداد ستون که داشته باشی، همه هم‌عرض میشن! عالی برای layoutهای داینامیک. ۴️⃣ استایل همزمان hover و focus

button:is(:hover, :focus) {
    /* استایل خودت رو اینجا بنویس */
}

یه بار بنویس، برای هر دو حالت کار کنه! هم برای موس، هم برای کیبورد (accessibility). ۵️⃣ دایره کامل

.circle {
    width: 2rem;
    aspect-ratio: 1 / 1;
    border-radius: 50%;
}

هرچیزی رو تبدیل به دایره می‌کنه! با aspect-ratio مطمئن میشی که همیشه square بمونه. ۶️⃣ حذف فاصله اضافی بین آیتم‌های گرید

.container {
    gap: 0;
}

یا برای فاصله دلخواه:

.container {
    gap: 1rem;
}

💡 چرا اینا کاربردی ان؟ • کوتاه و مینیمال — هر کدوم یه خطه • مدرن — از قابلیت‌های جدید CSS استفاده می‌کنن • کاربرد روزمره — توی هر پروژه‌ای بهشون نیاز داری #CSS #WebDevelopment #Frontend #برنامه_نویسی

✨ مجموعه‌ای از کدهای کوتاه ولی کاربردی CSS ۶ تکه کد که هر برنامه‌نویس وب باید داشته باشه ارسال کدها در پست بعدی👇 💎 @Htmlcss_channels | #HTML #css #JavaScript

💶  کانالهای ویژه این پکیجو از دست ندید جوین شین چند ساعت دیگه پاک میشه🧑‍💻 🔻 https://t.me/addlist/uayusg29YdlkZDBk .

🚀هوش مصنوعیو اینجا بزار تو جیبت!!  @MobSec_Ai ▪️▪️▪️▪️▪️▪️▪️ آموزش هوش و برنامه نویسی از پایه (کاملا رایگان) ⛳️@Computer_IT_Engineering آموزش طراحی وب + سئو از پایه (رایگان) ⛳️@AmoozeshWebsite دوره روش جدید کسب درآمد از یوتیوب ⛳️@PACKPUBLICX ژست و فیگور عکاسی ⛳️@positionn تصویر سازی پیشرفته با هوش مصنوعی ⛳️@iGraphical تکسچر و آبجکت 3DMax ⛳️@Voxel3DVray حسابداری و مالیاتی ⛳️@hesabdarimomtaz اصلا کتاب نخرین! اینجا مفتی دانلود کنید هر رشته ای ⛳️@Donyayejozveh آموزش تکنیک های زبان انگلیسی ⛳️@PTEnglishtest1 نرم افرار Andriod موبایل ⛳️@Android_best کتابخانه کم یاب دانشجویی ⛳️@UNIVERSITY_BOOKSS برنامه نویسی حرفه ای ⛳️@programmers2024 هوش‌مصنوعی | برنامه‌نویسی | کامپیوتر ⛳️@programmers_street کار دانشجویی کاریابی لحظه ای ⛳️@JOB_FREELANCER آموزش Photoshop ⛳️@VoxelLearn نحوه ساخت هرچی بخوای اینجا هست!! ⛳️@ProductionLine مرکز آموزش تعمییرات موبایل ⛳️@repairms آموزش فتوشاپ 2026 ⛳️@azphotoshop آموزش HTML | CSS و JavaScript ((حرفه‌ای )) ⛳️@htmlcss_channels دانلود "فایل های گرافیکی" رایگان ⛳️@editorclub استخدام مهندسین ⛳️@STSHIMI95 دنیای آموزش های جذاب کامپیوتر ⛳️@VIP30T ترفندهای خلاقانه کامپیوتر ⛳️@pcmabani چگونه یک مقاله ❖ISI❖ بنویسیم ؟؟؟ ⛳️@akhtar_electronic_group انگلیسی رو با تست زدن فول شو ⛳️@english_uniquee آموزش های جذاب برنامه نویسی ⛳️@amozesh_co آموزش زبان شروع شد ⛳️@EnglishAndBookLovers دانلود فایل های گرافیکی ⛳️@bmaxarchive تصاویر جذاب مهندسی ⛳️@Shimi95_ir دنیای رباتیک و تازه های تکنولوژی ⛳️@Power4u جزوه های ناب دانشگاهی ⛳️@PDF_SHIMI آرشیو آبجکت های مکس ⛳️@Archive_3D برنامه نویسی تخصصی از پایه ⛳️@programmer_best زبان انگلیسی سطح پیشرفته ⛳️@WritingandGrammar1 آموزش هوش مصنوعی در گرافیک ⛳️@hashtagifyofficial تستهای حسابداری( کنکور،استخدامی و...) ⛳️@tesathesabdarimomtaz ترفندهای کامپیوتر و نرم‌افزارها ⛳️@spcware اخذ مهر نظام مهندسی معماری ⛳️@tarrahimemari دانلود آبجکت های REVIT ⛳️@VoxelObjectRevit برنامه نویسی و طراحی سایت ⛳️@hivaweb تکنیک های خلاقانه فتوشاپ ⛳️@azphotoshopp آموزش طراحی لوگو ⛳️@mrkhalaqq ترفند های هوش مصنوعی ⛳️@DailyTechAi آموزش شبکه مایکروسافت و سیسکو حرفه ای ⛳️@modirshabake آموزش مکالمه زبان انگلیسی در 4 ماه ⛳️@En_tour آموزش 0 تا 100 برنامه نویسی ⛳️@cyberamooz_ir دانلود کتاب و پادکست کمیاب ⛳️@farsiiketab آبجکت های 3 بعدی 3DMax ⛳️@Voxel3DDVray عکس های 2026 دکوراسیون داخلی ⛳️@Design_groooup آمار و علم داده ⛳️@Amar_kadeh هوش مصنوعی | علم داده ⛳️@ailearncamp گروه معماری چهارسوق ⛳️@CHAHAR_SOOGH_archi_gp اسرار جنگنده های آمریکایی و مهندسی هوافضا ⛳️@aircraft_ir دنیای کتاب صوتی و pdf ⛳️@audiobook4710 سفارش پروژه | پروژه بگیر ⛳️@prozhebegir_ir هک و امنیت ⛳️@hivashabake دنیای پکیج های رایگان ⛳️@wolfofwsfile EngineeringReverse | مهندسی معکوس ⛳️@EngineeringReverse آموزش رایگان نرم افزارهای مهندسی مکانیک ⛳️@M_E_TUTORIAL آموزش جامع برنامه نویسی و طراحی سایت ⛳️@Computerr_Programming مهدی هک آموزش 0 تا 100 هک ⛳️@Mahdiihack برنامه نویسی و طراحی وب سایت ⛳️@hedcode سفارش پروژه لحظه ای ⛳️@UNII_KAR کتابخانه ممنوعه ⛳️@theBOOK_FRIENDS مرجع نقشه کشی صنعتی،ماشنیسازی (ساخت و تولید) ⛳️@CAD_3D آموزش فتوشاپ از مقدماتی تا پیشرفته ⛳️@mrkhalaq آموزش Python ( از پایه تا پیشرفته 💯) ⛳️@Python4all_pro دنیای آموزش های موبایل و کامپیوتر ⛳️@PcAndMob آرشیو لایه بازای پولی گرافیکی " رایگان " ⛳️@bmaxdesign طراحی لوگو و خلق برند ⛳️@whale_s پروکسی فعال و vpn رایگان ⛳️@Proxysarver معدن لایه باز آلبوم ژورنال ⛳️@psdlandchannel هوش مصنوعی | کامپیوتر | تکنولوژی ⛳️@zehnafzars منبع فایل لایه باز ⛳️@shutterpic انگلیسی از مبتدی تا پیشرفته ⛳️@Eng_Online آموزش فتوشاپ و ایلاستریتور ⛳️@limostudy نکات کاربردی TOEFL و IELTS ⛳️@WritingandGrammar برنامه نویسی Android از پایه (رایگان) ⛳️@Android0to100 دانلود" فونت پولی" رایگان ⛳️@fontsclub ترفند و ابزارهای جدید هوش مصنوعی《 Ai》 ⛳️@Max_academy دوره کامل ساخت V.P.N + کسب درآمد ⛳️@PARSPUBLIC دوره ترید فارکس طلا ⛳️@PUBPLUSX آموزش گوشی موبایل و PC از صفر ⛳️@Pc_IT_Mob دانلود مستقیم فونت رایگان ⛳️@fontbartar آموزش حرفه ای پایتون ⛳️@PythonForever ➖➖➖➖➖➖ 🌐@Armisstab .

امشب رایگان شد استفاده کنید عزیزان😘👆

🔻تو این شرایط بازار دلیلی نمیبینم که از اعضا برای ورود به VIP پول بگیرم 🙏دعای خیرتون برای ما کافی است لینک ورود : 👇

✔️ پکیجی جذاب از کانال های V.I.P به صورت تخصصی امشب براتون جمع آوری کردیم ، پس از این فرصت طلایی استفاده کنید 🔽 🔗Link : https://t.me/addlist/FHvyZ6xCcLQwMjQ0

🚀هوش مصنوعیو اینجا بزار تو جیبت!!  @MobSec_Ai ➖➖➖➖➖➖➖➖➖➖ آموزش هوش و برنامه نویسی از پایه (کاملا رایگان) 🔵Computer_IT_Engineering بزرگترین کانال اموزش حسابداری ایران 🔵noandishanhesabdari آموزش گوشی موبایل و PC از صفر 🔵Pc_IT_Mob دوره ترید فارکس طلا 🔵PUBPLUSX دوره کامل ساخت V.P.N + کسب درآمد 🔵PARSPUBLIC تکسچر و آبجکت 3DMax 🔵Voxel3DVray نکات کاربردی TOEFL و IELTS 🔵WritingandGrammar آموزش  فتوشاپ و ایلاستریتور 🔵limostudy منبع فایل لایه باز 🔵shutterpic انگلیسی از مبتدی تا پیشرفته 🔵Eng_Online کتابخانه کم یاب دانشجویی 🔵UNIVERSITY_BOOKSS پروکسی فعال و vpn رایگان 🔵Proxysarver کار دانشجویی  کاریابی لحظه ای 🔵JOB_FREELANCER نحوه ساخت هرچی بخوای اینجا هست!! 🔵ProductionLine مرکز آموزش تعمییرات موبایل 🔵repairms کتابخانه ممنوعه 🔵theBOOK_FRIENDS سفارش پروژه فوووووری 🔵UNII_KAR آموزش اصول مقاله نویسی 🔵phd_kavosh مهدی هک آموزش 0 تا 100 هک 🔵Mahdiihack انگلیسی رو با تست زدن فول شو 🔵english_uniquee آموزش های جذاب برنامه نویسی 🔵amozesh_co آموزش زبان شروع شد 🔵EnglishAndBookLovers ‌‌‌ آزمون های زبان انگلیسی 🔵English_ltt سفارش پروژه | پروژه بگیر 🔵prozhebegir_ir مکالمات انگلیسی به روش نوین 🔵Eng_Learners_Mb آرشیو آبجکت های معماری 🔵Archive_3D برنامه نویسی تخصصی  از پایه 🔵programmer_best نکات تخصصی زبان انگلیسی 🔵WritingandGrammar1 عکس های 2026 دکوراسیون داخلی 🔵Design_groooup آبجکت های 3 بعدی 3DMax 🔵Voxel3DDVray دانلود کتاب و پادکست کمیاب 🔵farsiiketab آزمون های رایگان نظام مهندسی معماری 🔵tarrahimemari دانلود آبجکت های REVIT 🔵VoxelObjectRevit آموزش شبکه مایکروسافت و سیسکو حرفه ای 🔵modirshabake ترفند های هوش مصنوعی 🔵DailyTechAi آموزش مکالمه زبان انگلیسی در 4 ماه 🔵En_tour آموزش 0 تا 100 برنامه نویسی 🔵cyberamooz_ir مدرسه اطلاعات 🔵INFORMATIONINSTITUTE ترفندهای کامپیوتر و نرم‌افزارها 🔵spcware آموزش زبان با سریال 🔵Englishwithmima آموزش هوش مصنوعی در گرافیک 🔵hashtagifyofficial انگلیسی را اصولی و حرفه ای بیاموز 🔵novinenglish_new گروه معماری چهارسوق 🔵CHAHAR_SOOGH_archi_gp دنیای پهپادها و اسرار مهندسی هوافضا 🔵aircraft_ir دنیای رباتیک و تازه های تکنولوژی 🔵Power4u تصاویر جذاب مهندسی 🔵Shimi95_ir دنیای پکیج های رایگان 🔵wolfofwsfile اموزش هک غیرقانونی با (موبایل) 🔵EngineeringReverse آموزش رایگان نرم افزارهای مهندسی مکانیک 🔵M_E_TUTORIAL چگونه یک مقاله ❖ISI❖ بنویسیم ؟؟؟ 🔵akhtar_electronic_group ترفندهای خلاقانه کامپیوتر 🔵pcmabani دنیای آموزش های جذاب کامپیوتر 🔵VIP30T آموزش HTML | CSS و JavaScript ((حرفه‌ای )) 🔵htmlcss_channels مرجع نقشه کشی صنعتی،ماشنیسازی (ساخت و تولید) 🔵CAD_3D آموزش Python ( از پایه تا پیشرفته 💯) 🔵Python4all_pro آموزش Photoshop 🔵VoxelLearn هوش‌مصنوعی | برنامه‌نویسی | کامپیوتر 🔵programmers_street برنامه نویسی حرفه ای 🔵programmers2024 هوش مصنوعی | کامپیوتر | تکنولوژی 🔵zehnafzars نرم افرار Andriod موبایل 🔵Android_best آموزش تکنیک های زبان انگلیسی 🔵PTEnglishtest1 اصلا کتاب نخرین! اینجا مفتی دانلود کنید هر رشته ای 🔵Donyayejozveh برنامه نویسی Android از پایه (رایگان) 🔵Android0to100 ترفند و ابزارهای جدید هوش مصنوعی《 Ai》 🔵Max_academy دوره روش جدید کسب درآمد از یوتیوب 🔵PACKPUBLICX فقط پزشک و دانشجویان پزشکی عضو شوند 🔵medipoints آموزش طراحی وب + سئو از پایه (رایگان) 🔵AmoozeshWebsite آموزش حرفه ای پایتون 🔵PythonForever ➖➖➖➖➖➖ 🌐@Armisstab

💻 Responsive HTML Video با Orientation Media Query 💻 کد CSS: * حالت عمودی (موبایل) *

@media screen and (orientation: portrait) {
  video {
    width: 100%;
    height: auto;
  }
}

* حالت افقی (دسکتاپ) *

@media screen and (orientation: landscape) {
  video {
    width: auto;
    height: 100vh;
    max-width: 100%;
  }
}

⚡ بهینه‌سازی بیشتر: * فقط موبایل *

@media screen and (max-width: 768px) and (orientation: portrait) {
  video {
    object-fit: cover;
    aspect-ratio: 9/16;
  }
}

* فقط دسکتاپ *

@media screen and (min-width: 769px) and (orientation: landscape) {
  video {
    object-fit: contain;
    aspect-ratio: 16/9;
  }
}

🎬 مثال عملی:

<video controls poster="poster.jpg">
  <source src="video-mobile.mp4" media="(orientation: portrait)">
  <source src="video-desktop.mp4" media="(orientation: landscape)">
  Your browser does not support the video tag.
</video>

💎 @Htmlcss_channels | #HTML #css #JavaScript

🔰 Some useful CSS shortcuts 💎 @Htmlcss_channels | #css #JavaScript

📢 تمدید ثبت‌نام دوره HTML & CSS کاریار به درخواست همراهان کاریار، مهلت ثبت‌نام این دوره تا ۱۶ خرداد تمدید شد 🌱 اگر دوست داری طراحی سایت رو از پایه یاد بگیری و وارد مسیر مهارت‌های دیجیتال بشی، این فرصت رو از دست نده. 🔹 دوره آنلاین و قابل شرکت از سراسر ایران 🔹 همراه با پشتیبانی مستمر 🔹 امکان دریافت بورسیه برای شرکت‌کنندگان 🔹 مناسب شروع مسیر ورود به بازار کار 📞 ثبت‌نام و مشاوره: ۰۹۰۵۷۲۵۷۱۸۳ 🌐 لینک ثبت‌نام: https://kaaryar.ir/html-css/ 💬 برای سوال یا دریافت اطلاعات بیشتر: https://ble.ir/Kaaryar_College

39. When would you use for vs forEach()? for Loop vs forEach()  for - More control, Can use break/continue, Faster in heavy loops  forEach() - Cleaner syntax, Cannot stop early, Better readability for Example

for (let i = 0; i < 3; i++) {
    console.log(i);
}

forEach() Example

[1, 2, 3].forEach(num => {
    console.log(num);
});

Interview Tip:  Use forEach() for readability and for when more control is needed. 40. How do you handle early exits from loops? Using break

for (let i = 1; i <= 5; i++) {
    if (i === 3) {
        break;
    }
    console.log(i);
}

Using return Inside Functions

function test() {
    for (let i = 1; i <= 5; i++) {
        if (i === 3) {
            return;
        }
        console.log(i);
    }
}

test();

Important: forEach() does not support break directly. Use: • for • for...of • some() • every() for early exits. Double Tap ❤️ For Part-5

🚀 JavaScript Interview Questions with Answers — Part 4 31. What is if/else and switch? Both are conditional statements used to make decisions in JavaScript. if/else  Executes code based on conditions. 

let age = 18;

if (age >= 18) {
    console.log("Adult");
} else {
    console.log("Minor");
}

switch  Used when checking multiple possible values. 

let day = 2;

switch(day) {
    case 1:
        console.log("Monday");
        break;

    case 2:
        console.log("Tuesday");
        break;

    default:
        console.log("Invalid Day");
}

Difference:  if/else - Better for conditions/ranges, Flexible  switch - Better for exact values, Cleaner for many cases 32. What is the difference between for, for...in, and for...of? for  Traditional loop. 

for (let i = 0; i < 3; i++) {
    console.log(i);
}

for...in  Used for iterating object keys. 

const person = {
    name: "Deepak",
    age: 25
};

for (let key in person) {
    console.log(key);
}

for...of  Used for iterable values like arrays. 

const nums = [1, 2, 3];

for (let num of nums) {
    console.log(num);
}

Key Difference:  Loop - Best For  for - Full control  for...in - Object properties  for...of - Array values 33. What is the while and do-while loop? Both loops execute code repeatedly while a condition is true. while Loop  Condition checked before execution. 

let i = 1;

while (i <= 3) {
    console.log(i);
    i++;
}

do-while Loop  Runs at least once before checking condition. 

let i = 1;

do {
    console.log(i);
    i++;
} while(i <= 3);

Difference:  while - Condition first, May run zero times  do-while - Code first, Runs at least once 34. What is the ternary operator? The ternary operator is a shorthand for if/else. Syntax:  condition? trueValue : falseValue Example: 

let age = 20;

let result = age >= 18 ? "Adult" : "Minor";

console.log(result);

Benefits:  • Shorter code • Cleaner simple conditions 35. What is short-circuit evaluation? JavaScript stops evaluating expressions as soon as the result is known. Using &&  Returns first falsy value. 

console.log(false && "Hello");

Output:  false Using ||  Returns first truthy value. 

console.log("" || "Default");

Output:  Default Practical Example: 

let username = "";

let displayName = username || "Guest";

console.log(displayName);

36. What is the difference between break and continue? Keyword - Purpose  break - Stops the loop completely  continue - Skips current iteration break Example 

for (let i = 1; i <= 5; i++) {
    if (i === 3) {
        break;
    }
    console.log(i);
}

Output:  1  2 continue Example 

for (let i = 1; i <= 5; i++) {
    if (i === 3) {
        continue;
    }
    console.log(i);
}

Output:  1  2  4  5 37. How do you iterate over an array or object? Array Iteration  Using forEach() 

const nums = [1, 2, 3];

nums.forEach(num => {
    console.log(num);
});

Object Iteration  Using for...in 

const person = {
    name: "Deepak",
    age: 25
};

for (let key in person) {
    console.log(key, person[key]);
}

Using Object.keys() 

Object.keys(person).forEach(key => {
    console.log(key);
});

38. How do you implement recursion? Recursion is when a function calls itself until a stopping condition is met. Example: Factorial

function factorial(n) {
    if (n === 1) {
        return 1;
    }
    return n * factorial(n - 1);
}

console.log(factorial(5));

Output:  120 Important Parts:  1. Base condition 2. Recursive call Without a base condition → infinite recursion.