Express.js یکی از محبوبترین و پرکاربردترین فریمورکهای Node.js است که برای توسعه سریع و ساده اپلیکیشنهای وب و REST API استفاده میشود. اگر قصد دارید وارد دنیای بکاند جاوااسکریپت شوید، یادگیری Express.js یک قدم حیاتی…
Zustand و TanStack Query (که قبلاً React Query بود) چی هستن، فرقشون چیه و دقیقاً توی پروژههای Next.js (App Router یا Pages Router) کجا و چرا ازشون استفاده میکنیم. ابزار برای چی استفاده میشه؟ نوع…
queueMicrotask یک API مدرن در جاوااسکریپت (و TypeScript) هست که یک تابع رو در انتهای میکروتسکها (microtask queue) قرار میده. Event Loop در جاوااسکریپت (یادآوری) جاوااسکریپت از Event Loop استفاده میکنه: دو نوع صف: نوع…
در آستانه کنفرانس Next.js Conf 2025، نسخه Next.js 16 اکنون در دسترس است. این نسخه، بهبودهای جدید در Turbopack، کشینگ و معماری Next.js را ارائه میدهد. از زمان انتشار بتای قبلی، چندین ویژگی و بهبود…
OIDC (مخفف OpenID Connect) یک پروتکل احراز هویت (Authentication) است که بر پایه OAuth 2.0 ساخته شده است. این پروتکل برای مدیریت هویت کاربران در برنامههای وب و موبایل استفاده میشود. OIDC به برنامهها اجازه…
برای یادگیری Angular از صفر تا حرفهای، این مسیر قدم به قدم رو پیشنهاد میکنم: مرحله ۱: پیشنیازها (۲-۳ هفته) منابع پیشنهادی: مرحله ۲: شروع با Angular (۴-۶ هفته) دورههای پیشنهادی (به ترتیب اولویت): Angular…
نکست جیاس ۱۶ (بتا) اکنون در دسترس است. این نسخه اولیه دسترسی به آخرین بهبودها در توربوپک، کشینگ و معماری نکست جیاس را قبل از انتشار نسخه پایدار فراهم میکند. برجستهترین ویژگیهای این نسخه عبارتند…
Mantine یک کتابخانه React component متنباز هست که مجموعهای از کامپوننتهای آماده (UI components) و hooks رو برای ساخت رابط کاربری مدرن در اختیار توسعهدهندهها قرار میده. در واقع Mantine مثل Material UI (MUI) یا…
آخرین نسخه رسمی در دسترس مربوط به سری Angular 20.2، نسخهی پیشانتشار (Release Candidate) یعنی 20.2.0‑rc.0 بوده که در ۱۱ اوت ۲۰۲۵ منتشر شد. ویژگیهای اضافهشده یا اصلاحشده در Angular 20.2.0-rc.0: درباره ng mcp: دستور…
هم Angular و هم Next.js قابلیت SSR دارن، اما وقتی پای SEO به میون میاد تفاوتهای مهمی وجود داره 1. رندر اولیه و Crawlability برنده: Next.js 2. Performance و Core Web Vitals برنده: Next.js 3.…
MRAH مخفف Modular Rendering & Adaptive Hydration هست.این یک روش معماریه که برای بهینهسازی SSR (Server Side Rendering) و Hydration توی ریاکت استفاده میشه. دو بخش اصلی داره: بخش اول: Modular Rendering ایده اینه که…
Regex یا Regular Expression (عبارت منظم) یک زبان یا الگو برای جستجو، اعتبارسنجی و پردازش متنهاست.با regex میتوانی بگویی: «این رشته باید دقیقاً این شکل را داشته باشد» یا «همه قسمتهایی از متن را پیدا…
RxJS مخفف Reactive Extensions for JavaScript هست و یک کتابخونه (library) برای کار با دادههای asynchronous و event-based به صورت Reactive Programming هست. به زبان ساده: در چه فریمورکهایی میشه استفاده کرد؟ یک مثال ساده…
در اینجا چند تا از بهترین اسلایدرهای جاوااسکریپتی (Image/Content Slider/Carousel) رو معرفی میکنم که هم قدرتمند، هم سبک و هم قابل تنظیم هستن — برای پروژههای ساده تا حرفهای: اگر هنوز زبان javascript یاد نگرفتی…
برای سئو (SEO)، بهترین فریمورک JavaScript بستگی به نوع پروژه داره، ولی به طور کلی فریمورکهایی که قابلیت سرور ساید رندرینگ (SSR) یا استاتیک جنریشن (SSG) دارند، برای سئو بهتر هستند. در ادامه مقایسهای از…
ECMAScript چیست؟ ECMAScript یک استاندارد (specification) است که توسط سازمان ECMA International تعریف شده. این استاندارد تعیین میکند زبان باید چه قابلیتها و رفتارهایی داشته باشد. مثال:نسخههای ECMAScript مثل ES5، ES6 (یا ES2015)، ES7 و…
کتابخانهی three.js یکی از محبوبترین ابزارها برای ساخت گرافیک سهبعدی در مرورگر با استفاده از JavaScript و WebGL هست. باهاش میتونی مدلهای سهبعدی، انیمیشن، جلوههای ویژه، و صحنههای تعاملی درست کنی، اونم مستقیم تو مرورگر،…
وقتی درباره میکروسرویس صحبت میکنیم، ذهنمون میره سمت بکاند. ولی در فرانتاند هم چیزی داریم به نام Micro Frontends (میکرو فرانتاند). Micro Frontends یه معماریه که میگه: «همونطور که توی بکاند، اپلیکیشن بزرگ رو به…
مفهوم Hydration در پروژههای Angular Hydration در Angular به فرآیندی اشاره دارد که در آن یک برنامه که روی سرور یا Static Site Generator (SSG) رندر شده، هنگام بارگیری در مرورگر، توسط JavaScript فعال میشود…
Nx یک ابزار مدیریت Monorepo است که توسط Nrwl توسعه داده شده و به شما امکان میدهد چندین پروژه را در یک مخزن (repository) واحد مدیریت کنید. Nx Smart Monorepos به معنای استفاده از قابلیتهای…
