متد entries در جاوا اسکریپت ⌨️
این متد توی ES6 معرفی شده و مخصوص آرایه ها هست. با استفاده از متد ()entries میتونیم آیتم های یک آرایه در قالب یک شئ قابل تکرار یا ( Iterator ) در خروجی به نمایش در بیاریم.
📱 مثال:
❗️ همچنین با استفاده از این متد دیگه به ارور های شایع موقع پیمایش آرایه ها مثل ″Array is not iterable" بر نمیخوریم.
#js #debug #es6
@CodeModule
این متد توی ES6 معرفی شده و مخصوص آرایه ها هست. با استفاده از متد ()entries میتونیم آیتم های یک آرایه در قالب یک شئ قابل تکرار یا ( Iterator ) در خروجی به نمایش در بیاریم.
var MyFriends = ["Reza","Ali","Shahin","Mani","Hesam"];
var result = document.getElementById("Result");
var MyIterator = MyFriends.entries();
for ( MyItem of MyIterator ) {
result.innerHTML = result.innerHTML + MyItem + "<br>";
در مثال بالا در خط ۶ ، اول آرایه مون رو به یک شئ قابل تکرار تبدیل کردیم، بعدش در خط ۸ و با استفاده از حلقه For/of اومدیم آیتم های همین شئ قابل تکرار رو در خروجی به نمایش درآوردیم.
پس در خروجی ۲ بخش داریم، [ کلید یا شماره ایندکس آیتم ] + [ مقدار آیتم ]
}
#js #debug #es6
@CodeModule
Please open Telegram to view this post
VIEW IN TELEGRAM
🔥8👌2⚡1
با React Native بیشتر آشنا بشید! 🔵
ریکت نتیو یک فریم ورک برای توسعه اپلیکیشن های موبایله که به دولوپر اجازه توسعه برنامههای چند پلتفرمی ios و اندروید، با استفاده از عناصر بومی UI میده.
پایه این فریمورک زمان اجرای JavaScriptCore و مبدلهای Babel هست. React Native از ویژگی های جدید (JavaScript ES6) مثل توابع arrow و async/await و غیره پشتیبانی میکنه💀
مزایای React Native⬇️
🔵 کدنویسی آسان
این قالب کاری روش ساخت یک پایه کد تنها رو که میتونه برای Android و iOS ترکیب بشه، تقویت میکنه. این باعث میشه که دولوپرا برای کدنویسی انرژی کمتری صرف کنن.
🔵 یک اکوسیستم
در کنار اینها، یک مهندس جاوااسکریپت ماهر در تمام زمینهها میتونه یک برنامه تطبیقپذیر و با استفاده از این فریمورک توسعه بده، بدون اینکه درگیر اکوسیستم و مشخصههای زبانی هریک از OSها بشه.
🔵 سریع بودن
برنامههای این فریم ورک، زمان بارگذاری سریعتری نسبت به برنامههایی که با مدل هیبریدی نوشته شدن، داره.
🔵 سینتکس شبیه به React.js
سینتکس React و React Native به طور کلی شبیه به یکدیگر هستن، چون React Native بر پایه React ساخته شده. پس اگه با React آشنا هستید، زمانی که به React Native میپردازید، بسیاری از مفاهیم و سینتکسها رو قبلاً تجربه کردید. این باعث میشه فرایند یادگیری و توسعه برنامهها، برای شما آسون تر بشه.
فریمورک React Native قطعا انتخاب خوبی برای شروع حوزه موبایل هست. اگه علاقه مند به یادگیری این فریم ورک هستید، یه سر به داکیومنتش بزنید.
Document🌐
#reactNative
@CodeModule
ریکت نتیو یک فریم ورک برای توسعه اپلیکیشن های موبایله که به دولوپر اجازه توسعه برنامههای چند پلتفرمی ios و اندروید، با استفاده از عناصر بومی UI میده.
پایه این فریمورک زمان اجرای JavaScriptCore و مبدلهای Babel هست. React Native از ویژگی های جدید (JavaScript ES6) مثل توابع arrow و async/await و غیره پشتیبانی میکنه
مزایای React Native
این قالب کاری روش ساخت یک پایه کد تنها رو که میتونه برای Android و iOS ترکیب بشه، تقویت میکنه. این باعث میشه که دولوپرا برای کدنویسی انرژی کمتری صرف کنن.
در کنار اینها، یک مهندس جاوااسکریپت ماهر در تمام زمینهها میتونه یک برنامه تطبیقپذیر و با استفاده از این فریمورک توسعه بده، بدون اینکه درگیر اکوسیستم و مشخصههای زبانی هریک از OSها بشه.
برنامههای این فریم ورک، زمان بارگذاری سریعتری نسبت به برنامههایی که با مدل هیبریدی نوشته شدن، داره.
سینتکس React و React Native به طور کلی شبیه به یکدیگر هستن، چون React Native بر پایه React ساخته شده. پس اگه با React آشنا هستید، زمانی که به React Native میپردازید، بسیاری از مفاهیم و سینتکسها رو قبلاً تجربه کردید. این باعث میشه فرایند یادگیری و توسعه برنامهها، برای شما آسون تر بشه.
فریمورک React Native قطعا انتخاب خوبی برای شروع حوزه موبایل هست. اگه علاقه مند به یادگیری این فریم ورک هستید، یه سر به داکیومنتش بزنید.
Document
#reactNative
@CodeModule
Please open Telegram to view this post
VIEW IN TELEGRAM
⚡10🔥4
توی این پست میخوایم به فریم ورک خفن Nest.js بپردازیم 😎
🌦 اول از همه، باید بدونیم NestJS دقیقا چیه؟
در واقع NestJS یک فریمورک Node.js برای توسعه سیستم های بزرگ و چالش برانگیزه. با استفاده از این فریمورک، شما میتونید برنامه های مقیاس پذیر و آزمایش پذیر رو تو چارچوبی مشخص و ساختاری بسیار مناسب ایجاد کنید.
🏤 فریم ورک NestJS به طور قابل توجهی تحت تأثیر Angular هست و یکی از ویژگی های مهم اون، dependency injection هست؛ این ویژگی، امکان تزریق یک ماژول به ماژول دیگرو فراهم میکنه و استفاده مجدد از کد رو خیلی بهینه تر میکنه.
‼️ چرا باید از Nest.js استفاده کنیم ؟
🔴 استفاده از Typescript
🔴 معماری ماژولار
🔴 تزریق وابستگی (Dependency Injection)
🔴 اعتبارسنجی داخلی
🔴 پشتیبانی از وب سرویس های مختلف
🔴 جامعه برنامه نویسان فعال
در حالی که Express.js هنوز یک فریمورک محبوب و پر کاربرد برای ساخت برنامه های وب با Node.js هست، NestJS طیف وسیعی از مزایا و ویژگی های اضافی رو ارائه میده که میتونه به شما تو ساخت برنامه های مقیاس پذیر، قابل توسعه و مطمئن تر کمک کنه.
✅ چه در حال ساخت یک پروژه کوچک چه درحال توسعه ی یک برنامه سازمانی در مقیاس بزرگ باشید، NestJS قطعا ارزش بررسی و استفاده رو داره.
برای یادگیری فریم ورک Nest.js میتونید به داکیومنتش مراجعه کنید.⚡️
Document🌕
#nestjs #framework #nodejs #js
@CodeModule
در واقع NestJS یک فریمورک Node.js برای توسعه سیستم های بزرگ و چالش برانگیزه. با استفاده از این فریمورک، شما میتونید برنامه های مقیاس پذیر و آزمایش پذیر رو تو چارچوبی مشخص و ساختاری بسیار مناسب ایجاد کنید.
در حالی که Express.js هنوز یک فریمورک محبوب و پر کاربرد برای ساخت برنامه های وب با Node.js هست، NestJS طیف وسیعی از مزایا و ویژگی های اضافی رو ارائه میده که میتونه به شما تو ساخت برنامه های مقیاس پذیر، قابل توسعه و مطمئن تر کمک کنه.
برای یادگیری فریم ورک Nest.js میتونید به داکیومنتش مراجعه کنید.
Document
#nestjs #framework #nodejs #js
@CodeModule
Please open Telegram to view this post
VIEW IN TELEGRAM
🔥7👌2
زن: اون حتما داره به یه زن دیگه فکر میکنه!
مرد: اگر اسم فرزندم رو بزارم برنامه نویسی، پس من پدر برنامه نویسی خواهم بود.😂 😂
#fun
@CodeModule
مرد: اگر اسم فرزندم رو بزارم برنامه نویسی، پس من پدر برنامه نویسی خواهم بود.
#fun
@CodeModule
Please open Telegram to view this post
VIEW IN TELEGRAM
😁16⚡1
تاحالا شده لازم باشه یک عکس کامل از صفحه سایتتون به کارفرما بدید و نمیدونستید چجوری باید این کارو بکنید ؟ 🧐
🧩 برای این کار میتونید از اکستنشن Go Full Page استفاده کنید تا بتونید یک عکس کامل از صفحه سایتتون بگیرید و در فرمت های pdf یا png خروجی بگیرید
این اکستنشن کاربردی رو میتونید از لینک زیر روی مرورگر کروم خودتون نصب کنید.🔥
Extension🌕
#tools #extension
@CodeModule
🧩 برای این کار میتونید از اکستنشن Go Full Page استفاده کنید تا بتونید یک عکس کامل از صفحه سایتتون بگیرید و در فرمت های pdf یا png خروجی بگیرید
این اکستنشن کاربردی رو میتونید از لینک زیر روی مرورگر کروم خودتون نصب کنید.
Extension
#tools #extension
@CodeModule
Please open Telegram to view this post
VIEW IN TELEGRAM
❤🔥6🔥3👌2
Marijn_Haverbeke_Eloquent_JavaScript_A_Modern_Introduction_to_Programming.pdf
17 MB
#book #js
@CodeModule
Please open Telegram to view this post
VIEW IN TELEGRAM
👌6🔥4
Good Night 🌚 ✨
⌛️ زمان مناسب هيچوقت فرا نمیرسه!
☯️ شما هميشه خيلي جوون، خيلي پير، خيلي گرفتار، خيلي خسته هستین! اگر هميشه دنبال زمان مناسب بگرديد، هیچوقت به خواسته هاتون نمیرسيد!
@CodeModule
⌛️ زمان مناسب هيچوقت فرا نمیرسه!
@CodeModule
Please open Telegram to view this post
VIEW IN TELEGRAM
👌12❤🔥3
امنیت در Frontend 🔒
هر فرانت دولوپر باید یک سری اصول امنیتی و تو پروژه هاش رعایت کنه. دو مقاله زیر، نکاتی راجب امنیت ارائه دادن که پیشنهاد میکنم حتما مطالعه کنید.
🔵 Medium
🔵 securitytrails
#frontend #security
@CodeModule
هر فرانت دولوپر باید یک سری اصول امنیتی و تو پروژه هاش رعایت کنه. دو مقاله زیر، نکاتی راجب امنیت ارائه دادن که پیشنهاد میکنم حتما مطالعه کنید.
#frontend #security
@CodeModule
Please open Telegram to view this post
VIEW IN TELEGRAM
⚡6🔥3
با HTMX بیشتر آشنا بشید 🔥
در سال ۲۰۱۳ دولوپری به اسم Carson Gross یک کتابخانه فرانت-اند جدید به نام intercooler.js منتشر کرد که شعار اصلیش “Ajax With Attributes” بود. هدفش از این کار ساده سازی فرایند توسعه اپلیکیشنهای سمت کاربر بود. همین کتابخانه در طی گذر مدت کوتاهی به نسخه دوم خود ارتقا پیدا کرد و اسمش به HTMX تغییر داده شد.
در واقع HTMX تلاش داره تا با قدرتی که HTML بهش میده، از مدلهای اصلی دنیای وب پیروی کنه و روش جدیدی برای توسعه اپلیکیشن در اختیار ما قرار بده. با استفاده از این تکنیک، دولوپر ها دیگه نیازی به نوشتن کدهای جاوا اسکریپتی نخواهند داشت و میتونن با نوشتن کدهای بسیار سادهتر، به همون نتایجی که میخوان دست پیدا کنن.
ویژگی های کلیدی HTMX⬇️
🔵 سادگی و آسانی
این HTMX از سینتکس HTML استاندارد استفاده میکنه و برای افزودن امکانات پویا به وبسایتها نیازی به نوشتن کدهای جاوا اسکریپت پیچیده نداره.
🔵 استفاده از AJAX بدون دردسر
سیستم HTMX از تکنولوژی AJAX برای ارسال و دریافت اطلاعات به صورت پویا بدون نیاز به بارگذاری مجدد صفحه استفاده میکنه. این باعث میشه تا وبسایتها بدون اختلال و با سرعت بالا بروزرسانی بشن.
🔵 تعامل با سرور
سیستم HTMX امکان تعامل با سرور و فراهم میکنه و به سادگی امکان ارسال و دریافت دادهها از سمت سرور ، بدون نیاز به نوشتن کدهای زیادی و مهیا میکنه.
🔵 سازگاری با فریمورکهای جاوا اسکریپت
این HTMX با بسیاری از فریمورکهای جاوا اسکریپت سازگاره، از جمله jQuery و Alpine.js.
🔵 قابلیت گسترش و تنظیم
سیستم HTMX قابلیت گسترش و تنظیم بالایی داره، بهطوریکه دولوپر ها میتونن اونو با نیازهای خودشون تطبیق بدن.
به طور کلی، HTMX یک ابزار قدرتمند و ساده برای توسعه وبسایتهای پویا و با کارایی بالا بدون استفاده جاوا اسکریپت هست. پیشنهاد میکنم یه سر به داکیومنتش بزنید⚡
Document🌐
#htmx
@CodeModule
در سال ۲۰۱۳ دولوپری به اسم Carson Gross یک کتابخانه فرانت-اند جدید به نام intercooler.js منتشر کرد که شعار اصلیش “Ajax With Attributes” بود. هدفش از این کار ساده سازی فرایند توسعه اپلیکیشنهای سمت کاربر بود. همین کتابخانه در طی گذر مدت کوتاهی به نسخه دوم خود ارتقا پیدا کرد و اسمش به HTMX تغییر داده شد.
در واقع HTMX تلاش داره تا با قدرتی که HTML بهش میده، از مدلهای اصلی دنیای وب پیروی کنه و روش جدیدی برای توسعه اپلیکیشن در اختیار ما قرار بده. با استفاده از این تکنیک، دولوپر ها دیگه نیازی به نوشتن کدهای جاوا اسکریپتی نخواهند داشت و میتونن با نوشتن کدهای بسیار سادهتر، به همون نتایجی که میخوان دست پیدا کنن.
ویژگی های کلیدی HTMX
این HTMX از سینتکس HTML استاندارد استفاده میکنه و برای افزودن امکانات پویا به وبسایتها نیازی به نوشتن کدهای جاوا اسکریپت پیچیده نداره.
سیستم HTMX از تکنولوژی AJAX برای ارسال و دریافت اطلاعات به صورت پویا بدون نیاز به بارگذاری مجدد صفحه استفاده میکنه. این باعث میشه تا وبسایتها بدون اختلال و با سرعت بالا بروزرسانی بشن.
سیستم HTMX امکان تعامل با سرور و فراهم میکنه و به سادگی امکان ارسال و دریافت دادهها از سمت سرور ، بدون نیاز به نوشتن کدهای زیادی و مهیا میکنه.
این HTMX با بسیاری از فریمورکهای جاوا اسکریپت سازگاره، از جمله jQuery و Alpine.js.
سیستم HTMX قابلیت گسترش و تنظیم بالایی داره، بهطوریکه دولوپر ها میتونن اونو با نیازهای خودشون تطبیق بدن.
به طور کلی، HTMX یک ابزار قدرتمند و ساده برای توسعه وبسایتهای پویا و با کارایی بالا بدون استفاده جاوا اسکریپت هست. پیشنهاد میکنم یه سر به داکیومنتش بزنید⚡
Document
#htmx
@CodeModule
Please open Telegram to view this post
VIEW IN TELEGRAM
🔥5👌2
یه سایت همه فن حریف برای css 🔵
با استفاده از این سایت، میتونید استایل های مختلفی مثل gradient, boxShadow borderRadius ,transform, border و ... رو ایجاد، و تو پروژه هاتون استفاده کنید😎
➡️ Website◀️
#tools #css
@CodeModule
با استفاده از این سایت، میتونید استایل های مختلفی مثل gradient, boxShadow borderRadius ,transform, border و ... رو ایجاد، و تو پروژه هاتون استفاده کنید
#tools #css
@CodeModule
Please open Telegram to view this post
VIEW IN TELEGRAM
🔥6⚡2
دائم دنبال api هستی و پیدا نمیکنی؟🤔
تو این پست ۲ api مارکت خاص بهتون معرفی میکنم که واسه هر چیزی ک فک کنید api دارن. از دیجی کالا و آشپزی و ... بگیر تا هوش مصنوعی !!
🔵 https://apieco.ir/
🔵 https://one-api.ir/
پیشنهاد میکنم حتما یه سر بزنید💀
#api
@CodeModule
تو این پست ۲ api مارکت خاص بهتون معرفی میکنم که واسه هر چیزی ک فک کنید api دارن. از دیجی کالا و آشپزی و ... بگیر تا هوش مصنوعی !!
پیشنهاد میکنم حتما یه سر بزنید
#api
@CodeModule
Please open Telegram to view this post
VIEW IN TELEGRAM
👌9🔥3
در اصل RxJS یک کتابخانه برای ترکیب برنامههای ناهمگام و مبتنی بر رویداد (events) با استفاده از دنبالههای Observable هست. این کتابخانه یک نوع اصلی به نام Observable، core type (Observer، Schedulers، Subjects) و اپراتورهای الهام گرفته از متدهای Array (map، filter، reduce، every و ...) رو فراهم میکنه تا بتونن تسک های asynchronous رو هندل کنن.
برای یادگیری این کتابخانه میتونید به داکیومنتش مراجعه کنید
Document
#rxjs #library #js
@CodeModule
Please open Telegram to view this post
VIEW IN TELEGRAM
🔥8⚡2
تایپ اسکریپت و مثل ماست یاد بگیر 🥶
این سایتی که بهتون معرفی میکنم کلی آموزش، چالش و نمونه سورس کد در زمینه تایپ اسکریپت داره و به راحتی، میتونید مهارتتون و تقویت کنید.
⚡️ https://typehero.dev/
#typeScript
@CodeModule
این سایتی که بهتون معرفی میکنم کلی آموزش، چالش و نمونه سورس کد در زمینه تایپ اسکریپت داره و به راحتی، میتونید مهارتتون و تقویت کنید.
#typeScript
@CodeModule
Please open Telegram to view this post
VIEW IN TELEGRAM
⚡7🔥5
Shutdown /p
sudo shutdown -P now
با استفاده از این کامندها میتونید درجا کامپیوتر و خاموش کنید و در وقت صرفه جویی کنید
#command #windows #linux
@CodeModule
Please open Telegram to view this post
VIEW IN TELEGRAM
🔥7⚡2💔1
اینترنت شیوه زندگی، کار و ارتباط ما رو تغییر داده. با این حال، زمانی که صفحات به کندی بارگذاری می شن، می تونه به منبع ناامیدی تبدیل بشه.
در واقع Jpegli یک کتابخانه کدنویسی جدید JPEG هست که طوری طراحی شده که سریعتر، کارآمدتر و از نظر بصری دلپذیرتر از JPEG سنتی باشه.
چه مزایای بیشتری از jpeg داره ؟
در کل Jpegli یک فناوری جدید و امیدوارکنندست که پتانسیل اینو داره که اینترنت رو سریعتر و زیباتر کنه.
#performance #encoder
@CodeModule
Please open Telegram to view this post
VIEW IN TELEGRAM
🔥8⚡2😁1
Good Night 🌚 ✨
رویاهاتون و به حقیقت تبدیل کنید، در غیر این صورت فرد دیگری برای ساختن رویای خودش از شما، استفاده خواهد کرد.
@CodeModule
رویاهاتون و به حقیقت تبدیل کنید، در غیر این صورت فرد دیگری برای ساختن رویای خودش از شما، استفاده خواهد کرد.
@CodeModule
Please open Telegram to view this post
VIEW IN TELEGRAM
❤🔥10🔥4👌3