توضیحات

در این جلسه به ایجاد بخش افزودن و پاک کردن تکی و کلی تسک ها در Local Storage در پروژه جاوا اسکریپت می پردازیم


HTML CSS طراحی وب طراحی سایت javascript ecmascript جاوا اسکریپت اکما اسکریپت جاوااسکریپت

مدرس دوره علی شیخ
مدت دوره 06:09:03
تعداد ویدیو 37

وضعیت دوره : کامل شده
قیمت دوره : رایگان

نظرات ارزشمند شما:

برای ارسال نظر ابتدا باید وارد سایت شوید

  • سلام روزتون بخیر. من دوره رو کامل دیدم و الان میخوام پروژه رو کار کنم اما حتی دقیقا کپی کدهای خودتون رو نوشتم و خروجی دریافت نمیکنم. واقعا گیج شدم نمیدونم ایراد از کجاست

    • سلام وقت بخیر.
      ببینید شما در قدم اول باید تحلیل کنید مه میخواهید چیکار کنید، مثلا اگه روی فلان دکمه کلیک کردم یه متن نمایش بده
      بعد باید بیاید قدم به قدم و با دیباگ (یعنی خط به خط لاگ بگیرید) پیاده سازی کنید.
      مثلا event کلیک دکمه برای اون دکمه نوشته بشه و شما لاگ بگیرید و توی کنسول ببینید که داره کار میکنه و اگه کار میکنه برید قدم بعدی و مرتب مراحل و متغیر ها را لاگ بگیرید و بررسی کنید.

  • سلام استاد
    قسمت اول رو موبه مو انجام دادم ولی خروجی تسک میخوام ایجاد کنم یه لحظه میادو میره.رنگ جیسون توVSC من زرد واس شما قرمز.تنها تفاوت همینه.

    function storeTaskInLocalStorage(task) {
    

    let tasks;
    if (localStorage.getItem('tasks') === null) {
    tasks = [ ];
    } else {
    tasks = JSON.parse(localStorage.getItem('tasks'));
    }

    tasks.push(task);

    localStorage.setItem('tasks', JSON,stringify(tasks));
    }

    • سلام وقت بخیر.
      متوجه منظورتون نشدم، با سورس کدی که در اختیارتون هست مقایسه کنید و قدم به قدم دیباگ کنید و لاگ بگیرید ببینید مراحل به درستی پیش میره یا نه و هر تابع کارش را درست انجام میده یا خیر
      همچنین خط آخر JSON,stringify را اشتباه نوشتید و بجای . بینشون , قرار دادید

      لطف کنید کدهاتون را بین سه عدد بک تیک توی کامنت ها قرار و ارسال کنید.

  • سلام و درود
    ببخشید یجای موضوع برام گنگ بود

    وقتی یه li رو ضربدر قرمز زدیم و موقع رفرش نمیخوایم دوباره لو بشه باید از لوکال استوریج حذف کنیم به این صورت:

    tasks.forEach(function (task, index) {
    
    if (taskItem.textContent === task) {
    tasks.splice(index, 1)


    که میاد محتوا و متن li حذف شده(ضربدر خورده) رو با مقادیر موجود در آرایه tasks ساخته شده مقایسه میکنه و اگه یکی بود از لوکال استوریج حذف میکنه تا دیگه لود نشه

    حالا مسئله اصلی: ??
    خروجی خط آخرِ کد( tasks.splice(index, 1) ) رو فهمیدم ولی اصلا نمیفهمم یعنی چی؟
    اون عدد 1 چی هست؟
    ایندکس چیه؟ ?
    و....

    ببخشید طولانی شد ?

    • سلام وقت بخیر.
      این متد برای کار روی آرایه هست و index مقدار مورد نظر توی آرایه را دریافت میکنه و میگه به چه تعداد حذف کنم از آرایه، که گفیم 1، یعنی اون مقدار را از توی آرایه حذف کن.
      درموردش توی همین دوره گفته شده، و نیازه حداقل دوبار دوره را مشاهده کنید تا بهتر درک کنید.

    • سلام وقت بخیر.
      ویدیو را بادقت ببینید و همچنین با سورس کدی که در اختیارتون هست مقایسه کنید.
      نمونه کد هم میتوانید توی تلگرام وب پروگ ارسال کنید.

  • سلام
    من چندین آموزش رایگان از سایت شما دانلود کردم
    شما خیلی خوب آموزش میدی و من که تا حالا آموزش های زیادی دیدم فهمیدم که واقعا کارتون عالیه
    خودم 10 سال برنامه نویسی ویندوز(6 سال vb6 و 4 سال vb.net) کار میکنم و تصمیم گرفتم وارد دنیای وب و جاوا بشم
    من آموزش های رایگان رو که کامل کردم حتما دوره های دیگه که مورد نیازم باشه رو از سایت شما خریداری میکنم

    و بعد اینکه پیشنهاد و یا توصیه ی شما برای من که تازه وارد برنامه نویسی وب شدم چیه؟

    در آخر خدا خیرتون بده و ان شاالله همیشه موفق باشین هم برای اینکه وقت گذاشتین و هم اینکه آموزش های رایگان میذارین

    • سلام وقت بخیر.
      ممنون از شما و حمایتتون
      پیشنهاد بنده اینکه دوره ها را به ترتیب ببینید و پیش نیاز دوره ها را راعایت کنید و هر دوره را کار کنید نه اینکه صرفا ببینید. یک دوره نیاز به کار و تمرین داره و از طرفی پیاده سازی پروژه دوره، که نیاز هست چندین بار اینکار را انجام بدید و در قدم بعدی خودتون را به چالش بکشید و سعی کنید بهش بال و پر بدید و با سرچ و مطالعه داکیومنت برای حل مشکلات خودتون را قوی تر کنید.

  • سلام وقت بخیر
    مشکل من در قسمت اضافه کردن توابع هستش که توی تابع storeTaskInLocalStorage
    شرط اول دقیقا چه چیزی رو چک میکنه؟ و برای بار اول که ما یک تسک وارد میکنیم در موقع اجرا شدن تابع؛ if اجرا میشه یا else ؟

    • سلام وقت بخیر.
      ببینید ما توی localStorage آرایه ای از تسک ها را ذخیره میکنیم.
      حالا من قصد دارم یک تسک به این آرایه از تسک ها در localStorage اضافه کنم پس در ابتدا چک میکنم که آیا کلا تسکی توی localStorage وجود داره از قبل یا خیر؟
      اگه وجود نداشت (یعنی if) بیاد یک آرایه خالی ایجاد و اون تسک مورد نظر را داخلش قرار بده و بعد تو localStorage ذخیره کنه
      اگه وجود داره از قبل (else) بیاد و اون آرایه از تسک ها را از localStorage دریافت کنه و تسک مورد نظر را بهش اضافه کنه و دوباره در localStorage ذخیره کنه

  • سلام ببخشید میخواستم بدونم واسه این که بتونیم اونقدر قوی بشیم توی جاوا اسکریپت که بشه باهاش بک اند ساخت باید چ چیزایی رو یاد بگیریم؟

    • سلام وقت بخیر.
      اگه منظورتون این هست که جاوااسکریپت را در بک اند کار کنید، باید دوره جاوااسکریپت و بعد از اون node.js را مشاهده کنید، که توی دوره ها پیش نیاز ها نوشته شده و بعد از اون میتونید فریمورک های node.js را برای یادگیری انتخاب کنید.

  • سلام
    مرسی بابت اموزش مفیدتون
    میخواستم بپرسم بعد از این دوره باز هم نیاز به دوره جاوا اسکریپتی داریم یا میتوانیم زدن پروژه های نسبا پیچیده رو شروع کنیم

    • سلام وقت بخیر.
      برای پروژه های جاوااسکریپت شما میتونید از فریمورک alpine و vue همچنین کتابخانه های مثله react استفاده کنید، که کار کردن با جاوااسکریپت را خیلی ساده تر میکنه.دوره هاشون هم توی وبسایت هست

  • سلام و خسته نباشید به شما
    این دوره رو تموم کردم الان
    تدریس عالی، تمامی قسمت ها تا قبل پروژه رو دو بار دیدم و نحوه بیانتون فوق العاده س
    اما یه سوال اینکه استاد همه ی پروژه های جاوااسکریپت همینقد پیچیده س؟
    این پروژه که کار کردید یه پروژه ی به ظاهر ساده بود، اما مفاهیمش مخصوصا قسمت سوم خیلی پیچیده و تو در تو بود و واقعا من که گیج شدم !!
    توی این قسمت هم یجاهایی توابع رو میاوردید بالای بقیه توابع. به نظر خیلی جاها همین تقدم تاخر در کدهامون هم میتونه خیلی روی نتیجه نهایی تاثیر بذاره! حتی فهم اینکه کدوم تابع کجا قرار بگیره هم اندکی گیج کننده شده بود

    • سلام وقت بخیر.
      ممنون از شما
      ببنید شما در ابتدای راه هستید و کاملا طبیعی هست که گمی گیج شید، برنامه نویسی خیلی زیاد نیاز به تمرین و کار کردن داره تا راه بیفتید. یکی از تمرین ها میتونه این باشه که سورس کد های موجود در اینترنت، برای موضوعات مختلف را مشاهده کنید، تحلیل کنید و کد بزنید تا دستتون راه بیفته. از طرفی فریمورک های جاوااسکریپت هم هست که کار کردن با جاوااسکریپت را برای شما ساده تر میکنه، اما پیش نیازشون این هست که جاوااسکریپت را بخوبی درک کرده باشید.

  • ''' سلام آموزش های تان عالیست ولی وقتی در قسمت پروژه ها میرسد کمی پیچشده میشن بعضآ کلاس ها خیلی پیچده مبهم میگرید . در قسمت css grid در شروع خوب وبد ولی در قسمت پروژه من نفهمیدم بستم ویدیو را .. مشکل من اینست یاد گرفتم نمیتانم پروژه راه اندازی کنم .. و آیا پروژه رایگان php در نظر دارین در آینده '''

    • سلام وقت بخیر.
      فقط با تمرین و تکرار و تجربه مشکلتون برطرف میشه.
      دوره رایگان برای php بصورت پروژه محور توی وبسایت هست.

  • سلام ممنون از فایلای آموزشی خوبتون. واسه ایجاد DELAY بین اجرای دستور توی حلقه فور چه کدی وجود داره؟ کد رو میخوام تو قسمت کنسول اجرا کنم.ممنون

    • سلام وقت بخیر.ممنون❤
      برای ایجاد delay از تابع setTimeout استفاده میشه