telegram

توضیحات

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

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

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

مدرس دوره علی شیخ
مدت دوره 06:09:03
تعداد ویدیو 37
وضعیت دوره : کامل شده
قیمت دوره : رایگان
برای دانلود ابتدا وارد سایت شوید
دسته بندی دوره ها
HTML CSS طراحی وب FlexBox Bootstrap فریمورک طراحی سایت جاوا اسکریپت اکما اسکریپت پی اچ پی php mysql javascript jquery oop mvc composer laravel emmet npm nodejs webpack vuejs livewire vuex API وب سرویس alpinejs tailwindcss react git github typescript next.js nest.js nuxt.js

دوره های پشنهادی

دوره های آموزشی
آموزش Grid Layout پروژه محور
کامل شده

آموزش Grid Layout پروژه محور

ما همیشه صفحه آرایی را بواسطه عناصر و ویژگی هایی که هدف آنها بوجود آوردن صفحه آرایی نبوده است انجام می دادیم. اول از همه...

رایگان
02:19:59
آموزش npm
کامل شده

آموزش npm

NPM مخفف Node Package Manager و در واقع Package Manager ایست که برای Node.js و یا بهتر بگیم دنیای برنامه نویسی جاوااسکری...

89,000 تومان
02:04:50
آموزش ناکست جی اس (nuxt.js)
کامل شده
% 10 تخفیف

آموزش ناکست جی اس (nuxt.js)

بلاخره بعد از مدت ها انتظار nuxt.js (ناکست جی اس) ورژن 3 آمد و توی این دوره قصد داریم در مورد این فریموک فوق العاده جاوا...

399,000 359,000 تومان
09:18:11
آموزش Javascript پروژه محور
کامل شده

آموزش Javascript پروژه محور

آموزش جاوا اسکریپت + ES6 به همراه پروژه. جاوا اسکریپت زبان برنامه‌نویسی سطح بالا است که برای ایجاد تعامل با صفحات وب به...

رایگان
06:09:03
مشاهده تمام دوره های آموزشی

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

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

  • Ffarzad

    سلام استاد
    قسمت اول رو موبه مو انجام دادم ولی خروجی تسک میخوام ایجاد کنم یه لحظه میادو میره.رنگ جیسون تو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));

    }

    • علی شیخ

      6 ماه پیش

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

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

  • Rasool Kiaeifar

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

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

    tasks.forEach(function (task, index) {

        if (taskItem.textContent === task) {

          tasks.splice(index, 1)


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

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

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

    • علی شیخ

      7 ماه پیش

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

    • علی شیخ

      8 ماه پیش

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

  • Daniyal foroutan

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

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

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

    • علی شیخ

      10 ماه پیش

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

  • morteza namvar

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

    • علی شیخ

      11 ماه پیش

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

  • Far Han

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

    • علی شیخ

      1 سال پیش

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

  • sina davoudi

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

    • علی شیخ

      1 سال پیش

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

  • saeednk72

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

    • علی شیخ

      1 سال پیش

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

  • YadGar Time

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

    • علی شیخ

      2 سال پیش

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

  • rezab740

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

    • علی شیخ

      3 سال پیش

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