Learn JavaScript by building a YouTube Playlist duration calculator

in-tech-gration
in-tech-gration
33 بار بازدید - 2 روز پیش - In this video we are
In this video we are going to learn the following: Using JavaScript to calculate the total duration of a YouTube playlist by traversing the DOM nodes and doing some basic math operations. Learn how to use a DevTools Snippet Learn how to create a Bookmarklet Learn how to create a Chrome Extension Created by: Kostas Minaidis (@kostasx) ===== Notes ===== What got me confused while talking about the remainder operator, is that in languages like Python, the % is actually the modulo operator while in JavaScript it is the remainder operator. There pretty similar but not exactly the same. See this MDN page for more: developer.mozilla.org/en-US/docs/Web/JavaScript/Re… ======================== References and resources ======================== The code can be found here: github.com/in-tech-gration/WDX-180/tree/main/curri… How to enable Developer Mode in Chrome Extensions manager support.google.com/chrome/thread/155712634/where-d… Bookmarkleter: chriszarate.github.io/bookmarkleter/ Get started with Chrome Extensions developer.chrome.com/docs/extensions/get-started Our Chrome Extension boilerplate: github.com/GoogleChrome/chrome-extensions-samples/… Download a single folder from a GitHub repository: download-directory.github.io/?url=https%3A%2F%2Fgi… Calculate YouTube playlist online: www.lenostube.com/en/youtube-playlist-length-calcu… ytplaylist-len.sharats.dev/ Convert seconds to HH:MM:SS www.inchcalculator.com/seconds-to-time-calculator/ For more ways to convert seconds into HH:MM:SS format, check out the answers on this StackOverflow thread: stackoverflow.com/questions/1322732/convert-second… About TrustedHTML: developer.mozilla.org/en-US/docs/Web/API/TrustedHT… The Playlists that I used for testing: LLM Compendium    • LLM Compendium   MIT 6.006 Introduction to Algorithms, Spring 2020    • MIT 6.006 Introduction to Algorithms,...   How AI Works    • How AI Works   Machine Learning for Web Developers (Web ML)    • Machine Learning for Web Developers (...  
2 روز پیش در تاریخ 1403/07/11 منتشر شده است.
33 بـار بازدید شده
... بیشتر