از سری نکات اچ تی ام الی

چه جوری میشه روی خود المان‌ها دیتا ذخیره کرد؟
با استفاده از attributeهایی که با data-* شروع بشن میتونید روی خود المان‌ها به صورت مستقیم دیتا ذخیره کنید و به دو روشی که توی تصویر وجود داره ازشون استفاده کنید.

فقط چند تا نکته :
یک : اگر میخواهید از روش اول استفاده کنید لزومی نداره حتما اولش data-* بذارید چون کاملا جاوا اسکریپتی دارید هندلش میکنید.
دو : روش دوم روش اصلی هستش که توصیه میشه و همه مرورگرهای جدید متوجهش میشن. راحت‌تر هم هست. اگر کتابخانه ثانویه هم بخواید استفاده کنید میدونید که اونا هم این استانداردها رو رعایت کردن و به مشکل نمیخورید.
سه : تو اسامی از حروف بزرگ استفاده نکنید و حتما با خط تیره از هم جداشون کنید

#html #tip #js #es @alithecodeguy

با نفراتی که میگن برنامه نویس فرانت برنامه نویس نیست ، یا بک اند که کاری نداره چهار خط کده دیگه ، یا موبایل که چیزی نیست همش ماژول آمادس دیگه ، اصلا بحث نکنید.
اینها نفراتی هستن که سر از فلان جای اون حیوان بارکش در نمیارن. وقت خودتون رو باهاشون هدر نکنید.
توی حوزه آی‌تی هیچ فیلد آسونی وجود نداره.
اگر حس میکنید چیزی آسونه یا فوق العاده با استعدادید ، یا فوق العاده با تجربه‌اید ، یا شما هم بله.

Learn HTML Full Tutorial for Beginners 2022
#html #tutorial

در نوع خودش خوب بود 😁

اینایی که توی آگهی‌ها میزنن لپ تاپ هم باید داشته باشید رو درک نمیکنم. مرد مومن تو پول نداری برای کارمندت یه سیستم جمع کنی ، شرکت زدنت چی بود.

اگر از محصولات اپل استفاده میکنید آپدیت کنید. حفره امنیتی پیدا شده توش.

یکی از کول‌ترین چیزا سمت فرانت ImageMapها هستن که می‌تونید بخش‌های مختلف یک تصویر رو به جاهای مختلف لینک کنید یا کارای دیگه باهاشون انجام بدید.
برای ساختنشون می‌تونید دستی کار کنید ولی پیرتون درمیاد.
از نرم افزار GIMP هم میتونید استفاده کنید ولی خب باید نصبش کنید. یک مقدار سخت هم هست.
بهترین راه استفاده از این سایت هستش که آنلاین map رو براتون میسازه :
https://www.image-map.net/
#html #tip

یکی از باگ‌های شغل برنامه نویسی ، غروره. اگر حواستون بهش نباشه کاملا سقوط می‌کنید. نشونه‌هاش هم این جمله‌ها یا مشابهشونه:
- از ۴ جا پیشنهاد کاری دارم ، اینجا دیگه نمیصرفه
- من از این شرکت بزرگترم
- اینجا چیزی برای یادگیری وجود نداره
- و ...
هر چند که در بعضی مواقع جملات بالا صحت داره ولی خیلی باید حواستون باشه که ببینید واقعیه یا از غرورتون (جو گیر شدنتون) نشات میگیره.
#fact

‏تاکسی دربست می‌گیرید:
۱) ابتدای مسیر به راننده می‌گویید ۳۰ تومان، می‌گوید ۷۰، نهایتا ۵۰ توافق می‌کنید.
۲) انتهای مسیر به راننده می‌گویید ۳۰ تومان، می‌گوید ۷۰، نهایتا ۵۰ توافق می‌کنید.
در دو سناریو پول یکسان می‌دهید ولی در ۱ هردو خوشحال و در ۲ هردو ناراحت!
راز شکست بسیاری شراکت‌ها

React Protected Routes - Role Based Authorization - React_Router_v6
#react

لعنت آنخماهو کاهن اعظم معبد آمون بر اون نفری که افزونه رد کردن کورس پالیسی برای کروم رو درست کرد.
بک‌اندیا کم میارن بالافاصله میگن از این استفاده کنید.

ظرفیت کلاسهای خصوصی شهریور تکمیل شد.
برای کلاس خصوصی انشالله از مهر در خدمتتون هستم.

آقا والا به خدا هیچ کس یکی دو ماهه برنامه نویس نمیشه. پولتون رو نریزید توی حلق این کلاهبردارا.
۲ سال صبح تا شب مطالعه کنید و کار کنید تازه میتونید ادعا کنید الفباش رو بلدید.
حالا از ما گفتن بودید... خود دانید.
----
چهارتا خط کد زدن و پروژه انجام دادن با ادعای بلد بودن فرق میکنه. وقتی ادعای بلد بودن میکنید یعنی کاملا مسلط شدید و این بعیده سریع اتفاق بیفته. بعد از ۱ سال در بهترین حالت coder میشید.

با افتخار ساخت ایران ، با ترافیک نیم بها 😂

یکی دیگه از عجایب html
توی draftهای whatwg (داکیومنت‌های اصلی html) برای ابعاد دادن به عکس‌ها با تگ img ، استاندارد خاصی وجود داره که هر چند میتونید رعایت نکنید ، ولی خب به هر حال استاندارد هستن.
#html #tip

هرچند که گذاشتن alt برای تگ img معمولا همه جا توصیه میشه ولی یه جاهای نباید بذارید! (در واقع باید بذارید ولی خالی بذارید)
فرض کنید کد زیر رو دارید :

<img src="anonymous.png" alt="Anonymous user avatar"/> An anonymous user wrote:
<blockquote>Lorem ipsum dolor sed.</blockquote>
<a href="https://google.com/"><img src="edit.png" alt="Edit icon"/></a> /
<a href="https://google.com/"><img src="delete.png" alt="Delete icon"/></a>

وقتی عکسها لود نشه کاربر کد بالا رو به حالت زیر میبینه :
Anonymous user avatar An anonymous user wrote:
Lorem ipsum dolor sed.
Edit icon / Delete icon

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

<img src="anonymous.png" alt=""/> An anonymous user wrote:
<blockquote>Lorem ipsum dolor sed.</blockquote>
<a href="https://google.com/"><img src="edit.png" alt="Edit"/></a> /
<a href="https://google.com/"><img src="delete.png" alt="Delete"/></a>

در صورت لود نشدن تصاویر ، کاربر با این صحنه مواجه خواهد شد :

An anonymous user wrote:
Lorem ipsum dolor sed.
Edit / Delete

به وضوح میبیند که بهتر هستش.

#html #tip