• صفحه اصلی
  • وب
    • آموزش HTML
    • آموزش CSS
    • آموزش جاوا اسکریپت
    • آموزش jquery
    • آموزش بوت استرپ
    • آموزش PHP
    • آموزش وردپرس
  • طراحی
    • ایلوستریتور
    • فتوشاپ
  • انیمیشن و سه بعدی
    • افترافکت
    • سینمافوردی
  • کسب و کار
    • بازاریابی
    • نرم افزار های آفیس
  • تدریس در آموزش تک
  • درباره ما
  • تماس با ما
      • عضویتورود
    آموزش تک
    • صفحه اصلی
    • وب
      • آموزش HTML
      • آموزش CSS
      • آموزش جاوا اسکریپت
      • آموزش jquery
      • آموزش بوت استرپ
      • آموزش PHP
      • آموزش وردپرس
    • طراحی
      • ایلوستریتور
      • فتوشاپ
    • انیمیشن و سه بعدی
      • افترافکت
      • سینمافوردی
    • کسب و کار
      • بازاریابی
      • نرم افزار های آفیس
    • تدریس در آموزش تک
    • درباره ما
    • تماس با ما
        • عضویتورود

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

      • خانه
      • همه دوره ها
      • وب
      • آموزش ساخت اسلایدر در جاوا اسکریپت
      دوره هاوبآموزش جاوا اسکریپتآموزش ساخت اسلایدر در جاوا اسکریپت
      • 2
        • درس1.1
          ساخت اسلایدر در جاوا اسکریپت – قسمت اول 16 min
        • درس1.2
          ساخت اسلایدر در جاوا اسکریپت – قسمت دوم 18 min

        ساخت اسلایدر در جاوا اسکریپت – قسمت اول

        مشخصات آموزش :

        مدت زمان: 16 دقیقه

        حجم فایل : 43 مگابایت

        فرمت:Mp4

        بعدی ساخت اسلایدر در جاوا اسکریپت – قسمت دوم

          61 دیدگاه

        1. Hidar
          می 24, 2022

          سلام قسمت دوم دانلود نمیشه لطفاً مشکل حل کنید ممنون

          • کریم مصطفی زاده
            می 26, 2022

            سلام

            با یک مرورگر متفاوت تست کنید

        2. hoda
          آوریل 4, 2022

          شماا مقدار ری کپچای نادرستی را وارد کرده اید.

          سلام میخوام ثبت نام کنم این ارور رو میده

          • کریم مصطفی زاده
            آوریل 16, 2022

            سلام و درود

            لطفا از طریق یه مرورگر دیگه مجددا امتحان کنید

        3. tara
          فوریه 22, 2022

          فیلم دوم دوره کجاست پس ؟

          • کریم مصطفی زاده
            فوریه 23, 2022

            سلام

            فهرست دروس رو مشاهده کنید

        4. Sheyda
          فوریه 21, 2022

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

          • کریم مصطفی زاده
            فوریه 23, 2022

            سلام و درود

            دوست عزیز کافیه فقط ایمیل تون رو وارد کنید کار پیچیده ای نیست

            ویدیوها داخل فهرست دروس قرار دارن

        5. niam1371
          نوامبر 25, 2021

          سلام و خسته نباشید . سورس کدها دانلود نمیشه

          • کریم مصطفی زاده
            نوامبر 27, 2021

            سلام و درود

            فایل بررسی شد و مشکلی برای دانلود وجود ندارد

        6. kingazb
          سپتامبر 21, 2021

          درود وخسته نباشید خدمت استاد عزیز
          دورتون کامل جواب داد و یه اسلایدر خوشگل درست کردم
          الآن میخواستم روی دات ها (نقطه ها )کلیک بشه مثلا از اسلاید اول برم مستقیم روی اسلاید پنجم رو ببینم
          چکاری باید انجام بدم
          ممنون میشم راهنمایی کنید.

          • کریم مصطفی زاده
            سپتامبر 22, 2021

            سلام و درود

            خوشحالیم که دوره براتون مفید واقع شده

            برای این موارد باید جاوا اسکریپت رو به صورت کامل یاد بگیرید

        7. fa
          جولای 31, 2021

          درود
          ثبت نام انجام نمی شه،چندین بار انجام دادم

          • کریم مصطفی زاده
            آگوست 2, 2021

            سلام و درود

            چه خطایی رو دریافت میکنید؟

            • fa
              آگوست 6, 2021

              درود
              دکمه ی ثبت نام فعال نمیشه

            • fa
              آگوست 7, 2021

              درود
              دکمه ی ثبت نام بعد از پر کردن همه ی فیلد ها همچنان غیر فعال می ماند.

              • کریم مصطفی زاده
                آگوست 8, 2021

                سلام و درود

                مجددا تست بفرمایید

        8. aramesh
          می 17, 2021

          سلام
          سپاس فراوان
          دقیقا چیزی بود ک دنبالش بودم

        9. smafzaly
          مارس 9, 2021

          سلام؛ من به فایل css لینک می دم اما هیچ اتفاقی نمی افته.

        10. محمدحسین
          مارس 3, 2021

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

        11. mirhamed
          فوریه 6, 2021

          سلام
          چرا قسمت دوم،ادامه قسمت اول نیست؟
          ممکنه ادامه قسمت اول رو آموزشش رو بگذارید؟
          تشکر

          • کریم مصطفی زاده
            فوریه 10, 2021

            سلام و درود

            داخل دوره ثبت نام کنید و فهرست دروس رو مشاهده کنید

            موفق و پیروز باشید

        12. seriousmeti
          دسامبر 19, 2020

          بهتر نبود همه رو توی const میزاشتین و
          برای setinterval فقط اسشمو میدادین ؟

        13. SoroushNP
          آگوست 1, 2020

          سلام
          الان هم میزنه Uncaught TypeError: Cannot read property ‘addEventListener’ of null
          at script.js:50
          میشه راهنمایی کنید ممنون

        14. SoroushNP
          جولای 31, 2020

          سلام خسته نباشید.
          چرا بر من کار نمیکنه؟
          هرچی تو اموزش بود رو نوشتم و چند بار چک کردم چیزی ندیدم
          میشه راهنمایی کنید چطوری میتونم درستش کنم ممنون

        15. ali200farzin28
          جولای 6, 2020

          سلام چرا تایم آموزش کم هست 16 دقیقه هست اما نوشته 30 دقیقه من داخل سایت هم ثبت نام کامل رو انجام دادم میشه یه راهنمایی کنید ممنون از سایت خوبتون

          • کریم مصطفی زاده
            جولای 7, 2020

            سلام و درود

            بر روی ثبت نام رایگان دوره کلیک کنید و فهرست دروس رو مشاهده بفرمایید

            موفق و پیروز باشید

        16. الیاس
          ژوئن 24, 2020

          سلام من میخوام وقتی وارده صفحه شدم بصورت تایمی که گذاشتیم عکس تغیر کنه خودکار بدون موس رفتن روش.

          • کریم مصطفی زاده
            ژوئن 25, 2020

            سلام و درود

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

            موفق و پیروز باشید

        17. vahid mora
          می 5, 2020

          چرا اموزش کم هست

          • کریم مصطفی زاده
            می 5, 2020

            سلام و درود

            برای دیدن دوره به صورت کامل لطفا ثبت نام کامل دوره رو کلیک کنید و ثبت نامتون رو انجام بدید

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

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

            موفق و پیروز باشید

        18. ali safa
          آوریل 27, 2020

          سلام استاد خسته نباشید
          چه جوری میتونم وقتی موس رفت رو اسلایدر تغییر خوکار اسلاید ها رو متوقف کنم؟

          • کریم مصطفی زاده
            آوریل 27, 2020

            سلام و درود

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

            موفق و پیروز باشید

        19. ebrahim
          آوریل 16, 2020

          ممنون از آموزش بسیار خوبتان ، یک سوال دارم اگر بخواهیم زمانیکه اسلایدر به اولین یا آخرین عکس رسید دکمه های next و prev به صورت کم رنگ و غیرفعال شوند چه کاری باید انجام دهیم؟

          • کریم مصطفی زاده
            آوریل 16, 2020

            سلام و درود

            پیشنهاد میکنم برای تسلط به جاوا اسکریپت و توانایی برنامه نویسی دوره آموزش مقدماتی تا پیشرفته جاوا اسکریپت را مشاهده کنید

            موفق و پیروز باشید

        20. Anna
          آوریل 6, 2020

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

          • کریم مصطفی زاده
            آوریل 7, 2020

            سلام و درود

            مطمئنا جایی از کد رو اشتباه نوشتید که اگر صحیح باشید حتما کار خواهد کرد

            دوره مدت زمان بسیار کمی دارد و راحت میتونید کدها رو بنویسید ، سورس کد فقط برای دوره های جامع قرار داده میشود

            موفق و پیروز باشید

        21. Mr.hossein
          مارس 12, 2020

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

          • کریم مصطفی زاده
            مارس 13, 2020

            سلام و درود

            تفاوتی وجود ندارد ، در اصل بوت استرپ هم از جاوا اسکریپت برای پیاده سازی کامپوننت های خودش استفاده میکند

            موفق و پیروز باشید

        22. Farhanyy
          دسامبر 29, 2019

          سلام ببخشید ide که ازش استفاده کردین تو این آموزش اسمش چیه ؟

          • کریم مصطفی زاده
            دسامبر 29, 2019

            سلام و درود

            ویرایشگر atom هست

            موفق و پیروز باشید

        23. d.bakhtvar
          آگوست 12, 2019

          سلام و خسته نباشید ، ممنون از آموزش های خوب و کاربردیتون!
          آقای مصطفی زاده من دقیق طبق آموزش شما عمل کردم منتها استایل های مورد نظر خودم به اسلایدر اضافه کردم ولی نمیدونم چرا به صورت AutoPlay کار نمیکینه و اینکه زمانی که اسلاید اول هستیم روی دکمه previous میزنی به اخرین اسلاید نمیره! و فقط زماانی که اسلاید به جلو میزنی بعد میتونی به عقب برگردی!!! اگه میشه یه راهنمایی کنید ممنونم

          • کریم مصطفی زاده
            آگوست 12, 2019

            سلام و درود

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

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

            موفق و پیروز باشید

        24. کیوان
          جولای 30, 2019

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

          • کریم مصطفی زاده
            جولای 30, 2019

            سلام و درود

            در آموزش ساخت اسلایدر با بوت استرپ 4 همچین اسلایدری طراحی شده که میتونید مشاهده کنید

            موفق و پیروز باشید

        25. abozorgi80
          ژوئن 2, 2019

          سلام متاسفانه هیچکدوم از کدهای JS که گفتین در پروژه کار نمیکنه! اسلایدر و prev و next در صفحه هست ولی هیچکاری انجام نمیده…

          • abozorgi80
            ژوئن 2, 2019

            حتی سورس کد هم کپی کردم هیچ اتفاقی نیوفتاد!

            • کریم مصطفی زاده
              ژوئن 3, 2019

              سلام و درود

              دوست عزیزم این دوره کامل هست و توسط دوستان دیگه هم تست شده ، مطمئنا جایی رو اشتباه مینویسید که این مشکل به وجود میاد

              از طریق آیدی تلگرام صفحه تماس با ما با بنده در ارتباط باشید

              موفق و پیروز باشید

          • d.bakhtvar
            آگوست 12, 2019

            کد جاوا اسکریپت رو پایین صفحه لینک کن کدها مشکلی نداره

        26. mohammad-amin-zarei
          می 19, 2019

          سلام دکمه ها برای من کار نمیکنه میزنم بره بعدی دیگه اکتیو نیست ممنون میشم زود جواب بدین فردا باید بدم به استادم

          • کریم مصطفی زاده
            می 19, 2019

            سلام و درود

            در صورتی دقیقا طبق آموزش پیش رفته باشید نباید مشکلی در پروژه تون وجود داشته باشه
            برای تطبیق پروژه لطفا سورس کد دوره رو دانلود کنید و باهم مقایسه کنید که مشکلی نداشته باشه

            موفق و پیروز باشید

        27. pr
          مارس 11, 2019

          سلام اون قسمتی که function disno رو می نویسه رو خوب توضیح نداه فیلم دوم دقیقه چهار میشه برام توضیح بدید

          • کریم مصطفی زاده
            مارس 12, 2019

            سلام و درود

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

            همانطور که در آموزش هم گفته شد، ما برای اینکه بتونیم قبل از کلیک بر روی دکمه های Next یا Previous که خاصیت display تصاویر رو Block میکنن بیایم و display همه تصاویر رو none بکنیم باید یک فانکشن داشته باشید که بیاد و همه تصاویر اسلایدر مارو انتخاب بکنه و خاصیت display شون رو none قرار بده و بعد همین فانکشن رو توی رویداد کلیک دکمه های Next و Previous فراخوانی میکنیم

            داخل تلگرام هم راهنمایی به صورت صوتی برای شما ارسال شد

            موفق و پیروز باشید

        28. hamed afroozi
          فوریه 20, 2019

          سلام و خسته نباشید
          جناب مصطفی زاده بنده اینن دستور ساخت رو اجرا کردم چندین بار ولی اجرا نمیشه و رو تصویر اول ثابت می مونه اسلایدر…..
          دستورات رو میشه بفرستم شما چک بفرمایید ؟

          • کریم مصطفی زاده
            فوریه 21, 2019

            سلام و درود

            ببینید اگر پروژه رو دقیقا همراه با آموزش پیش برید و کدها دقیقا مشابه کدهای دوره باشه مطمئنا پروژه شما اجرا میشه

            لینک دانلود سورس کد دوره در درس دوم قرار داده شد ، دانلود کنید و کدها رو با کدهای خودتون مقایسه کنید و ببینید که کجا کدی رو اشتباه نوشتید

            موفق و پیروز باشید

        29. asseman
          ژانویه 28, 2019

          سلام
          من نمیتونم قسمت دوم رو ببینم
          خیلی تلاش کردم
          هم عضو شدم هم در دوره ثبت نام کردم
          کمکم کنید

          • کریم مصطفی زاده
            ژانویه 29, 2019

            سلام و درود

            درس مورد نظر بررسی شده و فاقد مشکل میباشد
            لطفا کش مرورگر خود رو پاک کنید یا با استفاده از یک مرورگر دیگر امتحان کنید

            موفق و پیروز باشید

        30. shywil
          ژانویه 18, 2019

          salam chera nemishe ghesmat doom amuzesh o didddddddddddddddd

          • کریم مصطفی زاده
            ژانویه 19, 2019

            سلام و درود

            لطفا داخل دوره ثبت نام کنید ، در این صورت میتونید دروس رو مشاهده کنید

            موفق و پیروز باشید

        31. rasoola20
          نوامبر 26, 2018

          جناب مصطفی زاده درود بر شما برای آموزش فوق العاده کاربردی که قرار دادید سپاسگزارم

          • کریم مصطفی زاده
            نوامبر 27, 2018

            سلام و دورد

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

            موفق و پیروز باشید

        آموزش طراحی سایت

        جامع ترین پکیج آموزش طراحی سایت در سطح وب

        به زودی افزایش قیمت خواهد داشت

        کانال تلگرام آموزش تک

        دسته بندی ها

        • #C (7)
        • 3Ds Max (1)
        • آموزش CSS (16)
        • آموزش HTML (10)
        • آموزش JQuery (4)
        • آموزش PHP (7)
        • آموزش Python (2)
        • آموزش بوت استرپ (3)
        • آموزش جاوا اسکریپت (4)
        • آموزش وردپرس (4)
        • افترافکت (49)
        • اندروید (3)
        • انیمیشن و سه بعدی (51)
          • 3Ds Max (1)
          • افترافکت (49)
          • سینمافوردی (2)
        • ایلوستریتور (11)
        • بازاریابی (12)
        • برترین ها (8)
        • برنامه نویسی (10)
          • #C (7)
          • اندروید (3)
        • پکیج (4)
        • سئو (1)
        • سیستم عامل (2)
          • لینوکس (2)
        • سینمافوردی (2)
        • طراحی (44)
          • ایلوستریتور (11)
          • فتوشاپ (37)
        • فتوشاپ (37)
        • فیلم و صدا (1)
          • موسیقی (1)
        • کسب و کار (14)
          • بازاریابی (12)
          • نرم افزار های آفیس (2)
        • لینوکس (2)
        • مارکتینگ (1)
          • سئو (1)
        • موسیقی (1)
        • نرم افزار های آفیس (2)
        • وب (40)
          • آموزش CSS (16)
          • آموزش HTML (10)
          • آموزش JQuery (4)
          • آموزش PHP (7)
          • آموزش Python (2)
          • آموزش بوت استرپ (3)
          • آموزش جاوا اسکریپت (4)
          • آموزش وردپرس (4)
          • وبلاگ (1)
        • وبلاگ (1)
        • ویژه (8)
        شبکه های اجتماعی ما
        صفحات ما

        تدریس در آموزش تک

        وبلاگ آموزش تک

        تماس با ما

        درباره ما

        دسترسی سریع

        صفحه اصلی

        طراحی سایت

        افترافکت

        گرافیک

         

        درباره آموزش تک

        آموزش تک با هدف ایجاد بستری برای تولید آموزش هایی تخصصی و در پی آن پرورش متخصص پا به عرصه آموزش گذاشت و همواره سعی دارد  تا متناسب با نام خودش ( آموزش تک ) بهترین و با کیفیت ترین آموزش ها را در بستری مناسب به صورت آنلاین برای جامعه ی دانش پژوه آماده کند.

        تمامی حقوق مادی و معنوی این وبسایت متعلق به آموزش تک می باشد و هر گونه کپی برداری از محتوا و محصولات سایت غیر مجاز و پیگرد قانونی دارد.

        ورود با :

        ورود با Google ورود با Twitter ورود با LinkedIn

        با حساب کاربری خود وارد شوید

        رمز عبور خود را فراموش کرده اید؟

        آیا هنوز عضو نشده اید؟ ثبت نام کنید

        یک حساب جدید ثبت کنید

        آیا شما عضو هستید؟ اکنون وارد شوید

        Modal title

        Message modal