جلسه 9 – Drag and Drop در HTML5

جلسه 9 – Drag and Drop در HTML5

  مشخصات آموزش

  •   مدت زمان 28 دقیقه
      حجم فایل 27.6 مگابایت
      زبان آموزش فارسی
  •   لینک دانلود

Drag & Drop  در HTML5

جلسه 9 – Drag and Drop در HTML5

با سلام به کاربران خوب learningtv.ir و علاقه مندان به دنیای وب.امروز یک آموزش تصویری دیگری از دوره web programming خواهیم داشت.در این جلسه به یک ویژگی جدید از قابلیت های HTML5 خواهیم پرداخت و آن هم قابلیت Drag & Drop در HTML5 می باشد که به طور اختصار به صورت DnD خوانده می شود.

در این فیلم آموزشی یاد می گیریم که چطور از این رویداد استفاده کنیم.قبلا که چنین قابلیتی وجود نداشت کار سخت بود و نیاز به کد نویسی بسیار زیاد در جاوا اسکریپت بود اما با قرار گیری این قابلیت در HTML5 با کد های کمی در جاوا اسکریپت می توانیم از این امکان استفاده کنیم و وب سایت زیبایی با قابلیت های Drag & Drop داشته باشیم.در این فیلم آموزشی ابتدا با مفهوم Drag and Drop در HTML5 آشنا می شویم سپس در ادامه فیلم با نحوه عملکرد رویداد های مانند Drag,dragEnter, DragLeave,AllowDrop,Drop آشنا می شویم و نحوه کد نویسی در جاوا اسکریپت برای رویداد Drag and Drop را فرا خواهیم گرفت.

در این فیلم یک مثال آموزشی نیز انجام شده است تا پروسه کامل Drag and Drop کاملا جا بیافتد.

****************

جلسه 9- آموزش تصویری Drag and Drop در HTML5

 مدت فیلم آموزشی:28 دقیقه(زبان فارسی)

حجم فیلم آموزشی:27.6 مگابایت (به صورت فشرده شده)

****************

۹ Responses to “جلسه 9 – Drag and Drop در HTML5”

  1. علی گفت:

    با سلام خدمت شما و تشکر از مطالب خوب سایتتون.
    نمی دونم تازگیها سری به سایت آنریل زدین یا خیر گویا 
    Unreal 4 
    برای دانلود قرار داده شده اما لیستی از ایران در کشورهای مورد حمایتش نیست. خواستم اگه بشه شما لینک دانلودشو قرار بدید. 
    ممنون 

  2. علی گفت:

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

  3. meysam.hpr گفت:

    واقعا خیلی ممنون از اموزش فوق العاده خوب شما,از نظر من جزو بهترین سایتها ی اموزشی هستید.
    تا اینجا همه ی اموزش ها رو دیدم خیلی خوب بودن ولی این مطلب واقعن سخت بود و در حد دوره ی html نبود.به نظرم اگر در دوره ی جاوا اسکریپت قرار داده میشد مناسبتر بود چون اطلاعات css و js اونموقع بیشتر خواهد بود و درک مطلب بهتری خواهیم داشت.
    متشکرم بابت ویدئوهای اموزشی و بسیار کاربردی لرنینگ تی وی.

  4. Ali گفت:

    با سلام خدمت شما. از آموزش های خوبتون بسیار متشکریم.
    ببخشید من با یه مشکلی مواجه شدم نمیدونم کجای این کدها اشتباهه ممنون میشم راهنماییم کنید.
    http://worldup.ir/images/29uazjnb26v30pjw4g6f.txt
    هر کاری میکنم نمیشه عکس رو ببرم اون یکی کادر.
    منتظر جوابتون هستم با تشکر.

    • سید عبدالله محمودزاده گفت:

      سلام.اشتباه شما در قسمت ابتدای جاوا اسکریپت بود که باید همیشه type برابر با text/javascript باشه و شما اشتباها اینجوری نوشته بودید: text-javascript

      موفق باشید.

  5. مهدی گفت:

    سلام استاد

    خسته نباشید

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

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

    چیکار کنم ؟ 🙁

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

ارسال دیدگاه

نام (*)
پست الکترونیکی (*)
وبسایت

  مشخصات مدرس

سید عبدالله محمودزاده
دانش آموخته ی رشته ی مهندسی نرم افزار می باشد. زمینه ی تخصصی وی: برنامه نویسی Application ها ویندوزی به زبان C#.NET طراحی پایگاه داده (SQL server,MySQL,Access ) تکنولوژی های کار با منابع داده (ADO.NET,Linq,Entity Framework) برنامه نویسی وب (HTML5,CSS3,JavaScript,Jquery,Ajax,PHP,Jason) می باشد.

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