رفتن به محتوای اصلی
جلسه دوم: Semantic HTML

جلسه دوم:Semantic HTML

فاطمه خسروی

فاطمه خسروی

۱۹ خرداد ۱۴۰۰

در دومین جلسه فرانت چپتر، به سراغ یکی از مهم‌ترین اصول توسعه وب رفتیم: HTML معنایی (Semantic HTML). فاطمه خسروی در این جلسه به صورت کامل به بررسی تگ‌های معنایی، اهمیت آن‌ها در سئو و دسترسی‌پذیری (Accessibility) پرداخت.

سرفصل‌های ارائه شده

  • Semantic HTML: معرفی تگ‌های معناگرا، ساختار صفحه با HTML5، تأثیر بر SEO و Accessibility
  • yarn vs npm: مقایسه Package Managerهای محبوب جاوااسکریپت
  • Web Assembly: مرور قابلیت‌های WASM و کاربردهای آن در وب
  • Deno vs Node: بررسی تفاوت‌های زمان اجرا جاوااسکریپت و آینده توسعه سمت سرور

HTML معنایی نه فقط برای ماشین‌ها، بلکه برای انسان‌هاست — کدی بنویسید که هم مرورگر بفهمد، هم توسعه‌دهنده

!فرانت چپتر

در بخش عملی جلسه، یک صفحه نمونه که کاملاً با تگ‌های غیرمعنایی ساخته شده بود را به صورت قدم به قدم به نسخه معنایی تبدیل کردیم و تأثیر آن را در خروجی و ساختار DOM بررسی نمودیم.

این جلسه به صورت گفت‌وگوی آزاد (Free Discussion) برگزار شد و پس از بخش اصلی، به موضوعات متنوع دیگری مثل تفاوت‌های yarn و npm، معرفی Web Assembly و مقایسه Deno با Node.js پرداخته شد.

ضبط صوتی این جلسه در چند بخش در دسترس است: 🎧 بخش 1 - جلسه دوم 🎧 بخش 2 - جلسه دوم

🥕 هویجی شو 🥕

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

همین حالا بپیوندید