آموزش ساخت اسلایدر در جاوا اسکریپت
اسلایدرها همیشه مورد پسند کاربران سایت ها واقع شده و طراحان وب هم همواره به فکر ساخت اسلایدر برای کاربرپسند کردن سایت و جذب کاربر بیشتر بوده اند
در این دوره آموزشی ما قصد داریم با استفاده از زبان قدرتمند جاوا اسکریپت یک اسلایدر زیبا و جذاب رو به صورت کامل برای صفحات وب خودمون طراحی کنیم توصیه میشود ( دوره آموزشی طراحی سایت ) را نیز مشاهده کنید
نکته : این دوره آموزشی یکی از قسمت های دوره آموزش جاوا اسکریپت از مقدماتی تا پیشرفته است که برای شما عزیزان به صورت رایگان قرار داده شده است
امیدواریم که این دوره آموزشی مورد توجه شما عزیزان واقع بشه ، منتظر نظرات ارزشمند شما هستیم
ویژگی های دوره
- تعداد جلسات 2
- امتحانات 0
- مدت 34 دقیقه
- سطح مهارت تمام سطوح
- زبان فارسی
- دانشجویان 2356
- ارزیابی ها بله
-
enteha79
enteha79
واقعا عالیه من خیلی دنبال مباحث برنامه نویسی رفتم ولی تنها جایی که مطالب سازماندهی شده و پیوسته داشت همین جا بود سپاس فراوان از زحماتتون.
-
ma2web
خوب
خوب بود.... دمتون گرم
-
hassanahmadi
تشکر از بابت آموزشها
خیلی خیلی ممنونم بابت آموزش خوبتون واقعا مفید و جامع توضیح دادید منتظر آموزش های بیشتری از آموزش تک هستیم
62 دیدگاه
بسیار عالی و کامل و قابل فهم واقعا ممنونم ازتون
سلام قسمت دوم دانلود نمیشه لطفاً مشکل حل کنید ممنون
سلام
با یک مرورگر متفاوت تست کنید
شماا مقدار ری کپچای نادرستی را وارد کرده اید.
سلام میخوام ثبت نام کنم این ارور رو میده
سلام و درود
لطفا از طریق یه مرورگر دیگه مجددا امتحان کنید
فیلم دوم دوره کجاست پس ؟
سلام
فهرست دروس رو مشاهده کنید
سلام چرا قسمت دوم ساخت اسلایدر باز نمیشه؟
چرا کاربر رو وادار میکنید اکانت بسازه بعد سردر گمش میکنید واسه دانلود
فکر کنید شاید یکی خیلی عجله داره و این کار براش گرون تموم میشه
سلام و درود
دوست عزیز کافیه فقط ایمیل تون رو وارد کنید کار پیچیده ای نیست
ویدیوها داخل فهرست دروس قرار دارن
سلام و خسته نباشید . سورس کدها دانلود نمیشه
سلام و درود
فایل بررسی شد و مشکلی برای دانلود وجود ندارد
درود وخسته نباشید خدمت استاد عزیز
دورتون کامل جواب داد و یه اسلایدر خوشگل درست کردم
الآن میخواستم روی دات ها (نقطه ها )کلیک بشه مثلا از اسلاید اول برم مستقیم روی اسلاید پنجم رو ببینم
چکاری باید انجام بدم
ممنون میشم راهنمایی کنید.
سلام و درود
خوشحالیم که دوره براتون مفید واقع شده
برای این موارد باید جاوا اسکریپت رو به صورت کامل یاد بگیرید
درود
ثبت نام انجام نمی شه،چندین بار انجام دادم
سلام و درود
چه خطایی رو دریافت میکنید؟
درود
دکمه ی ثبت نام فعال نمیشه
درود
دکمه ی ثبت نام بعد از پر کردن همه ی فیلد ها همچنان غیر فعال می ماند.
سلام و درود
مجددا تست بفرمایید
سلام
سپاس فراوان
دقیقا چیزی بود ک دنبالش بودم
سلام؛ من به فایل css لینک می دم اما هیچ اتفاقی نمی افته.
با سلام. ببخشید لطفا نحوه درگ و دراپ در جاوا اسکریپت را در این دوره قرار دهید.
سلام
چرا قسمت دوم،ادامه قسمت اول نیست؟
ممکنه ادامه قسمت اول رو آموزشش رو بگذارید؟
تشکر
سلام و درود
داخل دوره ثبت نام کنید و فهرست دروس رو مشاهده کنید
موفق و پیروز باشید
بهتر نبود همه رو توی const میزاشتین و
برای setinterval فقط اسشمو میدادین ؟
سلام
الان هم میزنه Uncaught TypeError: Cannot read property ‘addEventListener’ of null
at script.js:50
میشه راهنمایی کنید ممنون
سلام خسته نباشید.
چرا بر من کار نمیکنه؟
هرچی تو اموزش بود رو نوشتم و چند بار چک کردم چیزی ندیدم
میشه راهنمایی کنید چطوری میتونم درستش کنم ممنون
سلام چرا تایم آموزش کم هست 16 دقیقه هست اما نوشته 30 دقیقه من داخل سایت هم ثبت نام کامل رو انجام دادم میشه یه راهنمایی کنید ممنون از سایت خوبتون
سلام و درود
بر روی ثبت نام رایگان دوره کلیک کنید و فهرست دروس رو مشاهده بفرمایید
موفق و پیروز باشید
سلام من میخوام وقتی وارده صفحه شدم بصورت تایمی که گذاشتیم عکس تغیر کنه خودکار بدون موس رفتن روش.
سلام و درود
دوره های آموزش جاوا اسکریپت و جی کوئری از مقدماتی تا پیشرفته رو مشاهده کنید
موفق و پیروز باشید
چرا اموزش کم هست
سلام و درود
برای دیدن دوره به صورت کامل لطفا ثبت نام کامل دوره رو کلیک کنید و ثبت نامتون رو انجام بدید
برای مشاهده دوره جامع جاوا اسکریپت هم لینک زیر رو مشاهده کنید
آموزش جاوا اسکریپت
موفق و پیروز باشید
سلام استاد خسته نباشید
چه جوری میتونم وقتی موس رفت رو اسلایدر تغییر خوکار اسلاید ها رو متوقف کنم؟
سلام و درود
این موارد داخل دوره های آموزش جاوا اسکریپت و آموزش جی کوئری آموزش داده شده
موفق و پیروز باشید
ممنون از آموزش بسیار خوبتان ، یک سوال دارم اگر بخواهیم زمانیکه اسلایدر به اولین یا آخرین عکس رسید دکمه های next و prev به صورت کم رنگ و غیرفعال شوند چه کاری باید انجام دهیم؟
سلام و درود
پیشنهاد میکنم برای تسلط به جاوا اسکریپت و توانایی برنامه نویسی دوره آموزش مقدماتی تا پیشرفته جاوا اسکریپت را مشاهده کنید
موفق و پیروز باشید
سلام خسته نباشید من دقیقا مثل اموزش پیش رفتم ولی اخر سر هیچی نمایش داده نمیشه چکار کنم میشه خواهش کنم سورس کدشو بزارید یا مشکلمو ببینید؟
سلام و درود
مطمئنا جایی از کد رو اشتباه نوشتید که اگر صحیح باشید حتما کار خواهد کرد
دوره مدت زمان بسیار کمی دارد و راحت میتونید کدها رو بنویسید ، سورس کد فقط برای دوره های جامع قرار داده میشود
موفق و پیروز باشید
سلام استاد عزیز.
تفاوت ساخت اسلایدر توسط بوت استرپ با جاوااسکریپت چی هست؟ استفاده کردن از کدومش بهتره؟
سلام و درود
تفاوتی وجود ندارد ، در اصل بوت استرپ هم از جاوا اسکریپت برای پیاده سازی کامپوننت های خودش استفاده میکند
موفق و پیروز باشید
سلام ببخشید ide که ازش استفاده کردین تو این آموزش اسمش چیه ؟
سلام و درود
ویرایشگر atom هست
موفق و پیروز باشید
سلام و خسته نباشید ، ممنون از آموزش های خوب و کاربردیتون!
آقای مصطفی زاده من دقیق طبق آموزش شما عمل کردم منتها استایل های مورد نظر خودم به اسلایدر اضافه کردم ولی نمیدونم چرا به صورت AutoPlay کار نمیکینه و اینکه زمانی که اسلاید اول هستیم روی دکمه previous میزنی به اخرین اسلاید نمیره! و فقط زماانی که اسلاید به جلو میزنی بعد میتونی به عقب برگردی!!! اگه میشه یه راهنمایی کنید ممنونم
سلام و درود
پیشنهاد میکنم یکبار دیگه پروژه رو دقیقا طبق دوره انجام بدید حتی استایل ها رو و بازم بررسی کنید ببینید آیا مشکلی خواهید داشت یا نه ، اگر مشکلی نداشتید اینبار استایل های خودتون رو بهش اضافه کنید
در صورتی اینکارو انجام دادید و بازهم به مشکل برخوردید از طریق آی دی تلگرامی که در صفحه تماس با ما قرار داده شده با بنده در ارتباط باشید
موفق و پیروز باشید
سلام ممنون از آموزش هاتون ، سه تا دکمه پاین رو چه جوری درست کنیم که وقتی روشون کلیک کنیم اسلایدر خودش رو نشون بده؟
سلام و درود
در آموزش ساخت اسلایدر با بوت استرپ 4 همچین اسلایدری طراحی شده که میتونید مشاهده کنید
موفق و پیروز باشید
سلام متاسفانه هیچکدوم از کدهای JS که گفتین در پروژه کار نمیکنه! اسلایدر و prev و next در صفحه هست ولی هیچکاری انجام نمیده…
حتی سورس کد هم کپی کردم هیچ اتفاقی نیوفتاد!
سلام و درود
دوست عزیزم این دوره کامل هست و توسط دوستان دیگه هم تست شده ، مطمئنا جایی رو اشتباه مینویسید که این مشکل به وجود میاد
از طریق آیدی تلگرام صفحه تماس با ما با بنده در ارتباط باشید
موفق و پیروز باشید
کد جاوا اسکریپت رو پایین صفحه لینک کن کدها مشکلی نداره
سلام دکمه ها برای من کار نمیکنه میزنم بره بعدی دیگه اکتیو نیست ممنون میشم زود جواب بدین فردا باید بدم به استادم
سلام و درود
در صورتی دقیقا طبق آموزش پیش رفته باشید نباید مشکلی در پروژه تون وجود داشته باشه
برای تطبیق پروژه لطفا سورس کد دوره رو دانلود کنید و باهم مقایسه کنید که مشکلی نداشته باشه
موفق و پیروز باشید
سلام اون قسمتی که function disno رو می نویسه رو خوب توضیح نداه فیلم دوم دقیقه چهار میشه برام توضیح بدید
سلام و درود
قسمتی که شما بهش اشاره فرمودید دوباره بازبینی شد و داخل آموزش هم به صورت کاملا روشن و واضح آموزش داده شده
همانطور که در آموزش هم گفته شد، ما برای اینکه بتونیم قبل از کلیک بر روی دکمه های Next یا Previous که خاصیت display تصاویر رو Block میکنن بیایم و display همه تصاویر رو none بکنیم باید یک فانکشن داشته باشید که بیاد و همه تصاویر اسلایدر مارو انتخاب بکنه و خاصیت display شون رو none قرار بده و بعد همین فانکشن رو توی رویداد کلیک دکمه های Next و Previous فراخوانی میکنیم
داخل تلگرام هم راهنمایی به صورت صوتی برای شما ارسال شد
موفق و پیروز باشید
سلام و خسته نباشید
جناب مصطفی زاده بنده اینن دستور ساخت رو اجرا کردم چندین بار ولی اجرا نمیشه و رو تصویر اول ثابت می مونه اسلایدر…..
دستورات رو میشه بفرستم شما چک بفرمایید ؟
سلام و درود
ببینید اگر پروژه رو دقیقا همراه با آموزش پیش برید و کدها دقیقا مشابه کدهای دوره باشه مطمئنا پروژه شما اجرا میشه
لینک دانلود سورس کد دوره در درس دوم قرار داده شد ، دانلود کنید و کدها رو با کدهای خودتون مقایسه کنید و ببینید که کجا کدی رو اشتباه نوشتید
موفق و پیروز باشید
سلام
من نمیتونم قسمت دوم رو ببینم
خیلی تلاش کردم
هم عضو شدم هم در دوره ثبت نام کردم
کمکم کنید
سلام و درود
درس مورد نظر بررسی شده و فاقد مشکل میباشد
لطفا کش مرورگر خود رو پاک کنید یا با استفاده از یک مرورگر دیگر امتحان کنید
موفق و پیروز باشید
salam chera nemishe ghesmat doom amuzesh o didddddddddddddddd
سلام و درود
لطفا داخل دوره ثبت نام کنید ، در این صورت میتونید دروس رو مشاهده کنید
موفق و پیروز باشید
جناب مصطفی زاده درود بر شما برای آموزش فوق العاده کاربردی که قرار دادید سپاسگزارم
سلام و دورد
خوشحالیم که این دوره آموزشی مورد توجه شما همراه عزیز ما قرار گرفته
با سپاس از نظر ارزشمند شما
موفق و پیروز باشید