https://virgool.io/feed/@rezapasand7878 fa 2026-06-17 00:25:12 https://files.virgool.io/upload/users/1181616/avatar/W0jyIC.jpeg?height=120&width=120 https://virgool.io/@rezapasand7878 https://virgool.io/@rezapasand7878/yarn-or-npm-poao1rkt2i0d یارن(yarn) یک Package Manager برای Node.js است که جایگزینی برای NPM به شمار می‌رود. Yarn با هدف بهبود و رفع مشکلاتی که در NPM موجود است توسعه پیدا کرده و توسط ده‌ها شرکت و صدها توسعه‌دهنده در حال گسترش است.به دلیل ویژگی‌های خوب Yarn، تعداد ستاره‌های Github پروژه نسبت به NPM در حال حاضر تقریبا دو برابر است.{Package Manager}چیست ؟به طور خلاصه Package Manager ابزاری است که کار نصب و به‌روزرسانی و مدیریت بسته‌های نرم‌افزاری مورد نیاز شما را انجام می‌دهد. با کمک این‌گونه ابزارها می‌توانید همیشه آخرین نسخه از کتابخانه‌های مورد نیاز خود را در کنار نرم‌افزارتان داشته باشید و بدون نیاز به جستجو و بررسی بسته‌ها و نیازمندی‌های جانبی آن‌ها، تنها به فکر توسعه‌ی هسته‌ی اصلی نرم‌افزار خودتان باشید.تفاوت {yarn}و{NPM}?سرعت بیشترامنیت بیشترنصب همزمان کتابخانه‌هایکپارچگی بیشترنصب آفلاین نیازمندی‌ها( در نسخه‌ی جدید NPM هم اضافه شده است ) RezaPasand RezaPasand Sun, 05 Dec 2021 20:07:26 +0330 https://virgool.io/@rezapasand7878/%D9%81%D9%88%D9%86%D8%AA-%D8%A2%DB%8C%DA%A9%D9%88%D9%86-%DA%86%DB%8C%D8%B3%D8%AA-%D9%85%D8%B9%D8%B1%D9%81%DB%8C-%D8%A7%D9%86%D9%88%D8%A7%D8%B9-icon-font-%D9%87%D8%A7%DB%8C-%D9%85%D8%AD%D8%A8%D9%88%D8%A8-rvzoxqkfkenz فونت آیکون یا Icon fonts به زبان ساده به فونت هایی گفته می شود که شامل سمبل ها (Symbols) و Glyphs به جای اعداد و حروف هستند. این فونت آیکون ها نزد طراحان وب از محبوبیت خاصی برخوردار هستند زیرا شما می توانید همانند متن معمولی آن ها را با CSS استایل دهی کنید فونت آیکون چیست؟آیکون ‌ها همیشه در طرح‌های گرافیکی یکی از نقش‌های اصلی را ایفا می‌کنند! و از آنجا که طراحی قالب وبسایت‌ نیز در واقع یک طرح گرافیکی است، از این قاعده عقب نمانده و به وضوح نقش آیکون‌ها در آن دیده می‌شود.در گذشته نه چندان دور، آیکون‌ها را بصورت یک فایل تصویر در طراحی استفاده می‌کردند. اما اینکار چند اشکال اساسی داشت:تصاویر حجم زیادی دارند و این امر می‌توانست سرعت وبسایت‌ را کم کرده و یا استفاده شما از آیکون را محدود کند.نمی‌توانستیم سایز آیکون‌ها را تغییر دهیم، چرا؟ چون تصویر بود و تغییر سایز تصویر از کیفیت آن کم می‌کند.نمی‌توانستیم رنگ آیکون‌ها را تغییر دهیم و…سرعت برنامه نویسان و طراحان سایت کاهش پیدا می کرد.نحوه استفاده از Icon Fontبطور کلی برای استفاده از یک Icon Font دو راه پیش روی شماست. راه اول دانلود فایل‌های فونت است. معمولا وقتی یک فونت آیکون را دانلود می‌کنید در آن فایل‌های مربوط به فونت و یک فایل CSS وجود دارد.شما کافیست فایل‌ CSS آن را به پروژه خود اضافه کنید و فایل ‌های فونت را در مکان مناسبی قرار دهید.راه دوم استفاده از CDN است، در این روش تنها کافیست تا یک تگ Link را در عنصر Head کدهای قالب خود اضافه کنید. این تگ را معمولا در یک فایل راهنما یا در وبسایت آن فونت آیکون می‌توان پیدا کردمعرفی Icon Font های محبوب-Font Awesome Icons-Bootstrap Icons-Google Icons RezaPasand RezaPasand Mon, 27 Sep 2021 16:28:45 +0330 https://virgool.io/@rezapasand7878/%D9%88%D8%A7%D8%AD%D8%AF%D9%87%D8%A7%DB%8C-%D8%A7%D9%86%D8%AF%D8%A7%D8%B2%D9%87-%DA%AF%DB%8C%D8%B1%DB%8C-css-units-f0ena49zinxv جهت تعیین اندازه برخی ویژگی های طولی و عرضی در تگ های HTML ، واحدهای اندازه گیری زیادی در زبان طراحی CSS وجود دارد.به عنوان مثال برای تعیین اندازه ویژگی های سی اس اسی همچون width ، height ، padding ، margin ، font-size و… بایستی از CSS Units یا واحدهای اندازه گیری تعریف شده در زبان CSS استفاده نماییم.برای تعیین اندازه ها از یک عدد و واحد اندازه گیری استفاده می شود. مثال: 5px ، 3em و..نکات مهم1- هرگز بین عدد و واحد ا ندازه گیری CSS فاصله نگذارید؛ چرا که یک خطای سینتکسی خواهد بود. به عنوان مثال مقادیر 5 em و یا 20 % که بین عدد و واحد اندازه گیری فاصله افتاده اشتباه است. و حالت صحیح آن 5em و %20 است.2- در صورتی که مقدار 0 را برای ویژگی CSS مربوطه در نظر گرفتید، نیاز به استفاده از CSS Units یا واحدهای اندازه گیری ندارید.3- در برخی ویژگی های CSS شما اجازه استفاده اندازه های منفی یا negative را دارید. ولی در برخی ویژگی های دیگر CSS اجازه استفاده اندازه های منفی یا negative را ندارید. که در زمان تدریس هر ویژگی توضیح خواهیم داد.4- واحدهای اندازه گیری در CSS به دو بخش کلی تقسیم می شوند. که شامل واحدهای مطلق و نسبی می باشند.تقسیم بندی کلی واحدهای اندازه گیری یا CSS Units1- واحدهای اندازه گیری مطلق یا Absolute Lengths2- واحدهای اندازه گیری نسبی یا Relative Lengthsواحدهای اندازه گیری مطلق یا Absolute Lengthsواحدهای اندازه گیری مطلق یک مقدار ثابت دارند. یعنی عددی که همراه واحد مربوطه می آید، دقیقا همان اندازه ای است که صفحه وب ظاهر می شود.واحدهای اندازه گیری مطلق برای استفاده در صفحات وب خیلی توصیه نمی شوند.و در صورت نیاز بایستی به مقدار کم استفاده شوند؛ زیرا اینگونه واحدها برای هماهنگ شدن از نظر اندازه در دستگاه ها با رزولوشن های مختلف چندان مناسب نیستند.اما می توانند جهت لایه بندی صفحه پرینت همچون چاپ بنرهای تبلیغاتی و… مناسب واقع شوند.در بین واحد های اندازه گیری مطلق واحد اندازه گیری px کاربرد متداول تری دارد.و سایر واحدهای مطلق یا Absolute Lengths معمولا استفاده کمتری در صفحات وب دارند.واحدهای اندازه گیری در زبان سی اس اس یا CSS Units2- واحدها ی اندازه گیری نسبی یا Relative Lengthsواحدهای اندازه گیری نسبی را برای هر تگ اچ تی ام ال نسبت به یک تگ HTML دیگر و یا نسبت به واحد اندازه گیری دیگر تعیین می کنند.نکات تکمیلی در مورد واحد های اندازه گیری نسبی زبان CSS1- بهترین واحدهای اندازه گیری نسبی جهت طراحی وبسایت های ریسپانسیو ، em و rem هستند.2- واحدهای اندازه گیری vw ، vh ، vmin و vmax به عنوان واحدهای نسبی وابسته به viewport هستند.3- واحدهای vw ، vh ، vmin و vmax در طراحی سایت های مقیاس پذیر یا واکنشگرا موثر خواهد بود.بهترین واحدهای اندازه گیری مورد تایید W3C در طراحی وب ریسپانسیوواحد اندازه گیری px ، em و rem به عنوان بهترین واحدهای اندازه گیری در طراحی سایت واکنشگرا هستند RezaPasand RezaPasand Fri, 24 Sep 2021 14:46:01 +0330 https://virgool.io/@rezapasand7878/%D9%87%D8%B1-%D8%A7%D9%86%DA%86%D9%87-%D8%A8%D8%A7%DB%8C%D8%AF-%D8%AF%D8%B1-%D9%85%D9%88%D8%B1%D8%AF-%D9%81%D9%84%DA%A9%D8%B3-%D8%A8%D8%A7%DA%A9%D8%B3-%D9%84%D8%B9%D9%86%D8%AA%DB%8C-%D8%A8%D8%AF%D8%A7%D9%86%DB%8C%D8%AF-kwj5rw3f7uuk سلام همونجور که میدونی تو طراحی وب از CSS واسه طراحی و زیباتر کردن صفحات استفاده می شود اما یه وقتایی، طراحی برخی از موارد یه نمه پیچیده میشه و استفاده از CSS را سخت می کنه. اما خوشبختانه برای هر مشکلی راه حلی وجود دارد و برای این مشکل هم از یک روش عالی، آسان و ساده و در عین حال کاربردی استفاده می شود و آن چیزی نیست جز فلکس باکس Flexboxخب flex box چیکار میکنه اصلا؟فلکس باکس به راحتی به شما کمک میکنه تا html خودتون رو قالب بندی کنید میدونی فلکس باکس یک حالت چیدمان CSS3 است. با استفاده از این حالت می توانید به راحتی طرح هایی برای برنامه های پیچیده و صفحات وب ایجاد کنید. طرح فلکس باکس کنترل کاملی بر جهت، تراز، ترتیب و غیره دارد________ویژگی های فلکس باکسجهت – Directionشما می توانید موارد را در یک صفحه وب به هر جهت مانند چپ به راست، راست به چپ، بالا به پایین و پایین به بالا ترتیب دهید.ترتیب – Orderبا استفاده از فلکس باکس می توانید ترتیب مطالب یک صفحه وب را دوباره مرتب کنید.پیچاندن – Wrapدر صورت عدم وجود فضای متناقض برای محتوای یک صفحه وب (به صورت تک خط) ، می توانید آنها را به چند خط (هم به صورت افقی) و هم به صورت عمودی بپیچانید.تراز کردن – Alignmentبا استفاده از فکلس باکس، می توانید محتوای صفحه وب را با توجه به ظرف آنها تنظیم کنید.Resize – تغییر اندازهبا استفاده از فکلس باکس می توانید اندازه موارد موجود در صفحه را افزایش یا کاهش دهید تا در فضای موجود قرار بگیرد.________فلکس باکس واسه طراحی ریسپانسیو موثره؟بله که موثره! یه ابزار به اندازه کافی مدرن برای ایجاد طرح های ریسپانسیوه!_______خب گمونم مطلبی که خوندید واسه مقدمه و اشنایی خوبهحتما بیشتر موردش سرچ کنید- یوتیوب رو فراموش نکنید RezaPasand RezaPasand Tue, 21 Sep 2021 17:16:46 +0430 https://virgool.io/@rezapasand7878/%D9%87%D8%A7%D8%B3%D8%AA-%D9%88-%D8%AF%D8%A7%D9%85%DB%8C%D9%86-%D8%B3%D8%A7%D8%AF%D9%87-%DA%A9%D9%88%D8%AA%D8%A7%D9%87-%D9%85%D8%AE%D8%AA%D8%B5%D8%B1-dmwoaznkad90 خب سلام بچها قراره باهم به چندتا سوال جواب بدیمخیلی کوتاه مختصر و قابل فهم پس برو بریم_______هاست چیه؟فک کن میخای یه ویلای خفن خارج از شهر تو یک منطقه خوش آب و هوا واس خودت بسازی تا از دوستان و جاست فرندات بخوای برای تعطیلات آخر هفته از طریق دنبال کردن آدرس ویلای شما به اونجا بیان و اوغات فراغتشون رو در اونجا سپری کنند. حالا اسم این ویلا رو هاست میذاریم_____یه هاست خوب چه ویژگی هایی داره؟خب این ویلا باس تو یه منطقه خوش موقعیت و قابل دسترس واقع شده باشه تا دوستات بتونن به راحتی به اونجا بیان یه ویلای خوب باید در مقابل سیل، زلزله و طوفان هم مقاوم باشه و امکانات تفریحی مناسبی هم جهت گذروندن اوغات فراغت داشته باشه داخل اینترنت هم اگر بخواین یک وب سایت خوب داشته باشین و از دوستان و آشنایانتون بخواین با مراجعه به اون از محصولات و خدمات شما استفاده کنند باید بتونین اطلاعات سایتتون رو در یک فضای امن و مطمئن بر بستر اینترنت قرار بدین و اینطوری همیشه تمام اطلاعاتتون در سرتاسر جهان در دسترسه، ما به فضایی که فایل ها و اطلاعات سایتتون رو در اون قرار میدهید میگیم هاست یا میزبانی وب که این فضا رو باید از شرکت های هاستینگ تهیه کنیداین از هاست!______حالا دامین چیه این وسط؟دامنه در حقيقت نام وب سايت شما مي باشد كه از دو قسمت نام و پسوند تشكيل شده است. پسوندهاي بين الملي رايج عبارتند از .com ، .net و .org كه داراي مصارف عمومي مي باشند و هر يك به ترتيب معرف سايتهاي تجاري (Commercial) ، شبكه (Network) و سازماني يا غير انتفاعي (Organization) مي باشند. در ثبت اين دامنه ها هيچ محدوديتي وجود ندارد ولي نامها با اولويت درخواست ثبت مي شوند و براي مدت يك تا ده سال (قابل تمديد) با توجه به حق الثبت پرداختي معتبر مي باشند._____تموم شدبدرود RezaPasand RezaPasand Fri, 17 Sep 2021 18:43:28 +0430 https://virgool.io/@rezapasand7878/%D8%A7%DB%8C%D8%A7-%D8%A7%D8%B2-%D9%81%D8%B1%D8%A7%D9%86%D8%AA-%D8%A7%D9%86%D8%AF-%D8%B1%D9%86%D8%AC-%D9%85%DB%8C%D8%A8%D8%B1%DB%8C%D8%AF-%D8%AF%DB%8C%DA%AF%D8%B1-%D9%86%DA%AF%D8%B1%D8%A7%D9%86-%D9%86%D8%A8%D8%A7%D8%B4%DB%8C%D8%AF-ye1o0zaulwow سلامموضوع این پست رو میتونید از عنوان پرمحتوایی که گذاشتم حدس بزنید البته اگه خیلی باهوش باشید!نظرتون چیه با هم 5تا سوال مطرح کنیم و بهشون جواب بدیم؟ نظرته؟ پس لتس دو ایت____1- این توسعه دهنده ی فرانت یعنی چی اصلا؟ -توسعه دهنده ی فرانت روی بخشی از وبسایت که کاربر میبینه تمرکز میکنه و به طرح هایی که توسط دیزاینر خلق شده جان میبخشه ____2- واسه اینکه بتونم به خودم بگم توسعه دهنده ی فرانت اند باس چیا بلد باشم؟- HTML & CSS. The cornerstones of web development are CSS (Cascading Style Sheets) and HTML (HyperText Markup Language). ...Javascript. ...TypeScript. ...Frameworks and Libraries. ...CSS Preprocessors. ...Responsive Design. ...Cross-Browser Compatibility. ...Version Control.3 - چجوری و از کجا شروع کنم؟-1 سرچ کن و یاد بگیر-2 مهارت هایی که یاد گرفتی رو ارتقا بده-3 کد بزن کد بزن کد بزن-4 سعی کن بین جامعه ی برنامه نویسا حضور داشته باشی و از حرفاشون بهره ببری-5 پروژه ی تمرینی بزن و سایت خودتو بالا بیار-6 حالا وقتشه دنبال کار بگردی سلطان______4- بدون مدرک کامپیوتر میشه ؟ اصلا چقد مایه توشه؟-بله که میشه فقط کافیه مهارت های خودتو به حد کافی برسونی و در جواب اینکه چقد توش پوله باس بگم هرچقد که بلد باشی همونقد پول میاد ب حسابت ..افتاد؟؟______5- حتما باید دوره ی خصوصی برم؟ نمیشه خوداموز یاد بگیرم؟؟-مهم نیست که مدرک کامپیوتر نداری. مهم نیست که یک خط کد در زندگی خود ننوشته باشیاگه مشتاق یادگیری چیزی باشی با صرف زمان و شاید کمی هزینه اونو یاد بگیری دانشگاه یوتیوب رو فراموش نکن ______خب بچها تموم شداین اولین متنیه که منتشر میکنم ممنون که وقتتو گذاشتی و بدرود RezaPasand RezaPasand Mon, 13 Sep 2021 14:43:21 +0430