۵ نکته برای نوشتن کد تمیز و خوانا ⚡️

1️⃣از اسم های مشخص و معنا دار برای نام گذاری فانکشن و متغیر ها استفاده کنید

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


2️⃣هر فانکشن باید وظیفه و تسک مشخصی داشته باشه

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


3️⃣استفاده از یک قالب‌بندی ثابت

خوندن یک کتاب که در اون پاراگراف‌ها از اندازه‌های مختلفی برخوردارن، فونت‌ها با هم فرق می‌کنن، فواصل ناسازگار و … واقعا عذاب آوره. چنین مسئله‌ای در کدنویسی هم وجود داره.
برای اینکه بتونید کدهای تمیز با خوانایی بالا داشته باشید، مطمئن بشید که فواصل، قالب‌بندی کلی و… سازگار با همدیگه هستن و با هم تفاوت ندارن.


4️⃣فانکشن‌ها باید کوتاه باشن

اگر تعداد خط‌های فانکشن شما زیاده، بهتره بازم اونو ماژول بندی، و از فانکشن های کمکی دیگه ای واسه کوتاه کردنش استفاده کنید.


5️⃣تعداد کامنت‌ها رو کم کنید

کامنت‌ها برای توضیح کار فانکشن ها و کلاس‌ها و… استفاده میشن اما اگه برای مثال، فانکشن های شما از اسم‌های توصیفی و معنا داری استفاده کنه و برای دیگران قابل درک باشه، دیگه نیازی به کامنت نیست :))


#tip #clean_code
@CodeModule

بک گراند های جذاب با Particle.js 🔥

با استفاده از کتابخانه Particle.js، میتونید بک گراند های متحرک و تعاملی ایجاد کنید.

همچنین بک گراند های این کتابخانه قابلیت کاستوم شدن داره و شما میتونید، اشکال و با سایز و رنگ های مختلف برای هر قسمت از سایتتون که خواستید ست کنید.

بهتون پیشنهاد میکنم یه سر به داکیومنتش بزنید


Document 🌐

#partcleJs #animation
@CodeModule

Good Night 🌚✨

به آغاز اعتماد نکن، حقیقت در پایان اتفاق می‌افتد.


@CodeModule

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

تو این سایت شما میتونید با بازی کردن در یک مزرعه، کل 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