Modern frontend development with JavaScript, CSS, and frameworks
70 posts
سیستم CSS Grid نحوه ساخت طرحبندیهای وب را متحول کرده است. به عنوان یک سیستم طرحبندی دو بعدی، کنترل بینظیری بر سطرها و ستونها ارائه میدهد و به گزینهای ترجیحی برای ساختارهای پیچیده و واکنشگرا تبدیل شده است. این راهنما به مکانیکهای اصلی Grid میپردازد و فراتر از نحو پایه...
توسعهدهندگان جاوااسکریپت که به TypeScript مهاجرت میکنند، اغلب با انواع اولیه، رابطها و انواع اتحاد شروع میکنند. اگرچه این موارد بسیاری از سناریوهای روزمره را پوشش میدهند، اما ساخت برنامههای مقیاسپذیر و قابل نگهداری نیازمند درک عمیقتری از سیستم نوع است. انواع پیشرفته در TypeScript ابزارهای لازم را برای ایجاد ساختارهای کد انعطافپذیر، قابل استفاده مجدد و به شدت نظارتشده فراهم میکنند. این پست به مهمترین ویژگیهای نوع پیشرفته میپردازد: جنریکها، انواع کاربردی و انواع نگاشتشده.
منظره فرانتاند مدرن اغلب به عنوان یک اکوسیستم تکهتکه توصیف میشود، جایی که React و Vue سهم بازار را در اختیار دارند، در حالی که پلتفرم وب از طریق ویژگیهای بومی پیشرفت میکند. یکی از قدرتمندترین اما کمتر استفاده شده ویژگیهای پلتفرم وب، مجموعه کامپوننتهای وب است، به ویژه...
در فضای دیجیتال مدرن، سرعت فقط یک ویژگی نیست؛ بلکه یک نیاز اساسی است. تحقیقات به طور مداوم نشان میدهند که کاربران وبسایتهایی را که بیش از سه ثانیه بارگذاری میشوند، ترک میکنند و موتورهای جستجویی مانند گوگل به سایتهای سریعتر در الگوریتمهای رتبهبندی خود اولویت میدهند. برای توسعهدهندگان فرانتاند...
برای بیش از دو دهه، CSS ستون فقرات طراحی وب بوده است، اما اغلب به دلیل محدودیتهای آن در مقیاسپذیری، مدیریت مشخصهها و پاسخگویی پویا مورد انتقاد قرار گرفته است. با این حال، منظره در سالهای اخیر به شدت تغییر کرده است. با ظهور مشخصات CSS سطح 4 و پشتیبانی گسترده مرورگرها، توسعهدهندگان اکنون به ویژگیهای قدرتمندی دسترسی دارند که قبلاً فقط از طریق پیشپردازندههایی مانند SASS یا فریمورکهای سنگین جاوااسکریپت قابل دستیابی بودند. این پست سه ویژگی تحولآفرین را بررسی میکند—تودرتو بودن CSS، پرسوجوهای ظرف و کلاس شبه :has()—که نحوه ساخت رابطهای کاربری مدرن و واکنشگرا را بازتعریف میکنند.
هوکهای ریکت نحوه نوشتن کامپوننتها را متحول کردند و پارادایم را از روشهای چرخه عمر مبتنی بر کلاس به رویکردی تابعیتر و ترکیبپذیرتر تغییر دادند. در حالی که هوکهای پایه مانند useState و useEffect به خوبی مستند شدهاند، توسعهدهندگان متوسط و ارشد اغلب هنگام ساخت...
برنامهنویسی ناهمگام ستون فقرات توسعه مدرن جاوااسکریپت است. چه در حال دریافت دادههای کاربر از یک API باشید، چه در حال خواندن سیستم فایل یا مدیریت پیامهای WebSocket بلادرنگ، درک نحوه مدیریت عملیات غیرمسدودکننده نخ اصلی حیاتی است. برای توسعهدهندگان متوسط و پیش...