Code Module | کد ماژول
1.91K subscribers
357 photos
42 videos
6 files
355 links
Hello World 🌎

<> Earth is programmable if you code it </>

Group 👇🏻
@CodeModuleGap

Contact Us 👇🏻
@MrShahiin
@neoMahan
Download Telegram
دنبال یه اکستنشن می‌گردی که پیشنهاد کد بهت بده؟ بتونی باهاش صحبت کنی و کدت رو دیباگ کنه؟ پس با ۴ اکستنشن زیر آشنا شو 📖


🔵BlackBox

🔵Chat-gpt

🔵Codeium

🔵Tabnine


#ai #vscode
@CodeModule
Please open Telegram to view this post
VIEW IN TELEGRAM
🔥82
این قسمت: داستان های من و کارفرما 😂😂


#fun
@CodeModule
Please open Telegram to view this post
VIEW IN TELEGRAM
😁11
📖 کد هاتو حرفه ای share کن !

با نصب اکستنشن CodeSnap روی ادیتور Vscode، میتونید کد هاتون رو هایلایت شده و به صورت حرفه ای اشتراک گذاری کنید، و از روش های سنتی خلاص بشید 🔥


#extension #vscode
@CodeModule
Please open Telegram to view this post
VIEW IN TELEGRAM
8🔥3
Westley_Knight_UX_for_Developers_How_to_Integrate_User_Centered.pdf
3.5 MB
آموزش UX برای برنامه‌نویسا 🔥

در همه ی سایت ها علاوه بر UX ،UI هم یکی از استاندارد هایی هست که رعایت کردنش خیلی مهم و حیاتی هست ⚡️

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


#book #ux #design
@CodeModule
Please open Telegram to view this post
VIEW IN TELEGRAM
👌7🔥3
هوش مصنوعی مد نظرتو پیدا نمیکنی؟ 🤔

این سایتی که بهتون معرفی میکنم، بالغ بر ۱۰ هزار ابزار هوش مصنوعی معرفی و دسته بندی کرده. پیشنهاد میکنم حتما یه سر بزنید🔥


🔵https://aitoptools.com


#ai
@CodeModule
Please open Telegram to view this post
VIEW IN TELEGRAM
5🔥3
📖 همزمان تگ هارو ادیت کن!

با استفاده از اکستنشن Auto Rename Tag در VsCode، میتونید به صورت همزمان تگ های باز و بسته رو ادیت کنید و روش سنتی دونه دونه ادیت کردن و کنار بذارید. همچنین با این اکستنشن از احتمال بروز باگ جلوگیری میکنید 🏖️


#extension #vscode
@CodeModule
Please open Telegram to view this post
VIEW IN TELEGRAM
🔥5
💻 ران تایم Deno js چیه؟ آیا جایگزین nodeJs محسوب میشه؟

در واقع Deno.js یه محیط Runtime برای اجرای کدهای جاوااسکریپت و تایپ اسکریپت روی موتور V8 گوگل (همون موتوری که nodejs رو اجرا میکنه) هست. Denojs بهشت برنامه نویسای تایپ اسکریپته چرا که اتوماتیک کدهای Typescript رو به Javascript تبدیل میکنه و بعد اجراش میکنه

🔵ران تایم Deno js با زبان برنامه نویسی Rust نوشته شده و با هدف رفع مشکلات Nodejs ساخته شده.


🤟 این ران تایم چه مشکلاتی از Node.js رو رفت کرد ؟

باید بگیم که مشکلاتی مثل Dependecy ها، کتابخانه ها، ماژول ها، ابزار tooling و امنیت رو رفع کرد و یه جورایی رقبایی که بخاطر این مشکلات برای جاوااسکریپت شاخ شدن رو یه بار دیگه از میدون خارج کرد.


مزایای Deno js نسبت به Node js چیه؟

1⃣ امنیت بیشتر Deno js نسبت به nodejs

🔢 کتابخانه استاندارد کامل تر Deno به نسبت کتابخانه پیش فرض Node

🔢 در Deno js هیچ اجباری در استفاده از NPM ندارید

🔢 در deno js نیازی به Package.json نیست تا Dependencyها رو کنترل کنید

🔢 در Deno js نیازی به Node_modules نیست

🔢 استفاده از تایپ اسکریپت به صورت مستقیم.


🧐آیا Denojs جایگزین Nodejs میشه؟

چون Deno js نسبتا تازه معرفی شده و نسخه رسمیش ۴ ساله که اومده برای اثبات خودش نیاز به گذر زمان بیشتری داره تا بیشتر جواب پس بده و این مواردی که گفته شد بر اساس مستندات و گفته های توسعه دهنده هاشه.

⚠️نکته بعدی اینه که میلیون ها پکیج و کتابخانه برای Nodejs وجود داره اما هیچ کدوم برای استفاده از دینو استاندارد نشدن و شاید بیشتر زمان نیاز داره تا این اتفاق بیوفته. پس اینکه بگیم Deno.js جایگزین Node میشه شاید بیشتر زمان ببره تا همه انتظارات node در deno براورده بشه.


#denojs #runtime #js
@CodeModule
Please open Telegram to view this post
VIEW IN TELEGRAM
🔥73
مسأله های ریاضی با کتابخانه MathJs ⚡️

کتابخانه Math.js، یک کتابخانه جاوااسکریپتیه که امکان انجام عملیات ریاضیاتی پیشرفته رو در محیط مرورگر و یا Node.js فراهم می‌کنه. این کتابخانه امکاناتی مثل محاسبات عددی، جبر خطی، توابع ریاضیاتی پیچیده، اعمال ماتریسی و بسیاری از عملیات ریاضیاتی دیگه رو فراهم میکنه.

برخی از توابع این کتابخانه ⬇️

🔵evaluate
🔵simplify
🔵derivative
🔵integral
🔵subset
🔵transpose
🔵format

در صورتی که یک مسأله ریاضی خاص داخل پروژتون داشتید، به راحتی میتونید با این کتابخانه حلش کنید. در صورت تمایل به داکیومنتش سر بزنید 🔥


Document 🌐

#math
@CodeModule
Please open Telegram to view this post
VIEW IN TELEGRAM
6🔥1👌1
Good Night 🌑

اگه مردم به اهدافت نخندن، حتما اهداف خیلی کوچیکی داری.


@CodeModule
👌10🔥3
هیچوقت مثل خودش نمیشه😂😂


#fun
@CodeModule
Please open Telegram to view this post
VIEW IN TELEGRAM
😁15
✌️ کامپایل و بهینه سازی کد های جاوااسکریپتی با 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
Please open Telegram to view this post
VIEW IN TELEGRAM
🔥82
نکاتی راجب سئو برای فرانت دولوپرا 💀

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

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


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


#seo #frontend
@CodeModule
Please open Telegram to view this post
VIEW IN TELEGRAM
🔥8
🥹 هنوزم وقت زیادی صرف پیدا کردن عکس می‌کنی ؟

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

➡️Website◀️

#png #image
@CodeModule
Please open Telegram to view this post
VIEW IN TELEGRAM
9❤‍🔥4🔥4
This media is not supported in your browser
VIEW IN TELEGRAM
وقتی که پروژه رو روی هاست دیپلوی میکنم😂:


#fun
@CodeModule
Please open Telegram to view this post
VIEW IN TELEGRAM
😁6
✌️ 100 سوال مصاحبه ای جاوا اسکریپت

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

🐱 https://github.com/sudheerj

🐱 https://github.com/ganqqwerty

🐱 https://github.com/lydiahallie


#js #interview
@CodeModule
Please open Telegram to view this post
VIEW IN TELEGRAM
🔥8👌4
🙋‍♂️ چند روش برای عبور از تحریم های داکر !

دولوپرا و مهندسین 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
Please open Telegram to view this post
VIEW IN TELEGRAM
🔥113👌2
آقای صدا، Howler.js 🔊

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

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


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


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

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

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

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

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

Document 🌐

#howler #javascript
@CodeModule
Please open Telegram to view this post
VIEW IN TELEGRAM
❤‍🔥10👌5🔥4😁2
منطق شرکت ها تو گرفتن سفته : 😂😂


#fun
@CodeModule
Please open Telegram to view this post
VIEW IN TELEGRAM
😁14
😈 نحوه استفاده از 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
Please open Telegram to view this post
VIEW IN TELEGRAM
9🔥3😁1💔1
با اعجوبه ای به نام 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
Please open Telegram to view this post
VIEW IN TELEGRAM
🔥13👌3💔1