Vanilla JS Number Facts App - Ajax & Fetch - Best Webhosting

ULTRAFAST, CHEAP, SCALABLE AND RELIABLE! WE STRONGLY RECOMMEND ACCU WEB HOSTING COMPANY

Watch Web Development Traversy Media Video: Vanilla JS Number Facts App - Ajax & Fetch.
In this video we will create a vanilla JavaScript application using that fetches random facts on any number entered. We will use both XHR and the Fetch API to make requests to http://numbersapi.com

CODE: Plunk with this project
http://plnkr.co/edit/6d7iWyArX40O3mGuQSt8?p=preview

BECOME A PATRON: Show support & get perks!
http://www.patreon.com/traversymedia

ONE TIME DONATIONS:
http://www.paypal.me/traversymedia

VISIT MY WEBISTE:
http://www.traversymedia.com

$15 COUPON LINKS FOR ALL MY UDEMY COURSES:
https://www.udemy.com/nodejs-express-mongodb-dev-to-deployment/?couponCode=TMWEBSITENODE
https://www.udemy.com/bootstrap-4-from-scratch-with-5-projects/?couponCode=TMWEBSITEBOOTSTRAP
https://www.udemy.com/angular-4-front-to-back/?couponCode=TMWEBSITEANGULAR

FOLLOW TRAVERSY MEDIA:
http://www.facebook.com/traversymedia
http://www.twitter.com/traversymedia
http://www.instagram.com/traversymedia
https://discord.gg/traversymedia

Published: Friday, August 30, 2019 11:08 AM
Category: Web Development Traversy Media

92 Views

Related Videos

AJAX Crash Course (Vanilla JavaScript)

by Best Webhosting Added 4 years ago 89 Views / 0 Likes

In this video we will dive into AJAX with Vanilla JS and NO JQUERY. We will examine the XHR object and how it works. This is a beginner friendly tutorial for anyone that has very basic JavaScript knowledge. We will make xhr requests to a txt file, local json files, an external API and even PHP files. CODE: Files for this course http://www.traversymedia.com/downloads/ajaxcrash.zip BECOME A PATRON: Show support & get perks! http://www.patreon.com/traver
Joomla 3.x. How To Change The Number Of Required Characters In "TM Ajax Contact Form"

by Best Webhosting Added 4 years ago 97 Views / 0 Likes

This video shows how to change the number of required characters in TM Ajax Contact Form module textarea. We've transcribed this video tutorial for you here: http://www.templatemonster.com/help/joomla-3-x-change-number-required-characters-tm-ajax-contact-form-module-textarea.html Enjoy Premium Joomla templates from TemplateMonster: http://www.templatemonster.com/joomla-templates.php?utm_source=youtube&utm_medium=link&utm_campaign=jootuts288 More Jooml
Number Input Spinner UI Design | CSS3 & Vanilla Javascript

by Best Webhosting Added 4 years ago 91 Views / 0 Likes

Please LIKE our Facebook page for daily updates... https://www.facebook.com/Online-Tutorial-Html-Css-JQuery-Photoshop-1807958766120070/ Music Credit Track: Tobu - Roots [NCS Release] Music provided by NoCopyrightSounds. https://www.youtube.com/watch?v=7wNb0pHyGuI
Creative Page Scroll Progress Bar with Number Percentage | Html CSS & Vanilla Javascript

by Best Webhosting Added 4 years ago 73 Views / 0 Likes

Enroll My Course : Next Level CSS Animation and Hover Effects https://www.udemy.com/course/css-hover-animation-effects-from-beginners-to-expert/?referralCode=90A9FFA7990A4491CF8D Another Course : Build Complete Real World Responsive Websites from Scratch https://www.udemy.com/course/complete-responsive-website-design-from-scratch/?referralCode=F1DFAF1715AF6CE5780E ------------------ Join Our Channel Membership And Get Source Code of My New Video's Eve
Popular
Fetch API Introduction

by Best Webhosting Added 4 years ago 102 Views / 0 Likes

In this video we are going to take a look at the fetch API for making requests and fetching resources. This is an introductory based tutorial. We will create a fetch API sandbox to get data from local resources as well as a remote API CODE: Code for this video http://www.traversymedia.com/downloads/fetchsandbox.zip BECOME A PATRON: Show support & get perks! http://www.patreon.com/traversymedia ONE TIME DONATIONS: http://www.paypal.me/traversymedia COU
Pure CSS Number Counter - CSS Number Countdown Animation Effects No Javascript - Coming Soon

by Best Webhosting Added 4 years ago 87 Views / 0 Likes

Please LIKE our Facebook page for daily updates... https://www.facebook.com/Online-Tutorial-Html-Css-JQuery-Photoshop-1807958766120070/ Track: Skylike - Dawn Link: https://youtu.be/Jg9nDEtqWV0
JavaScript Zipcode App Using Fetch & Bulma CSS

by Best Webhosting Added 4 years ago 84 Views / 0 Likes

Add MailTag to your browser (it's free) • https://goo.gl/qZf5Pj Thank you MailTag for sponsoring this video In this application well be using Vanilla JavaScript with the Fetch API and the Bulma CSS framework to create an app to get location info from a zipcode using the zippopotam.us API. Well we will also use ES6 features like arrow functions and template strings CODE: https://codepen.io/bradtraversy/pen/zEJzBp BECOME A PATRON: Show support & get per
Build a Reddit Search App With ES6, Fetch & Parcel

by Best Webhosting Added 4 years ago 90 Views / 0 Likes

In this video we will build an app that will search articles using the Reddit API. We will be using vanilla ES6 along with the Parcel bundler and Bootstrap 4 for the UI. If you like this project, check out... MODERN JAVASCRIPT FROM THE BEGINNING: https://www.udemy.com/modern-javascript-from-the-beginning/?couponCode=YOUTUBE10 CODE: Code for this project https://github.com/bradtraversy/finddit • BECOME A PATRON: Show support & get perks! http://www.pat
Build A Pet Find App | JS, Parcel, Babel, Fetch-JSONP

by Best Webhosting Added 4 years ago 71 Views / 0 Likes

In this simple vanilla JS project we will use the Petfinder API to create an application to find animals near a specific zipcode. We will use Parcel to build our assets and Babel to compile our JavaScript. We will also use the fetch-jsonp package to deal with cross domain requests. Code: https://github.com/bradtraversy/find_a_pet • Become a Patron: Show support & get perks! http://www.patreon.com/traversymedia Website & Udemy Courses http://www.traver
Como Conectarse a una API con Javascript usando Async, Await y Fetch

by Best Webhosting Added 2 years ago 22 Views / 0 Likes

En este video vamos hacer un sitio web de peliculas conectandonos a la API de MovieDB, esto para aprender como trabajar con APIs dentro de Javascript usando Fetch, Async, Await y más. 🚀 Blog de Diseño Web: http://www.falconmasters.com ✔️ Curso Completo de Diseño Web Profesional: https://www.udemy.com/course/diseno-web/?referralCode=BCC54890816B6A9BCFB7 ✔️ Curso Completo de React y Firebase: https://www.udemy.com/course/react-desde-cero/?referralCode=2
5 Facts About Wix | Wix.com

by Best Webhosting Added 4 years ago 76 Views / 0 Likes

You already know you can create a stunning and professional website with Wix, but here are 5 facts that you probably don’t know. Hint: Wix created an SEO Wiz to help you rank on Google’s first page. Discover why 135 million people choose Wix to create and manage their business online. About Wix: Create a stunning, professional website. With Wix, the possibilities are endless. You can create any kind of website for yourself or others. Choose a template
Teespring - Top 5 Facts Before Starting

by Best Webhosting Added 4 years ago 81 Views / 0 Likes

Teespring - Top 5 Facts Before Starting My New Favorite T-Shirt Design Tool: https://youtu.be/_iQnOSbMtc8 Free Online Business Training: http://bit.ly/free7wayscourse • Subscribe for more free tips: https://www.youtube.com/greggottfried?sub_confirmation=1. Share this video with a friend: https://youtu.be/BhbelK83xTg Full Teespring Course http://bit.ly/YTteespringcourse #Teespring If you're a Teespring beginner, this video will be a helpful guide of th