Web Devs
639 subscribers
218 photos
22 videos
17 files
233 links
Articles, News, Jokes, Quotes, Back-End and UI/UX for web developers.
Github : https://github.com/fullStackDevsGroup
Advertising: @adsfullStackDevs
Download Telegram
📌 پی ‎پال یکی از بزرگ‌ترین سیستم‌های پرداخت بین‌المللی و از امن‌ترین بسترهای انتقال آنلاین پول در جهان است که به علت تحریم‎هایی که برای کشور عزیزمان، جمهوری اسلامی ایران وضع شده امکان استفاده‎ی مستقیم برای کاربران ایرانی وجود ندارد.
اما نگران نباشید، کاشان‎پی این امکان رو برای کاربران و هم‌وطنان ایرانی خود فراهم کرده است!!

🔸 پرداخت فاکتور و خریدهای اینترنتی، سندمانی و شارژ انواع حساب‌ها
🔸 نقد کردن درآمد‎های پی‌ پال به ریال و سایر ارزها
🔸 افتتاح، وریفای و رفع محدودیت حساب‎های پرسونال و بیزینس
🔸 ارائه درگاه اختصاصی پی‎ پال و مشاوره تخصصی رایگان
🔸 و...


🔉@kashanpay
#vuejs
#ReactJs

🔰در این پست می خوایم یه کار خطرناک کنیم و react و vue رو یه مقایسه ای با هم کنیم و reactDeveloper ها و vuejsDeveloper ها رو کلا بندازیم به جون هم😎.

❇️ سال میلادی جدید نزدیکه و تو این پست برای دولوپرهایی که برای سال جدید برنامه ریختن که بلاخره چه فریم وورک یا لایبری UI ای رو یاد بگیرین، میخایم یه مقایسه بین react و vue بزاریم با این عنوان که :
🔹React vs Vue.Which one is the best ini 2021?

🔸هر دوی
ری اکت و ویو از لایبری های پرقدرت در زمینه frontEnd هستن که طرفدار های زیادی هم در بین دولوپر ها دارن اما ری اکت طرفدار های بیشتری داره چون عمر ری اکت چند سالی بیشتر از vue هست.

🔹تفاوت React و vue در چیه؟
به این سوال از چند وجه میشه پاسخ داد که در ادامه اونها رو لیست میکنیم.
▫️Background :
▪️ری اکت با هدف رفع نیاز های فیسبوک ساخته شده و تا به امروز غولهای فناوری باعث حفظش شدن. حمایت غولهای فناوری باعث ثبات و اطمینان از آینده ری اکت میشه.

▪️ویو توسط یک دولوپر (Evan You) ساخته شده و هدفش بهبود پرفورمنس js tools ها بوده. اقای Evan هر چی رویکرد خوب داخل انگولار و امبر و ری اکت بوده اورده داخل vue و یه سری ویژگی های خاص مخصوص vue هم بهش اضافه کرده. همه اینکار ها باعث شده که توسعه اپلیکیشن با ویو خیلی راحت و سریعتر بشه.

▫️Performance
▪️وقتی
که حرف از مقایسه بین ری اکت و ویو میشه مقایسه کردن از لحاظ پرفورمنس معیار قابل توجه ای نیست از لحاظ پرفورمنس ویو از ری اکت به مقدار ناچیزی بهتره و علاوه بر فیچر های خیلی خوبی که داره حجمش هم کمتره . اما اختلاف شون اونقدر های فاحش نیست که بشه در نظر گرفتش، مخصوصا که هر دو لایبری از روش مشابه ای برای ارتباط با DOM استفاده میکنند.
▫️Community Support for React and Vue
برای
هر ابزاری کامیونیتیش حیاتی ترین مسئله هست چون کامیونیتی غنی باعث میشه بقیه افراد به سمتش سوق پیدا کنن .

▪️از اونجایی که ری اکت توسط فیسبوک maintain میشه و دائما در حال اپدیت هست، یه قابلیت اطمینانی رو برای دولوپر هاش به ارمغان میاره.

▪️ویو که توسط کارمند سابق گوگل ساخته شده، فاقد پشتیبانی شدن توسط یه برند خاصه و این مسئله ویو رو انتخاب قابل اعتمادی برای شرکت های فناوری دیگه نمیکنه . علی رغم این باز هم ویو طرفدار های خیلی زیاده داره و این دلیل، مهر تایید محکمیه بر قدرت و راحتی vue.

▫️منحنی یادگیری React و Vue به چه شکله ؟

به طور کلی منحنی
یاد گیری یعنی برای پیاده سازی کردن چیزی که تو ذهنتون دارین چقدر باید دردسر بکشین .

▪️توسعه اپلیکیشن با ری اکت وابسته
به third-party هاست. و این گاهی اوقات باعث میشه تا دولوپر ها مجبور باشن ابتدا اطلاعات زیادی بدست بیارن تا فقط بتونن کارهاشونو پیش ببرن.
اما documentation ری اکت خیلی خوب و غنیه و هزاران مقاله و وبلاگ هم میتونین سرتاسر اینترنت پیدا کنین. تا اونچکه که تو ذهنتون دارین رو به کمک ری اکت پیاده سازی کنین.

▪️یادگرفتن ویو خیلی راحته و خیلی سریع بهش عادت میکنین چون همانطور که قبلا تر گفته شد این لایبری هر چی فیچر خوب تو سایر لایبری ها بوده رو اورده تو خودش.همچنین vue داکیومنت خوبی هم داره و بخش FAQ اون سعی داره تا به تمامی سوالات پاسخ بده و سوالها رو بدون پاسخ نذاره. (با این قسمت هنوز کار داریم در ادامه)
از میان ری اکت و ویو بین دولوپر ها ویو developer-friendly تر هست.
▫️Popularity
▪️ری
اکت چون توسط فیسبوک پشتیبنی میشه در میان لایبری های جاوااسکریپتی محبوبیت بالایی داره و نقش leader رو بازی میکنه.

امار دانلودهای ویو هم نسبت به عمر کمترش نسبت به ری اکت فوق العاست.

▫️Documentation
▪️از
لحاظ دایکیومنت، داکیومنت ری اکت به مرور در حال بهبوده و تیم ری اکت دائما در تلاش اند تا داکیومنت ری اکت رو بهتر و بهتر کنند در مقایسه با ویو، داکیومنت ویو خیلی structure شده هست.
با تمام حرف های گفته شده بیان به سوال اولمون پاسخ بدیم که :
🔸What is the best choice for 2021?
▪️از
نظر توسعه، ری اکت گزینه بهتری برای یادگیری در سال پیش روست و بعد اون ویو در جایگاه دوم قرار داره.

🔹آیا ویو بلاخره موفق میشه تا از پس ری اکت عبور کنه؟
▪️تا
اونجایی که میشه پیش بینی کرد بدون شک ویو یکی از رقبایی برای ری اکت خواهد بود که حرفهایی زیادی برای گفتن داره و برای رسیدن vue به پلتفرمی که الان ری اکت هست و کسب این جایگاه زمان زیادی لازمه .
در ادامه گوگل ترند react و vue رو میذاریم .

🔹چرا ری اکت از ویو بهتره ؟
جواب
متخصص ها به این سوال این گونه بوده :
▪️ری اکت، مسائل و مشکلات رو به صورت fundamental حل میکنه . البته چرایی وجود این چنین مشکلات اهمیت داره اما از نظر عملکرد و بهینه سازی و سهولت در توسعه، ری اکت در مراتب بالاتری قرار داره.

ادامه در پست بعدی
@fullStackDevs
#Vuejs
#ReactJs
ادامه پست قبلی

🔹Which one Is better for beginners?

▪️تمرکز
ویو بروی beginner ها بوده و حتی برای کسایی که میخان ری اکت رو یاد بگیرن توصیه میشه اول ویو رو یاد بگیرن چون بعدا راحتر اکو سیستم ری اکت رو درک میکنند. در ابتدا، نقطه ورود توسعه با ویو راحتره و نیازمند داشتن اطلاعات کمتریه .
▪️ری اکت برای توسعه اپلیکیشن های پیچیده و بزرگ مثل e-commerce ایده آل تره اگر چه ویو هم برای ساختن اپلیکیشن های سبکتر مناسبه.
البته این هنر دولوپره بسته به دانشش چطور از ابزارها استفاده کنه.

❇️ خب این پست رو همین جا تموم می کنیم. اگر نظر داشتین یا فک میکنین که جایی اجحاف شده تو کامنت ها ذکر کنین.

انتشار این پست بدون ذکر منبع کار غیر اخلاقی ایه🙏.
@fullStackDevs
React and Vue Google trends
Forwarded from Breakpoint
Please open Telegram to view this post
VIEW IN TELEGRAM
CSS :nth-child() Selector


The :nth-child(n) selector matches every element that is the nth child, regardless of type, of its parent.

n can be a number, a keyword, or a formula.

📌 sample code

@fullStackDevs
اگر گوگل ایرانی بود
@fullStackDevs
Forwarded from Full Stack Amigo (HESAM KASHEFI)
سی شارپ 9 بالاخره اومد با کلی ویژگی جدید که بی نهایت بدرد بخور هستن و من همین الآن دارم تو کد هام ازشون استفاده می کنم!
توی این ویدیو به طور کامل در مورد record ها و کلمه کلیدی های init و with صحبت میکنیم!

🔴 لایک و سابسکرایب فراموش نشه

https://www.youtube.com/watch?v=yPs20Fyx6rM&feature=youtu.be
.NET December 2020 Updates – 5.0.1

به روزرسانی دات نت 2020 منتشرشد. این به روزرسانی ها شامل reliability و سایر موارد غیر ایمنی هستند. برای جزئیات بسته های به روز شده ، به یادداشت های انتشار جداگانه مراجعه کنید. همچنین از امروز ، به روزرسانی های .NET Core از طریق Microsoft Update شامل Windows Update Update Services (WSUS)

https://devblogs.microsoft.com/dotnet/net-december-2020/


انتیتی فریموورک (EF Core 5.0.1) اکنون در NuGet است!
#efcore #EntityFramework

انتیتی فریموورک (EF Core 5.0.0) فقط در چهار هفته بیش از 500،000 دانلود در NuGet داشته است.

اکنون 5.0.1 با رفع 26 اشکال در ناگت موجود است!
Download EF Core 5.0.1 from Nuget

@fullStackDevs
دارک مود بلاخره به گیت هاب اضافه شد ❤️


@fullstackDevs
#Quasar
#Vuejs

🔰Quasar

🔸 ویو جی اس یک لایبری برای ساخت رابط کاربری میباشد.
به خودیه خود، ویو جی اس UI Element اختصاصی ای که بتوانیم از آن استفاده کنیم ندارد.
به همین دلیل تعداد زیادی UI framework برای آن ساخته شده است تا از آنها استفاده کنیم.
🔹Quasar
🔸 کوییزار (kwei·zaar) یک Material Design 2 با پرفورمنس بالا که تمامی جوانب فرانت اند را پوشش میدهد برای ویو جی اس میباشد.
وبه کمک آن که تحت لایسنس MIT میباشد و و استفاده از آن ساده بوده و به نوعی مکمل ویو جی اس میباشد.
و میتوانید مجموعه ای از اپ های ریسپانسیو با حداقل کد و کانفیگوریشن تولید کنید.
داکیومنت کوییزار را در اینجا بررسی کنید.
مجموعه ای از UI Component ها و layout المنت ها به همراه helper ها.
🔸 برای استفاده از کوییزار سه روش وجود دارد.
▫️UMD / Standalone
در این روش با اضافه کردن استایل ها و اسکریپت های مورد نیاز از طریق CDN امکان استفاده خواهید داشت.

▫️Quasar CLI
نکته قوت این فریم تلقی میشود و همچنین توصیه میشود که از این روش از کوییزار استفاده کنید.
و از آن میتوانید برای ساخت
▪️ SPAs (single-page apps/websites)
▪️ SSRs (server-side rendered apps/websites)
▪️ PWAs (progressive web apps)
▪️ mobile apps (through Cordova)
▪️Electron apps
استفاده کنید.
و اخرین روش
▫️Vue CLI 3 plugin
که توضیحات آنرا در اینجا میتوانید بررسی کنید

🔹Bootstrapping

🔸 برای
ساخت یک Quasar App به کمک Quasar CLI ابتدا باید از نصب بودن نود جی اس ورژن حداقل 8 و npm نسخه حداقل 5 بروی سیستمان مطمئن شوید.
مراحل نصب و استارت پروژه را در لینک قبلی میتوانید دنبال کنید.

🔹About Quasar
🔸 مقصود کلی از این فرم وورک مجموعه ای همه منظوره از کامپوننت ها برای ساختن اپ های مدرن از ساده تا پیشرفته میباشد.
تمامی این کامپوننت ها بروی ویو جی اس ساخته شده و امکان ساخت کامپوننت سفارشی نیز وجود دارد.
همچنین در هنگام توسعه و استفاده از این فریم اگر با مشکلی مواجه شدید سوالات خود را در این فروم و Discord میتوانید بپرسید یا پیدا کنید.


@fullstackDevs
#ElectronJs

فقط برای اطلاع دوستانی که با این چارچوب قدرتمند کار نمی کنند.


ساده‌تر از آن چیزی است که فکر می‌کنید
اگر می توانید یک وب سایت بسازید، پس می توانید یک برنامه ی دسکتاپی هم بسازید. الکترون چارچوبی برای ساخت برنامه های بومی با استفاده از فناوری هایی مثل جاوا اسکریپت، HTML و CSS است. بخش های دشوار توسط الکترون انجام می شوند، بنابراین شما می توانید بر روی مرکز برنامه تان تمرکز کنید.

🌀 برنامه دسک تاپ کراس پلت فرم با فناوری وب مانند Javascript ، HTML و Css بسازید از این چارچوب لذت ببرید :)


🔹با داشتن یک کد واحد برای همه سیستم عامل های بزرگ ، باعث صرفه جویی در وقت زیادی می شود و گزینه های بیشتری برای توسعه فراهم می کند.
🔸 از موتور کروم برای نمایش UI استفاده کنید
🔹با Angular یا React

www.electronjs.org

@fullStackDevs
This media is not supported in your browser
VIEW IN TELEGRAM
#fun

محیط و ابزار خاص برنامه‌نویسی

@fullStackDevs
#GoogleDocs

توی Google Docs به راحتی بدون نصب هیچ نرم افزاری صدای شما تبدیل به متن میشه؟
کافیه برید توی منوی tools و گزینه voice typing رو انتخاب کنید. از زبان فارسی هم پشتیبانی میکنه و میتونید زبان فارسی رو انتخاب کنید و با voice رکورد کردن مطالب که باید زمان بگذارید و تایپ کنید را در کسری از زمان تایپ شده داشته باشید.

شاید یک مقدار خطا هم داشته باشه که خب میشه اونا رو آخر کار اصلاح کرد

@fullStackDevs
#Reactjs
#React17

#قسمت1

🔹بعد از انتشار نسخه 16 ری اکت و با اضافه شدن قابلیت Hooks بسیاری از توسعه دهنده های این کتابخانه به فکر بروزرسانی کدهایی که نوشته بودند، افتادند اگر چه که با کد های قدیمی هم اپلیکیشن هاشون کار میکرد ولی قابلیت Hooks و شخصی سازی و پرفورمنس فانکشنال کامپوننت ها (Functional Component ها ) اون ها رو برای بروزرسانی کد هاشون وسوسه میکرد .

🔸در یکی از صفحات داکیومنت ری اکت به مشکلاتی که کلاس کامپوننت ها (Class Component) داشتند اشاره شده که پیشنهاد میکنم از این لینک حتما مطالعه کنید .

📎 https://reactjs.org/docs/hooks-intro.html

🔹خیلی از مواردی که اون زمان برای توسعه دهنده های ری اکت اتفاق افتاده بود مثل گمراه شدن در استفاده از (this) یا لفظی که خود توسعه دهندگان ری اکت بهش اشاره کردند

(Classes confuse both people and machines)

🔸که کلاس کامپوننت ها هم توسعه دهنده ها و هم ماشین ها رو دچار گمراهی کرده بودند این ذهنیت رو در توسعه دهنده های ری اکت جا انداخت که اون ها علاوه بر اینکه میتونن نقش خیلی جدی تو فیچر های آینده ری اکت یا حل مشکلاتش داشته باشند ، میتونند همه تقصیر ها رو هم گردن ری اکت بندازن!

🔹حدودا 5 ماه از نسخه بروز شده ری اکت یعنی ری اکت 17 میگذره ، ری اکت همونجوری که در داکیومنت رسمی خودش گفته بود هیچ ویژگی جدیدی به ری اکت اضافه نکرده و بعد از دو و نیم سال آب پاکی ریخته رو دست توسعه دهندگانش!
البته کمی خواست در نسخه 17 ری اکت اونارو راضی نگه داره به طور مثال دیگ با قابلیت جدید JSX Transform نیاز نبود شما ابتدای هر خط ری اکت رو ایمپورت کنی و یا دیگ نیاز نبود مثل تغییر از ری اکت 15 به 16 کل کامپوننت هاتو فانکشنال کنی میتونستی دو نسخه از ری اکت همزمان روی یه اپلیکیشن داشته باشی و یکیش رو به حالت Lazy Load در اپلیکیشنت داشته باشی ! اما خود توسعه دهنده های ری اکت هم متوجه این موضوع شدند که بعد دو و نیم سال با توجه به اون انتشار طوفانی نسخه 16 ، طرفداران ری اکت نیاز به حداقل یه فیچر جذاب دارند و اونارو نمیشه با این فیچر هایی که ری اکت 17 داره راضی نگه داشت !

🔹بنظر شخصی من ری اکت در رقابت با فریم ورک هاش (در عین دوستی خیلی نزدیکی که با هم دارند ) داشت خیلی عقب میوفتاد ! قابلیتی مشابه JSX Transform خیلی وقت بود در Nextjs وجود داشت ! خیلیا ری اکت رو در نسخه 17 محکوم به کپی برداری از فریم ورکش کردند و بیشتر از اینکه دنبال فیچر جدید باشه سعی کرده بود فیچر های فریم ورک هاش رو اضافه کنه به خودش ! ولی خب اینا همه تنها دلیل کوچ توسعه دهنده های ری اکت به سمت نکست نبود ! اونا دغدغه های مهم تری داشتند که تو ری اکت نتونستند راحت بهش برسند ! خیلی از توسعه دهنده های ری اکت به دلیل اینکه تازه کار بودند اطلاعات خوبی از وب پک نداشتند یا کد های بهینه ای نمیزدند ، با Code Spiliting آشنا نبودند و فکر میکردند که سئو سایت های ری اکت یک امتیاز منفی براشون در رقابت با رقیبانشون بشمار میره ، البته این موارد همه ی دلایلی که اونارو مجبور به کوچ به نکست کرد نیست اما شاید میتونم بگم اگر یه قابلیت (SSR) به ری اکت اضافه میشد خیلی از این تبدیل های پر هزینه انجام نمیشد ! خیلی تونستن این کار رو با اضافه کردن Express js و به شکل دستی انجام بدن و خیلی اپلیکیشن های جالب و جذابی شد ولی متاسفانه بسیاری از ساید افکت هایی که ایجاد میشد و دانش متوسط تیم های توسعه شاید باعث میشد عطای این کار رو به لقاش ببخشند !

🔹 بالاخره بعد این مقدمه طولانی میرسیم سر اصل مطلب و اون هدیه کریسمسی تیم توسعه ری اکت به توسعه دهندگانشه ! و اون هم چیزی نیست جز Server Components

ادامه در قسمت بعد...
@fullStackDevs
نت فریدمن، مدیرعامل #گیت‌هاب خبر داده که دسترسی ایرانیان به این خونه مهم برنامه‌نویسان برمی‌گرده.


دلیلش این بود که یه کمپانی اروپایی، یکی از کارمنداش میره ایران. گیت هاب رو باز میکنه و کل اکانت کل کمپانی ساسپند میشه. بعد طرف توییت میکنه آبرو گیت هاب رو میبره میگه چرا کل بیزنس رو داون کردید. طرف بیزنس من اتحادیه اروپا بوده. وگرنه صدای مارو کسی به این زودی نمیشنید.

ولی مدیرعامل گیت‌هاب گفته خیلی وقته در پی مجوز هستیم.

@fullStackDevs
توییت اسکات هنسلمن برای موضوع دسترسی ایرانیان به گیت هاب به زبان فارسی خیلی جالب بود.
@fullStackDevs