Code Module | کد ماژول

😎 چقدر راجب DNS اطلاعات دارید؟ سرویس DNS، یکی از پایه‌های اینترنته و بیشتر ما در طول روز بدون اینکه بدونیم، از DNS ها استفاده می‌کنیم. تو این پست، با هم به بررسی مفهوم و کارایی DNS می پردازیم و برخی از مزایا و معایبش رو شرح میدیم. 📶 سرویس DNS چیه و چجوری کار میکنه؟ سرویس DNS که مخفف Domain Name System هست، فهرست توزیع شده‌ ایه که اسم دامنه قابل خواندن توسط انسان، مثل www.CodeModule.com رو به اعداد خوانا برای کامپیوترا، یعنی IP آدرس تبدیل میکنه. ✅ در واقع DNS سیستمیه که اسم دامنه وب رو سازماندهی میکنه و اونها رو برای همه کسایی که میخوان به شبکه وصل بشن، قابل‌فهم‌تر میکنه. ❔ وقتی که از یک سایت بازدید میکنید، کامپیوتر شما یک سری مراحل رو برای تبدیل آدرس وب قابل‌خوندن انسان، به یک آدرس IP قابل‌خوندن ماشین دنبال میکنه. سرویس DNS از یک دیتابیس سلسله مراتبی استفاده میکنه که شامل اطلاعاتی در مورد نام دامنه هست. فرض کنید ک شما تو مرورگر خودتون اسم دامنه ی سایتیو وارد میکنید. اولین کاری که کامپیوتر شما انجام خواهد داد، ارسال درخواست به سرور DNS محلی سیستم عامله تا بررسی کنه که ایا اصلا پاسخ مورد نیاز شما در حافظه نهان یا همون  (Cache) کامپیوتر ذخیره شده یا نه. اگر در حافظه پنهان پیدا نشد، درخواستتون از طریق اینترنت به یک یا چند سرور DNS فرستاده میشه، که به‌طور کلی توسط ارائه‌دهنده خدمات اینترنت شما با اونها ارتباط برقرار میشه. اگر اطلاعات لازم تو این سرورهای DNS پیدا نشه، درخواست به سرورهای خارجی دیگه ای فرستاده میشه. ✅مزایای سرویس DNS چیه؟ 🔵تسهیل استفاده از اینترنت 🔵ثبات و سرعت بالا 🔵مفید برای موتور های جستجو ❌معایب سرویس DNS چیه ؟ 🔵 احتمال رو به رو شدن با DNS Attack 🔵آسیب پذیری های امنیتی مثل ویروس مخرب و .... ⚠️برای جلوگیری از مشکلات امنیتی میتونید از آنتی ویروس های مطمئن استفاده کنید این سرویس نقش حیاتی تو ترجمه اسم دامنه‌های قابل خوندن توسط انسان، به آدرس‌های IP قابل خوندن توسط ماشین ایفا میکنه. این فرآیند، ناوبری و ارتباط بی‌وقفه بین دستگاه‌های موجود تو وب رو امکان‌ پذیر میکنه. همچنین یکی از دانش های پایه برنامه نویسان وب محسوب میشه که آشنایی باهاش براتون یک مزیت حساب میشه! 👨‍💻 #dns #web #basic @CodeModule

Good Night 🌚✨ موفقیت هایی که نصیب افراد صبور می شود همان هایی هستند که توسط افراد عجول رها شده اند @CodeModule

بهینه سازی کد با ابزار tailwind-merge 💀 کتابخانه tailwind-merge یک ابزار قدرتمند برای توسعه دهندگانی هست، که از Tailwind CSS استفاده می‌کنن. هدف اصلی این کتابخانه، ترکیب کلاس‌های تکراری در پروژه‌های Tailwind CSS و جلوگیری از تضادهای احتمالی هست. ویژگی‌های اصلی tailwind-merge ⬇️ ترکیب کلاس‌های تکراری: اگه چندین کلاس Tailwind که متناقض هستن (مثل p-4 و p-2) به یک تگ اضافه بشن، tailwind-merge به‌طور خودکار تنها یکی از اون هارو(آخرین) و نگه می‌داره و بقیه رو حذف می‌کنه. افزایش خوانایی و بهینه‌سازی: با حذف کلاس‌های تکراری و متناقض، کد نهایی شما خواناتر و بهینه‌تر خواهد بود، که منجر به کاهش حجم کد CSS تولید شده و افزایش عملکرد صفحه وب می‌شود. ادغام کلاس‌ها در زمان واقعی: این کتابخانه می‌تونه به‌طور دینامیک در هنگام ساختن پروژه‌های جاوااسکریپت، کلاس‌ها رو ترکیب کنه، بنابراین نیازی به عملیات دستی یا استفاده از ابزارهای دیگه نیست. این کتابخانه، به خصوص برای پروژه‌های بزرگ و پیچیده که از تعداد زیادی کلاس Tailwind استفاده می‌کنن، بسیار مفیده و می‌تونه به کاهش سردرگمی و پیچیدگی کد کمک کنه⚡️ #tailwind #tools @CodeModule

با کتابخانه Parallax بیشتر آشنا بشید 🔥 کتابخانه Parallax.js، یک کتابخانه جاوااسکریپتی هست که جهت ایجاد افکت‌های پارالاکسی جذاب در وبسایت‌ها استفاده میشه. افکت های پارالاکس باعث میشن که عناصر مختلف در صفحه به صورت پویا حرکت کنن، و افکت های چشم‌نوازی ایجاد کنن. برخی ویژگی‌های Parallax.js⬇️ 🔵سبک و کم‌حجم کتابخانه Parallax.js فوق‌العاده سبکه که همین امر باعث میشه، به سرعت بارگذاری و اجرا بشه و تأثیر کمی بر عملکرد کلی وبسایت داره. 🔵پیاده‌سازی آسان استفاده از این کتابخانه بسیار ساده هست و نیاز به دانش عمیق جاوااسکریپت نداره. تنها با اضافه کردن چند خط کد می‌تونید افکت‌های پارالاکس رو ایجاد کنید. 🔵سازگاری با مرورگرها این کتابخانه با اکثر مرورگرهای مدرن سازگاره، بنابراین نیازی به نگرانی در مورد ناسازگاری مرورگرها نیست. 🔵پشتیبانی از عناصر مختلف از Parallax.js برای ایجاد افکت در تصاویر، متون، ویدئوها و سایر عناصر HTML، میشه استفاده کرد. 🔵تنظیمات انعطاف‌پذیر این کتابخانه دارای تنظیمات مختلفی هست که به دولوپرا اجازه میده تا رفتار و ظاهر افکت‌ها رو به راحتی کاستوم کنن. برای کسب اطلاعات بیشتر و دسترسی به مستندات کامل، می‌تونید به داکیومنت این کتابخانه مراجعه کنید ⚡️ Document 🌐 #parallax #javascript @CodeMoule

وقتی بالاخره یه باگ رو 5 صبح فیکس میکنی 😂😂 #fun @CodeModule

لینوکس‌یوزری؟ خوبه که به اسکریپت نوشتن با Bash، تسلط کافی داشته باشی 🪴 تو این پست مقاله ای بهتون معرفی میکنم که 50 بش‌اسکریپ خفن و کاربردی رو، معرفی کرده. پیشنهاد میکنم حتما یه سر بزنید. 🔵50 cool Bash scripts! And what they do ... #bashscript #linux @CodeModule

📖 دیگه غلط غلوط ننویس ! اکستنشن Code Spell Checker، به شما کمک میکنه که اشتباه نگارشی تو پروژه نداشته باشید. این اکستنشن خط به خط کد های پروژه رو بررسی میکنه و متونی که غلط های املایی دارن رو مشخص، و حتی شیوه درست املاشون و برای شما شرح میده. برای نصب این اکستنشن، عبارت Code Spell Checker رو در بخش اکستنشن های برنامه Vscode سرچ کنید. 🔥 #vscode #code #extension @CodeModule

شکل سه بعدی مد نظرتو بساز 😎 ادیتور سایت threejs به شما این امکان و میده، با استفاده از محیط گرافیکی ساده، اشکال مختلف، نورپردازی، جریان کار و دیگر فرایندها، به راحتی شکل و اجسام سه‌بعدی رو ایجاد، ویرایش و اکسپورت بگیرید 💀 🔵https://threejs.org/editor/ #threejs @CodeMoule

اینجا همه ترجیح میدیم ربات محسوب بشیم 😂😂 #fun @CodeModule

👨‍💻آشنایی با مفهوم TDD در برنامه نویسی در حوزه توسعه نرم‌افزار، تلاش برای ارائه نرم‌افزار با کیفیت به شیوه‌ای کارآمد، منجر به ظهور تکنیک‌های برنامه‌نویسی مختلف شده. در این میون مفهوم TDD یا Test-Driven Development به یک سنگ بنا تبدیل شده💀 تو این پست به بررسی مفهوم TDD در برنامه نویسی میپردازیم. به زبان ساده، TDD تکنیکی محسوب میشه که در اون تست‌ها قبل از کد واقعی نوشته میشن. این کار با فرض اصلاح کد از طریق چرخه‌ای از نوشتن یک آزمون، تولید حداقل کد برای قبولی در آزمون و اصلاح مجدد کد برای بهبود کار می‌کنه. این حلقه که اغلب محور TDD یا TDD axis نامیده میشه، رویکردیو ارائه میده که تو اون تست‌ها فرآیند توسعه مارو هدایت میکنن. 🔵 چرخه های TDD در توسعه نرم افزار در واقع Red-Green-Refactor اصطلاحیه که برای توصیف گردش کار اولیه یا چرخه‌ای که برای تمرین TDD اساسیه، استفاده میشه. 🧑‍🎓 این چرخه از سه مرحله اصلی تشکیل شده است: 🔴مرحله Red: در این مرحله با نوشتن یک تست مردود شروع می‌کنیم. این تست برای توصیف عملکرد یا بهبود جدیدیه که می‌خوایم اجرا کنیم. 🟢مرحله Green: در مرحله بعد، هدف شما نوشتن حداقل کد لازم برای قبولی در آزمون است و باعث سبز شدن آزمون می‌شود. این کد لازم نیست کامل یا کارآمد باشد، فقط باید کار را انجام دهد. 🟣مرحله Refactor: پس از گذراندن آزمون، می‌توان کد را پاک‌سازی کرد، ساختار، خوانایی یا کارایی آن را بهبود بخشید و رفتار آن را حفظ کرد.این مرحله بر بهبود کد در حالی که به درستی کار خواهد کرد تأکید دارد. 🧐چرا باید از TDD استفاده کنیم؟ استفاده از TDD در برنامه نویسی مزایای بی‌شماری داره. ابتدا با نوشتن تست‌ها، توسعه‌دهنده ها باید به وضوح اونچه رو که می‌خون کد انجام بده مشخص کنن که این ویژگی میتونه افزایش کارایی کد بسیار کمک کنه. TDD همچنین میتونه به یافتن و رفع اشکالات تو مراحل اولیه توسعه کمک کنه، که میتونه هزینه‌های پروژه و افزایش زمان‌بندی رو کاهش بده. علاوه بر این، تأکید بر تست منظم میتونه منجر به یک پایگاه کد با کیفیت بالاتر و پایدارتر با اشکالات کمتر بشه. #TDD #testing #software @CodeModule

تایپ اسکریپت و با این کتاب یاد بگیر! 🥶 در پست های قبلی راجب اهمیت تایپ اسکریپت و ویژگی های کلیدیش صحبت کردیم. امروز میخوام کتابی بهتون معرفی کنم که به طور جامع، تایپ اسکریپت و توضیح و شرح میده💀 Download 🌐 #typescript @CodeModule

درد و نفرین 💔 #fun @CodeModule

📹 یوتیوب دانلودر رایگان و بدون محدودیت ! اگه شما هم مثل من با یوتیوب زیاد کار میکنید، قطعا براتون پیش اومده که به دنبال دانلود یک ویدیو باشید. با استفاده از این ربات این کار به راحتی امکان پذیره! ✅فقط کافیه لینک ویدیو مد نظرتون رو بهش بدید و ویدیو رو با تمام کیفیت ها دانلود، و لذت ببرید ➡️@utuberabot◀️ #tools #youtube @CodeModule

با اعجوبه ای به نام GPT-4o آشنا بشید 🤖 این مدل که همین چند روز پیش معرفی شده، اومده که دنیای هوش مصنوعی رو متحول کنه! مدل GPT-4o ("o" مخفف "omni") گامی به سوی تعامل بسیار طبیعی‌تر بین انسان و کامپیوتر هست. از ویژگی های جذاب این مدل اینه که، هر ترکیبی از متن، صدا و تصویر توانایی پشتیبانی و تولید داره. همچنین به صورت رایگان در دسترس کاربران ChatGPT قرار خواهد گرفت. ویژگی های کلیدی GPT-4o ⬇️ 🔵چندرسانه‌ای: برخلاف مدل‌های قبلی، GPT-4o می‌تونه اطلاعات رو از متن، صدا و عکس به طور همزمان دریافت کنه و بهشون پاسخ بده. این یعنی می‌تونه مکالمات رو به طور طبیعی‌تر و با درک لحن بهتری درک کنه. 🔵قدرتمندتر و سریع‌تر: تست‌ها نشون دادن که GPT-4o از همه مدل‌های فعلی قوی‌تره و دو برابر سریع‌تر از GPT-4-turbo عمل می‌کنه، در حالی که هزینه اون نصفه. 🔵دقیق‌تر: دقت GPT-4o در پاسخ به سوالات به زبان انگلیسی به طور قابل توجهی افزایش پیدا کرده و 50 زبان دیگه از جمله فارسی رو هم به طور دقیق‌تر پشتیبانی می‌کنه. 🔹قابلیت‌های جدید: با GPT-4o می‌تونیم متن، صدا و تصویر تولید کنیم، از Code Analysis استفاده کنیم و به GPT Store به صورت رایگان دسترسی داشته باشیم. 🔵اپ مک: OpenAI یه اپلیکیشن برای مک هم عرضه کرده که بهمون امکان می‌ده به سرعت به GPT-4o دسترسی پیدا کنیم، باهاش مکالمه صوتی داشته باشیم، بهش اطلاعات بدیم و ازش سوال بپرسیم 🔵مکالمه طبیعی: GPT-4o می‌تونه مکالمات رو به طور طبیعی و با تاخیر بسیار کم درک کنه و بهشون پاسخ بده. 🔵ترجمه همزمان: GPT-4o می‌تونه زبان‌های مختلف رو به صورت همزمان ترجمه کنه. این مدل به تدریج در دسترس تمام کاربران قرار خواهد گرفت. آینده در دستان هوش مصنوعی هست🔥 #ai @CodeModule

😈 نحوه استفاده از Regex، در چند زبان مختلف برنامه نویسی عبارات منظم یا Regex، یک مجموعه از الگوها و نمادهای خاصه که برای جستجو، استخراج و تحلیل الگوهای خاص در رشته‌ها (متن‌ها) استفاده میشه. این الگوها می‌تونن الگوهای ساده مثل جستجوی یک کلمه خاص یا الگوهای پیچیده‌تر مثل جستجوی ایمیل‌ها، شماره تلفن‌ها، آدرس‌های اینترنتی و ... باشن. 😎بریم چند مثال از نحوه استفاده و سینتکسش در زبان های برنامه نویسی مختلف برسی کنیم: ⌨️ زبان برنامه نویسی PHP:

<?php
$text = "Hello, World! This is a sample text.";
$pattern = "/\b\w{5}\b/"; // Matches words with exactly 5 characters
preg_match_all($pattern, $text, $matches);
print_r($matches[0]);
?>

✌️ زبان برنامه نویسی JavaScript:

let text = "Hello, World! This is a sample text.";
let pattern = /\b\w{5}\b/g; // Matches words with exactly 5 characters
let matches = text.match(pattern);
console.log(matches);

⌨️ زبان برنامه نویسی Python :

import re

text = "Hello, World! This is a sample text."
pattern = r'\b\w{5}\b' # Matches words with exactly 5 characters
matches = re.findall(pattern, text)
print(matches)

⌨️ زبان برنامه نویسی #C :

using System;
using System.Text.RegularExpressions;

class Program
{
    static void Main()
    {
        string text = "Hello, World! This is a sample text.";
        string pattern = @"\b\w{5}\b"; // Matches words with exactly 5 characters
        MatchCollection matches = Regex.Matches(text, pattern);
        foreach (Match match in matches)
        {
            Console.WriteLine(match.Value);
        }
    }
}

در این مثال‌ها یک الگو Regex برای پیدا کردن کلماتی با طول ۵ حرف در یک متن مشخص، تعریف شده. همچنین میتونید پترن های کاستوم شده تری با توجه به نیازتون بنویسید 🔥 #regex #language @CodeModule

منطق شرکت ها تو گرفتن سفته : 😂😂 #fun @CodeModule

آقای صدا، Howler.js 🔊 کتابخانه Howler.js، یک کتابخانه صدا هست که کار کردن با صدا رو در JavaScript و در تمام پلتفرم‌ها، ساده و قابل اطمینان می‌کنه. این کتابخانه به شما در مواردی مثل پخش صدا و اضافه کردن افکت های صوتی به وب سایت، کمک میکنه. به عنوان مثال پخش صدا زمانی که شما یک پیغام خطا یا یک پیام دیگر رو دریافت میکنید. این قابلیت ها خیلی راحت و با چند خط کد توسط howler در اختیار ما قرار میگیره. حتی میتونید با استفاده از این کتابخانه یک پلیر موزیک هم داشته باشید 💀 ویژگی های کتابخانه Howler.js ⬇️ 🔵پشتیبانی از پخش صداهای مختلف مثل MP3، WAV و OGG 🔵امکان به کار گیری بسیار ساده برای پخش، توقف، توقف موقت و مکث از طریق رابط کاربری خط فرمان 🔵پشتیبانی از قابلیت‌های پیشرفته مثل استفاده از صداها به صورت پویا، تنظیم میزان صدا و موقعیت در صدا، اعمال افکت‌های صوتی و زمان‌بندی دقیق 🔵معماری ماژولار Howler.js به شما کمک میکنه تا به سادگی از این کتابخانه استفاده، و اونو گسترش بدید، در نتیجه میتونید امکانات سفارشی بیشتری اضافه کنید. پیشنهاد میکنم یه سر به داکیومنت این کتابخانه جذاب بزنید ⚡️ Document 🌐 #howler #javascript @CodeModule

🙋‍♂️ چند روش برای عبور از تحریم های داکر ! دولوپرا و مهندسین DevOps ایرانی، با توجه به تحریم های داکر نمیتونن به راحتی با این ابزار کار کنن، در نتیجه زمانی که میخوان ایمیجی رو pull کنن یا اونو به داکر هاب بفرستن، داکر خطایی تحت عنوان ۴۰۳ میفرسته که این خطا به معنای عدم دسترسی یا Forbidden هست. چند روش برای رفع این تحریم ها : 🔢 دریافت یا pull کردن ایمیج با تونل docker.host : تنها با وارد کردن دستور زیر میتونیم ایمیج داکرو دریافت کنیم: 

docker pull docker.host:5000/library/IMAGE-NAME

🔢 استفاده از registry-mirrors توی تنظیمات مربوط به داکر : تو این روش نیازه تو فایل daemon.json، کانفیگ هایی که در ادامه مشاهده میکنید رو اضافه کنیم. برای باز کردن فایل daemon.json باید وارد مسیر های زیر بشید :  💻 در ویندوز :

C:\ProgramData\Docker\config\daemon.json

🍏 در مکینتاش :

USER_HOME/.docker/daemon.json

🍏 در لینوکس :

/etc/docker/daemon.json

بعد از باز کردن فایل، یکی از کانفیگ های زیر رو داخل اون وارد کنید. ⚠️تفاوت خاصی بین این دو کانفیگ وجود نداره: 🔵کافیگ مربوط به docker.iranserver.com:

{ "registry-mirrors": ["https://docker.iranserver.com"] }

🔵کانفیگ مربوط به docker.host:5000:

{"registry-mirrors": ["https://docker.host:5000"] }

بعد از این که یکی از کانفیگ های بالا رو به فایل daemon.json اضافه کردید، باید داکر رو یبار ری استارت کنید. اگر از داکر دسکتاپ استفاده می کنید، از طریق منوی برنامه و اگر از ترمینال استفاده می کنید، با این دستور داکر رو ری استارت کنید:

sudo systemctl restart docker

🔢 استفاده از DNS: تو این روش میتونید از یک DNS، مثل Dns شکن استفاده کنید. با این راهکار ها تا حد امکان میتونید از تحریم ها عبور کنید و کارتون رو به نحو احسنت انجام بدید 🔥 #docker #lockout @CodeModule

✌️ 100 سوال مصاحبه ای جاوا اسکریپت ریپازیتوری های زیر، هر کدوم 100 سوال متداول جاوا اسکریپتی، همراه با پاسخ دارن که بهتون پیشنهاد میکنم حتما یه سر بزنید 🐱 https://github.com/sudheerj 🐱 https://github.com/ganqqwerty 🐱 https://github.com/lydiahallie #js #interview @CodeModule

وقتی که پروژه رو روی هاست دیپلوی میکنم😂: #fun @CodeModule