• illustrator Curse
  • 7Learn Android Course
  • 7Learn SEO Course
  • 7Learn WP Theme Course

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



  آیا می دانید با دوره های آموزشی سون لرن می توانید از 0 تا 100 طراحی وب را در منزل فراگیرید!

دوره مجازی جاوااسکریپت (جلسه 15): کدنویسی چند پروژه عملی و کاربردی

20 3506 ۱۷ تیر ۹۴
در جلسه گذشته آموزش مباحث تئوری زبان جاوااسکریپت رو به اتمام رسوندیم. با توجه به درخواست های شما و برای استفاده کاربردی از مباحث آموزش داده شده این جلسه رو اختصاص دادیم به پروژه های جاوااسکریپت و با هم به ایجاد و کدنویسی چند مینی پروژه ساده، جالب و در عین حال کاربردی خواهیم پرداخت که به احتمال زیاد نمونه هاش رو زیاد در صفحات وب و سایت های مختلف دیدید. مطالب و پروژه های انجام شده در این جلسه عبارتند از :
  • مینی پروژه : انجام اسکرول نرم (smooth scroll) با جاوااسکریپت و تغیر تابع scrollTo پیش فرض
  • مینی پروژه : ایجاد دکمه انتقال به بالا با قابلیت اسکرول نرم و محو/نمایان شدن خودکار
  • مینی پروژه : ایجاد منوی چسبان با جاوااسکریپت به شکل جالب و زیبا
  • مینی پروژه : افزودن شمارنده زمانی (قابلیت محدودست زمان بازی) برای بازی عنکبوت-مگس جلسه 10
  • توضیح در مورد جی کوئری
  • چرا باید از جی کوئری استفاده کرد ؟
  • کجا از جی کوئری و کجا از جاوااسکریپت خالص استفاده کنیم ؟
این مطلب یک جلسه از دوره آموزش جامع و پروژه محور جاوااسکریپت و جی کوئری (پایه تا پیشرفته) است و برای دیدن آن باید در این دوره ثبت نام کنید .
توضیحات : پس از استقبال فوق العاده شما عزیزان از دوره های PHP ، طراحی وب و فتوشاپ سون لرن، اینک دوره کامل و جامع جاوا اسکریپت و کتابخانه محبوب آن، جی کوئری را با هزینه ای معادل 25% کلاس های حضوری برای شما برگزار خواهیم کرد. در این دوره با هزینه ای بسیار اندک نسبت به کلاس های حضوری موجود، آموزش صفر تا صد و از پایه تا پیشرفته javascript و jQuery را برای شما تهیه و تولید خواهیم کرد. این دوره یکی از جذاب ترین دوره هایی خواهد بود که سون لرن قصد برگزاری آن را دارد. در طول دوره با انجام ده ها پروژه عملی، کاربردی و جذاب، شما را با قدرت بلامنازع جاوااسکریپت و جادوی آن در طراحی صفحات وب آشنا خواهیم کرد. حتما دموی دوره را از صفحه ثبت نام آن مشاهده بفرمایید !
:: مطالب جدید سون لرن را از طریق ایمیل دریافت کنید :

دیدگاه ها 20 دیدگاه برای این مطلب ارسال شده است.

  • ‏‏
    زمان الله ابراهیمی(۱۸ تیر ۱۳۹۴)

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

  • ‏‏
    mehdi karimi(۲۱ تیر ۱۳۹۴)

    سلام
    استاد یه تمرینی تو جلسه های گذشته داده بودید که اطلاعات مرورگر و سیستم عامل کاربر رو بدست بیاریم ، تمرین آسونی بود فقط به دست آوردن سیستم عامل کاربرو اگه ممکنه تو جلسه آینده یه توضیحی بدید دربارش بدید ، ممنون

  • ‏‏

    تمرین دوم یه اشکال داشت که توی همین دکمه اسکرول به بالای سون لرن هم این اشکال هست.اونم اینکه وقتی روی دکمه کلیک میکنیم اگر از روی عکس فلش کنار نریم دکمه محو نمیشه و حتی اگر کنار هم بریم درصورتی که به محل دکمه بریم دکمه باز نمایان میشه و در مورد این دکمه در سون لرن هم وقتی دکمه محو شده اگر به محل دکمه بریم میشه رو دکمه کلیک کرد و اون علامت pointer میاد باید کد زیر رو به fade out اضافه کنیم:


    و کد زیر رو هم به fade in :

    • ‏‏
      لقمان آوند(۲۲ تیر ۱۳۹۴)

      بله این رو هم می تونید اضافه کنید که کد بهتر بشه .
      ممنون

      • ‏‏

        خیلی عالی بود این جلسه , هم مینی پروژه ها هم توضیحات استاد که مسلط و با بیانی واضح وراحت ارایه شده بود انشالله مشکل استاد هرچه زودتر برطرف بشه و ایشون بتونن به کارشون ادامه بدن هر چند تا همین جا هم جا برای تمرین بیشتر برای دانشجوها هست تا روی کدنویسی جاوااسکریپت تسلط بیشتری پیدا کنن.
        تدریس و راهنمایی های ایشون اونقدر خوب بود که من ۳ تا از مینی پروژه های این جلسه رو قبل از این جلسه پیاده کرده بودم.
        فقط یه سوال:
        آقای آوند شما به غیر از فعالیت در سون لرن و دانشگاه به کار دیگه ای هم مشغول هستین مثلا طراحی قالب و…؟
        بازم تشکر بابت آموزش کامل و جامع تون. ❓ ❓ ❓

        • ‏‏
          لقمان آوند(۲۵ تیر ۱۳۹۴)

          سلام و ممنون
          کار که زیاد داریم. خود سایت و کارای دانشگاه خیلی زیادن و تقریبا وقتم رو پر کرده . یه کوچولوی 1 ساله هم دارم که اونم کلی وقتمو میگیره اخیرا و مشغول بچه داری هم هستیم !

        • ‏‏

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

        • ‏‏
          لقمان آوند(۲۶ تیر ۱۳۹۴)

          ممنون

      • ‏‏

        راستی بازی که من روش کار کردم خیلی جالب تره ببینید:
        http://s6.picofile.com/d/50b7f914-df33-48a7-885d-1d712cb77699/game.rar

        • ‏‏
          لقمان آوند(۲۵ تیر ۱۳۹۴)

          خیلی خوب شده
          معلومه حسابی پیشرفت کردی … خوشحالم از این بابت !

      • ‏‏

        عجب چیزی شد:
        http://s6.picofile.com/d/89a33e2d-9dff-42b7-8258-ebe752f858da/fixedNavMenu.rar

        توی بعضی سایتها مثلا همین سون لرن دیدم که اگه از بالای صفحه فاصله زیادی نداشته باشی وقتی دکمه اسکرول به بالا رو میزنی خیلی آهسته صفحه به بالا منتقل میشه.چطوریه؟

        • ‏‏
          لقمان آوند(۲۶ تیر ۱۳۹۴)

          سلام
          یکم الگوریتمش رو باید عوض کنید. چک کنید اگر اسکرول بالا بود کندتر پیش برید و اگه پایین تند تر . البته می تونه با شتاب هم انجام بشه …

  • ‏‏
    هدایت عباسی(۲۳ تیر ۱۳۹۴)

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

    • ‏‏
      وحید صالحی(۲۳ تیر ۱۳۹۴)

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

  • ‏‏
    فرهاد(۱۶ مهر ۱۳۹۴)

    استاد آوند کد این جلسه که برای اسکرول نرم نوشته بودید یه مشکل کوچیک داشت:


    مشکل این کد این بود که در صورتی که شرط موجود در بلاک if اول (yPos < scrollY) با هر بار اجرای تابع درست ارزیابی شود برای مثال با فرض برابر بودن متغیر step = 20 هر بار این متغیر در یک منفی ضرب می شود و برنامه نتیجه درستی تولید نخواهد کرد. یعنی مثلا بار اول که تابع احرا می شود اگر step = 20 باشد تبدیل به منفی 20 شده و در بار دوم دوباره به مثبت 20 تغییر پیدا می کند. و این باعث می شود که صفحه اسکرول نشود. و این عمل در هر بار احرای تابع مکررا ادامه پیدا می کند. راه حل درست تر اینکه که به صورت زیر عمل کنیم:

  • ‏‏
    حمید رضا مصطفی زاده(۹ آبان ۱۳۹۴)

    سلام مینی پروژه های این جلسه رو میشه همه رو با Jquery راحتر پیاده کرد؟

  • نکته : برای پاسخگویی سریعتر و بهتر، بخش نظرات این مطلب مختص پرسش و پاسخ های کاربران ثبت نامی در دوره ی دوره آموزش جامع و پروژه محور جاوااسکریپت و جی کوئری (پایه تا پیشرفته) است .
    اگر قبلا در این دوره ثبت نام کرده اید پس از ورود به سایت می توانید تمامی پرسش و پاسخ ها و نظرات مطرح شده ی این مطلب را مشاهده و اگر سوالی دارید در همینجا مطرح کنید.

    ورود/عضویت سریع با اکانت فیسبوک/جیمیل شما

    :: شما می توانید با استفاده از اکانت یاهو یا جیمیل خود به صورت کاملا امن، سریع و بدون نیاز به ورود اطلاعات عضو و وارد سایت شوید. در این صورت هیچ نیازی به ورود نام کاربری و رمز عبور خود نخواهید داشت و هویت شما از طریق ایمیلتان مورد تائید قرار می گیرد .
    برای استفاده از این روش باید در اکانت گوگل(جیمیل) و یا یاهوی خود لاگین باشید .
    عضویت/ ورود سریع با :
    در حال اتصال ...

    ورود به سایت

    ورود سریع با :
    در حال اتصال ...

    جستجو در سون لرن

    عبارت :
    7LearnTelegram