Web Devs
641 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
#FullStackDeveloper

Web Development In 2019 - A Practical Guide

یک ویدیوی خوب برای اینکه چه چیزهایی باید بلد باشیم برای توسعه وب اپلیکیشن و برای تبدیل شدن به fullstack developer دقیقا باید تو سال 2019 چه چیزهایی رو حرفه ای بدونیم

📌 لینک : https://goo.gl/FdxvTN

@fullStackDevs
#SOA
#Monolithic
#Microservices

Monolithic vs SOA vs Microservices — How to Choose Your Application Architecture

📌 Link : https://goo.gl/La4UcF

@fullStackDevs
#elgooG

الگوگ (برعکس عبارت گوگل) یک وبسایت آینه‌ای از موتور جستجو گر شرکت گوگل است که تمامی تصویر موجود در سایت گوگل را به صورت آینه‌ای نشان می‌دهد. وبسایت غیررسمی الگوگ در سال ۲۰۰۲ تنها برای تفریح و جذابیت ساخته شده بود اما زمانی که در جمهوری خلق چین سایت گوگل فیلتر شد مردم آن کشور به استفاده از الگوگ پرداختند تا فیلترها را دور بزنند. دور زدن فیلترینگ بزرگ با استفاده از این وبسایت باعث شد استقبالی بیش از انتظار از این دامنه اینترنتی شود! و اکنون این دامنه برای فروش گذاشته شده است

https://elgoog.im/

@fullStackDevs
#framework
#Library

The Difference Between a Framework and a Library

تفاوت بین چارچوب و یک کتابخانه

در انتهای پست لینک این مطلب کامل هست من فقط از این دوتا پاراگراف توضیح خیلی خوشم امد و توی پست گذاشتم

A library is like going to Ikea. You already have a home, but you need a bit of help with furniture. You don’t feel like making your own table from scratch. Ikea allows you to pick and choose different things to go in your home. You are in control.

A framework, on the other hand, is like building a model home. You have a set of blueprints and a few limited choices when it comes to architecture and design. Ultimately, the contractor and blueprint are in control. And they will let you know when and where you can provide your input.

📌 لینک : https://goo.gl/VonJY1
@fullStackDevs
#VisualStudio2019(RC)

دانلود ویژوال استودیو ۲۰۱۹ نسخه RC

در حال حاضر نسخه ای که قابل دانلود هست یک گام مانده به نسخه نهایی میباشد و با توجه به توضیحات جان مونتگومری مدیر مدیریت برنامه ویژوال استودیو که در لینک زیر کامل میتونید مطالعه کنید ، بعد از انتشار نسخه نهایی در ۲ آوریل (۱۳ فروردین ) میتونید نسخه ۲۰۱۹ RC رو به نسخه نهایی اپدیت کنید

📌 لینک مطلب : https://goo.gl/TwbPF4


📌 لینک دانلود ویژوال استودیو ۲۰۱۹ RC : https://goo.gl/NsPfBE

@fullStackDevs
#SVGIcon
پیدا کردن،سفارشی کردن و تولید آیکون های SVG برای اپلیکیشن های شما


📌 لینک : https://iconsvg.xyz/

@fullStackDevs
#Calculator
#openSource

Announcing the Open Sourcing of Windows Calculator

📌 لینک : https://goo.gl/jnzMeg

@fullStackDevs
This media is not supported in your browser
VIEW IN TELEGRAM
#UI
#UX
#FrontEnd

رابطه کاربری خوب خیلی راحت میتونه مشتری رو جذب خودش کنه !

UI Login #OpenSource !


📌 لینک سورس : https://goo.gl/dEfrN3

@fullStackDevs
#PersianDateTimePicker
#Js
#Html
🔹 کامپوننت انتخاب تاریخ شمسی با اعداد فارسی
🔸 آپشن های مختلف برای انتخاب ساعت و دقیقه یا مخفی کردن ساعت و دقیقه
🔹باز شدن بصورت popover

نصب پکیج :


Install-Package ABluePersianDateTimePicker -Version 1.0.1
dotnet add package ABluePersianDateTimePicker --version 1.0.1
paket add ABluePersianDateTimePicker --version 1.0.1


@fullStackDevs
#ABluePersianDateTimePicker
توضیحات تکمیلی


نحوه استفاده از این picker به صورت زیر به صورت میلادی و شمسی می باشد . میتونید اچ تی ام ال این صفحه را مشاهده کنید و المنت های خودتونو به سادگی بسازید و به دلخواه css هارو تغییر دهید.
🔹 با اتریبوت زیر روی المنت مثلا اینپوت picker فعال میشود
data-disablebeforetoday="true"

🔹 با اتریبوت زیر روزهای قبل امروز غیر فعال میشوند
data-disablebeforetoday="true"

🔸 با اتریبوت زیر میتونید تاریخ میلادی را فعال کنید
data-isgregorian="true"

🔹 با اتریبوت زیر میتونید ساعت دقیقه ثانیه رو نمایش ندید
data-enabletimepicker="true"


ورژن جدید ریایز شده :

Install-Package ABluePersianDateTimePicker -Version 1.0.4
dotnet add package ABluePersianDateTimePicker --version 1.0.4
<PackageReference Include="ABluePersianDateTimePicker" Version="1.0.4" />
paket add ABluePersianDateTimePicker --version 1.0.4

@fullStackDevs
#AspNetCore3
🌀 معرفی دات نت 5
ماکروسافت امروز اعلام کرد که نسخه بعد از ریلیز NET Core 3.0 ، دات نت 5 خواهد بود

🔹 نسخه دات نت 5 بزرگترین ریلیز در خانواده ی دات نت خواهد بود

🔸 در نسخه دات نت 5 فقط NET. وجود خواهد داشت که شما میتویند از این نسخه برای ویندوز ،لینوکس ،مک او اس ،tvOS، watchOS ، WebAssembley و ... استفاده کنید .
قابلیت های جدید در runtime و ویژگی های جدید در زبان اضافه خواهد شد!

از ابتدای پروژه NET Core، چیزی حدود پنجاه هزار API به .NET Framework اضافه شده ، امکان فعال سازی فرم های ویندوز، WPF و Entity Framework 6 وجود خواهد داشت.
بر روی دات نت 5 ، با استفاده از NET Core و بهترین مونو برای ایجاد یک پلت فرم که شما می توانید از کدهای مدرن دات نت استفاده کنید.

#MONO
💎 مونو یک پلت فرم نرم افزاری است که به شما اجازه می دهد تا اپلیکیشن های cross platform را به راحتی ایجاد کنید.این پلت فرم open source مبتنی بر .NET Framework بر اساس استانداردهای ECMA برای سی شارپ و CLR میباشد.
جالبه این پلت فرم بخشی از بنیاد NET Foundation است.



📅 زمان بندی ارائه نسخه های جدید :

.NET Core 3.0 release in September
.NET Core 3.1 = Long Term Support(LTS)
.NET Core 5.0 release in November 2020
Major release every year,LTS for even numbered releases
Predictable schedule,minor releases if needed


📌 لینک منبع

@fullStackDevs
#WindowsTerminal

🔹 معرفی ترمینال ویندوز

ویندوز ترمینال جدید، مدرن، سریع، کارآمد، قدرتمند است و برنامه کاربردی ترمینال برای کاربران ابزار خط فرمان و پوسته مانند Command Prompt و PowerShell و (WSL(windows subsystem for linuxمیباشد .

ترمینال ویندوز از طریق Microsoft store در ویندوز 10قابل دسترس خواهد بود.

یکی از امکانات کلیدی و جالب ترمینال ویندوز استفاده از Multipe tabs است. یعنی شما میتونی چندین تب رو تو ترمینال باز کنید که هر کدام به یک خط فرمان متصل هستند ! مثلا یکی به Command Prompt, و یکی دیگه به PowerShell یا Ubuntu on WSL یا a Raspberry Pi via SSH,و ...
ادامه مطلب را میتوانید در این لینک مشاهده کنید .

@fullStackDevs
#ReactNative
#Windows10

React Native for Windows

مایکروسافت React Native for Windows را امروز یک پروژه منبع باز جدید برای توسعه دهندگان React Native اعلام کرد که می خواهند اپلیکیشن روی ویندوز 10 بسازند ، به معنای پیاده سازی جدید ا÷لیکیشن ها با performance بالاترروی ویندوز تحت مجوز MIT است.

این چارچوب، که اجازه می دهد تا توسعه دهندگان کد خود را در جاوا اسکریپت بنویسند و سپس آن را در اندروید و iOS اجرا کنند، در حال حاضر دارای افزونه ها و برنامه های افزودنی برای هدف قرار دادن اپلیکیشن های ویندوز و macOS هستند.

با React Native for Windows ماکروسافت بسیاری از کامپوننت های ویندوز را در C ++ بازنویسی می کند تا حداکثر performance را به دست آورد. این اجازه می دهد تا توسعه دهندگان بتوانند برای هر دستگاه ویندوز 10، از جمله رایانه های شخصی، تبلت، ایکس باکس با react native اپلیکیشن با performance بالا تولید کنند.

مایکروسافت این پروژه را در حال حاضر در GitHub در دسترس قرار داده است برای توسعه دهندگان که بتوانند آزمایش کنند.


لینک سورس تو گیت هاب

@fullStackDevs
#VSCode


🔹 توسعه پایتون از راه دور در ویژوال استودیو کد

امروز تیم پایتون ماکروسافت و ویژوال استودیو کد امکان توسعه از راه دور در ویژوال استودیو کد را معرفی کردند.

فعال کردن visual studio code developers برای توسعه که در آن code و tools خود را از راه دور در داخل docker containers، remote SSH hosts و زیرسیستم ویندوز برای لینوکس WSL))

این پشتیبانی در حال حاضر در Visual Studio Code Insiders ایجاد می شود و توسط سه افزونه های جدید از راه دور در بازار کد ویژوال استودیو فعال می شود:

🧩 Remote-Containers

در فضاهای کاری که در داخل کانتینرهای محلی قرار دارند توسعه می یابد

🧩 Remote-SSH

در فضاهای کاری که در یک دستگاه از راه دور روی یک اتصال SSH در حال اجرا است، توسعه یافته است

🧩 Remote-WSL

توسعه در فضاهای کاری در حال اجرا در داخل زیرسیستم ویندوز برای لینوکس

📌 لینک مطلب

@fullStackDevs
#AngularAugury
#Augury

🅰️ معرفی Extension Angular Augury


ابزار Augury به عنوان یکی از حرفه‌ای‌ترین ابزارهای خطایابی انگولار بحساب می‌آید که توسط خود کمپانی گوگل برای مرورگر Chrome تولید و به صورت رایگان در اختیار برنامه‌نویسان گرامی قرار گرفته است. جهت نصب این ابزار روی مرورگر خود ابتدا به لینک زیر مراجعه و سپس روی گزینه install کلیک کنید. در ادامه مرورگر خود را بسته و مجددا اجرا کنید.

دانلود ابزار توسعه Augury

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

برای استفاده از این ابزار باید روی کروم دکمه‌ی F12 را بفشارید و سپس روی زبانه‌ی Augury کلیک بفرمایید. در نهایت با صفحه‌ای روبه‌رو خواهید شد که اطلاعات کلی پروژه اعم از: گراف رابطه کامپونت‌ها، ویژگی‌ها، متغییرها و … را در اختیار شما می‌گذارد.

@fullStackDevs
#React
#typeScript
#Socket
نحوه ساخت یک برنامه چت با React، TypeScript و Socket.io

📌 لینک آموزش
@fullStackDevs
#VSCode

🌀 نکاتی برای استفاده ی بهتر از Visual Studio Code

🧩 Material Theme
شما وقت زیادی را صرف نگاه کردن به کد می کنید ، بنابراین یه تم خوب میتونه کمتر باغث خستگی چشم های شما داشته باشه. این تم یه extention محبوب رایگان برای ویژوال استودیو کد با رنگ های جذاب .

🧩 Material Theme Icons
میتونید با نصب این extention ایکون فولدر و فایل ها رو ویژوال استودیو کد تغییر بدید ! پیشنهاد میکنم نصب کنید ، ایکون های جذابی داره‌ مخصوصا اگر material theme رو نصب کردید !

🧩 Emmet
یک افزونه محبوب text editors ها که تا حد زیادی برای مختصر کد نوشتن در css و html بصورت هوشمندانه !
مثلا دستور ul>li*3>span.hello$ معادل دستور زیر است:
<ul>
<li><span class="hello1"></span></li>
<li><span class="hello2"></span></li>
<li><span class="hello3"></span></li>
</ul>
این افزونه نیاز به نصب ندارد وبعد از نوشتن دستورات باید enter بزنید ولی اگر بخواید مثل ویژوال استودیو بعد نوشتن دستور با زدن کلید tab‌ انتظار اعمال دستور را داشته باشید باید در settings.json
( برای دسترسی به این فایل باید از طریق منوی file>preferences>settings یا Ctrl+, و در پنجره باز شده تب user قسمت texteditor>files روی لینک edit in settings.json کلیک کنید تا بصورت فایل باز شود ) دستور زیر را وارد کنید .
"emmet.triggerExpansionOnTab": true,

این extention تنظیمات زیادی داره مثلا فعال کردن در فایل های jsx یا jade میتونید کل تنظیمات را اینجا مطالعه کنید.

🧩 Breadcrumbs
این افزونه (زیر نوار عنوان نمایش داده می شود) یک ویژگی خوبی که داره که مکان فایل شما را در codebase نشان می دهد که اگر بر روی یکی از بخش ها کلیک کنید، مکان فعلی شما را نشان می دهد .

درواقع navigate کردن سریع در سطح file یا symbol

برای فعال کردن این ویژگی باید دستور زیر را به settings.json اضافه کنید:

"breadcrumbs.enabled": true,


@fullStackDevs