🧠 رفتارهای عجیب زبان جاوا اسکریپت
زبان جاوا اسکریپت یکی از بزرگترین و محبوب‌ترین زبان‌های برنامه‌نویسی در هر پلتفرمی و در کل دنیا است.
تمام تحقیقات و نظرسنجی‌های بزرگ نشان می‌دهند که اکثر توسعه‌دهندگان دنیا با زبان جاوا اسکریپت آشنا هستند و حداقل چندبار در حرفه‌ی خود از آن استفاده کرده‌اند.
با این همه، این زبان دارای نکات مخفی و رفتارهای عجیب و غریبی است که شاید به چشم بسیاری از توسعه‌دهندگان «باگ» به حساب بیاید. 🤪🤪🤪
ما در این مقاله مثال‌هایی از این دست را برایتان آماده کرده‌ایم؛ رفتارهایی که به نظر «باگ» به حساب می‌آیند یا به نوعی جالب هستند.
اگر از توسعه دهندگان تازه‌کار باشید میتوانید از این لیست برای درک بهتر زبان جاوا اسکریپت و نگاهی عمیق‌تر به آن استفاده کنید. اگر از توسعه‌دهندگان حرفه‌ای هستید نیز میتوانید از این لیست برای رفع اشکالات و خطاهای احتمالی در پروژه‌هایتان استفاده کنید و به توسعه‌دهنده‌ی باتجربه‌تری تبدیل شوید.
👉 https://www.roxo.ir/strange-behaviors-of-the-javascript
💻 #برنامه_نویسی #جاوااسکریپت
🆔 @roxo_ir
زبان جاوا اسکریپت یکی از بزرگترین و محبوب‌ترین زبان‌های برنامه‌نویسی در هر پلتفرمی و در کل دنیا است.
تمام تحقیقات و نظرسنجی‌های بزرگ نشان می‌دهند که اکثر توسعه‌دهندگان دنیا با زبان جاوا اسکریپت آشنا هستند و حداقل چندبار در حرفه‌ی خود از آن استفاده کرده‌اند.
با این همه، این زبان دارای نکات مخفی و رفتارهای عجیب و غریبی است که شاید به چشم بسیاری از توسعه‌دهندگان «باگ» به حساب بیاید. 🤪🤪🤪
ما در این مقاله مثال‌هایی از این دست را برایتان آماده کرده‌ایم؛ رفتارهایی که به نظر «باگ» به حساب می‌آیند یا به نوعی جالب هستند.
اگر از توسعه دهندگان تازه‌کار باشید میتوانید از این لیست برای درک بهتر زبان جاوا اسکریپت و نگاهی عمیق‌تر به آن استفاده کنید. اگر از توسعه‌دهندگان حرفه‌ای هستید نیز میتوانید از این لیست برای رفع اشکالات و خطاهای احتمالی در پروژه‌هایتان استفاده کنید و به توسعه‌دهنده‌ی باتجربه‌تری تبدیل شوید.
👉 https://www.roxo.ir/strange-behaviors-of-the-javascript
💻 #برنامه_نویسی #جاوااسکریپت
🆔 @roxo_ir
وقتی برنامه جاوا اسکریپتی ما بزرگتر می‌شود، باید برنامه را به فایل‌های مختلفی تقسیم کنیم. به هرکدام از این فایل‌ها ماژول می‌گوییم زیرا قطعه‌ای از کد را درون خود دارند.
هر ماژول می‌تواند یک کلاس، مجموعه‌ای از توابع، برخی اطلاعات پایگاه داده یا هر بخشی از کد را داشته باشد.
در سال‌های اول استفاده از جاوا اسکریپت هیچ سیستم ماژولی در جاوا اسکریپت وجود نداشت چون اسکریپت‌ها کوچک بودند و نیازی به تقسیم فایل‌ها نبود. اما به مرور جاوا اسکریپت آنقدر پیچیده شد که حالا در یک پروژه چند کتابخانه مورد استفاده قرار می‌گیرد. توسعه‌دهندگان برای حل این مشکل شروع به استفاده از کتابخانه های CommonJS و UMD و AMD کردند.
به مرور این سه ماژول به تاریخ پیوستند و از آنها استفاده نشد. در نهایت ماژولی language-level معرفی شد که ES Modules یا ES6 Modules نام گرفت که همان ماژول امروزی جاوا اسکریپت است.
📃 در این مقاله به بررسی این ماژول معتبر و مدرن می‌پردازیم. در انتهای مقاله نیز چند مثال از ماژول‌های قدیمی برایتان آورده‌ایم:
👉 https://www.roxo.ir/modules-introduction
💻 #جاوااسکریپت #برنامه_نویسی
🆔 @roxo_ir
هر ماژول می‌تواند یک کلاس، مجموعه‌ای از توابع، برخی اطلاعات پایگاه داده یا هر بخشی از کد را داشته باشد.
در سال‌های اول استفاده از جاوا اسکریپت هیچ سیستم ماژولی در جاوا اسکریپت وجود نداشت چون اسکریپت‌ها کوچک بودند و نیازی به تقسیم فایل‌ها نبود. اما به مرور جاوا اسکریپت آنقدر پیچیده شد که حالا در یک پروژه چند کتابخانه مورد استفاده قرار می‌گیرد. توسعه‌دهندگان برای حل این مشکل شروع به استفاده از کتابخانه های CommonJS و UMD و AMD کردند.
به مرور این سه ماژول به تاریخ پیوستند و از آنها استفاده نشد. در نهایت ماژولی language-level معرفی شد که ES Modules یا ES6 Modules نام گرفت که همان ماژول امروزی جاوا اسکریپت است.
📃 در این مقاله به بررسی این ماژول معتبر و مدرن می‌پردازیم. در انتهای مقاله نیز چند مثال از ماژول‌های قدیمی برایتان آورده‌ایم:
👉 https://www.roxo.ir/modules-introduction
💻 #جاوااسکریپت #برنامه_نویسی
🆔 @roxo_ir
ما در زندگی روزمره خود به عنوان توسعه دهنده کدهای زیادی می نویسیم. به طور مثال تابع تعریف می کنیم، آرایه مرتب می کنیم، جست و جو می کنیم، مقادیر یکتا را پیدا می کنیم و الی آخر. از آنجایی این کارها را زیاد انجام می دهیم بهتر است چند ترفند را یاد بگیریم تا بتوانیم:
✅ تعداد خطوط کدهای نوشته شده را کم کنیم.
✅ در مسابقات کدنویسی پیشرفت کنیم.
✅ سرعت پیشرفت پروژه هایمان را بیشتر کنیم.
📃 ۱۰ ترفند جاوا اسکریپتی برای افزایش سرعت کدنویسی را در لینک زیر بخوانید:
👉 https://www.roxo.ir/top-20-javascript-tips-and-tricks-to-increase-your-speed-and-efficiency
💻 #برنامه_نویسی #جاوااسکریپت
🆔 @roxo_ir
✅ تعداد خطوط کدهای نوشته شده را کم کنیم.
✅ در مسابقات کدنویسی پیشرفت کنیم.
✅ سرعت پیشرفت پروژه هایمان را بیشتر کنیم.
📃 ۱۰ ترفند جاوا اسکریپتی برای افزایش سرعت کدنویسی را در لینک زیر بخوانید:
👉 https://www.roxo.ir/top-20-javascript-tips-and-tricks-to-increase-your-speed-and-efficiency
💻 #برنامه_نویسی #جاوااسکریپت
🆔 @roxo_ir
ما در زندگی روزمره خود به‌عنوان توسعه‌دهنده کدهای زیادی می‌نویسیم. به‌طور مثال تابع تعریف می‌کنیم، آرایه مرتب می‌کنیم، جست‌وجو می‌کنیم، مقادیر یکتا را پیدا می‌کنیم و الی‌آخر. از آنجایی این کارها را زیاد انجام می‌دهیم بهتر است چند ترفند را یاد بگیریم تا بتوانیم:
🔹 تعداد خطوط کدهای نوشته‌شده را کم کنیم.
🔹 در مسابقات کدنویسی پیشرفت کنیم.
🔹 سرعت پیشرفت پروژه‌هایمان را بیشتر کنیم.
📃 ۱۰ ترفند جاوا اسکریپتی برای افزایش سرعت کدنویسی:
👉 https://www.roxo.ir/top-20-javascript-tips-and-tricks-to-increase-your-speed-and-efficiency
💻 #برنامه_نویسی #جاوااسکریپت
🆔 @roxo_ir
🔹 تعداد خطوط کدهای نوشته‌شده را کم کنیم.
🔹 در مسابقات کدنویسی پیشرفت کنیم.
🔹 سرعت پیشرفت پروژه‌هایمان را بیشتر کنیم.
📃 ۱۰ ترفند جاوا اسکریپتی برای افزایش سرعت کدنویسی:
👉 https://www.roxo.ir/top-20-javascript-tips-and-tricks-to-increase-your-speed-and-efficiency
💻 #برنامه_نویسی #جاوااسکریپت
🆔 @roxo_ir
ساخت ساعت با جاوا اسکریپت
ازآنجایی‌که تصاویر SVG را می‌توان باHTML نمایش داد، می‌توانیم آنها را با جاوا اسکریپت دست‌کاری کنیم. این به این معنی است که می‌توانیم بخش‌هایی از تصویر را از با استفاده از کد متحرک کنیم، آن را هم‌کنشی کنیم، یا چیزهایی را در تصویر تغییر دهیم و از داده‌ها تصویر گرافیکی تولید کنیم.
در این مقاله قصد داریم یک ساعت بسازیم. از SVG برای رنگ‌آمیزی ساعت و از جاوا اسکریپت برای متحرک‌سازی عقربه‌ها استفاده خواهیم کرد. این آموزش تا حدودی پیشرفته است، زیرا در آن با برخی از ویژگی‌های SVG و ساخت انیمیشن با جاوا اسکریپت آشنا می‌شویم. اگر می‌خواهید دید کلی‌تری از SVG ها داشته باشید، مقاله را بخوانید:
👉 https://www.roxo.ir/how-to-build-a-clock-with-javascript
💻 #برنامه_نویسی #جاوااسکریپت
🆔 @roxo_ir
ازآنجایی‌که تصاویر SVG را می‌توان باHTML نمایش داد، می‌توانیم آنها را با جاوا اسکریپت دست‌کاری کنیم. این به این معنی است که می‌توانیم بخش‌هایی از تصویر را از با استفاده از کد متحرک کنیم، آن را هم‌کنشی کنیم، یا چیزهایی را در تصویر تغییر دهیم و از داده‌ها تصویر گرافیکی تولید کنیم.
در این مقاله قصد داریم یک ساعت بسازیم. از SVG برای رنگ‌آمیزی ساعت و از جاوا اسکریپت برای متحرک‌سازی عقربه‌ها استفاده خواهیم کرد. این آموزش تا حدودی پیشرفته است، زیرا در آن با برخی از ویژگی‌های SVG و ساخت انیمیشن با جاوا اسکریپت آشنا می‌شویم. اگر می‌خواهید دید کلی‌تری از SVG ها داشته باشید، مقاله را بخوانید:
👉 https://www.roxo.ir/how-to-build-a-clock-with-javascript
💻 #برنامه_نویسی #جاوااسکریپت
🆔 @roxo_ir
کار با تاریخ و زمان در جاوا اسکریپت همیشه کمی دست‌وپا گیر بوده است. اگر در StackOverflow سؤالی مربوط به تاریخ بپرسید، اغلب، پاسخِ «استفاده از Moment.js» را خواهید شنید. Moment.js به شما این امکان را می‌دهد با استفاده از یک API تمیز و مختصر، تاریخ‌ها و زمان‌ها را تجزیه، اعتبارسنجی و دست‌کاری کنید و نمایش دهید.
📃 مدیریت تاریخ و زمان با استفاده از Moment.js
👉 https://www.roxo.ir/managing-dates-times-using-moment-js
💻 #برنامه_نویسی #جاوااسکریپت
🆔 @roxo_ir
📃 مدیریت تاریخ و زمان با استفاده از Moment.js
👉 https://www.roxo.ir/managing-dates-times-using-moment-js
💻 #برنامه_نویسی #جاوااسکریپت
🆔 @roxo_ir
📃 بهترین فریم‌ورک‌های فرانت‌اند کدامند؟ + نقد و بررسی تخصصی
👉 https://www.roxo.ir/real-world-comparison-of-frontend-javascript-frameworks
💻 #برنامه_نویسی #جاوااسکریپت
🆔 @roxo_ir
👉 https://www.roxo.ir/real-world-comparison-of-frontend-javascript-frameworks
💻 #برنامه_نویسی #جاوااسکریپت
🆔 @roxo_ir
آیا یاد گرفتن جاوا اسکریپت سخت است؟
در حالیکه یادگیری HTML و CSS ممکن است دو هفته تا یک ماه طول بکشد، یادگیری جاوا اسکریپت بیشتر طول می‌کشد. اگر در برنامه‌نویسی تازه‌کار هستید، ممکن است تعجب کنید که آیا می‌توان در چند هفته یک زبان برنامه‌نویسی را یاد گرفت یا نه؟ پاسخ قطعا خیر است!
به دست آوردن دانش از تمام زبان‌های برنامه‌نویسی و به دست آوردن یک شغل در مدت‌زمان کوتاه غیرممکن است. اما واقعا چقدر طول می‌کشد تا اصول جاوا اسکریپت را یاد بگیریم؟ پاسخ در ادامه مقاله آمده است.
👉 https://www.roxo.ir/is-javascript-hard-to-learn
💻 #برنامه_نویسی #جاوااسکریپت
🆔 @roxo_ir
در حالیکه یادگیری HTML و CSS ممکن است دو هفته تا یک ماه طول بکشد، یادگیری جاوا اسکریپت بیشتر طول می‌کشد. اگر در برنامه‌نویسی تازه‌کار هستید، ممکن است تعجب کنید که آیا می‌توان در چند هفته یک زبان برنامه‌نویسی را یاد گرفت یا نه؟ پاسخ قطعا خیر است!
به دست آوردن دانش از تمام زبان‌های برنامه‌نویسی و به دست آوردن یک شغل در مدت‌زمان کوتاه غیرممکن است. اما واقعا چقدر طول می‌کشد تا اصول جاوا اسکریپت را یاد بگیریم؟ پاسخ در ادامه مقاله آمده است.
👉 https://www.roxo.ir/is-javascript-hard-to-learn
💻 #برنامه_نویسی #جاوااسکریپت
🆔 @roxo_ir
هم npm و هم Yarn دو package manager (مدیریت‌کننده پکیج) بسیار مشهور برای زبان جاوا اسکریپت می‌باشند.
اگر نمی‌دانید package manager چیست می‌توانیم به صورت خلاصه برایتان بگوییم که package manager ها روشی برای اتوماسیون و خودکارسازی پروسه نصب، به‌روزرسانی، پیکربندی و حذف قطعات نرم‌افزاری (پکیج‌ها) از یک رجیستری جهانی هستند.
📃 در این مقاله می‌خواهیم به تفاوت‌های این دو package manager بسیار محبوب بپردازیم:
👉https://www.roxo.ir/npm-vs-yarn
💻 #برنامه_نویسی #جاوااسکریپت
🆔 @roxo_ir
اگر نمی‌دانید package manager چیست می‌توانیم به صورت خلاصه برایتان بگوییم که package manager ها روشی برای اتوماسیون و خودکارسازی پروسه نصب، به‌روزرسانی، پیکربندی و حذف قطعات نرم‌افزاری (پکیج‌ها) از یک رجیستری جهانی هستند.
📃 در این مقاله می‌خواهیم به تفاوت‌های این دو package manager بسیار محبوب بپردازیم:
👉https://www.roxo.ir/npm-vs-yarn
💻 #برنامه_نویسی #جاوااسکریپت
🆔 @roxo_ir
آموزش کامل ساخت موزیک پلیر (پخش کننده صدا) با Javascript
👉 https://www.roxo.ir/how-to-create-a-music-player-with-javascript
💻 #برنامه_نویسی #جاوااسکریپت
🆔 @roxo_ir
👉 https://www.roxo.ir/how-to-create-a-music-player-with-javascript
💻 #برنامه_نویسی #جاوااسکریپت
🆔 @roxo_ir
ساخت برنامه جستجو با جاوا اسکریپت
در این مقاله یک برنامه جستجو با جاوا اسکریپت را خواهیم ساخت. این برنامه پیشنهادهایی را برای جستجو به کاربر نشان می دهد سپس در google به دنبال کلمه واردشده در نوار جستجو می‌گردد. برای ساخت این برنامه به آشنایی با css وhtml وjavascript نیاز دارید. برنامه جستجو تقریبا در همه وب‌سایت‌ها وجود دارد. میتوانید از این برنامه ساده در پروژه‌های پیشرفته‌تر خود استفاده کنید. این مقاله همچنین به تقویت مهارت‌های شما در javascript کمک می‌کند:
👉 https://www.roxo.ir/search-bar-with-autocomplete-search-suggestions-in-javascript
💻 #برنامه_نویسی #جاوااسکریپت
🆔 @roxo_ir
در این مقاله یک برنامه جستجو با جاوا اسکریپت را خواهیم ساخت. این برنامه پیشنهادهایی را برای جستجو به کاربر نشان می دهد سپس در google به دنبال کلمه واردشده در نوار جستجو می‌گردد. برای ساخت این برنامه به آشنایی با css وhtml وjavascript نیاز دارید. برنامه جستجو تقریبا در همه وب‌سایت‌ها وجود دارد. میتوانید از این برنامه ساده در پروژه‌های پیشرفته‌تر خود استفاده کنید. این مقاله همچنین به تقویت مهارت‌های شما در javascript کمک می‌کند:
👉 https://www.roxo.ir/search-bar-with-autocomplete-search-suggestions-in-javascript
💻 #برنامه_نویسی #جاوااسکریپت
🆔 @roxo_ir
آموزش ایجاد سبد خرید با جاوا اسکریپت
📃 در این مقاله آموزشی می‌خواهیم برنامه بسیار کاربردی سبد خرید با جاوا اسکریپت را بنویسیم. با این برنامه می‌توان محصولات خود را نمایش داد و آنها را به سبد خرید افزود. در سبد خرید می‌توان تعداد محصولات را افزایش یا کاهش داد و یا حتی حذف کرد. همچنین در سبد خرید می‌توان قیمت نهایی محصولات را دید:
👉 https://www.roxo.ir/javascript-shopping-cart-tutorial
💻 #برنامه_نویسی #جاوااسکریپت
🆔 @roxo_ir
📃 در این مقاله آموزشی می‌خواهیم برنامه بسیار کاربردی سبد خرید با جاوا اسکریپت را بنویسیم. با این برنامه می‌توان محصولات خود را نمایش داد و آنها را به سبد خرید افزود. در سبد خرید می‌توان تعداد محصولات را افزایش یا کاهش داد و یا حتی حذف کرد. همچنین در سبد خرید می‌توان قیمت نهایی محصولات را دید:
👉 https://www.roxo.ir/javascript-shopping-cart-tutorial
💻 #برنامه_نویسی #جاوااسکریپت
🆔 @roxo_ir
🎟 برنامه رزرو صندلی سینما با جاوا اسکریپت
در این آموزش، برنامه رزور صندلی با جاوا اسکریپت را شبیه‌سازی و پیاده‌سازی خواهیم کرد. در این برنامه صندلی‌ها در سطرها و ستون‌ها نمایش داده می‌شوند و با کلیک کردن روی یک صندلی خالی می‌توانیم آن را رزور کنیم. با دوباره کلیک کردن روی صندلی از حالت انتخاب‌شده خارج می‌شود. کاربر همچنین صندلی‌هایی را که از انتخاب‌شده‌اند، نمی‌تواند انتخاب کند.
کاربر از بین چند فیلم یک فیلم را می‌تواند انتخاب کند. هرکدام از این فیلم‌ها قیمت‌های مختلفی دارند. قیمت نهایی بر پایه قیمت فیلم و تعداد صندلی‌های انتخاب‌شده تعیین و نمایش داده می‌شود. اگر صفحه را رفرش کنیم اطلاعات یا همان صندلی‌های انتخاب تغییر نخواهند کرد. این کار را با استفاده از localStorage انجام خواهیم داد.
👉 https://www.roxo.ir/movie-seat-booking-with-javascript
💻 #برنامه_نویسی #جاوااسکریپت
🆔 @roxo_ir
در این آموزش، برنامه رزور صندلی با جاوا اسکریپت را شبیه‌سازی و پیاده‌سازی خواهیم کرد. در این برنامه صندلی‌ها در سطرها و ستون‌ها نمایش داده می‌شوند و با کلیک کردن روی یک صندلی خالی می‌توانیم آن را رزور کنیم. با دوباره کلیک کردن روی صندلی از حالت انتخاب‌شده خارج می‌شود. کاربر همچنین صندلی‌هایی را که از انتخاب‌شده‌اند، نمی‌تواند انتخاب کند.
کاربر از بین چند فیلم یک فیلم را می‌تواند انتخاب کند. هرکدام از این فیلم‌ها قیمت‌های مختلفی دارند. قیمت نهایی بر پایه قیمت فیلم و تعداد صندلی‌های انتخاب‌شده تعیین و نمایش داده می‌شود. اگر صفحه را رفرش کنیم اطلاعات یا همان صندلی‌های انتخاب تغییر نخواهند کرد. این کار را با استفاده از localStorage انجام خواهیم داد.
👉 https://www.roxo.ir/movie-seat-booking-with-javascript
💻 #برنامه_نویسی #جاوااسکریپت
🆔 @roxo_ir
بابل یا Babel چیست؟
باید بدانید BabelJS یک ترانسپایلر جاوا اسکریپت است که ویژگی‌های جدید را به استانداردهای قدیمی جاوا اسکریپت تبدیل می‌کند. ترانسپایلرها ابزارهایی هستند که کدهای جاوا اسکریپت پیشرفته را می‌گیرند و آن را به کدی معادل یا مشابه تبدیل می‌کنند که در بیشتر مرورگرهای فعلی به‌درستی کار می‌کنند. با استفاده از BabelJS، ویژگی‌ها را می‌توان در هر دو مرورگر قدیمی و جدید، بدون دردسر اجرا کرد. Babeljs دارای طیف گسترده‌ای از ویژگی‌ها در قالب پلاگین ها، پیش تنظیم‌ها، polyfill ها و غیره است.
به طور خلاصه، Babeljs مجموعه ابزاری است که تمام ابزارهای موردنیاز را همراه خود دارد و به توسعه‌دهندگان کمک می‌کند تا از تمام ویژگی‌های موجود در ECMA Script استفاده کنند و درعین‌حال نگران پشتیبانی آنها در مرورگرها نباشند.
برای یادگیری Babel باید درک اولیه‌ای از جاوا اسکریپت داشته باشید.
📃 آشنایی کامل با BabelJS:
👉 https://www.roxo.ir/what-is-babel
💻 #برنامه_نویسی #جاوااسکریپت
🆔 @roxo_ir
باید بدانید BabelJS یک ترانسپایلر جاوا اسکریپت است که ویژگی‌های جدید را به استانداردهای قدیمی جاوا اسکریپت تبدیل می‌کند. ترانسپایلرها ابزارهایی هستند که کدهای جاوا اسکریپت پیشرفته را می‌گیرند و آن را به کدی معادل یا مشابه تبدیل می‌کنند که در بیشتر مرورگرهای فعلی به‌درستی کار می‌کنند. با استفاده از BabelJS، ویژگی‌ها را می‌توان در هر دو مرورگر قدیمی و جدید، بدون دردسر اجرا کرد. Babeljs دارای طیف گسترده‌ای از ویژگی‌ها در قالب پلاگین ها، پیش تنظیم‌ها، polyfill ها و غیره است.
به طور خلاصه، Babeljs مجموعه ابزاری است که تمام ابزارهای موردنیاز را همراه خود دارد و به توسعه‌دهندگان کمک می‌کند تا از تمام ویژگی‌های موجود در ECMA Script استفاده کنند و درعین‌حال نگران پشتیبانی آنها در مرورگرها نباشند.
برای یادگیری Babel باید درک اولیه‌ای از جاوا اسکریپت داشته باشید.
📃 آشنایی کامل با BabelJS:
👉 https://www.roxo.ir/what-is-babel
💻 #برنامه_نویسی #جاوااسکریپت
🆔 @roxo_ir