لاراولیستا

آموزش جاوا اسکریپت Archives - لاراول یستا

213 views بار
جاوا اسکریپت به زبان ساده: جلسه اول – آشنایی با جاوا اسکریپت

جاوا اسکریپت به زبان ساده: جلسه اول – آشنایی با جاوا اسکریپت

جاوا اسکریپت یکی از مهم‌ترین زبان‌های برنامه‌نویسی حوزه‌ی وب محسوب می‌شود. جاوا اسکریپت اولین بار با اسم LiveScript و توسط شرکت نت اسکیپ معرفی شد و بعدها به جاوا اسکریپت تغییر نام داد. البته جالب است بدانید جاوا اسکریپت نه از نظر ساختار و نه از نظر مفاهیم، شباهتی به زبان جاوا ندارد و این تشابه اسمی، در حد همان کلمات و نام و نشان باقی مانده است.   به‌طور طبیعی بعد از یادگیری HTML و CSS نوبت یادگیری […]

294 views بار
جاوا اسکریپت به زبان ساده: جلسه سوم – آشنایی با کنسول مرورگر و تب توسعه دهندگان و نحوه نمایش خروجی کد

جاوا اسکریپت به زبان ساده: جلسه سوم – آشنایی با کنسول مرورگر و تب توسعه دهندگان و نحوه نمایش خروجی کد

برای دیباگ کردن و فهمیدن اینکه کجای کدهایمان ایراد دارد، به ابزارهایی نیاز داریم که به ما بگوید کجای کد ما اشتباه بوده است؛ این ابزار خوشبختانه به‌صورت پیش‌فرض در مرورگرهای امروزی وجود دارد. در واقع همه مرورگرها به‌صورت پیش‌فرض سیستم‌هایی برای توسعه وب‌سایت‌ دارند. این ابزارها که در حالت از دید کاربران مخفی هستند، Developer Tools نام دارند. برای نمایش ابزار مخصوص توسعه‌دهندگان در مرورگر کروم مراحل زیر را طی کنید: نمایش ابزار توسعه‌دهندگان […]

220 views بار
جاوا اسکریپت به زبان ساده: بخش نهم – انتخاب المان‌های HTML

جاوا اسکریپت به زبان ساده: بخش نهم – انتخاب المان‌های HTML

تمامی صفحات وب از کدهای اچ‌تی‌ام‌ال تشکیل شده‌اند. با کمک CSS و استایل‌های آن، این کدها ظاهر مرتب‌تر و زیباتری به خود می‌گیرند. جاوا اسکریپت نیز به شما کمک می‌کند این المان‌های زیبا را تغییر دهید. مثلا محتوای اچ‌تی‌ام‌ال‌ها را تغییر دهید، آن‌ را حذف کنید یا متنی به آن اضافه کنید و …! در این جلسه با نحوه انتخاب المان‌های اچ‌تی‌ام‌ال آشنا خواهیم شد. با ما همراه شوید. چگونه یک المان اچ‌تی‌ام‌ال را با […]

213 views بار
جاوا اسکریپت به زبان ساده – جلسه یازدهم – فانکشن‌‌ (پیشرفته)

جاوا اسکریپت به زبان ساده – جلسه یازدهم – فانکشن‌‌ (پیشرفته)

مباحث از جمله پاس دادن متغیر به فانکشن‌ها و نوشتن callback در هر فانکشن از جمله مواردی هستند که در این جلسه به‌ آن‌ها خواهیم پرداخت. فرض کنید هر روز قرار است یک کار تکراری  انجام دهید. مثلا هر روز صبح زود،‌ چای، قهوه یا شیر میل کنید. اگر خوردن صبحانه یک فانکشن‌ (یک عمل تکراری) باشد، آن وقت نوع نوشیدنی که صبح زود میل می‌کنید (مثل شیر، چایی و قهوه‌) متغیر این فانکشن تکراری […]

199 views بار
جاوا اسکریپت به زبان ساده: جلسه پانزدهم – تعریف حلقه For و while

جاوا اسکریپت به زبان ساده: جلسه پانزدهم – تعریف حلقه For و while

در جلسه گذشته با آرایه‌ها آشنا شدیم. در این جلسه می‌خواهیم به شما نکات ناگفته جدیدی از آرایه‌ها را نشان دهیم. مثلا اگر بخواهید تمامی آیتم‌های یک آرایه را به‌صورت یکسان تغییر دهید، چکار می‌کنید؟ اگر دنبال یک آیتم خاص در یک آرایه بگردید چه کار انجام می‌دهید؟ تمامی این‌ها سؤالاتی هستند که در این جلسه می‌خواهیم بدان‌ها پاسخ دهیم. با ما همراه شوید. تعریف کلی از حلقه (loop)  سؤال اول: چرا باید از حلقه‌ […]

207 views بار
جاوا اسکریپت به زبان ساده – جلسه شانزدهم – رویدادها یا ایونت‌ها

جاوا اسکریپت به زبان ساده – جلسه شانزدهم – رویدادها یا ایونت‌ها

کلیک کردن، دو بار کلیک کردن، قرارگیری ماوس روی یک المان (mouseOut)، حرکت از روی المان (mouseOut)  و … از نمونه‌ رویدادهایی هستند که در جاوا اسکریپت اتفاق می‌افتند. در این جلسه نحوه استفاده از آن‌ها را خواهیم آموخت. همانطور که گفتیم، هر کاری که کاربر انجام می‌دهد، مانند کلیک کردن، دابل کلیک، قرارگیری ماوس روی یک المان (mouseOut)‌، حرکت از روی المان (mouseOut)‌، لود شدن کامل صفحه (یکی از پر‌کاربردترین رویدادها) و … همه […]

259 views بار
جاوا اسکریپت به زبان ساده – جلسه بیستم: eventListener

جاوا اسکریپت به زبان ساده – جلسه بیستم: eventListener

کار eventListener این است که گوش‌به‌زنگ ایجاد یک رویداد باشد. برای آشنایی با این مقوله در ادامه این جلسه همراه لاراولیستا باشید. بیایید با یک مثال ساده شروع کنیم. فرض کنید یک دکمه دارید که می‌خواهید به محض کلیک روی آن یک پیغام الرت به کاربر نمایش داده شود. در جلسات قبل یاد گرفتیم که این کار را می‌توانیم با قرار دادن یک اتریبیوت onclick روی المان اچ‌تی‌ام‌ال انجام دهیم. در این جلسه این کار […]