🧠 رفتارهای عجیب زبان جاوا اسکریپت
زبان جاوا اسکریپت یکی از بزرگترین و محبوبترین زبانهای برنامهنویسی در هر پلتفرمی و در کل دنیا است.
تمام تحقیقات و نظرسنجیهای بزرگ نشان میدهند که اکثر توسعهدهندگان دنیا با زبان جاوا اسکریپت آشنا هستند و حداقل چندبار در حرفهی خود از آن استفاده کردهاند.
با این همه، این زبان دارای نکات مخفی و رفتارهای عجیب و غریبی است که شاید به چشم بسیاری از توسعهدهندگان «باگ» به حساب بیاید. 🤪🤪🤪
ما در این مقاله مثالهایی از این دست را برایتان آماده کردهایم؛ رفتارهایی که به نظر «باگ» به حساب میآیند یا به نوعی جالب هستند.
اگر از توسعه دهندگان تازهکار باشید میتوانید از این لیست برای درک بهتر زبان جاوا اسکریپت و نگاهی عمیقتر به آن استفاده کنید. اگر از توسعهدهندگان حرفهای هستید نیز میتوانید از این لیست برای رفع اشکالات و خطاهای احتمالی در پروژههایتان استفاده کنید و به توسعهدهندهی باتجربهتری تبدیل شوید.
👉 https://www.roxo.ir/strange-behaviors-of-the-javascript
💻 #برنامه_نویسی #جاوااسکریپت
🆔 @roxo_ir
زبان جاوا اسکریپت یکی از بزرگترین و محبوبترین زبانهای برنامهنویسی در هر پلتفرمی و در کل دنیا است.
تمام تحقیقات و نظرسنجیهای بزرگ نشان میدهند که اکثر توسعهدهندگان دنیا با زبان جاوا اسکریپت آشنا هستند و حداقل چندبار در حرفهی خود از آن استفاده کردهاند.
با این همه، این زبان دارای نکات مخفی و رفتارهای عجیب و غریبی است که شاید به چشم بسیاری از توسعهدهندگان «باگ» به حساب بیاید. 🤪🤪🤪
ما در این مقاله مثالهایی از این دست را برایتان آماده کردهایم؛ رفتارهایی که به نظر «باگ» به حساب میآیند یا به نوعی جالب هستند.
اگر از توسعه دهندگان تازهکار باشید میتوانید از این لیست برای درک بهتر زبان جاوا اسکریپت و نگاهی عمیقتر به آن استفاده کنید. اگر از توسعهدهندگان حرفهای هستید نیز میتوانید از این لیست برای رفع اشکالات و خطاهای احتمالی در پروژههایتان استفاده کنید و به توسعهدهندهی باتجربهتری تبدیل شوید.
👉 https://www.roxo.ir/strange-behaviors-of-the-javascript
💻 #برنامه_نویسی #جاوااسکریپت
🆔 @roxo_ir
🐌 تحقیقات انجام شده توسط Akamai نشان میدهد که ۴۷ درصد کاربران انتظار دارند وبسایتها سریعا و فقط در چند ثانیه بارگذاری شوند.
این مسئله تا حدی جدی میشود که بر اساس تخمینها اگر وبسایت آمازون یک ثانیه دیرتر بارگذاری شود حدود ۱.۶ میلیارد دلار سود از دست خواهد رفت!
همچنین بر اساس تحقیقات Pingdom حدود ۷۸ درصد از ۱۰۰ وب سایت برتر فروشگاهی در دنیا، در کمتر از ۳ ثانیه بارگذاری میشوند.
🔮 مهمترین دلایل پایین بودن سرعت عبارتند از:
1- تصاویر بدون بهینهسازی
2- جاوااسکریپت و زیادهنویسی در آن
3- درخواستهای HTTP زیاد
4- تبلیغات زیاد در سایت
5- عدم استفاده از Cache
6- فلجشدن سرور و پایگاه داده
7- موقعیت جغرافیایی سرور
8- عدم استفاده از CDN برای وبسایتهای بین المللی
9- اسکریپت شبکههای اجتماعی
10- نسخه قدیمی CMS و زبان back-end
📄 توضیحات هر یک از موارد فوق را در مقالهی زیر بخوانید:
👉 https://www.roxo.ir/top-10-reasons-to-speed-up-your-website
🔍 #سئو #سرعت_سایت
🆔 @roxo_ir
این مسئله تا حدی جدی میشود که بر اساس تخمینها اگر وبسایت آمازون یک ثانیه دیرتر بارگذاری شود حدود ۱.۶ میلیارد دلار سود از دست خواهد رفت!
همچنین بر اساس تحقیقات Pingdom حدود ۷۸ درصد از ۱۰۰ وب سایت برتر فروشگاهی در دنیا، در کمتر از ۳ ثانیه بارگذاری میشوند.
🔮 مهمترین دلایل پایین بودن سرعت عبارتند از:
1- تصاویر بدون بهینهسازی
2- جاوااسکریپت و زیادهنویسی در آن
3- درخواستهای HTTP زیاد
4- تبلیغات زیاد در سایت
5- عدم استفاده از Cache
6- فلجشدن سرور و پایگاه داده
7- موقعیت جغرافیایی سرور
8- عدم استفاده از CDN برای وبسایتهای بین المللی
9- اسکریپت شبکههای اجتماعی
10- نسخه قدیمی CMS و زبان back-end
📄 توضیحات هر یک از موارد فوق را در مقالهی زیر بخوانید:
👉 https://www.roxo.ir/top-10-reasons-to-speed-up-your-website
🔍 #سئو #سرعت_سایت
🆔 @roxo_ir
معرفی بهترین منابع، ابزارهای کاربردی و وبسایتهای مورد نیاز برای طراحان UI در سال ۲۰۲۱
👉 https://www.roxo.ir/resources-and-tools-for-ui-designers
🎨 #طراحی_گرافیک #UI
🆔 @roxo_ir
👉 https://www.roxo.ir/resources-and-tools-for-ui-designers
🎨 #طراحی_گرافیک #UI
🆔 @roxo_ir
مفهوم پایگاه داده یا Database به زبانِ خیلی ساده!
بانک اطلاعاتی یا دیتابیس، سیستمی است که مجموعه اطلاعاتی را بصورت سازماندهیشده و منظم نگهداری میکند؛ برای مثال دیتابیسی از کاربران وبسایت، دیتابیسی از مشتریانی که از ما محصولی خریدهاند، دیتابیسی از آموزشهایی که قصد داریم در آینده مشاهده کنیم یا دیتابیسی از غذاهای موردعلاقهمان و…
پس پایگاه داده یا Database اطلاعاتی را که به آنها نیاز داریم، برایمان نگهداری و دسترسی به آنها را ساده و راحت میکند.
📄 اگر مبتدی هستید و میخواهید مفهوم پایگاه داده یا Database را به زبان خیلی ساده و آسان درک کنید، مقالهی زیر را از دست ندهید:
👉 https://www.roxo.ir/what-is-database
💻 #برنامه_نویسی
🆔 @roxo_ir
بانک اطلاعاتی یا دیتابیس، سیستمی است که مجموعه اطلاعاتی را بصورت سازماندهیشده و منظم نگهداری میکند؛ برای مثال دیتابیسی از کاربران وبسایت، دیتابیسی از مشتریانی که از ما محصولی خریدهاند، دیتابیسی از آموزشهایی که قصد داریم در آینده مشاهده کنیم یا دیتابیسی از غذاهای موردعلاقهمان و…
پس پایگاه داده یا Database اطلاعاتی را که به آنها نیاز داریم، برایمان نگهداری و دسترسی به آنها را ساده و راحت میکند.
📄 اگر مبتدی هستید و میخواهید مفهوم پایگاه داده یا Database را به زبان خیلی ساده و آسان درک کنید، مقالهی زیر را از دست ندهید:
👉 https://www.roxo.ir/what-is-database
💻 #برنامه_نویسی
🆔 @roxo_ir
🎉 بالاخره دوره آموزش جامع بوت استرپ (Bootstrap) مقدماتی تا پیشرفته منتشر شد!
🎁 قیمت این دوره 130 هزار تومان است که امروز میتوانید آن را با 25 درصد تخفیف به قیمت 99 هزار تومان خریداری کنید!
👉 https://www.roxo.ir/course/bootstrap-from-scratch
🎁 قیمت این دوره 130 هزار تومان است که امروز میتوانید آن را با 25 درصد تخفیف به قیمت 99 هزار تومان خریداری کنید!
👉 https://www.roxo.ir/course/bootstrap-from-scratch
آموزش ایجاد گالری و اسلایدر در وردپرس با افزونهی Toolset
👉 https://www.roxo.ir/create-dynamic-image-galleries-sliders-with-toolset-blocks
💻 #برنامه_نویسی #وردپرس
🆔 @roxo_ir
👉 https://www.roxo.ir/create-dynamic-image-galleries-sliders-with-toolset-blocks
💻 #برنامه_نویسی #وردپرس
🆔 @roxo_ir
به دنبال راهی برای عدم نمایش قیمت در وبسایت ووکامرسی خود هستید؟ آیا میخواهید قیمت محصولات وبسایت فروشگاهی خود را از دید کاربران مهمان مخفی کنید تا بدین وسیله آنها را مجاب به ثبتنام نمایید؟ آیا میخواهید قیمتها را برای سطوحِ کاربری متفاوت سفارشیسازی کنید؟
این ویژگی، یک مزیت مهم برای وبسایتهای عمدهفروشی محسوب میشود. زیرا مثلا شاید نخواهید قیمتهای عمدهفروشی (که شامل تخفیف است) را به کاربران مهمان نمایش دهید. شاید هم یک وبسایت کاربرمحور دارید و میخواهید فقط کاربرانِ لاگینشده از وبسایت شما خرید کنند.
📄 شیوهی عدم نمایش قیمتها به کاربران مهمان در ووکامرس را در مقاله زیر ببینید:
👉 https://www.roxo.ir/how-to-hide-woocommerce-product-prices-until-login
💻 #برنامه_نویسی #وردپرس #ووکامرس
🆔 @roxo_ir
این ویژگی، یک مزیت مهم برای وبسایتهای عمدهفروشی محسوب میشود. زیرا مثلا شاید نخواهید قیمتهای عمدهفروشی (که شامل تخفیف است) را به کاربران مهمان نمایش دهید. شاید هم یک وبسایت کاربرمحور دارید و میخواهید فقط کاربرانِ لاگینشده از وبسایت شما خرید کنند.
📄 شیوهی عدم نمایش قیمتها به کاربران مهمان در ووکامرس را در مقاله زیر ببینید:
👉 https://www.roxo.ir/how-to-hide-woocommerce-product-prices-until-login
💻 #برنامه_نویسی #وردپرس #ووکامرس
🆔 @roxo_ir
فیلترکردن نتایج جستجو در وردپرس
آیا میخواهید فرآیند جستجو را در وب سایت خود ساده تر کنید و میخواهید فیلترهایی را به جستجوگر سایت خود اضافه کنید؟
در این مقاله به شما نشان میدهیم که چگونه یک فیلد جستجوی سفارشی بسازید که قابلیت فیلتر و سفارشیکردن نتایج جستجو در سایت را داشته باشد.
انجام این کار نیاز به کدنویسی ندارد و فقط کافیست به افزونههای Toolset و Elementor دسترسی داشته باشید.
معمولا برای سایتهای فروشگاهی، کاریابی، خبری، بلاگها و غیره نیاز به فیلتر کردن نتایج جستجو در وردپرس حس میشود. همچنین فیلترها اغلب بر اساس دستهبندیها، برچسبها، نویسنده و غیره میباشند.
👉 https://www.roxo.ir/how-to-filter-search-results-in-wordpress
💻 #برنامه_نویسی #وردپرس
🆔 @roxo_ir
آیا میخواهید فرآیند جستجو را در وب سایت خود ساده تر کنید و میخواهید فیلترهایی را به جستجوگر سایت خود اضافه کنید؟
در این مقاله به شما نشان میدهیم که چگونه یک فیلد جستجوی سفارشی بسازید که قابلیت فیلتر و سفارشیکردن نتایج جستجو در سایت را داشته باشد.
انجام این کار نیاز به کدنویسی ندارد و فقط کافیست به افزونههای Toolset و Elementor دسترسی داشته باشید.
معمولا برای سایتهای فروشگاهی، کاریابی، خبری، بلاگها و غیره نیاز به فیلتر کردن نتایج جستجو در وردپرس حس میشود. همچنین فیلترها اغلب بر اساس دستهبندیها، برچسبها، نویسنده و غیره میباشند.
👉 https://www.roxo.ir/how-to-filter-search-results-in-wordpress
💻 #برنامه_نویسی #وردپرس
🆔 @roxo_ir
اولین درس از سری آموزش «پایتون حرفهای» منتشر شد.
این دوره یکی از کاملترین دورههای پایتون در اینترنت است و برای افرادی که میخواهند توسعهدهندهی حرفهای پایتون شوند، طراحی شده است. این دوره به هیچ دانش قبلی نیاز ندارد و همهچیز را از صفر شروع خواهد کرد. بنابراین همهی افراد میتوانند در آن شرکت کنند، حتی اگر پایتون اولین زبان برنامه نویسی شما است!
👉 https://www.roxo.ir/professional-python-our-first-coding-experience
💻 #برنامه_نویسی #پایتون
🆔 @roxo_ir
این دوره یکی از کاملترین دورههای پایتون در اینترنت است و برای افرادی که میخواهند توسعهدهندهی حرفهای پایتون شوند، طراحی شده است. این دوره به هیچ دانش قبلی نیاز ندارد و همهچیز را از صفر شروع خواهد کرد. بنابراین همهی افراد میتوانند در آن شرکت کنند، حتی اگر پایتون اولین زبان برنامه نویسی شما است!
👉 https://www.roxo.ir/professional-python-our-first-coding-experience
💻 #برنامه_نویسی #پایتون
🆔 @roxo_ir
♻️ ریدایرکت کردن یک برگه یا آدرس در وردپرس
دلایل زیادی وجود دارند که شما بخواهید یک برگه یا نوشته را به آدرسی دیگر ریدایرکت کنید؛ شاید نامک یک برگه را تغییر دادهاید، شاید تنظیمات «پیوندهای یکتا» در سایت را ویرایش کردهاید و شاید یک پست جدید نوشتهاید و میخواهید نسخهی قدیمی آن را به این یکی ریدایرکت کنید. در همهی این حالتها و احتمالات، باید از ریدایرکت برای رفع نیاز خود استفاده نمایید. ریدایرکت عملی است که به مرورگرها دستور میدهد به جای آدرس فعلی به آدرس موردنظر شما بروند.
چند نوع مختلف از ریدایرکت وجود دارد که میتوانید یکی از آنها را انتخاب کنید:
▪️ریدایرکت اتوماتیک یا automated redirect
▪️ریدایرکت دستی یا manual redirect
▪️ریدایرکت wildcard
📄 بیایید به هر یک از این موارد بپردازیم:
👉 https://www.roxo.ir/how-to-redirect-a-page-or-url-in-wordpress
💻 #برنامه_نویسی #وردپرس
🆔 @roxo_ir
دلایل زیادی وجود دارند که شما بخواهید یک برگه یا نوشته را به آدرسی دیگر ریدایرکت کنید؛ شاید نامک یک برگه را تغییر دادهاید، شاید تنظیمات «پیوندهای یکتا» در سایت را ویرایش کردهاید و شاید یک پست جدید نوشتهاید و میخواهید نسخهی قدیمی آن را به این یکی ریدایرکت کنید. در همهی این حالتها و احتمالات، باید از ریدایرکت برای رفع نیاز خود استفاده نمایید. ریدایرکت عملی است که به مرورگرها دستور میدهد به جای آدرس فعلی به آدرس موردنظر شما بروند.
چند نوع مختلف از ریدایرکت وجود دارد که میتوانید یکی از آنها را انتخاب کنید:
▪️ریدایرکت اتوماتیک یا automated redirect
▪️ریدایرکت دستی یا manual redirect
▪️ریدایرکت wildcard
📄 بیایید به هر یک از این موارد بپردازیم:
👉 https://www.roxo.ir/how-to-redirect-a-page-or-url-in-wordpress
💻 #برنامه_نویسی #وردپرس
🆔 @roxo_ir
Roxo
اولین درس از سری آموزش «پایتون حرفهای» منتشر شد. این دوره یکی از کاملترین دورههای پایتون در اینترنت است و برای افرادی که میخواهند توسعهدهندهی حرفهای پایتون شوند، طراحی شده است. این دوره به هیچ دانش قبلی نیاز ندارد و همهچیز را از صفر شروع خواهد کرد.…
تا امروز 7 درس از این سری آموزشی روی سایت منتشر شده است:
👉 https://www.roxo.ir/series/professional-python
👉 https://www.roxo.ir/series/professional-python
🐿 آموزش طراحی لوگوی مینیمال سنجاب در ایلوستریتور را در ویدئوی زیر مشاهده کنید:
👉 https://www.roxo.ir/learn-to-design-a-squirrel-logo-with-illustrator
🎨 #طراحی_گرافیک #طراحی_لوگو #ایلوستریتور
🆔 @roxo_ir
👉 https://www.roxo.ir/learn-to-design-a-squirrel-logo-with-illustrator
🎨 #طراحی_گرافیک #طراحی_لوگو #ایلوستریتور
🆔 @roxo_ir
آموزش ویدیویی طراحی آیکون GPS در ایلوستریتور را در لینک زیر مشاهده کنید:
👉 https://www.roxo.ir/learn-how-to-design-gps-icons-in-illustrator
🎨 #طراحی_گرافیک #طراحی_آیکون
🆔 @roxo_ir
👉 https://www.roxo.ir/learn-how-to-design-gps-icons-in-illustrator
🎨 #طراحی_گرافیک #طراحی_آیکون
🆔 @roxo_ir
اِنپیاِم یا npm بزرگترین وبسایت میزبانی پکیجهای آماده در دنیا و یکی از زیرمجموعههای گیتهاب است که صاحب آن مایکروسافت میباشد. توسعهدهندگان open source از سراسر دنیا در حال استفاده و بهاشتراکگذاری پکیجها در این وبسایت هستند و در دنیای فعلی کمتر کسی است که با npm آشنا نباشد.
میتوانیم npm را به سه قسمت اصلی تقسیم کنیم:
📍 NPM Website
وبسایت npm برای پیدا کردن پکیجها و اطلاعات آنها بسیار مفید است و میتوانید در آن به شخصیسازی بخشهای مختلف درباره حساب npm خود بپردازید. همچنین با ایجاد یک حساب تجاری (organizations) میتوانید دسترسی به پکیجهای عمومی و خصوصی را تعیین کنید.
📍 NPM CLI
در حقیقت CLI یا Command Line Interface تعامل با npm از طریق ترمینال است و اکثر کاربران از همین روش با npm ارتباط برقرار میکنند تا پکیجهای مورد نظرشان را دانلود کنند.
📍 NPM Registry
پایگاه داده بزرگی از انواع تکنولوژیهای مرتبط با جاوا اسکریپت و metadata در مورد آنها است.
📄 در مقاله زیر، نحوهی انتشار پکیج در npm را بخوانید:
👉 https://www.roxo.ir/how-to-publish-our-packages-in-npm
💻 #برنامه_نویسی
🆔 @roxo_ir
میتوانیم npm را به سه قسمت اصلی تقسیم کنیم:
📍 NPM Website
وبسایت npm برای پیدا کردن پکیجها و اطلاعات آنها بسیار مفید است و میتوانید در آن به شخصیسازی بخشهای مختلف درباره حساب npm خود بپردازید. همچنین با ایجاد یک حساب تجاری (organizations) میتوانید دسترسی به پکیجهای عمومی و خصوصی را تعیین کنید.
📍 NPM CLI
در حقیقت CLI یا Command Line Interface تعامل با npm از طریق ترمینال است و اکثر کاربران از همین روش با npm ارتباط برقرار میکنند تا پکیجهای مورد نظرشان را دانلود کنند.
📍 NPM Registry
پایگاه داده بزرگی از انواع تکنولوژیهای مرتبط با جاوا اسکریپت و metadata در مورد آنها است.
📄 در مقاله زیر، نحوهی انتشار پکیج در npm را بخوانید:
👉 https://www.roxo.ir/how-to-publish-our-packages-in-npm
💻 #برنامه_نویسی
🆔 @roxo_ir