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

پروژه جاوا اسکریپت برای ایجاد فایل CSV از Google Spreadsheets

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

آیا می خواهید برای بازدیدکنندگان وب خود، دانلود محتوا از داده ها و حتی Google spreadsheet، گزینه فایل دانلود ایجاد کنید؟ بدون کتابخانه، بدون میانبر، فقط با یادگیری جاوا اسکریپت می توانید یک وب اپلیکیشن پویا و تعاملی ایجاد کنید.

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

مباحث این دوره:

  • راه اندازی آبجکت داده پیش فرض
  •  ایجاد یک فایل متنی قابل بارگیری با استفاده از JavaScript
  •  ایجاد یک فایل CSV قابل بارگیری در fly 
  •  انتخاب عنصر و دستکاری استایل
  •  افزودن event listeners به عناصر
  •  عناصر به عنوان آبجکت ها در JavaScript
  •  متد createObjectURL برای ایجاد URL های فایل
  •  تمیز کردن و ساختاردهی مجدد آبجکت های داده برای CSV
  •  افزودن عناصر و حذف عناصر از صفحه وب
  •  استفاده از regex برای جستجو و جاوا اسکریپت برای به روزرسانی رشته ها
  •  استفاده از واکشی برای دریافت Google Spreadsheet JSON feed
  •  راه اندازی Google Spreadsheet JSON
  •  ساختاردهی مجدد JSON برای قالب آرایه برای فایل CSV

 کد منبع گنجانده شده است، بنابراین می توانید کد را امتحان کنید و نسخه خود را از برنامه ایجاد کنید.

به بازدیدکنندگان وب اجازه دهید نسخه جدیدی از spreadsheet  را از یک لینک بارگیری کنند، همه این نسخه از فرانت اند است و به صورت پویا با JavaScript انجام می شود. همین امروز نسخه ساخت بازی خود را شروع کنید!

تمام پرونده های کد در این لینک قرار دارد.

آشنایی با ایجاد اپلیکیشن مینی که فایل های CSV و متن تولید می کند

فایل های تمرین exercise_files.zip
آیا این نوشته را دوست داشتید؟
Packt A JavaScript Project to Create a CSV File from Google Spreadsheets Duration:0 hours 50 minutes

Did you want to create a download file option for your web visitors, downloading content from data and even a Google spreadsheet? No libraries, no shortcuts, just learning JavaScript to make a DYNAMIC and INTERACTIVE web application. All are done with JavaScript. Course Covers • Setting up a default data object • Generating a downloadable text file on the fly using JavaScript • Generating a downloadable CSV file on the fly • Element select and style manipulation • Adding event listeners to elements • Elements as objects in JavaScript • createObjectURL method to create file URLs • Cleaning and restructuring of data objects for CSV • Adding elements and removing elements from the web page • Use of regex to search and JavaScript to update strings • Use of fetch to get Google Spreadsheet JSON feed • Setup of Google Spreadsheet JSON • Restructuring JSON to array format for CSV file • Source code is included so you can try the code and build your version of the application. Allow web visitors to download a current copy of the spreadsheet from a link, all front-end and done dynamically with JavaScript. Start building your version of the game today! All the code files are placed at https://github.com/PacktPublishing/JavaScript-CSV-File-Creator---Google-Sheets-to-CSV-Project

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