برای شروع یک کدباکس ایجاد کنید 👈 کدباکس چیست؟ کدباکس یک ویرایشگر آنلاین برای اجرا و اشتراک گذاری کد است. داخل کدباکس می توانید کد HTML و CSS و JavaScript نوشته و نتیجه‌اش را به صورت آنلاین در مقابلش مشاهده کنید. همچنین می توانید کدباکس را به اشتراک گذاشته یا داخل آی‌فریم در صفحات دیگر استفاده کنید…

اجرا و نمایش آنلاین کد HTML, CSS و JavaScript

یک برنامه‌نویس

در جاوا اسکریپت یک نخ اصلی یا همان Main thread وجود دارد که به صورت پیش‌فرض همه کدها در آن اجرا می‌شود. انجام عملیات ناهمگام یا Asynchronous مثل ارسال یک درخواست HTTP توسط خود مرورگر یا محیط nodejs در نخ و thread جداگانه انجام شده و نتیجه اش به ما در Main thread بازگردانده می‌شود. گاهی نیاز داریم ع…

آموزش ساخت صف یا Queue با پشتیبانی از Async در جاوا اسکریپت

یکی از بهترین راه‌های یادگیری برنامه نویسی، تمرین کدنویسی با ساخت پروژه‌های واقعی است. در این مطلب ساخت و راه اندازی یک صفحه وب (بازی دوز) به صورت قدم به قدم آموزش داده شده است. در ادامه باهم یک صفحه وب استاتیک (فقط فرانت اند) درست کرده و با استفاده از سرویس github-pages که کاملا رایگان است، صفحه ر…

آموزش ساخت یک صفحه وب آنلاین و راه اندازی با سرویس GitHub Pages به صورت رایگان

کدباکس رسانیکا یک محیط برنامه نویسی آنلاین است که امکان اجرای کد اچ‌تی‌ام‌ال همراه با سی‌اس‌اس و جاوااسکریت را دارد. نحوه‌ ایجاد کدباکس‌ ‌برای ایجاد یک کدباکس به آدرس rasanika.com/codebox/new رفته و در باکس سمت چپ کد مدنظر را بنویسید، در قسمت سمت راست صفحه، نتیجه کد شما نمایش داده خواهد شد.‌ برای د…

کد ادیتور آنلاین با قابلیت اجرای کد HTML و CSS و JS

رسانیکا

نسخه 15 فریم‌ورک Next.js با مجموعه‌ای از ویژگی‌ها و بهبودهای جدید عرضه شد ! برخی از نکات مهم شامل یک CLI جدید برای ارتقاء آسان‌تر، درخواست های API ای‌سینک و تغییراتی در سیستم کش هستند. همچنین پشتیبانی از React 19، بهبودهای عملکرد و APIهای جدید برای کار های مختلف اضافه شده است. لیستی از تغییرات جدید…

نکست‌جی‌اس 15 با قابلیت‌ها و بهبودهای جدید عرضه شد

تِک‌نیوز

نسخه جدید فریم ورک Svelte با نام svelte@5 منتشر شد! 🎉 این نسخه شامل موارد زیر است: عملکرد بهتر و روان‌تر یک سیستم واکنش‌پذیری دقیق‌تر با استفاده از runes نحو قالب‌بندی گویاتر با استفاده از snippets و event attributes پشتیبانی نیتیو از TypeScript سازگاری با قبل با همان سینتکس قبلی! اطلاعات بیشتر را…

نسخه 5 فریم ورک Svelte منتشر شد

Deno 2.0 با سازگاری کامل با Node و npm، ضمانت‌های پشتیبانی طولانی‌مدت، پشتیبانی monorepo و Workspace و موارد دیگر عرضه می‌شود .

نسخه جدید Deno 2.0 با پشتیبانی Long-Term و سازگاری npm منتشر شد!

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

آموزش ساختار های داده در جاوا اسکریپت + تمرین آنلاین

نوع داده یا دیتاتایپ یعنی نوع اطلاعاتی که یک متغیر جاوا اسکریپت می‌تواند ذخیره کند. در جاوا اسکریپت 7 نوع پایه یا پریمیتیو و 1 نوع غیر پایه وجود دارد. مقادیر پریمیتیو یا پایه به طور کلی داده ها در جاوا اسکریپت به دو نوع پایه و غیرپایه تقسیم می‌شوند. به ساده ترین شکل داده ها پریمیتیو یا پایه گفته می…

آموزش انواع داده های جاوا اسکریپت + تمرین آنلاین

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

آموزش متغیر های جاوا اسکریپت + تمرین آنلاین

برای نمایش سریع تاریخ شمسی در جاوا اسکریپت می‌توانید از کد date.toLocaleString("fa-IR") استفاده کنید. بدون شک در ساخت وبسایت ها و اپلیکیشن های فارسی، نمایش تاریخ شمسی یکی از بدیهی ترین نیاز ها است. تا همین چند وقت پیش، تنها گزینه مناسب برای اینکار استفاده از کتابخانه های حجیم مثل momentjs بود، ولی …

نمایش تاریخ فارسی (شمسی) در جاوا اسکریپت

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

آموزش جاوا اسکریپت از صفر تا صد + نقشه راه 2024

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

38 کد یک-خطی جاوا اسکریپت که سرعت کدنویسی شما را 10x افزایش می دهد!

برای دونستن این که یه صفحه وب داخل آی فریم بارگذاری شده یا مرورگر، میتونیم از کد جاوا اسکریپت زیر استفاده کنیم: آبجکت window.self خود صفحه رو بر میگردونه و آبجکت window.parent هم صفحه مادر یا parent این صفحه رو بر میگردونه. ولی وقتی داخل هیچ آی فریمی نباشیم window.parent بجای صفحه مادر، خود صفحه رو…

چطور بفهمیم صفحه وب داخل آی فریم است یا خیر؟

جاوا اسکریپت چیست؟ جاوا اسکریپت یا JS یک زبان برنامه‌نویسی است که بیشتر برای ساخت صفحات وب استفاده می‌شود. اولین نسخه جاوا اسکریپت در سال 1995 توسط Brendan Eich در طول فقط یک هفته ساخته شده و هدف از ساختش اضافه کردن یک زبان اسکریپت نویسی ساده به مرورگر Netscape بوده است. اسم اولیه جاوا اسکریپت، Moc…

پست ها

JavaScript