JavaScript Zipcode App Using Fetch & Bulma CSS - Best Webhosting

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

Watch Web Development Traversy Media Video: JavaScript Zipcode App Using Fetch & Bulma CSS.
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 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

83 Views

Related Videos

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
Bulma CSS Framework Crash Course

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

This is a crash course and resource guide for the Bulma HTML & CSS framework. We will create a cheat sheet with most of the elements that are available including the navigation, typography, boxes, grid system, forms, tables , etc CODE: Code for this video http://www.traversymedia.com/downloads/bulmasandbox.zip SPONSORS: DevMountain Bootcamp - https://goo.gl/6q0dEa SUPPORT: We spend massive amounts of time creating these free videos, please donate to s
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
Vanilla JS Number Facts App - Ajax & Fetch

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

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.traversymed
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
Advanced CSS & Javascript Effects | Change Image Color on Click using CSS and Vanilla Javascript

by Best Webhosting Added 3 years ago 33 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
Amazing Working Digital Clock using Html CSS SVG & Javascript 02 | Simple Javascript Projects

by Best Webhosting Added 1 year ago 18 Views / 0 Likes

Click For More : https://www.youtube.com/c/OnlineTutorials4Designers/videos?sub_confirmation=1 ------------------ 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 CSS Infinity Course : https://www.udemy.com/course/infinity-creative-css-animation-course/?referralCode=7AC20462B284B24ECCFF Another Course : Build Complete Real
Amazing Working Digital Clock using Html CSS SVG & Javascript | Simple Javascript Project

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

Click For More : https://www.youtube.com/c/OnlineTutorials4Designers/videos?sub_confirmation=1 ------------------ 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 CSS Infinity Course : https://www.udemy.com/course/infinity-creative-css-animation-course/?referralCode=7AC20462B284B24ECCFF Another Course : Build Complete Real
JavaScript Under The Hood [3} - Asynchronous JavaScript, Task Queue & Event Loop

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

In this video, we will look at how JavaScript does Asynchronous operations and how the task queue and event loop works. Event Loop & Microtask Queue Article: https://towardsdev.com/event-loop-in-javascript-672c07618dc9 💖 Show Support Patreon: https://www.patreon.com/traversymedia PayPal: https://paypal.me/traversymedia 👇 Follow Me On Social Media: Twitter: https://twitter.com/traversymedia Instagram: https://www.instagram.com/traversymedia Linkedin: h
Curso Básico de Javascript 11.- Scope de Javascript (ámbito de las variables)

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

En este capitulo conoceremos el Scope de Javascript y aprenderemos las diferencias entre variables locales y globales. • Blog de diseño web: http://www.falconmasters.com • Necesitas ayuda con el tutorial? Únete a nuestra comunidad: http://www.heroesdelaweb.com --- Redes Sociales: • Twitter @falconmasters: http://www.twitter.com/falconmasters • Pagina de Facebook: http://www.facebook.com/falconmasters
Stunning CSS & Javascript Effects | Top CSS & Javascript Animation | February 2021

by Best Webhosting Added 3 years ago 18 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