TechPort – Responsive Angular 19 Template for IT Agencies & Personal Portfolios

TechPort – قالب واکنش‌گرا Angular 19 برای آژانس‌های فناوری اطلاعات و نمونه‌کارهای شخصی

• نسخه نمایشی: https://portfolio.deepbase.in/
• لینک مستندات آنلاین: https://docs.deepbase.in/upgrade.html

توضیحات:

TechPort یک قالب نمونه کار تمیز و شیک Angular 19 است که برای موارد زیر طراحی شده است:

• استارت‌آپ‌های فناوری اطلاعات
• توسعه‌دهندگان
• طراحان
• فریلنسرها و آژانس‌ها

TechPort که با استفاده از آخرین Angular CLI و فناوری‌های وب ساخته شده است، یک تجربه کاربری روان با عملکرد سریع، واکنش‌گرایی موبایل و قابلیت‌های PWA ارائه می‌دهد. این قالب برای نمایش پروژه‌های شخصی، نمونه کارها یا خدمات با انیمیشن‌ها و گزینه‌های طرح‌بندی مدرن ایده‌آل است.

✅ فناوری‌ها و ویژگی‌های کلیدی

• Angular 19 – چارچوب SPA مدرن برای ساخت برنامه‌های سریع و مقیاس‌پذیر.
• پشتیبانی از Angular PWA – ویژگی‌های Progressive Web App داخلی برای قابلیت آفلاین و رفتار شبیه به برنامه.
• Bootstrap 5.3.3 – طرح‌بندی واکنش‌گرا و اجزای UI مدرن.
• Bootstrap Icons 1.11.3 – آیکون‌های تمیز و مقیاس‌پذیر برای UI/UX.
• AOS 2.3.4 (Animate On Scroll) – انیمیشن‌های پیمایش روان و قابل تنظیم.
• Swiper 11.1.15 – اسلایدرها و چرخ فلک‌های آماده برای موبایل با پشتیبانی از لمس.
• Ngx-Owl-Carousel-O 18.0.0 – کتابخانه چرخ فلک برای اسلایدرهای واکنش‌گرا.
• GLightbox 3.3.0 – لایت باکس زیبا برای تصاویر و ویدیوها.
• Isotope Layout 3.0.6 – طرح‌بندی‌های شبکه‌ای متحرک و قابل فیلتر.
• ImagesLoaded 5.0.0 – اطمینان از بارگذاری کامل تصاویر قبل از رندر طرح‌بندی.
• jQuery 3.7.1 – دستکاری DOM پیشرفته (اختیاری اما پشتیبانی می‌شود).
• Express 4.18.2 – یکپارچه‌سازی Backend یا مدیریت API (اختیاری).
• RxJS 7.8.0 – برنامه‌نویسی واکنش‌گرا برای مدیریت داده‌ها در Angular.
• Zone.js 0.15.1 – ردیابی ناهمزمان Angular و کمک‌کننده تشخیص تغییر.
• TSLib 2.3.0 – کتابخانه زمان اجرا برای کمک‌کننده‌های TypeScript.
• Typewriter Effect 2.21.0 – تایپ متحرک پویا برای هدرهای متن خلاقانه.
• Capacitor 7.0.1 – استقرار برنامه تلفن همراه بدون درز برای Android و iOS.
• کاملاً واکنش‌گرا – طرح‌بندی بهینه شده برای موبایل، تبلت و دسکتاپ.
• دوستدار SEO – ساختار تمیز و مدیریت متا برای فهرست‌بندی بهتر.
• UI/UX مدرن – طراحی جذاب، مینیمالیستی و با بارگذاری سریع.

راه‌اندازی توسعه

package.json شما شامل:

اسکریپت‌های Angular CLI

“scripts”: { “ng”: “ng”, “start”: “ng serve”, “build”: “ng build”, “watch”: “ng build –watch –configuration development”, “test”: “ng test”}

ابزارهای توسعه

• @angular-devkit/build-angular: ^19.0.2
• @angular/compiler-cli: ^19.0.2
• TypeScript: ~5.8.3
• آزمایش: Jasmine, Karma, Chrome Launcher
• Capacitor CLI: ^7.0.1 برای پشتیبانی از پلتفرم بومی

آماده برای پلتفرم موبایل و بومی

• @capacitor/angular: ^2.0.3
• @capacitor/android, @capacitor/ios, @capacitor/core: ^7.0.1
• به راحتی به عنوان یک برنامه بومی با پشتیبانی Capacitor برای Android/iOS مستقر کنید.

مستندات شامل:

• تنظیمات و نصب (Angular CLI & Node)
• نحوه فعال کردن و پیکربندی PWA
• پیکربندی چرخ فلک، گالری و انیمیشن
• رفتار واکنش‌گرا و نکات استقرار
• سوالات متداول و مسائل شناخته شده

تغییرات