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
قطعا همتون با Cdn ها آشنا هستید اما به صورت تخصصی چیه و چه کاری انجام میده؟🧐


در اصل CDN مخفف Content Delivery Network میباشد و وظیفه اون رسوندن و توزیع محتوا و اطلاعات شما به سرور بازدیدکننده سایت هست.
با استفاده از این سیستم، سرعت ارسال اطلاعات به بازدیدکنندگان سایت افزایش پیدا می‌کنه و زمان بارگذاری صفحات تا حد زیادی کاهش پیدا می‌کنه.


مزایای استفاده از CDN چیه ؟

1⃣ ارتباط و همخوانی راحت با مدیریت محتوای وردپرس

2⃣ بهبود وضعیت سئو سایت

3⃣ سرعت بیشتر سایت و افزایش رضایت بازدیدکنندگان

4⃣ افزایش تعداد صفحات بررسی شده در روز توسط ربات های گوگل

5⃣ کاهش مصرف پهنای باند و ترافیک هاست


تاثیر CDN بر روی عملکرد سایت چطوره ؟

◀️ شبکه توزیع محتوا یا همان CDN تمامی سرورهای شبکه جهانی اینترنت رو پوشش میده. بنابراین زمانیکه شما این سیستم رو برای سایتتون فعال میکنین، اطلاعات شما روی تمامی این سرورها کپی و ذخیره میشه و زمانیکه یک بازدیدکننده به سایت یا وبلاگ شما وارد میشه محتوای سایت شامل تصاویر و متون رو از نزدیک ترین سرور دریافت میکنه و مستقیما به هاست یا سرور شما وصل نمیشه. این کار موجب بهبودی قابل توجهی تو عملکرد سایت شما داره.

◀️ در اصل CDN تمام اطلاعات ثابت شما مثل تصاویر، کدهای CSS و javascript و فایلهای ویدئویی شمارو پشتیبانی میکنه و تنها اطلاعاتی که قابل تغییر و بروزرسانی هستن مثل متون و کدهای HTML از سرور اصلی شما کال میشن. با این کار مصرف پهنای باند هاست شما کاهش پیدا میکنه و هزینه ای که سالانه بابت اون میدید کاهش چشمگیری خواهد داشت.

◀️ تفاوت سرعت و عملکرد برای خودتون یا افرادی که در نزدیکی سرور اصلی شما هستند آنچنان تفاوت زیادی نداره، ولی برای کسایی که از خارج از کشور به سایت شما وارد میشن این افزایش سرعت ناشی از CDN کاملا محسوسه. با توجه به اینکه سایتهای ایرانی معمولا سرور و هاستشونو از خارج و کشورهایی مثل آلمان و آمریکا تهیه میکنند و عموم بازدیدکنندگان از داخل کشور هستن، استفاده از CDN میتونه خیلی موثر باشه.


#cdn #web #performance
@CodeModule
Please open Telegram to view this post
VIEW IN TELEGRAM
🔥84
آشنایی با فریم ورک Tailwind CSS و مقایسه اون با Bootstrap 💀

فریم ورک Tailwind یک فریمورک CSS مبتنی بر ایده utility-first هست که تو مدت کوتاهی تونسته طرفدارای بسیار زیادی و پیدا، و محبوبیت زیادی و کسب کنه. دادن قابلیت توسعه سریع به افراد برای طراحی و توسعه رابط کاربری یکی از دلایل بالا رفتن میزان محبوبیت این فریم ورک هست.

مزایای فریم ورک Tailwind

1️⃣ کنترل روی استایل‌دهی به المان‌ها

سیستم Tailwind یک استایل پیشفرض برای المان‌ها نداره و شباهتی تو این زمینه با سایر فریم ورک ها نداره. به همین دلیل شما می‌تونید کنترل کامل روی ظاهر المان‌ها داشته باشید.

2️⃣ پروسه استایل‌دهی سریع‌تر

زمانیکه بحث به استایل‌دهی به المان‌های HTML میرسه هیچ فریمورکی نمی‌تونه به سرعت Tailwind این کار و برای شما انجام بده. نتیجه این موضوع خروجی گرفتن سریع کاربر از المان‌های HTML میشه.

3️⃣ رسپانسیو

تمام المان‌ها و استایل‌های مربوط به Tailwind بصورت رسپانسیو شده به شما ارائه میشه. به همین دلیل این فریمورک از میزان رسپانسیو و Mobile first بودن بالایی برخوردار هست.

4️⃣ کتابخانه های کاربردی

خیلیا معتقدن Bootstrap به دلیل داشتن کامپوننت های آماده، یه پله از Tailwind جلو تره.
اتفاقا کتابخانه های کاربردی زیادی تو این بحث برای Tailwind وجود داره که کامپوننت های آماده و به ما تحویل میدن.
بین این کتابخانه ها Flowbite و بهتون پیشنهاد میکنم.

فرق بین Tailwind با Bootstrap چیه؟

فریم ورک Bootstrap برای طراحی و توسعه صفحات وب سمت کاربر به صورت واکنش گرا محسوب میشه.
این فریم ورک رایگان و اپن-سورسه که با استفاده از کلاس ها و کامپوننت های از پیش آماده شده باعث تسریع روند توسعه میشه. در مقابل،‌ Tailwind محبوب ترین فریم ورک CSS با ایده ی Utility-first برای توسعه سریع رابط کاربری محسوب میشه 👨‍💻

آیا Tailwind از Bootstrap بهتره؟

اگه پروژه شما نیاز به شخصی سازی زیادی داره، یا از یک تم تکراری استفاده نمی کنید و علاقه بیشتری به CSS و خلاقیت دارید، Tailwind گزینه بهتری هست.


در پایان اگه Tailwind و در مقابل Bootstrap قرار بدیم، متوجه میشیم که هر دو مزایا و معایب خودشون و دارن. Tailwind برای توسعه دهندگان باتجربه که می‌خوان کنترل کاملی بر طرح های خود داشته باشن، عالیه. Bootstrap برای مبتدیانی که میخوان سریع شروع به کار کنن انتخاب بهتریه.


Tailwind Document 🌐

#bootstrap #tailwind
@CodeModule
Please open Telegram to view this post
VIEW IN TELEGRAM
🔥5👌53
افزودن جادو به وبسایت با کتابخانه GSAP

یکی از کتابخانه های قدرتمند جاوااسکریپتی برای استفاده از انیمیشن در صفحات HTML، کتابخانه GSAP هست.

این کتابخانه قابلیت ایجاد انیمیشن برای هر المانی در صفحه، مثل div ها و svg ها رو داره. از ویژگی های GSAP که اونو نسبت به سایر کتابخانه های جاوااسکریپتی قدرتمند تر می‌کنه میشه به موارد زیر اشاره کرد⬇️

1️⃣ سادگی و راحتی در استفاده

2️⃣ سرعت و کیفیت اجرای بالا

3️⃣حجم بسیار کم کتابخانه

4️⃣ وجود افزونه های متنوع برای کارهای مختلف

5️⃣ مستندهای خوب و جامع

6️⃣ وجود مثال و نمونه کد های فراوان

7️⃣ جامعه کاربری (community) خوب


برای استفاده از این کتابخانه در پروژه خود میتونید از یکی از روش‌های زیر استفاده کنید⬇️

🔵 استفاده از CDN
🔵 نصب توسط npm (یا yarn)

برای اتصال کتابخانه به پروژه خودتون با استفاده از cdn، میتونید از کد زیر استفاده کنید

<script src="https://cdnjs.cloudflare.com/ajax/libs/gsap/3.2.6/gsap.min.js"> 
</script>


برای نصب این کتابخانه با استفاده از npm هم میتونید دستور زیر و در ترمیتال پروژه خود وارد کنید

npm install gsap


بدون شک GSAP یکی از قدرتمندترین کتابخانه های جاوااسکریپتی موجود برای استفاده از انیمیشن در صفحات html هست. برای آشنایی بیشتر با این کتابخانه بهتون پیشنهاد میکنم به داکیومنت این کتابخانه مراجعه کنید.

Document 🌐

#animation #gsap
@CodeModule
Please open Telegram to view this post
VIEW IN TELEGRAM
🔥93
یه سایت کاربردی برای حذف بک گراند اضافی
عکس ها
🔥

🔵 سایت Carve Photos سرویسی برای حذف پس زمینه از تصاویر ارائه میده که به راحتی با رقیب محبوب خود، یعنی RemoveBG رقابت می‌کنه و تمام جزئیات تصاویر رو با دقت بالا برش میده.

🔵 اما جذاب ترین قابلیت این سایت که اونو از رقیب خودش یعنی RemoveBG متمایز می‌کنه اینه که این امکان رو به شما میده تا به صورت کاملاً رایگان تمام تصاویرتون رو با کیفیت HD دانلود کنید.


carve.photos 🌐

#tools #ai
@CodeModule
Please open Telegram to view this post
VIEW IN TELEGRAM
🔥105
داکر (docker) چیه و چه کاربردی داره؟ 🐳


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


داکر چجوری کار می‌کنه ؟

داکر براساس معماری کلاینت-سرور کار می‌کنه. این سرویس شامل کلاینت ، میزبان و رجیستری داکره. کلاینت برای اجرای دستورات مختلف کاربرد داره و هاست نیز وظیفه اجرای Daemon رو برعهده داره. در رجیستری نیز Imageهای داکر نگه‌داری می‌شن. کلاینت داکر از طریق REST API با daemon ارتباط برقرار می‌کنه و از این طریق می‌تونین کانتینرهای داکر رو ایجاد، اجرا و توزیع کنید. هم کلاینت و هم daemon رو می‌تونین روی یک سرور اجرا کنین و یا به صورت ریموت اونها رو روی دو سرور مجزا اجرا کنین.


داکر چه کاربرد هایی داره؟

1️⃣ توسعه سریع و پایدار نرم‌افزارهای مختلف

2️⃣ اجرا و مقیاس‌بندی واکنش‌گرا

3️⃣ اجرای حجم کاری بیشتر روی سیستم

4️⃣ استفاده از دیتابیس‌های زودگذر

5️⃣ ابزارهای یکبار مصرف

6️⃣ اجرای کامل دسته‌های نرم‌افزاری



یادگیری داکر برای تمامی حوزه های توسعه نرم افزار (فرانت اند ، بک اند و ....) کم کم تبدیل به امری ضروری داره میشه، جدا از محدودیت هایی که ما توی ایران برای استفاده ازش داریم. پس حتما به داکیومنت این پلتفرم خفن سر بزنین.


Document 🌐

#docker #software #platform
@CodeModule
Please open Telegram to view this post
VIEW IN TELEGRAM
🔥114👌4
لینکدین چیه و چرا باید جدیش بگیریم؟ 🖥

اکثر افرادی که بخشی از دنیای بیزینس و برنامه نویسی هستن پروفایل لینکدین دارن. احتمالا اونا هم اینو شنیدن که پیوستن و استفاده از لینکدین برای شبکه سازی و در صورت لزوم پیدا کردن شغل و پروژه جدید خیلی مهمه.

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


5 دلیل برای استفاده از لینکدین⬇️

1️⃣ شبکه سازی

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

2️⃣ استخدامی

لینکدین برای ارتباط با کارفرماها راه خوبی هست. طبق آمار بیش از 87٪ از کارفرماها به طور منظم از لینکدین برای پیدا کردن نامزدهای جستجوی شغل فعال و غیرفعال استفاده می‌کنن و 35.5 میلیون نفر توسط شخصی که با اون در لینکدین ارتباط دارن استخدام شدن.

3️⃣ منبعی برای تحقیق

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

4️⃣ رزومه

پروفایل شما در لینکدین در اصل یک رزومه کامل حساب میشه. زمانی که برای شغلی میخواید رزومه بفرستید می‌تونید آدرس پروفایل لینکدینتون و در ایمیل یا در نامه پوششی خود ذکر کنید. حتی یه سری از وبسایت‌های کاریابی قسمتی برای اتصال پروفایل لینکدین کاربران به سایت خود دارن.

5️⃣ برندینگ

با اشتراک گذاری مقالات و نظریه هاتون، میتونید خودتون رو به عنوان یه حرفه ای در زمینه فعالیتتون معرفی کنید.

برای کمک به اعتبار بخشیدن به این موضوع، از تأییدیه‌ها (endorsements) و توصیه‌ها (recommendations) استفاده کنید. این ویژگی‌ها به شما کمک می‌کنه که نشون بدید متخصصان معتبر در این زمینه شما رو یه متخصص ماهر می‌دونن.



لینکدین برای همه مفیده!
چه کسایی که دنبال شغل مناسبن، چه کسایی که دنبال نیروهای بامهارت هستن.
داشتن یک پروفایل لینکدین به پیدا کردن پوزیشن های شغلی مختلف، کانکشن و پروژه های جدید کمک می‌کنه😎


#linkedin
@CodeModule
Please open Telegram to view this post
VIEW IN TELEGRAM
🔥82
This media is not supported in your browser
VIEW IN TELEGRAM
وقتی ۸ ساعت رو کدت کار کردی ولی هنوز باگ داره و الان هم ساعت ۳ صبحه 😰


#fun
@CodeModule
Please open Telegram to view this post
VIEW IN TELEGRAM
💔8😁5❤‍🔥4
ری اکت کوئری و هر چیزی که باید راجبش بدونیم!


ری اکت کوئری یکی از قدرتمندترین کتابخانه های React هست که به ما در زمینه Data-Fetching و State Management کمک میکنه. البته کتابخانه React Query به همین 2 قابلیت ختم نمیشه و مزایای بیشتری داره ک در ادامه با اون ها آشنا میشیم 🔥

در حقیقت React Query یک کتابخانه ری اکتی هست و در پروژه هایی که با React یا Next.js توسعه داده شدن ، قابلیت استفاده داره.

اما ری اکت کوئری چه مزایایی داره ؟


‼️ امکان Fetch کردن اطلاعات از سرور

‼️ امکان کش کردن اطلاعات دریافت شده

‼️ بروزرسانی خودکار اطلاعات

‼️ قابلیت صفحه بندی یا Pagination

‼️ بهبود Performance پروژه

‼️ سازگاری کامل با تایپ اسکریپت

‼️ امکان مدیریت خطا و لودینگ


به جرئت میشه گفت که ری اکت کوئری برای همه پروژه های ری اکت ضروریه ! چون عملیات دریافت اطلاعات از سرور ، کش کردن اون اطلاعات و بروزرسانی اون اطلاعات رو برای ما خیلی ساده انجام میده و مدیریت میکنه.

برای یادگیری این کتابخونه خفن میتونید به داکیومنتش مراجعه کنید.

Document 🌐

#library #react_query
@CodeModule
Please open Telegram to view this post
VIEW IN TELEGRAM
🔥8👌42
تو کمتر از 1 دقیقه هر وب سایتی که دوست داشتی و به طرح Figma تبدیل کن 🎨

پلاگین html.to.design یک ابزار کاربردیه که شامل یک افزونه فیگما و یک افزونه کروم هست و می‌تونه هر وب‌سایتی و به طرح های آماده فیگما تبدیل می‌کنه 😎

نکته قابل توجه اینه که تو ماه، فقط ۱۲ بار میتونید از این پلاگین به صورت رایگان استفاده کنید و در صورت نیاز به استفاده بیشتر باید اشتراک تهیه کنید.


#plugin #tools #figma
@CodeModule
Please open Telegram to view this post
VIEW IN TELEGRAM
5❤‍🔥4👌4
با رقیب جدید Node.js آشنا بشید 🌟

این رقیب که اسمش Bun.js هست به وسیله فردی به نام «جارِد سامنر» (Jarred Sumner) با استفاده از زبان برنامه نویسی «Zig» ایجاد شده. هدف اصلی Bun.js ارائه پلتفرمی برای اجرای جاوا اسکریپت در خارج از مرورگر، مشابه Node.js و «Deno.js» هست اما Bun.js سرعت و پیچیدگی بیشتری نسبت به اونا ارائه میده.

ران تایم Bun با بهینه‌سازی اصل داخلی جاوا اسکریپت یا همون JavaScriptCore سعی کرده تا میزان کارایی بسیار بالاییو ارائه بده. در نتیجه چیزی که شاهد هستیم که Performance خیلی بهتر به نسبت جاوا اسکریپته.
همچنین Bun همراه با یک پکیج منیجر، یک transpiler و یک bundler عرضه میشه.


ابزارهای همراه Bun

همونطور که گفته شد Bun همراه با سه ابزار اصلی و ضروری برای توسعه اپلیکیشن‌ها عرضه میشه.

🔵 یک Bundler که به شما این اجازه رو میده تا بتونید چندین فایل جاوا اسکریپتی رو در کنار همدیگه قرار داده و اونارو با همدیگه ترکیب کنین.

🔵 یک Task Runner که به شما تو انجام دادن کارهای تکراری کمک می‌کنه و استفاده از ابزارهای موجود در این زمینه مثل grunt.js بی نیاز می‌سازه.

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


آيا Bun از Node سریع تره؟

این سوالیه که جواب اون ممکنه به شدت شمارو شوکه کنه. Bun سه برابر از Node.js و حدود چهار برابر از Deno سریع‌تره. این آمار زمانی که از دیتابیس کوئری گرفته شده و با فریمورک React مشغول انجام Server-Rendering بودن دریافت شده. دلیل اصلی این موضوع وجود جایگزین بهتری برای موتور قدیمی V8 Chrome هست. در ساخت Bun از وب کیت مربوط به JavaScriptCore استفاده شده که به عنوان یکی از هسته‌های اصلی جاوا اسکریپت شناخته میشه.


اطلاعات بیشتر راجب Bun.js و میتونید داخل داکیومنتش مطالعه کنید⬇️

Document 🌕

#js #runtime #performance
@CodeModule
Please open Telegram to view this post
VIEW IN TELEGRAM
🔥82
Please open Telegram to view this post
VIEW IN TELEGRAM
❤‍🔥5
چگونه تبدیل به یک فریلنسر موفق بشیم؟ 🤔

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


1⃣ قدرت نه گفتن

بعضی موقعا میبینیم که یکسری از فریلنسر ها برای دریافت پروژه تن به هر دستمزدی میدن !
بیا این کار ارزش خودتون و پایین میارید و به جز ظلم به خودتون کار دیگه ای نکردید.
پس قبول کردن پروژه با دستمزد کم اشتباهه.


🔢 داشتن یک وبسایت یا portfolio

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


🔢 فعالیت تو شبکه های اجتماعی

با فعالیت مفید (تولید محتوا در مورد تخصص خود) تو شبکه های اجتماعی مثل لینکدین هم میتونید نظر کارفرمایان و به خودتون جلب، و پروژه و موقعیت های استخدامی خوبی بدست بیارید.


🔢 خوش قولی

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


🔢 کانکشن سازی و ارتباطات خوب

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


🔢 نوشتن قرارداد

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




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


#freelancer
@CodeModule
Please open Telegram to view this post
VIEW IN TELEGRAM
🔥10👌32
متا تگ های کاربردی HTML که هر فرانت کاری باید بدونه! 🖐

متا تگ ها تو بحث سئو بسیار مهم و کاربردین، چرا که راهنمایی برای موتورهای جستجو مثل گوگل هستن تا بتونن درک درستی از صفحات سایت ما داشته باشن.


تو این پست چند تا از این متا تگ هارو با هم بررسی میکنیم⬇️


🔵 متا تگ description

این متا تگ برای وارد کردن توضیحات برای نتایج جستجو مورد استفاده قرار میگیره. این متاتگ نهایتا باید 150 کلمه باشه.

<meta name="description" content="150 words"/>


🔵متا تگ keywords

ارائه کلمات کلیدی مربوط به محتوای صفحه به موتورهای جستجو با استفاده از این متا تگ انجام میشه.

<meta name="keywords" content="your, keywords"/>


🔵متا تگ author

این متا تگ شامل اطلاعات مختلفی مثل اسم ، شماره تماس، آدرس، ایمیل و… از نویسنده سایت هست.

<meta name="author" content="name, email@hotmail.com" />


🔵متا تگ copyright

این متا تگ برای مشخص کردن حق تالیف سند مورد استفاده قرار میگیره.
متاتگ کپی رایت باید به اسم صاحب اثر (شخص یا شرکت) باشه.

<meta name="copyright" content="company_name" />


🔵متا تگ robots

متا تگ robots ایندکس شدن یا نشدن صفحه توسط ربات های گوگل و دنبال کردن لینک ها رو توسط آنها مشخص میکنه.

<meta name="robots" content="index, follow" />


🔵متا تگ viewport

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

<meta name="viewport" content="width=device-width, initial-scale=1.0">


🔵متا تگ Charset

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

<meta charset="UTF-8">



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


#html #seo
@CodeModule
Please open Telegram to view this post
VIEW IN TELEGRAM
❤‍🔥84👌2
از مزاحما عکس بگیر! 🥷

⚪️اگه فکر میکنی بعضی اوقات کسی بی اجازه میره سراغ گوشیت و رمزت رو امتحان می‌کنه، حتما لازمه که این اپلیکیشن رو نصب کنی. با نصب این برنامه هرکسی که بی‌اجازه بره سراغ گوشی و اقدام به ورود کنه یه عکس به صورت خودکار ازش ثبت میشه.

⚪️استفاده ازش هم کاری نداره، فقط کافیه وارد برنامه بشید و دکمه power و بزنید و دستگاهتون رو قفل کنید.

دانلود اپلیکیشن 🧑‍🦽

#tools #security
@CodeModule
Please open Telegram to view this post
VIEW IN TELEGRAM
🔥5👌3💔1
Please open Telegram to view this post
VIEW IN TELEGRAM
😁12
‼️ احتمالا اسم backdoor توی دنیای امنیت سایبری به گوشتون خورده، اما دقیقا چیه و چرا هکرا ازش استفاده میکنن ؟


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

شما می تونین بکدور رو تو قسمت های مختلفی مثل موارد زیر بزارید:

◀️فایل های درون سرور
◀️دیتابیس سایت
◀️سرویس های سرور
◀️ایجاد سرویس جدید برای اتصال

برخلاف سایر اختلال های سایبری که خوشونو به کاربر می شناسونن، backdoor به سختی شناخته میشن و معمولا به راحتی از بین نمیره.

بکدور ها میتونن از چند طریق مختلف اتفاق بیفتن. در صورت بروز بدافزار یا در حین تولید سخت افزار یا نرم افزار، این backdoor به وجود میاد.

بدافزارهای حاوی Backdoor معمولاً به عنوان Trojan طبقه بندی میشن. (تروجان یک برنامه کامپیوتری مخربه که به منظور تحویل نرم افزارهای مخرب، سرقت داده ها یا باز کردن یک درب پشتی به صورت مخفیانه در سیستم شما عمل میکنه)


💜 هکرها با Backdoor چه کاری می تونن انجام بدن؟

هکرها می تونن از یک Backdoor برای نصب همه نوع بدافزارها روی کامپیوتر شما استفاده کنن و ضرر های سنگینی به شما بزنن.

⚡️ چجوری در برابر backdoor ها امن بمونیم ؟

برای امنیت در برابر بکدور ها می تونین از اسکنر های بکدور استفاده کنین و یا در صورت دسترسی، از آنتی ویروس ها و آنتی شلر ها استفاده کنین تا درصد اتفاق افتادنش رو کاهش بدید.


#security #hacking
@CodeModule
Please open Telegram to view this post
VIEW IN TELEGRAM
🔥42
Good Night 🌚

"خاطره ها تو رو به عقب برميگردونن اما رويا ها تو رو به جلو ميبرن."

@CodeModule
Please open Telegram to view this post
VIEW IN TELEGRAM
🔥63❤‍🔥3
چجوری یک قرارداد کاری درست درمون با کارفرما بنویسیم ؟ 🔵

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

چرا باید قرارداد برنامه نویسی بنویسیم؟

این سوال یکی از رایج‌ترین مسائلیه که در میون اغلب فریلنسر‌ها پیش میاد و گفته میشه که آقا ما نمی‌تونیم بدون داشتن یک قرارداد برنامه نویسی، پروژه ای رو انجام بدیم؟

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

فسخ یک طرفه قرارداد از جانب کارفرما یا مجری

دریافت وجه از جانب مجری و پیش نبردن پروژه

تعویق در پرداخت از جانب کارفرما

تعویق پروژه از جانب مجری

اختلافاتی در فرایند پروژه که منجر به دلخوری خواهد شد

زیر بار نرفتن یکی از طرفین برای انجام وظایفی که قبلا با هم درباره اون صحبت شده بود

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

ویژگی یک قرارداد برنامه نویسی خوب چیه؟

بالاتر در رابطه با الزام قراردادنویسی صحبت کردیم و گفتیم نداشتن یک قرارداد خوب چقدر می‌تونه اثر منفی بر روی فرایند پروژه شما بزاره، حال در اینجا به این مسئله می‌پردازیم که ویژگی یک قرارداد برنامه نویسی خوب چیه؟

◀️شرح کامل وظایف

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

◀️قراردادن عنوان حل اختلاف

تو اغلب قراردادهای کاری وجود اختلاف یه چیز طبیعیه، اما اگر قبل از قرارداد پیش بینی‌های لازمو جهت حل اختلاف نکرده باشین احتمالا به چالش هایی بر میخورید، برای اینکار لازمه که از یک حَکَم(مرضی الطرفین) که مورد اعتماد طرفین قرارداده برای اینکار استفاده کنین.

◀️حفظ محرمانگی قرارداد

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

◀️همکاری کارفرما با مجری

تو بسیاری از موارد دیده شده که کارفرما برای پیش برد کار خودش حاضر نیست زمانیو اختصاص بده و با مجری همکاری کنه و همین مسئله باعث بروز اختلافاتی میشه و دست آخر پروژه برنامه نویسی سر موقع تحویل داده نمیشه.

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

#freelancer #contract
@CodeModule
Please open Telegram to view this post
VIEW IN TELEGRAM
🔥63
این ESLint چیه و چه کاربردی داره؟ 🤔


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

استفاده از lint باعث میشه که در نهایت کدی تمیز و روی اصول داشته باشیم.
مثلا می‌تونیم برای اون تعریف کنیم که در صورت ایجاد یک switch case در پروژه، حتما باید بخش default هم داشته باشه 😎

این ابزار میتونه در تمام زبان ها و فریمورک هایی که از JavaScript استفاده می کنن، استفاده بشه.
برخی از نمونه هایی از زبان ها و فریمورک هایی که معمولاً از ESLint استفاده می کنن عبارتند از: React، Vue.js، Angular،Next.js، Node.js و Express.js.

اما این لیست قابل توسعه هست و میشه با استفاده از پلاگین ها و تنظیمات مناسب، ESLint و برای هر برنامه JavaScript که با زبانی مشابه استفاده می کنن استفاده کرد.

در نهایت استفاده از EsLint این امکان و به ما میده که تو پروژه یه ناظر داشته باشیم. پس دیگه نیاز نیست مدام نگران این باشیم که نکنه جایی چیزی از دستمون در رفته و باگی وجود داشته باشه که ما ازش بی‌خبریم.


Document 🌐

#eslint #frontend #backend
@CodeModule
Please open Telegram to view this post
VIEW IN TELEGRAM
8🔥4👌3
Good night 🌚

″هیچ حقوق و دستمزدی ارزش اینو نداره که به خاطرش سلامت روح و روانت و از دست بدی″


@CodeModule
Please open Telegram to view this post
VIEW IN TELEGRAM
❤‍🔥4👌3