🎮 بازی کن، یاد بگیر !

تو این سایت شما میتونید با بازی کردن در یک مزرعه، کل CSS Grid و مثل آب خوردن یاد بگیرید 😉

حتما بهش سر بزنید 🔥

➡️Website◀️

#css #grid
@CodeModule

واکنشم به پکیج فروشا، وقتی که وعده میلیاردر شدن تو ۶ ماه با برنامه نویسی میدن😂:


#fun
@CodeModule

📆ابزار Gulp چیه ؟

در واقع Gulp یک تولکیت متن باز و رایگانه که توسط آقای Eric Schoffstall به زبان جاوا اسکریپت نوشته شده. Gulp یک Build System یا Task Manager برای محیط Node.Js و پکیج منیجر npm هست.

🔴تولکیت Gulp چه کارایی هایی داره ؟

به کمک Gulp میشه یک سری کارهای تکراری و زمان‌برو به صورت اتوماتیک انجام داد. به این ترتیب کار برنامه نویس کمی سبک‌تره و سرعت اجرای پروژه تا حد زیادی بالا میره. کارهایی مثل فشرده سازی کدها، بهینه سازی، Unit Testing، تبدیل فایل Sass به CSS، فشرده کردن تصاویر، ساخت محیط لوکال هاست و ... به کمک Gulp به ساده‌ترین شکل ممکن انجام میشن.

کافیه Gulp رو نصب کنیم تا این ابزار کارهای این چنینی رو برای ما به صورت اتوماتیک انجام بده.

⚡️به طور کلی با Gulp میتونید کارهای زیر رو انجام بدید:

✅فایل‌ها را به راحتی جا به جا کنید (مثلا از پوشه Project به پوشه Web)

✅فایل‌ها را به راحتی با هم ادغام کنید

✅نوع فایل‌ها را تغییر دهید (مثلا تبدیل فایل Less به CSS)

✅فایل‌ها را بهینه کنید ( شامل فایل‌های CSS، جاوا اسکریپت، تصاویر و غیره )
و ...

برای یادگیری این تولکیت میتونید به داکیومنتش مراجعه کنید 🔥

Document 🌕

#gulp #toolkit
@CodeModule

دنبال یه اکستنشن می‌گردی که پیشنهاد کد بهت بده؟ بتونی باهاش صحبت کنی و کدت رو دیباگ کنه؟ پس با ۴ اکستنشن زیر آشنا شو 📖


🔵BlackBox

🔵Chat-gpt

🔵Codeium

🔵Tabnine


#ai #vscode
@CodeModule

این قسمت: داستان های من و کارفرما 😂😂


#fun
@CodeModule

📖 کد هاتو حرفه ای share کن !

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


#extension #vscode
@CodeModule

آموزش UX برای برنامه‌نویسا 🔥

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

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


#book #ux #design
@CodeModule

هوش مصنوعی مد نظرتو پیدا نمیکنی؟ 🤔

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


🔵https://aitoptools.com


#ai
@CodeModule

📖 همزمان تگ هارو ادیت کن!

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


#extension #vscode
@CodeModule

💻 ران تایم 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

مسأله های ریاضی با کتابخانه MathJs ⚡️

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

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

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

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


Document 🌐

#math
@CodeModule

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


#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