با باترفلایلی رشد کن یاد بگیر امتحان کن پرواز کن پیله بیا ، پروانه برو
دنبال کدوم هستی؟ همین الان انتخاب کن
محصولی یافت نشد
جدیدترین مقالات وآموزش های متنی
Node.js چیست؟ نقش Node.js در طراحی سایت
Node.js چیست و چه نقشی در طراحی سایت دارد؟
اگر مدتی در دنیای برنامهنویسی وب فعالیت کرده باشید،
احتمالاً نام Node.js را زیاد شنیدهاید.
Node.js یکی از تکنولوژیهای مهم در توسعه وب مدر...
جاوا اسکریپت چیست؟ معرفی کامل JavaScript برای فرانت اند
جاوا اسکریپت چیست؟ و چرا پایه تمام فریمورک های فرانت اند است؟
اگر وارد دنیای برنامهنویسی وب شده باشید،
احتمالاً نام JavaScript را بارها شنیدهاید.
جاوا اسکریپت یکی از مهمترین زبانه...
تفاوت React و Vue و Angular | کدام فریمورک بهتر است؟
تفاوت React، Vue و Angular | کدام را برای یادگیری انتخاب کنیم؟
اگر وارد دنیای برنامهنویسی فرانتاند شده باشید،
احتمالاً خیلی زود با این سؤال روبهرو میشوید:
React یاد بگیرم؟ یا Vue؟...
useState چیست؟ آموزش مدیریت State در React
useState چیست؟ مدیریت حالت در React
وقتی با React شروع به کار میکنید،
در ابتدا کامپوننتها بیشتر شبیه قالبهای ثابت هستند.
آنها اطلاعات را نمایش میدهند،
اما تغییر خاصی در آنها اتفاق نم...
کامپوننت در React چیست؟ آموزش مفهوم Component در React
کامپوننت در React: قلب تپنده اپلیکیشنهای مدرن
تصور کنید میخواهید یک اپلیکیشن بزرگ بسازید.
اگر قرار باشد تمام رابط کاربری را در یک فایل بزرگ بنویسید،
کد شما خیلی سریع تبدیل به یک هیولای غی...
React چیست؟ معرفی کامل React و مزایای آن در بازار کار
React چیست و چرا بازار کار عالی دارد؟
در دنیای توسعه وب، ابزارهای زیادی برای ساخت رابط کاربری وجود دارند.
اما یکی از محبوبترین آنها بدون شک React است.
React کتابخانهای است که توسط ...
تفاوت const و let در JavaScript | کدام را استفاده کنیم؟
const vs let — کدایمون کی Crash میکنه؟
در JavaScript دو روش رایج برای تعریف متغیرها وجود دارد:
const و let.
در نگاه اول ممکن است شبیه هم به نظر برسند،
اما یک تفاوت مهم بین آنها وجو...
DOM چیست؟ آشنایی با Document Object Model در JavaScript
DOM چیست و چطور HTML را زنده میکند؟
وقتی یک صفحه HTML میسازید، در واقع فقط ساختار اولیه صفحه را مشخص میکنید.
متنها، تصاویر و دکمهها روی صفحه قرار میگیرند، اما هنوز هیچ تعامل واقعی وجود...
متغیرها در جاوااسکریپت | تفاوت const و let و var
متغیرها در جاوااسکریپت: const ،let و var
در برنامهنویسی، یکی از اولین مفاهیمی که با آن روبهرو میشوید «متغیر» است.
اما در JavaScript انتخاب نوع متغیر میتواند تأثیر بزرگی روی رفتار برنامه ...
JavaScript چیست و چرا پادشاه وب است؟ | معرفی کامل جاوا اسکریپت
JavaScript چیست و چرا پادشاه وب است؟
تصور کن وارد یک وبسایت میشوی اما هیچ دکمهای کار نمیکند،
فرمها ارسال نمیشوند،
اسلایدرها حرکت نمیکنند
و هیچ اتفاقی در صفحه نمیافتد.
در چنین...
Grid در CSS چیست | معرفی کامل سیستم چیدمان دو بعدی
Grid در CSS چیست؟
CSS Grid قدرتمندترین سیستم چیدمان دوبعدی در CSS است؛
ابزاری مدرن که به تو اجازه میدهد ردیفها و ستونهای دقیق بسازی و بدون
دردسر، هر نوع صفحهای را طراحی...
۱۰ اشتباه رایج برنامهنویسان تازهکار | تجربههایی که هر کدنویس باید بداند
۱۰ اشتباه رایج برنامهنویسان تازهکار
هوک: حداقل ۳ مورد از این اشتباهات را حتماً انجام دادهای!
همهی ما روزی تازهکار بودیم — با اشتیاق زیاد، اما اشتباهات زیادتر 😅.
از کدنویس...
تگ های مهم HTML که هر برنامه نویس باید بداند | راهنمای کامل HTML
راهنمای کامل تگهای مهم HTML که هر برنامهنویسی باید بداند
بیایید یک اعتراف صادقانه بکنیم…
چند بار شده برای ساخت کل صفحه فقط از
<div> و
<span>
استفاده کنی و با خودت بگویی «...
۵ تگ HTML که هر برنامهنویسی باید بلد باشد | آموزش تگهای سمانتیک
۵ تگ HTML که هر برنامهنویسی باید بلد باشد
اگر وارد سورس کد یک سایت حرفهای شده باشی، احتمالاً از خودت پرسیدهای:
چرا کدهای این پروژه اینقدر تمیز، مرتب و قابل فهم هستند؟
راز کار معمولاً در ...
آموزش Flexbox | مرجع کامل چیدمان Flexbox در CSS
آموزش کامل Flexbox؛ مرجع جامع چیدمان انعطافپذیر در CSS
اگر هنوز برای چیدمان عناصر صفحه از float و table استفاده میکنی، وقتشه وارد دنیای مدرن بشی!
Flexbox یکی از قدرتمندترین سیستمهای چید...
تفاوت HTML و HTML5 چیست؟ معرفی ۵ قابلیت انقلابی HTML5 برای وب مدرن
تفاوت HTML و HTML5 چیست؟ ۵ قابلیتی که HTML5 را انقلابی کرد
اگر در حال یادگیری طراحی سایت هستی، احتمالاً با دو اصطلاح HTML و HTML5 روبهرو شدهای.
اما سؤال مهم اینجاست: تفاوت HTML و HTML5 چ...
نقشه راه یادگیری Frontend در سال ۲۰۲۶ | مسیر کامل تبدیل شدن به توسعهدهنده فرانتاند
نقشه راه یادگیری Frontend در سال ۲۰۲۶
اگر میخواهی وارد دنیای برنامهنویسی شوی، یکی از بهترین و سریعترین مسیرها Frontend است.
فرانتاند همان بخشی از سایتها و اپلیکیشنهاست که کاربران می...
CSS چیست؟ چگونه ظاهر سایت را حرفهای و جذاب میکند؟
CSS چیست و چطور ظاهر سایت حرفهای میشود؟
بدون CSS تمام سایتها شبیه یک فایل ورد ساده هستند!
در واقع CSS همان چیزی است که سایتها را زیبا، حرفهای و چشمنواز میکند.
اما CSS دقیقاً چیست و چرا برای ...
HTML چیست؟ آموزش ساختار واقعی صفحات وب برای مبتدیها
HTML چیست؟ ساختار واقعی یک صفحه وب
هر وبسایتی که میبینی با HTML شروع میشود.
از دیجیکالا گرفته تا اینستاگرام نسخه وب، همهچیز از چند تگ ساده شروع شده!
اما واقعاً HTML چیست و چرا پایهی دنیای وب م...
برنامهنویسی چیست و چرا فرانتاند بهترین نقطه شروع است؟
برنامهنویسی چیست و چرا فرانتاند بهترین نقطه شروع است؟ | باترفلایلی
اگر امروز داری این متن رو میخونی، باید بدونی که ۹۰٪ سایتهایی که هر روز باهاشون حال میکنی – از اینستاگرام گرفته تا سایت خرید لب...
