۱۰ ترفند HTML که بهتره هر برنامه‌نویسی بدونه 🚀

اگه تازه HTML یاد گرفتی، احتمالاً فکر می‌کنی HTML فقط چندتا تگ ساده‌ست که باید حفظشون کنی. ولی واقعیت اینه که خیلی از نکات مهم HTML چیزایی نیستن که معمولاً اول کار بهت می‌گن.

من اینجا ۱۰ تا نکته و ترفند کاربردی رو می‌گم که شاید ساده به نظر برسن، ولی وقتی وارد پروژه‌های واقعی بشی، می‌بینی چقدر به کارت میان.


1. از "id" و "class" درست استفاده کن

یه اشتباه رایج اینه که برای همه‌چی "id" می‌ذارن.

"id" باید یکتا باشه؛ یعنی نباید چند المان مختلف توی صفحه یک "id" یکسان داشته باشن.

اگه قراره چند المان ویژگی مشترکی داشته باشن، از "class" استفاده کن.

مثلاً:

"<div class="card"></div>"
"<div class="card"></div>"

ولی "id" برای چیزی مناسبه که قراره مشخصاً یک المان خاص باشه.


2. فقط به ظاهر تگ‌ها توجه نکن

HTML فقط برای این نیست که یه چیزی روی صفحه نمایش داده بشه؛ ساختار و معنی محتوا هم مهمه.

مثلاً به جای اینکه همه‌جا از "div" استفاده کنی، وقتی محتوا واقعاً مربوط به بخش اصلی صفحه، منو، مقاله یا فوتره، از تگ‌های معنایی مثل این‌ها استفاده کن:

"header"
"nav"
"main"
"section"
"article"
"footer"

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

3. برای تصاویر "alt" رو فراموش نکن

خیلی‌ها عکس رو اینطوری می‌ذارن:

"<img src="profile.jpg">"

ولی بهتره "alt" هم داشته باشی:

"<img src="profile.jpg" alt="تصویر پروفایل">"

اگه عکس لود نشه، یا کسی از screen reader استفاده کنه، "alt" کمک می‌کنه بفهمه تصویر مربوط به چیه.

پس "alt" رو فقط یه گزینه اضافی نبین؛ مخصوصاً توی پروژه‌های واقعی مهمه.

4. برای هر کاری "div" نساز!

یکی از چیزایی که خیلی توی کد تازه‌کارها می‌بینم اینه که تقریباً کل صفحه رو با "div" ساخته‌ان.

"div" بد نیست، ولی قرار نیست هر چیزی که روی صفحه می‌بینی "div" باشه.

اگه چیزی دکمه‌ست، از "button" استفاده کن.

اگه لینک هست، از "a" استفاده کن.

اگه عنوانه، از "h1" تا "h6" استفاده کن.

اگه پاراگرافه، از "p" استفاده کن.

HTML تگ مناسب برای هر نوع محتوا داره؛ ازشون استفاده کن.

5. نوع "input" رو درست انتخاب کن

همه‌ی ورودی‌ها رو "type="text"" نذار.

مثلاً برای ایمیل:

"<input type="email">"

برای رمز عبور:

"<input type="password">"

برای تاریخ:

"<input type="date">"

و برای عدد:

"<input type="number">"

وقتی نوع "input" رو درست انتخاب می‌کنی، مرورگر هم می‌تونه رفتار مناسب‌تری داشته باشه و اعتبارسنجی اولیه رو راحت‌تر انجام بده.


6. برای فرم‌ها "label" بذار

اینکه فقط یه "input" بذاری و کنارش بنویسی «نام»، روش تمیزی نیست.

بهتره "label" رو به "input" وصل کنی:

"<label for="username">نام کاربری</label>"
"<input id="username" type="text">"

حالا وقتی روی متن «نام کاربری» کلیک کنی، ورودی مربوط به اون هم انتخاب می‌شه.

یه نکته ساده‌ست، ولی توی فرم‌های حرفه‌ای خیلی مهمه.



7. "defer" رو برای JavaScript بشناس

اگه فایل JavaScript رو داخل "head" قرار بدی، می‌تونی از "defer" استفاده کنی:

"<script src="app.js" defer></script>"

با این کار مرورگر فایل HTML رو متوقف نمی‌کنه تا اسکریپت رو همون لحظه اجرا کنه و اجرای اسکریپت رو به زمان مناسب موکول می‌کنه.

این یه نکته کوچیکه، ولی وقتی پروژه‌هات بزرگ‌تر بشن، ارزشش رو بیشتر می‌فهمی.

8. اگه چیزی دکمه‌ست، واقعاً از "button" استفاده کن

یه اشتباه رایج اینه که یه "div" می‌سازن، با CSS شبیه دکمه‌ش می‌کنن و بعد با JavaScript کاری می‌کنن که قابل کلیک باشه.

وقتی چیزی واقعاً دکمه‌ست، از اول بنویس:

"<button>ارسال</button>"

هم کدت معنایی‌تر می‌شه، هم مرورگر و ابزارهای دسترسی‌پذیری بهتر می‌فهمن با چه چیزی طرف هستن.


9. وقتی از "target="_blank"" استفاده می‌کنی، "noopener" رو یادت نره

اگه قراره یه لینک توی تب جدید باز بشه، معمولاً از این استفاده می‌کنیم:

"target="_blank""

ولی بهتره "rel="noopener"" رو هم در نظر بگیری:

"<a href="https://example.com" target="_blank" rel="noopener">لینک</a>"

این یه نکته امنیتی و اصولیه که بهتره از همون اول عادت کنی درست انجامش بدی.

10. HTML رو از همون اول تمیز بنویس

این شاید ساده‌ترین نکته این لیست باشه، ولی به نظرم یکی از مهم‌ترین‌هاست.

HTML قرار نیست فقط «کار کنه»؛ باید قابل فهم و قابل نگهداری هم باشه.

تگ‌ها رو درست تو در تو کن، اسم "class"ها رو منطقی انتخاب کن، از تگ مناسب استفاده کن و الکی کد اضافه ننویس.

چون پروژه وقتی بزرگ می‌شه، دیگه فقط خودت نیستی که قراره کدت رو ببینی؛ ممکنه چند ماه بعد خودت برگردی و بگی: من اینو چرا اینطوری نوشته بودم؟

پس از همون اول تمیز کدنویسی کن

HTML در ظاهر ساده‌ست، ولی همین جزئیات کوچیکن که تفاوت بین یه کد آماتوری و یه کد تمیز و حرفه‌ای رو مشخص می‌کنن.

لازم نیست صدها تگ رو حفظ کنی؛ مهم‌تر اینه که بدونی هر تگ رو کِی و چرا باید استفاده کنی.

اگه همین ۱۰ نکته رو از همون اول رعایت کنی، وقتی بری سراغ CSS، JavaScript و پروژه‌های واقعی، خیلی کمتر با کد شلوغ و ساختارهای عجیب‌غریب درگیر می‌شی.

واقعا الان دیگه مثل قبل نیست
یاد گرفتن هوش مصنوعی اجباری شده و اگه یاد نگیری مشکل ساز میشه در آینده

خیلی ها دربرابرش گارد دارن و این اصلا منطقی نیست

هوش مصنوعی باعث شد تعداده استارتاپ ها بیشتر بشه اما از اون ور باعث شد خیلی از استارتاپ ها شکست بخورن!

شاید بخاطر این بوده که درست استفاده نکردن 🤷‍♂

منتور یعنی کسی که دلسوزانه و حرفه ای دانشجوش رو قوی کنه و دانشجو براش مهم باشه نه اونی که فقط به پولت فکر میکنه

یسری از منتور ها که اسمشون رو نمیشه منتور صدا زد فقط به فکر دوره فروختنن و جز جیبت هیچ چیزی اهمیت نداره براشون

الان مسیج هارو نگاه کردم و دیدم که گفتید ارتباط برقرار کردن سخته

ببینید دوستان این مشکل رو خیلی راحت میشه حل کرد از چت جی پی تی هم میتونید راهنمایی بگیرید

کانکشن نداشتن و ارتباط نگرفتن آخرش به ضررتون تموم میشه

بهترین زبان برنامه نویسی چیه؟ بهترین حوزه برنامه نویسی چیه؟ کدومشون درامد بیشتری داره؟

خیلی رک میگم کل این سوال ها از ریشه غلطه
چیزی بنام بهترین زبان / حوزه نداریم
چیزی بنام پردرآمد هم نداریم شما بستگی به سطح کاریت درآمد داری و 20% بستگی به حوزه داره، 80% بقیش بستگی به علم، مهارت و تجربت داره مخصوصا بخش عملی!

اگر بخوام یه پیشنهاد طلایی بکنم که آینده داشته باشه اینه که کار با ابزار های هوش مصنوعی و مهندسی پرامت رو یاد بگیرید

خیلی ها نسبت به وایب کدینگ گارد دارن که صد در صد این روش غلطه.

کسایی که چنین اعتقادی دارن رسما از بروز و آپدیت شدن خودشون جلوگیری میکنن!

دلار تقریبا 234 هزار تومن

حالا اگه یسری بیشرف نیومدن با همین قیمت دلار کلاه برداری کنن 💔

یه پست میزارن میگن:
ما برنامه نویسیم معلومه که درآمدمون دلاریه و از بالا رفتن دلار خوشحال میشیم🤡

همون همیشگی....

برنامه نویس غیر از اینکه با فیلترینگ و باگ و نت ملی باید بجنگه بلکه با تحریم خارجی هم باید بجنگه

درد واقعی یعنی وسط کار برق بره پروژه رو هم سیو نکرده باشی 😂💔

اپل باز رو یه طرح قفلی زد
آیفون 18 دقیقا همون طرحه منتها رنگاش خیلی خوشگل ترن نسبت به رنگ های آیفون 17

جاوا اسکریپت بازا، وقتی می‌خواین کدنویسی کنید حرفه‌ای لاگ بگیرید

می‌دونم ۹۹ درصد چسبیدن به
console.log()
سعی کنید برای یافتن جایگاه کدتون و گزارش وضعیت از این مدل‌های زیر گزارش بردارید

console.log("اطلاعات عادی");
console.error("خطا");
console.warn("هشدار");
console.info("اطلاعات");
console.table([2, true, "String"]);

بخصوص table خیلی حرفه‌ایه

@ToovinsJs

حتما یادش بگیرید

آیا AI از کنترل خارج شده؟!

🚨 یه اتفاق عجیب درباره Agentهای هوش مصنوعی رخ داده!

توی چند آزمایش امنیتی، بعضی Agentهای OpenAI تونستن محدودیت‌هایی که براشون گذاشته شده بود رو دور بزنن و حتی از سایت‌های عمومی برای ارتباط با Agentهای دیگه استفاده کنن.

در یکی از موارد، هزاران Agent روی یک Wiki آلمانی پیام گذاشتن و درباره راه‌های دور زدن محدودیت‌های محیط آزمایش با هم صحبت کردن.

البته این به معنی «شورش AI» یا از دست رفتن کامل کنترل نیست. نکته نگران‌کننده اینه که وقتی به AI ابزار و استقلال بیشتری می‌دیم، ممکنه برای رسیدن به هدفش راه‌هایی پیدا کنه که سازنده‌ها از قبل پیش‌بینی نکرده بودن.

و این دقیقا یکی از دلایلیه که بحث AI Safety این روزها جدی‌تر از همیشه شده.

هوش مصنوعی واقعا از کنترل خارج نشده؛ ولی یک اتفاق عجیب افتاده: Agentها راه‌هایی برای دور زدن محدودیت‌هاشون پیدا کردن…

امروز روزه برنامه نویسه 🔥

عزیزان چنل و تمامی برنامه نویس های عزیز حتی دیزاینر هایی که یجورایی با برنامه نویسی سر و کار دارن روزتون رو تبریک میگم امیدوارم همیشه توی کار و زندگیتون موفق باشید🩵🌹

https://www.instagram.com/reel/DdJPOZmBCXA/?stkn=MXVid2s1eXB2cGo3cQ==

کسایی که می‌گن برنامه نویس ها جایگزین میشن لطفا این ریلز رو ببینن

میدونید چرا برنامه نویس ها میگن هوش مصنوعی جای مارو نمیگیره؟

چون خودشون میدونن چی ساختن😁

حق😂😂