https://virgool.io/feed/@golmohammdi برنامه نویس fa 2026-07-08 01:55:06 https://files.virgool.io/upload/users/82227/avatar/9kfJPS.png?height=120&width=120 https://virgool.io/@golmohammdi https://virgool.io/fingcloud/%D8%A2%D8%B4%D9%86%D8%A7%DB%8C%DB%8C-%D8%A8%D8%A7-gitea-qynijt7ebap4 گیتی یک سرویس Git خود میزبان(self-hosted)، اپن‌سورس، رایگان و سبک وزن که به زبان Go نوشته شده و تحت مجوز MIT منتشر شده است. که کار با آن بسیار آسان است. gitea توسط یک جامعه توسعه‌دهنده‌ی بزرگ ساخته و نگهداری می‌شود و ساده‌ترین راه برای استقرار مخزن(repository) خصوصی دولوپرها می‌باشد. این سرویس شبیه به GitHub، Bitbucket و Gitlab می‌باشد. با استفاده از gitea شما میتوانید پروژه‌های خود را به صورت تیمی یا انفرادی بر روی سرور خود مدیریت کنید و از سایت‌های مدیریت کد مانند gitlab و github بی نیاز شوید.ویژگی های Giteaکراس پلتفرم: در هر جایی که Go قابل اجرا باشد، gitea هم اجرا می‌شود. مانند: ویندوز، لینوکس، مک‌او‌اس حتی بر روی معماری AMRسبک وزن: gitea نیاز به منابع سیستمی حداقلی دارد و حتی می‌تواند روی Raspberry Pi (رایانه تک بردی) هم اجرا شود.نصب آسان: به راحتی gitea را در سیستم خود و یا در بستر Docker اجرا کنید.راه‌اندازی سریع Gitea در سرویس ابری فینگمستندات Gitea در فینگ golmohammadi golmohammadi Thu, 23 Dec 2021 13:45:31 +0330 https://virgool.io/@golmohammdi/%D8%A2%D8%B4%D9%86%D8%A7%DB%8C%DB%8C-%D8%A8%D8%A7-vuejs-zc61uzvbt2kw امروزه توسعه‌ی وب یکی از بزرگترین زمینه‌های تجارت آنلاین محسوب می‌شود. و ابزارهای زیادی توسط برنامه نویس‌ها مورد استفاده قرار می‌گیرد تا یک سیستم آنلاین پیاده سازی شود.اگر توسعه دهنده‌ی وب هستید، و می‌خواهید سایت شما دارای امکانات زیاد باشد و خیلی سریع بارگزاری شود تا کاربر لذت ببرد، حتما دنبال ابزارهایی هستید که بتواند رابط کاربری عالی داشته باشد. Vue.js یکی از این ابزارهایی می‌باشد که بصورت گسترده در توسعه وب استفاده می‌شود .در حقیقت Vue.js یک فریمورک برای زبان برنامه نویسی Javascript می‌باشد که ابزارهای خوبی برای ایجاد یک رابط کاربری سریع و کارآمد برای وب سایت شما را فراهم می‌کند . مزیت‌های vue.jsحجم کم: حجم این فریمورک ۱۸ تا ۲۱ کیلوبایت می‌باشد و زمان زیادی برای بارگیری صرف نمی‌شود.یادگیری آسان: این فریمورک کاملا قابل فهم بوده و developer ها به راحتی می‌توانند vue.js رو به پروژه‌های خود اضافه کنند.مستندسازی خوب: یکی از مواردی که در انتخاب فریمورک باید به آن توجه کرد، مستندات آن فریمورک می‌باشد. کامل بودن مستندات vue.js این امکان را می‌دهد که افراد با دانش کمی از جاوا اسکریپت، HTML و CSS هم بتوانند وب‌سایت یا اپلیکیشن خود را ارتقا دهند.یکپارچه بودن: چون فریمورک ویو بر پایه‌ی جاوا اسکریپت می‌باشد می‌تواند به سایر برنامه‌های ساخته شده در JavaScript متصل شود. golmohammadi golmohammadi Wed, 22 Dec 2021 13:09:45 +0330 https://virgool.io/@golmohammdi/%D9%81%D8%B1%DB%8C%D9%85%D9%88%D8%B1%DA%A9-nextjs-vzlv8nk1ajmk نکست جی اس Next.js، در واقع فریمورکی برای React محسوب می‌شود که از آن برای ساخت برنامه‌‌های تحت وب و اپلیکیشن های جاوا اسکریپتی استفاده می شود.برای‌ اینکه یک برنامه‌ی وب کامل را با React ایجاد کنید، جزئیات مهم زیادی وجود دارد که باید در نظر بگیرید: کد باید با استفاده از باندلری مانند webpack بسته‌بندی شده و با استفاده از کامپایلری مانند Babel تبدیل شود.شما باید بهینه سازی های تولید مانند تقسیم کد را انجام دهید.ممکن است بخواهید برخی از صفحات را برای عملکرد بهتر و سئو، به صورت ایستا پیش رندر کنید. همچنین ممکن است بخواهید از server-side یا client-side رندر استفاده کنید.ممکن است برای اتصال برنامه React خود به دیتای مورد نیاز، مجبور شوید در سمت سرور کد بنویسید.فریمورک ‌Next ری اکت، راه حلی برای تمام مشکلات فوق ارائه می‌دهد. همچنین هم تیمی‌هایتان را به سمت موفقیت و تجربه یک کدنویسی بی نقص هدایت می کند. Next.js سال هاست که در زمینه تولید اپلیکیشن توسط کدنویسان مورد استفاده قرار می گیرد و از فریمورک های با تجربه در این عرصه به حساب می آید، همچنین ابزارهای داخلی مربوط به خود را برای کمک به کدنویسان به همراه دارد که برخی از آن ها را بیان می‌کنیم.ویژگی‌های فریمور Next.jsرندر کردن برنامه های ری اکت (React) در سمت سرور به صورت پیش فرض (Server-rendered by default)استفاده از code splitting بصورت اتوماتیک برای انجام سریع بارگزاری های صفحه (Automatic code splitting for faster page loads)مسیر دهی ساده در سمت کاربر بر اساس صفحه (Simple client-side routing (page-basedاستفاده از محیط توسعه بر اساس وب پک Webpack که از قابلیت Hot Module Replacement) HMR) پشتیبانی می کند.امکان پیاده سازی با Express یا هر Node.js HTTP server دیگری که وجود دارد.قابلیت شخصی سازی با تنظیمات Babel , Webpack پروژه خودچرا باید از Next.js استفاده کرد؟همانطور که گفتیم فریمورک Next.js بهترین ابزارها را به رایگان برای کار با ری اکت در اختیار شما قرار می دهد بدون اینکه شما برای پیاده سازی این امکانات هیچ سختی را تحمل کنید! اگر با کتابخانه ری اکت خودتان برای یک پروژه قصد داشته باشید ویژگی هایی که در ادامه به آن می پردازیم که مهم ترین علت استافده از Next.js هستند را پیاده سازی کنید، قطعا زمان و هزینه زیادی را از دست می دهید! پس چرا از Next.js استفاده نکنید؟۱ـ Internationalized Routingنکست جی‌اس از نسخه 10.0.0 از مسیریابی بین المللی (i18n) پشتیبانی داخلی دارد. می‌توانید فهرستی از مناطق محلی پیش‌فرض و یامحلی‌های خاص دامنه را ارائه دهید و Next.js به‌طور خودکار مسیریابی را مدیریت می‌کند.۲ـ Zero Configدر Next.js ویژگی هایی چون compilation و bundling خودکار در اختیار شما خواهد. این باعث می شود تا از ابتدا کار بهینه ترین اپ ها را تولید کنید.۳ـ Hybrid: SSG and SSRنکست جی‌اس از SSG و SSR برای تولید برنامه ها پشتیبانی می کند و به راحتی می توانید اپلیکیشن هایی بسازید که کد آن در سمت سرور رندر شده و دوستدار Seo هستند. پس اپلیکیشن هایی که با کتابخانه Next.js می سازید از نظر سئو هیچ مشکلی نخواهند داشت اما این امکان در استفاده از عادی از React وجود ندارد.۴ـ Incremental Static Generationمی توانید به راحتی صفحات استاتیک از قبل رندر شده را پس از زمان ساخت، به صورت تدریجی آپدیت و بروز کنید.۵ـ TypeScript Supportقطعا یکی از مهمترین ویژگی های Next.js این است که به راحتی می توانید در پروژه های خود از TypeScript استفاده کنید. تایپ اسکریپت به شما کمک می کند تا برنماه های بروز تری بنویسید و راحت تر کدنویسی کنید به طور مثال شما میتوانید برنامه نویسی شی گرا را به راحتی پیاده کرده و برنامه های خود را اصولی تر و بهینه تر بسازید.۶ـ Fast Refreshسرعت بسیار بالا و قابلیت ویرایش زنده، این ویژگی در مقیاس های بزرگ تست شده و قابل مشاهده است مانند اپلیکیشن فیس بوک۷ـ File-system Routingاختصاص هر کامپوننت که در پوشه صفحات در مسیر پروژه قرار دارد به یک Route یا مسیر مجزا۸ـ API Routesقابیلت ایجاد EndPoint های مختلف برای پیاده سازی Api برنامه و توسعه سمت سرور آن۹ـ Built-in CSS Supportبه راحتی می توانید استایل های هر کامپوننت را در درون همان کامپوننت به صورت مجزا تعریف کنید با استفاده از CSS ، همچنین امکان استفاده از Sass هم وجود دارد.۱۰ـ Code-splitting and Bundlingبهره بردن از الگوریتم خاص برای تقسیم بندی و بهینه سازی کدها که توسط تیم کروم گوگل توسعه داده شده است. golmohammadi golmohammadi Sun, 19 Dec 2021 12:29:28 +0330 https://virgool.io/@golmohammdi/%D9%BE%D9%84%D8%AA%D9%81%D8%B1%D9%85-react-%DA%86%DB%8C%D8%B3%D8%AA-v50twlrwknza پلتفرم React js یکی از بهترین و پرسرعت ترین کتابخانه های جاوا اسکریپت محسوب می شود که متن باز بوده و برای ساختن برنامه هایی با رابط کاربری خاص برای برنامه های تک صفحه ای مورد استفاده قرار می گیرد. این کتابخانه همچنین برای مدیریت لایه های نمایشی برای برنامه های وب و موبایل استفاده می شود.همچنین کتابخانه React js این اجازه را میدهد تا بتوانید کامپوننت هایی با قابلیت استفاده مجدد نیز طراحی و ایجاد کنید. همچنین این قابلیت را برای برنامه نویسان می‌دهد تا برنامه های کاربردی تحت وب طراحی کنند که بدون بارگزاری مجدد صفحه، بتوانند اطلاعات آن را تغییر دهند.ویژگی‌های React j۱ـ سینتکس JSX کتابخانه ری اکت از سینتکسی به اسم JSX استفاده می کنه. Jsx مخفف Java Script XML هست. فرق بین XML با HTML در این است که در Html تگ های از پیش تعیین شده وجود دارند که فقط مجاز به استفاده از این تگ ها هستیم و نمی‌توانیم از تگ هایی با اسم دلخواه استفاده کنیم. اما در XML می‌توان تگ هایی با اسامی دلخواه رو ایجاد کرده و ازشون استفاده کرد.پس Jsx یعنی این که ما می‌توانیم داخل صفحات جاوا اسکریپت کد هایی در قالب Html و Xml بنویسیم. به همین دلیل تو پروژه هایی که با ری اکت توسعه داده میشن هیچ خبری از فایل Html نیست و تمام کد های Html توسط فایل های جاوا اسکریپت Render می‌شوند.۲ـ React nativeری اکت یک کتابخانه عمومی دارد که در سال ۲۰۱۵ توسط فیس بوک انتشار شده است، که معماری React را برای تهیه برنامه های بومی مانند IOS، اندروید و UPD آماده سازی می کند.۳ـ Component Basedیکی از ویژگی‌های کتابخانه ری ‌اکت این است که کامپوننت بیس هست. ممکن هست این سوال پیش بیاید که معنی و مفهوم کامپوننت چیست؟! کامپوننت یعنی یه تیکه کوچیک از یه چیز بزرگ.به عنوان نمونه ری اکت وب سایت شما رو تبدیل می کند به تیکه های کوچیک و با قرار دادن این تیکه های کوچیک در کنار همدیگه، وب سایت شما ساخته می‌شود.کامپوننت بیس بودن ری اکت چه مزیتی می‌تواند داشته باشد؟ توضیح آن در قالب یک مثال: فرض کنیم که وب سایت ما ۵ صفحه دارد و ما می‌خواهیم navbar را در همه صفحات ثابت داشته باشیم، به جای اینکه کدهای نوبار را در همه صفحات تکرار کنیم، نوبار را به یک کمپوننت تبدیل می‌کنیم و فقط اسم نوبار را در صفحات دیگر تکرار می‌کنیم. این موضوع باعث خوانایی کدها، تست نویسی و دیباگینگ راحت‌تر می‌شود.چرا از react js استفاده کنیم؟از ویژگی هایی که فریمورک react را نسبت به دیگر فریمورک های جاوا اسکریپت از جمله angular و jquery متمایز ساخته است می توان به موارد زیر اشاره کرد.سادگی فرایند نوشتن کامپوننت ها با react jsکتابخانه ها و فریمورک های جاوا اسکریپت از جاوا اسکریپت معمولی استفاده می کنند. اما react از jsx که یک فرمت جاوا اسکریپت ساده است، برای قالب بندی استفاده می کند.یادگیری react js بسیار آسان است شما با داشتن دانش کافی از html، css و js می توانید به راحتی با react کار کنید.تست پذیر است؛ بنابراین می توان به راحتی با پاس دادن پارامترها و state های توابع و کامپوننت ها را چک کنیم.قابلیت اتصال داده ها و استفاده دوباره از آن؛ این ویژگی بسیار مفید برای برنامه نویسان باعث صرفه جویی در زمان و مدیریت بهتر آن شده است.یکی از ویژگی های خوب react این است که المان ها با تغییر داده هایمان بروزرسانی می شوند.به دلیل کم حجم بودن کدها سئوی سایت را تقویت می کند.تضمین پایداری کدها با استفاده از جریان داده golmohammadi golmohammadi Sat, 18 Dec 2021 16:14:23 +0330