Favicon Grabber Using JavaScript

Understand what a favicon is, how it appears in browser tabs, and how to add it with a link rel='shortcut icon' using ico or png files in 16x16 or 32x32.

Learn to grab favicons with JavaScript by calling the DuckDuckGo and Google favicon APIs, specifying the domain and size (16x16, 32x32, 64x64) via a text input and a size dropdown.

Learn important chords and concept of a stairwell and JavaScript before building the five icon grabber, with a quick revision for those who already know.

Create a stable HTML and JavaScript file using a text editor, preview in Chrome, and link JavaScript either with a script tag or an external file via src.

Create a JavaScript function in a script tag and call it on a button click via the on click event to display an alert.

Learn how to access a text box in JavaScript, read its value with document.getElementById and element.value, and display it via alert on a button click.

Explore if-else logic to change a displayed image from a dropdown using a select tag, showing Google, Bing, Yahoo, or Facebook images and alerts for unavailable options.

Learn to validate URLs with JavaScript by building an isValid function, using a regular expression, and checking input text on a button click to show an alert.

Create a favicon grabber in JavaScript by combining text input, size dropdown, and a button to fetch favicons via DuckDuckGo and Google APIs, then display the icon on the page.

Learn to host a favicon grabber website for free with blogger.com, including creating a new blog, applying a theme, inserting the code, and verifying responsiveness and a custom shortcut icon.

Learn how to create a favicon grabber using JavaScript and host the Pelican Grabber website for free, then reflect on the course and share your feedback.