مطالعه و تمرین

مقالات آموزشی دانامه

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

HTML۶ دقیقه

شروع HTML معنایی؛ اسکلت محکم برای هر صفحه

با تگ‌های معنایی، صفحه‌ای خواناتر برای کاربر، موتور جست‌وجو و ابزارهای دسترس‌پذیری بسازید.

خواندن مقاله
CSS۸ دقیقه

Flexbox برای چیدمان‌های واکنش‌گرا

با سه ویژگی flex، gap و flex-wrap بدون پیچیدگی، کارت‌ها و دکمه‌های واکنش‌گرا بسازید.

خواندن مقاله
Next.js۷ دقیقه

سه گام برای صفحه‌های سریع‌تر در Next.js

مسیرهای کم‌هزینه برای بهبود تجربهٔ کاربر: تصویر بهینه، بارگذاری پویا و محتوای اولیهٔ مختصر.

خواندن مقاله
طراحی وب۵ دقیقه

چک‌لیست واکنش‌گرایی؛ پیش از انتشار صفحه چه چیزهایی را ببینیم؟

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

خواندن مقاله
ابزار توسعه۶ دقیقه

Git برای شروع پروژه؛ سه دستور که هر روز لازم می‌شوند

بدون حفظ‌کردن دستورهای زیاد، با یک چرخهٔ ساده تغییرهایت را ثبت کن و با خیال راحت جلو برو.

خواندن مقاله
دسترس‌پذیری۴ دقیقه

دکمه یا لینک؟ انتخاب کوچک با اثر بزرگ در تجربهٔ کاربر

با انتخاب درست بین button و link، هم کیبورد و هم ابزارهای کمکی دقیق‌تر با رابط شما کار می‌کنند.

خواندن مقاله