| کانال توسعه‌دهندگان وب | – Telegram
| کانال توسعه‌دهندگان وب |
3.03K subscribers
42 photos
1 video
37 links
⭕️ کانال توسعه‌دهندگان وب دولوپیکس

💠 دولوپیکس | جامعه توسعه‌دهندگان ایرانی

💎 @Developix
🚀 Developix.ir

📌 پشتیبانی و تبلیغات:
@DevelopixSupport
Download Telegram
🕊 الگوریتم کبوتر

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

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

• دلیل‌ نام گذاری این الگوریتم به اسم کبوتر

کبوتر‌ها می‌توانند جزئیات‌ را بدون در نظر "گرفتن جهت گیری فضایی" به دقت بررسی کنند؛ این همان ویژگی است که باعث شده است که موتور جستجوی گوگل در بین هزاران سایتِ ایندکس شده، سایت‌های مرتبط و مطلوب را پیدا کند و همان نتایجی را به کاربر نشان بدهد که انتظار دارد و به دور از نتایج غیر مفید است

• تغییرات الگوریتم کبوتر در سئو

اولین مورد که می‌شود به آن اشاره کرد کمک به کسب و کارهای محلی است که یکی از اهداف گوگل در پی این الگوریتم موقعیت‌ محور بودن نتایج است تا بتواند نتایج‌ را براساس محل و یا منطقه برای کاربر رتبه‌بندی و لیست کند که این کار باعث شد که کسب و کارهای محلی دست به کار شوند و سئوی محلی سایت خود را بهتر کنند تا بتوانند مشتریان خودشان را راحت‌تر و بهتر پیدا کنند

دومین مورد که می‌شود به آن اشاره کرد
شخصی‌سازی نتایج است برای مثال در گذشته اگر سرچ می‌کردیم سینما در تهران تعدادی زیادی نتایج برای‌مان لیست می‌شد که نصف‌ آن برایمان باتوجه به موقعیت مکانی‌مان مفید نبود ولی با این الگوریتم نتایج بهتری برای‌مان لیست می‌شود با توجه به موقعیت مکانی‌مان

• فاکتورهایی که در جایگاه بهتر در جستجوی محلی موثراند

- ثبت کردن سایت در نقشه گوگل :
یکی از مهم‌ترین فاکتورهای نمایش براساس موقعیت این است که گوگل درک درستی از موقعیت فیزیکی کسب و کار داشته باشد

- درج کردن نام و آدرس کسب‌کار در صفحات ضروری با تگ مناسب:

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

- ثبت سایت در وب‌سایت‌های دایرکتوری:

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

#سئو

👤 Maryam

💎 Channel: @DevelopixWeb
👍51🔥1
🐼 الگوریتم پاندا

الگوریتم پاندای گوگل برای مبارزه با محتوا‌های بی‌کیفیت و کپی شده ایجاد شده است، این الگوریتم شانس نمایش محتوای بی‌کیفیت و بی‌ارزش را در نتایج گوگل کاهش می‌دهد و به محتوای منحصر به فرد و با کیفیت جایگاه بهتری در نتایج می‌دهد تا کاربر درگیر محتوای بی‌ارزش و اسپم مانند نشود

وقتی که گوگل این الگوریتم‌ را معرفی کرد معیارهایی برای طبقه‌بندی کیفیت منتشر کرد که این معیار براساس رضایت کاربر در نظر گرفته می‌شود

📍 معیار‌های جریمه‌ الگوریتم پاندا

• تبلیغات غیرمرتبط به موضوع سایت

• تکرار بیش‌ از حد کلمات کلیدی در متن اصلی مقاله که باعث پایین اومدن کیفیت می‌شود

• محور اصلی متن مقاله سایت تبلیغی و ریداریکت کردن کاربر به سایت دیگه باشد ( محتوای بی‌ارزش )

#معرفی_کوتاه #سئو

👤 Maryam

💎 Channel: @DevelopixWeb
2👍1🔥1
موضوع آموزش:
تأمین امنیت کاربران وبسایت


⬅️ یکی از مهم‌ترین مسئله برای برنامه‌نویس‌ها اینه که، چجوری امنیت کاربران رو تضمین کنیم؟ داخل دیتابیس اطلاعات حیاتی و مهم رو چجوری ذخیره کنیم؟


🔴 یکی از مشکلاتی که ممکنه برای هر وبسایتی به وجود بیاد این هست که بنا به دلایلی، دیتابیس اون وبسایت لو بره، حالا ممکنه به خاطر باگ هاست باشه، به خاطر کانفیگ غلط سرور، یا مشکل از سورس کد شما باشه و ...

⭐️ مواردی که هنگام ذخیره اطلاعات باید رعایت کنید:

۱ - تمامی پسوردها هش بشوند (به نظر من الگوریتم sha256 مناسب هست، بعداً اگر بشه درباره هش هم پست میزارم).

۲ - برای امنیت بیشتر پسوردها، هنگام هش کردن حتما از salt استفاه کنید.

۳ - شماره و کد ملی کاربر رمزگذاری بشوند (الگوریتم مناسب AES256 هست، اگر بشه اونم بعداً توضیح می‌دم).

۴ - در صورت امکان بقیه دیتاها به صورت رمزگذاری شده باشند (AES256).

۵ - اگر خواستید می‌توانید نام جداول را هش کنید.


⭕️ آموزش جلوگیری از sql injection در php


تگ‌ها:
#امنیت، #رمزگذاری، #hash

👤 </>

💎 Channel: @DevelopixWeb
👍5🔥1
🔸 در PHP، به کمک Spread Syntax که می‌تواند پارامترهای نام‌گذاری شده را درک کند و به درستی مقادیر آرایه را به پارامترها اختصاص دهد، می‌توانید مانند عکس عمل کنید و یک آرایه از آرگومان‌ها را با key‌های استرینگ، در پارامترهای یک آرایه درج کنید. استفاده از این روش می‌تواند به شما اجازه دهد تا پارامترهای یک callback را براساس نامشان وارد کنید و نه براساس ترتیبشان.

#PHP #Tip

👤 Mahdiyar

💎 Channel: @DevelopixWeb
👍7🔥1
#تکه_کد

📱چجوری گوشی کاربرو ببریم رو حالت ویبره؟!

if ("vibrate" in navigator) {
navigator.vibrate (1000);
} else {
console.log ("browser not supported");
}


💎در واقع اینجا یه شرط تعریف کردیم که اگه مرورگر کاربر از این قابلیت پشتیبانی می‌کرد، به مدت یک ثانیه ویبره بره 😅

💎از این کد میشه برای مواقع مختلفی استفاده کرد، مثلا مواقعی که کاربر رمز عبورش رو اشتباه وارد میکنه 👌🏼

👤 Drwcsi

💎 Channel: @DevelopixWeb
👍10🔥21👎1
🔻 در PHP، اگر می‌خواهید یک یا چند عنصر را به یک آرایه اضافه کنید، بهتر است به‌جای استفاده از ()array_push، از یکی از روش های زیر استفاده کنید:

🔸 به کمک ساختار []arr$ می‌توانید بدون نیاز به صدا زدن تابعی یک یا چند عنصر را به یک آرایه اضافه کنید. همچنین به شما کمک خواهد کرد تا یک آرایه بسازید زیرا در array_push اگر آرگومان اول خالی باشد به شما warning بر‌می‌گرداند.

🔸 به کمک spread operator هم می‌توانید یک یا چند عنصر را با یک یا چند آرایه دیگر ترکیب کنید.

#PHP #Tip

👤 Mahdiyar

💎 Channel: @DevelopixWeb
👍10🔥1
🔻استفاده از Spread Operator

📍این اپراتور، زمانی که می‌خواهید با آرایه ها سر و کار داشته باشید خیلی مفید واقع خواهد شد. دیگر نیازی به for/foreach/while و انواع حلقه‌ها نخواهید داشت و همه این‌ها در یک خط انجام خواهد شد. به عنوان مثال، برای ترکیب یک آرایه ما معمولا از تکه کد ۱ (در تصویر) استفاده می‌کنیم، اما استفاده از array_merge درکنار حلقه یک قاتل پرفورمنس است و باعث کندی برنامه می‌شود.
بنابراین، بهتر است این کار را مانند تکه کد ۲‌ (در تصویر) و به کمک Spread Operator انجام دهیم.


#PHP #Tip

👤 Mahdiyar

💎 Channel: @DevelopixWeb
👍10🔥1
🔻در PHP، به کمک تابع ()get_defined_vars می‌توانیم لیستی از تمام متغیر های تعریف شده‌ (شامل متغیرهای تعریف شده توسط خود برنامه‌نویس و یا سرور) داشته باشیم.

#PHP

👤 Mahdiyar

💎 Channel: @DevelopixWeb
👍4
This media is not supported in your browser
VIEW IN TELEGRAM
با استفاده از کتابخونه Vanta.js می‌تونید بدون داشتن دانش یا حرفه‌ خاص، پس‌زمینه‌های سه‌بعدی متحرک به وبسایت‌تون اضافه کنید.

⭕️ نمایش در گیت‌هاب
⭕️ نمایش وبسایت

👤 Erfan

💎 Channel: @DevelopixWeb
👍2👎1
🔸 مقاله قبلی در رابطه با تامین امنیت کاربران

⬅️ با استفاده از تابع hash در php می‌توانید پسورد کاربر را hash کنید، الگوهای مختلفی برای این‌کار هستند، ولی sha256 یک الگوی مطمئن و مناسب مخصوص این‌کار است، به مثال زیر توجه کنید:

$password = $_POST["password"];
$hashed = hash("sha256", $password);


📍ورودی اول تابع hash الگوی هش است و ورودی دوم آن داده که می‌خواهید hash شود.

🔴 برای اعتبار سنجی پسورد کاربر، به مثال زیر توجه کنید:

$username = $_POST["username"];
$password = $_POST["password"];

// Select user

$query = "SELECT password FROM users WHERE username =  '{$username}';";

$stmt = $mysqli->query($query);

$user = $stmt->fetch_assoc();

$pass = $user["pass"];

if( $pass == hash("sha256", $password) ) {
    echo "رمزعبور صحیح است ";
} else {
    echo "رمزعبور صحیح نیست ";
}


#PHP #Hash #Security

👤 </>

💎 Channel: @DevelopixWeb
👍5
منبعی برای لینک‌‌های مفید در مورد ReactJS در سطح وب:

https://reactresources.com/

در این وب‌سایت منابع و ریسورس‌های مربوط به ری‌اکت به شکل دسته‌بندی شده در اختیار کاربر قرار می‌گیرد

این دسته‌‌بندی‌ها شامل موارد زیر است

- مقاله و دوره
- آموزش ویدیویی
- کتاب‌ها
- پادکست
- کتابخانه و پکیج‌های مربوط
- کنفرانس‌ها
- شغل‌ها
- و ...
#React

👤 I.Tina

💎 Channel: @DevelopixWeb
👍4
💎 یک لیست کامل از تعدادی از پکیج‌ها، کتابخونه‌ها، ابزارها و ... مرتبط با Vue.js:

https://github.com/vuejs/awesome-vue

در این ریپوزیتوری منابع مربوط به ویو جی‌اس به شکل دسته‌بندی شده قابل مشاهده است این دسته‌بندی‌های شامل موارد زیر است:

- پادکست
- چنل‌های یوتیوب مرتبط
- کتاب
- مثال‌ها
- بلاگ
- شغل‌ها
- دوره‌ها
- کامپوننت و کتاب‌خونه
- یوتیل‌های مربوط به UI
- ابزار‌های مرتبط
- و ...
#VueJs

👤 I.Tina

💎 Channel: @DevelopixWeb
👍8👎2
#معرفی_سایت

این سایت خیلی از دیزاین پترن‌ها و استراکچرهای استاندارد برنامه‌نویسی رو با توضیح روان و مثال‌های ساده توضیح داده
برای هر زبان هم نمونه کد داره

🔸 https://refactoring.guru/design-patterns

👤 siamak

💎 Channel: @DevelopixWeb
👍8👎2
📌 با استفاده از سایت‌های زیر می‌توانید در فیلدهای مختلف برنامه‌نویسی از جمله موارد زیر مطالب مفیدی پیدا کنید

- مقاله
- تجربه دیگران
- نکته
- آموزش
- سورس کد و پروژه
و ...
30secondsofcode.org
codecademy.com
codementor.io
educative.io
davidwalsh.name
dev.to
codecademy.com
capterra.com
medium.com
javarevisited.blogspot.com
medium.mybridge.co
usersnap.com
freecodecamp.org
informit.com
spinxdigital.com
soshace.com
web-savvy-marketing.com
teamtreehouse.com
hackernoon.com
barbarianmeetscoding.com
codemag.com
careerfoundry.com
jstherightway.org
onlinetutorialsweb.com

#معرفی_سایت

👤 black@root

💎 Channel: @DevelopixWeb
👍5
📍 یکی از نکاتی که برای امنیت وب‌سایت بهتر است رعایت شود، درهم‌سازی کردن سورس سایت است. (obfuscate)

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


◀️ درهم ساز های مختلفی وجود دارند، اما تعدادی از آن‌ها نسبت به بقیه درهم‌ساز ها امن‌تر هستند، برای مثال ioncube, alom

‼️ نکته مهمی که باید در نظر بگیرید این هست که هر سورس درهم‌سازی‌ شده‌ای درنهایت روزی به سورس اصلی برگردانده می‌شود، و این بستگی به چند تا شرایط دارد که کسی که داره به اصطلاح سورس را de obfuscate می‌کند می‌تواند سریع تر اینکارو انجام دهد.

۱- سورس با ابزار های نامناسب و ضعیف درهم شده باشد.
۲- فردی که سورس رو de obfuscate میکنه حرفه‌ای باشد.


🔓 نکته دیگری که که به‌ شما کمک می‌کند امنیت درهم ساز رو بالا ببرید استفاده از یک API است، یعنی سورس درهم سازی شده برای اینکه اجرا شود ابتدا به api شما یک درخواست ارسال کند و سپس بعد از اینکه از API اجازه دریافت کرد، سورس اجرا شود.

#php #obfuscate #security

👤 </>

💎 Channel: @DevelopixWeb
👍61👎1
💢 معرفی کتابخانه Underscore.js

کتابخانه Underscore.Js یک کتابخانه جاوا اسکریپت است که دارای بیش از 100 تابع آماده برای دست‌کاری آرایه‌ها، اشیاء و ... است؛ با استفاده از توابع موجود در این کتابخانه می‌توان کدنویسی را بسیار ساده و با سرعت بهتری انجام داد.

برای کار با Template های Underscore باید این سه مورد را یاد بگیرید:

- <% %> به معنای اجرای کد
- <% =%> نمایش بعضی از مقادیر در قالب
- <% -%> نمایش بعضی از مقادیر در قالب همراه با امن کردن کدهای HTML در برابر SQL Injection

🔗 گیت‌هاب کتابخانه مربوطه

👤 Maryam

💎 Channel: @DevelopixWeb
👍7