#️⃣ #NEWPost | #tips

🫶 𝗖𝗛𝗔𝗡𝗡𝗘𝗟  |  𝗚𝗥𝗢𝗨𝗣

#tips

میزبانی وب‌سایت‌ها

ذخیره‌سازی فایل‌ها

سرور ایمیل

سرورهای بازی

پایگاه داده

امنیت و شبکه

یک دستگاه سخت‌افزاری قوی و مستقله که در دیتاسنترها نگهداری می‌شه

سرور فیزیکی مناسب پروژه‌های بزرگ و سازمانیه.

سرور مجازی یا vps درواقع همون سرور فیزیکیه که به چندین قسمت تقسیم شده و به صورت مجازی در دسترسه و هر بخش بین کاربران تقسیم میشه.

این نوع سرور مناسب کسب‌وکارهای کوچک تره.

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

سرور های ابری بیشتر مناسب پروژه‌هایی هستند که نیاز به منابع متغیر دارند.

#️⃣ #WhatsThat | #server | #host | #vps

⭐ 𝗖𝗛𝗔𝗡𝗡𝗘𝗟  |  𝗚𝗥𝗢𝗨𝗣

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

بررسی کوچک‌ترین بخش‌های برنامه (مانند توابع یا متدها) برای اطمینان از اینکه به درستی کار می‌کنند.

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

این نوع تست به روی بررسی عملکرد سیستم یا نرم‌افزار بر اساس نیازها و الزامات تعیین‌شده تمرکز داره.

تست عناصر تعاملی در رابط کاربری، مانند دکمه‌ها و فرم‌ها.

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

ارزیابی آسیب‌پذیری‌های امنیتی در برابر حملات احتمالی.

#️⃣ #WhatsThat | #test | #testing

🚀 @coolycode

➊ افزایش سرعت بارگذاری اولیه
با بارگذاری محتوای ضروری، صفحات سریع‌تر لود می‌شوند.

➋ کاهش استفاده از پهنای باند
چون محتوای غیرضروری به‌صورت همزمان لود نمی‌شود، مصرف داده کاهش می‌یابد.

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

<img src="image.jpg" alt="Sample Image" loading="lazy" />

با استفاده از اتریبیوت loading با مقدار lazy، مرورگر تصویر را تنها زمانی که کاربر به آن نزدیک می‌شود یا به آن نیاز پیدا می‌کند (مثلاً وقتی اسکرول می‌کند) بارگذاری می‌کند.

const LazyComponent = React.lazy(() => import('./MyComponent'));

function App() {
  return (
    <React.Suspense fallback={<div>Loading...</div>}>
      <LazyComponent />
    </React.Suspense>
  );
}

این کد با استفاده از React.lazy کامپوننت را به‌صورت لیزی لود می‌کند و با کمک Suspense تا زمان بارگذاری کامل، یک پیام یا محتوای موقت (مثل "Loading...") را نمایش می‌دهد.

#️⃣ #WhatsThat #lazyloading #javascript

🚀 @coolycode

➊ fs.readFile(path, callback)
محتوای فایل رو میخونه و در صورت موفقیت آمیز بودن، اون رو به کال‌بک برمی‌گردونه.

➋ fs.writeFile(path, data, callback)
محتوای پارامتر data رو داخل فایل می‌نویسه و فایل رو بازنویسی می‌کنه.

➌ fs.existsSync(path)
به صورت همزمان بررسی می‌کنه که آیا فایل یا دایرکتوری وجود دارد یا خیر.

➍ fs.unlink(path, callback)
برای حذف فایل ها به‌کار میره و میتونید باهاش هر فایلی رو پاک بکنید.

➎ fs.rename(oldPath, newPath, callback)
نام یا مکان یک فایل رو تغییر می‌ده.

➏ fs.mkdir(path, callback)
یک فولدر ( دایرکتوری ) جدید ایجاد می‌کنه.

#️⃣ #WhatsThat | #nodejs #fs

🚀 @coolycode

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

به دلیل استفاده Node.js از موتور V8 گوگل کروم که کد جاوااسکریپت رو به سرعت به کد ماشین تبدیل می‌کنه، از سرعت بالایی برخورداره. همچنین، با استفاده از معماری غیرهمزمان، درخواست‌ها به صورت کارآمد و بدون نیاز به انتظار مدیریت می‌شوند.

نود‌جی‌اس تنها از یک رشته (thread) برای اجرای کد استفاده می‌کند، اما به دلیل None-Blocking بودن اون، عملیات سنگین رو به روشی بهینه مدیریت می‌کنه و این باعث می‌شه که مصرف منابع کم باشه و سرورها به سرعت به درخواست‌ها پاسخ دهند.

نود‌جی‌اس با یک سیستم package manager به نام NPM (Node Package Manager) همراه است که بزرگ‌ترین مخزن بسته‌های نرم‌افزاری متن‌باز است. با NPM، توسعه‌دهندگان می‌توانند به راحتی کتابخانه‌های مختلف را نصب و در پروژه‌های خود استفاده کنند.

نود‌جی‌اس از یک مدل ورودی/خروجی (I/O) غیربلاک‌کننده و رویداد-محور استفاده می‌کند. این بدان معناست که عملیات ورودی/خروجی (مثل خواندن و نوشتن فایل‌ها یا درخواست‌های شبکه) بدون مسدود کردن فرآیند اصلی انجام می‌شود. این ویژگی باعث می‌شود Node.js بتواند هزاران درخواست را همزمان مدیریت کند بدون اینکه نیاز به منتظر ماندن برای یک عملیات I/O باشد.

#️⃣ #WhatsThat #nodejs #backend

🚀 @coolycode

وب‌اسِمبِلی برای سرعت بالا طراحی شده است و کد آن تقریباً با سرعت کدهای بومی اجرا می‌شود.

تمامی مرورگرهای اصلی (Chrome، Firefox، Safari، Edge و غیره) از WebAssembly پشتیبانی می‌کنند.

وب‌اسِمبِلی به صورت مستقل از پلتفرم کار می‌کند و در انواع سیستم‌عامل‌ها و مرورگرها قابل اجرا است.

وب‌اسِمبِلی در یک محیط امن اجرا می‌شود که به آن دسترسی مستقیم به سیستم‌عامل و فایل‌ها داده نمی‌شود، و این امنیت بیشتری را فراهم می‌کند.

با WebAssembly می‌توانید به راحتی با کدهای JavaScript‌ای تعامل کنید و داده‌ها و توابع را به اشتراک بگذارید.

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

#️⃣ #WhatsThat #webassembly

🚀 @coolycode

Python : BeautifulSoup | Scrapy | Selenium

JavaScript : Puppeteer | Cheerio

PHP : Goutte

Ruby : Nokogiri | Watir

#️⃣ #WhatsThat #web_scraping

🆔 Channel | Group | YouTube

#WhatsThat #PWA

➊ قابل نصب : کاربران می‌توانند این اپلیکیشن‌ها رو از طریق مرورگر نصب کنند و به آیکونش رو در صفحه اصلی دستگاه خود داشته باشند‌

➋ کارکرد آفلاین : وقتی اینترنت قطع باشه، PWA می‌تونه به کمک "سرویس ورکر"ها (Service Workers) کار بکنه.

➌ به‌روزرسانی خودکار : این اپلیکیشن‌ها همیشه به‌روز هستند و نیازی به آپدیت دستی ندارند.

➍ امنیت بالا : PWA فقط از طریق HTTPS عرضه می‌شه، یعنی ارتباطات بین کاربر و سرور رمزگذاری شده و امن است.

➊ صرفه‌جویی در زمان و هزینه : یک بار توسعه برای همه پلتفرم‌ها کافی است.

➋ حجم کم‌تر : نسبت به اپلیکیشن‌های بومی، PWA حجم کمتری داره و سریع‌تر دانلود و نصب می‌شود.

➌ دسترسی آسان : کاربران بدون نیاز به فروشگاه‌های اپلیکیشن، به راحتی می‌تونند اپلکیشن های PWA را نصب و استفاده کنند.

Channel | Group | YouTube