هیچوقت مثل خودش نمیشه😂😂


#fun
@CodeModule

✌️ کامپایل و بهینه سازی کد های جاوااسکریپتی با JIT

در حوزه انجین های جاوا اسکریپت، شیوه کامپایل Just-In-Time (JIT)، اجرای کد رو متحول کرده و عملکردی رو افزایش میده که زبان های برنامه نویسی dynamic scripting رو به سرعت زبان های کامپایل شده نزدیک میکنه.

کامپایل سازی Just-In-Time تکنیکیه که به موجب اون کد جاوا اسکریپت در runtime به جای (AOT) به کد نیتیو ماشین کامپایل میشه. این رویکرد مزایای تفسیر (flexibility و portability) و کامپایل رو برای بهینه سازی سرعت اجرای کد ترکیب میکنه.

‼️چجوری JIT تو جاوا اسکریپت کار میکنه؟

در حالی که مفسرهای سنتی کد منبع رو مستقیماً (و نسبتاً آهسته) میخونن و اجرا می کنن، موتورهای دارای JIT یک لایه اضافی ایجاد می کنن. موتورهای جاوا اسکریپت مثل V8 (Chrome)، SpiderMonkey (Firefox) و JavaScriptCore (Safari) کد بایت تفسیر شده رو دریافت میکنن و اون رو به سرعت در یک کد ماشینی سریع‌تر و بهینه‌سازی کامپایل می‌کنن که پردازنده می‌تونه کارآمدتر اجرا کنه.

✅مزایای کامپایل به شیوه JIT چیه ؟

🟡Performance Improvements

🟡Platform Independence

🟡On-the-Fly Optimization


کامپایل Just-In-Time یک تغییر بزرگ برای جاوا اسکریپت بوده و به دولوپرا این امکانو میده تا برنامه های کاربردی با کارایی بالا رو بدون از دست دادن راحتی و انعطاف زبان بنویسن. با کامپایل کردن کد در زمان اجرا، کامپایلرهای JIT مانند V8 و SpiderMonkey اطمینان حاصل می کنن که جاوا اسکریپت در دنیای پر سرعت توسعه وب رقابتی باقی میمونه، بدون اینکه دسترسی و تطبیق پذیری اون به خطر بیوفته. با پیشرفت‌های مداوم در فناوری JIT، میشه انتظار داشت که موتورهای جاوا اسکریپت زمان‌های اجرای سریع‌تریو ارائه بدن و همگام با منظره وب در حال تحول باشن.


#js #engine #jit
@CodeModule

نکاتی راجب سئو برای فرانت دولوپرا 💀

سئو خودش دنیای بزرگی داره و زیاد به فرانت کارا مربوط نمیشه، اما این وسط یه سری نکته ها هست که با رعایت کردنشون هنگام کد زدن، باعث میشه سایت ما حرفه ای تر و رتبه بهتری داشته باشه.

تو مقاله زیر، نکاتی راجب استاندارد های سئو در فرانت‌اند، شرح داده شده که پیشنهاد میکنم حتما یه سر بزنید ⚡️


🔵https://radzad.com/seo-standards


#seo #frontend
@CodeModule

🥹 هنوزم وقت زیادی صرف پیدا کردن عکس می‌کنی ؟

سایتی که تو این پست بهتون معرفی میکنم
عکس هایی با کیفیت بالا و با فرمت PNG، همچنین بدون بک گراند برای شما فراهم کرده، که با یک جستجوی ساده میتونید عکس مد نظر خودتون پیدا کنید 🔥

➡️Website◀️

#png #image
@CodeModule

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


#fun
@CodeModule

✌️ 100 سوال مصاحبه ای جاوا اسکریپت

ریپازیتوری های زیر، هر کدوم 100 سوال متداول جاوا اسکریپتی، همراه با پاسخ دارن که بهتون پیشنهاد میکنم حتما یه سر بزنید

🐱 https://github.com/sudheerj

🐱 https://github.com/ganqqwerty

🐱 https://github.com/lydiahallie


#js #interview
@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

آقای صدا، Howler.js 🔊

کتابخانه Howler.js، یک کتابخانه صدا هست که کار کردن با صدا رو در JavaScript و در تمام پلتفرم‌ها، ساده و قابل اطمینان می‌کنه.

این کتابخانه به شما در مواردی مثل پخش صدا و اضافه کردن افکت های صوتی به وب سایت، کمک میکنه. به عنوان مثال پخش صدا زمانی که شما یک پیغام خطا یا یک پیام دیگر رو دریافت میکنید. این قابلیت ها خیلی راحت و با چند خط کد توسط howler در اختیار ما قرار میگیره. حتی میتونید با استفاده از این کتابخانه یک پلیر موزیک هم داشته باشید 💀


ویژگی های کتابخانه Howler.js ⬇️


🔵پشتیبانی از پخش صداهای مختلف مثل MP3، WAV و OGG

🔵امکان به کار گیری بسیار ساده برای پخش، توقف، توقف موقت و مکث از طریق رابط کاربری خط فرمان

🔵پشتیبانی از قابلیت‌های پیشرفته مثل استفاده از صداها به صورت پویا، تنظیم میزان صدا و موقعیت در صدا، اعمال افکت‌های صوتی و زمان‌بندی دقیق

🔵معماری ماژولار Howler.js به شما کمک میکنه تا به سادگی از این کتابخانه استفاده، و اونو گسترش بدید، در نتیجه میتونید امکانات سفارشی بیشتری اضافه کنید.

پیشنهاد میکنم یه سر به داکیومنت این کتابخانه جذاب بزنید ⚡️

Document 🌐

#howler #javascript
@CodeModule

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


#fun
@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

با اعجوبه ای به نام 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

📹 یوتیوب دانلودر رایگان و بدون محدودیت !

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

✅فقط کافیه لینک ویدیو مد نظرتون رو بهش بدید و ویدیو رو با تمام کیفیت ها دانلود، و لذت ببرید

➡️@utuberabot◀️

#tools #youtube
@CodeModule

درد و نفرین 💔


#fun
@CodeModule

تایپ اسکریپت و با این کتاب یاد بگیر! 🥶

در پست های قبلی راجب اهمیت تایپ اسکریپت و ویژگی های کلیدیش صحبت کردیم. امروز میخوام کتابی بهتون معرفی کنم که به طور جامع، تایپ اسکریپت و توضیح و شرح میده💀

Download 🌐

#typescript
@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

اینجا همه ترجیح میدیم ربات محسوب بشیم 😂😂

#fun
@CodeModule

شکل سه بعدی مد نظرتو بساز 😎

ادیتور سایت threejs به شما این امکان و میده، با استفاده از محیط گرافیکی ساده، اشکال مختلف، نورپردازی، جریان کار و دیگر فرایندها، به راحتی شکل و اجسام سه‌بعدی رو ایجاد، ویرایش و اکسپورت بگیرید 💀

🔵https://threejs.org/editor/

#threejs
@CodeMoule

📖 دیگه غلط غلوط ننویس !

اکستنشن Code Spell Checker، به شما کمک میکنه که اشتباه نگارشی تو پروژه نداشته باشید. این اکستنشن خط به خط کد های پروژه رو بررسی میکنه و متونی که غلط های املایی دارن رو مشخص، و حتی شیوه درست املاشون و برای شما شرح میده.

برای نصب این اکستنشن، عبارت Code Spell Checker رو در بخش اکستنشن های برنامه Vscode سرچ کنید. 🔥


#vscode #code #extension
@CodeModule

لینوکس‌یوزری؟ خوبه که به اسکریپت نوشتن با Bash، تسلط کافی داشته باشی 🪴

تو این پست مقاله ای بهتون معرفی میکنم که 50 بش‌اسکریپ خفن و کاربردی رو، معرفی کرده. پیشنهاد میکنم حتما یه سر بزنید.


🔵50 cool Bash scripts! And what they do ...


#bashscript #linux
@CodeModule

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

#fun
@CodeModule

با کتابخانه Parallax بیشتر آشنا بشید 🔥

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


برخی ویژگی‌های Parallax.js⬇️

🔵سبک و کم‌حجم

کتابخانه Parallax.js فوق‌العاده سبکه که همین امر باعث میشه، به سرعت بارگذاری و اجرا بشه و تأثیر کمی بر عملکرد کلی وبسایت داره.

🔵پیاده‌سازی آسان

استفاده از این کتابخانه بسیار ساده هست و نیاز به دانش عمیق جاوااسکریپت نداره. تنها با اضافه کردن چند خط کد می‌تونید افکت‌های پارالاکس رو ایجاد کنید.

🔵سازگاری با مرورگرها

این کتابخانه با اکثر مرورگرهای مدرن سازگاره، بنابراین نیازی به نگرانی در مورد ناسازگاری مرورگرها نیست.

🔵پشتیبانی از عناصر مختلف

از Parallax.js برای ایجاد افکت در تصاویر، متون، ویدئوها و سایر عناصر HTML، میشه استفاده کرد.

🔵تنظیمات انعطاف‌پذیر

این کتابخانه دارای تنظیمات مختلفی هست که به دولوپرا اجازه میده تا رفتار و ظاهر افکت‌ها رو به راحتی کاستوم کنن.


برای کسب اطلاعات بیشتر و دسترسی به مستندات کامل، می‌تونید به داکیومنت این کتابخانه مراجعه کنید ⚡️

Document 🌐

#parallax #javascript
@CodeMoule