مطالب پیشنهادی از سراسر وب

دوره DOM Commander - یک دوره پروژه محور جاوا اسکریپت

دسته بندی ها: آموزش جاوا اسکریپت (Javascript) ، آموزش طراحی وب ، آموزش های Packtpub

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

• ایجاد یک عنصر به صورت پویا با استفاده از جاوا اسکریپت
• گوش دادن به فشار کلیدهای جهت دار صفحه کلید
• ردیابی فشردن کلیدها و حرکت عنصر بر این اساس 
• اجرای یک تابع برای جابجایی یک عنصر 
• افزودن عناصر به یک صفحه با استفاده از جاوا اسکریپت 
• ایجاد آرایه ای از عناصر 
• دستور اجرای لیستی از حرکات 
• بروزرسانی، حذف و جابجایی عناصر موجود در صفحه

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

آشنایی با دستکاری عنصر با جاوا اسکریپت

فایل های تمرین exercise_files.zip
آیا این نوشته را دوست داشتید؟
Packt DOM Commander - A JavaScript Project Course Duration:0 hours 49 minutes

With this course, you’ll learn how to build a keyboard command project that allows you to press keys on your keyboard and move an element around on the page. Through systematic explanations, the course guides you on how element manipulation works and how JavaScript can be used to dynamically update element attributes and content. As you progress, you’ll be able to successfully build a mini project that listens to keypresses and updates an element on the page accordingly. The topics covered in this course include:
• Creating an element dynamically using JavaScript
• Listening for keyboard arrow keypresses
• Track keypresses and move the element accordingly
• Run a function to move an element
• Add elements to a page using JavaScript
• Create an array of elements
• Execute a list of movements on command
• Update, delete and move elements on the page
All code and supporting files for this course are available at https://github.com/PacktPublishing/DOM-Commander---A-JavaScript-Project-Course

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