Vanilla JavaScript Search App | Wikipedia API - Best Webhosting

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

Watch Web Development Traversy Media Video: Vanilla JavaScript Search App | Wikipedia API.
In this project we will build a search app using HTML5, Sass, JavaScript and the Wikipedia API.

Dave Gray's YouTube Channel:
https://www.youtube.com/DaveGrayTeachesCode

Code:
https://github.com/gitdagray/search_app_tutorial

Timestamps:
0:00 Intro and App Outline
1:00 Structuring the HTML
20:09 Adding font and icon libraries to the project
24:17 Styling the app with SASS
1:05:32 Developing functionality with JavaScript
1:58:29 Debugging trouble spots
2:02:27 Accessibility / Screen Reader Testing
2:10:14 Correcting annotations
2:12:28 Project Wrap-up

Published: Sunday, January 3, 2021 3:54 PM
Category: Web Development Traversy Media

34 Views

Related Videos

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
Search Bar Using Html CSS & javascript | CSS Expandable Search Box

by Best Webhosting Added 3 years ago 19 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
Video Slider Using CSS And Vanilla Javascript

by Best Webhosting Added 4 years ago 69 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 ------------------ Join Our Channel Membership And Get Source Code Everyday Join : https://www.youtube.com/channel/UCbwXnUipZsLfUckBPsC7Jog/join ------------------ Video Download Link And Credit ------------------ 1) Video By Taryn Elliott Download Link : https://www.pexels.c
5 Vanilla JavaScript Projects for Beginners

by Best Webhosting Added 3 years ago 44 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
3D Mousemove Effects using CSS & Vanilla Javascript

by Best Webhosting Added 3 years ago 49 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
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
3D Mousemove Parallax | Vanilla Javascript

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/ Download Images : https://www.youtube.com/watch?v=lWOGXFCBMgw Music Credit Track: Rival x Cadmium - Seasons (feat. Harley Bird) [NCS Release] Music provided by NoCopyrightSounds. Watch: https://youtu.be/Nl_4MWNh08I Free Download / Stream: http://ncs.io/SeasonsYO
Glitch Effect | Vanilla Javascript

by Best Webhosting Added 4 years ago 83 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: Rival x Cadmium - Seasons (feat. Harley Bird) [NCS Release] Music provided by NoCopyrightSounds. Watch: https://youtu.be/Nl_4MWNh08I Free Download / Stream: http://ncs.io/SeasonsYO
Build a Music Player | Vanilla JavaScript

by Best Webhosting Added 3 years ago 29 Views / 0 Likes

Let's create a music player with HTML, CSS, JavaScript, and the HTML5 Audio API Code: https://github.com/bradtraversy/vanillawebprojects/tree/master/music-player 20 Vanilla Projects Course: https://www.udemy.com/course/web-projects-with-vanilla-javascript/?referralCode=F9B7C7FED834F91ADE75 $11.99 Promo(5 Days Only): APR5DAY Timestamps: Intro - 0:00 HTML - 1:51 CSS - 5:27 JavaScript - 23:10
Build A Filterable List With Vanilla JavaScript

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

In this mini-project and JavaScript tutorial we we will build a filterable list. We will also be using Materialize for CSS and layout. We are not using any other plugins or anything like that, it is all vanilla JavaScript CODE: Code for this project http://www.traversymedia.com/downloads/filterablelist.zip SPONSORS: DevMountain Bootcamp - https://goo.gl/6q0dEa BECOME A PATRON: Support me directly for even $1 per month http://www.patreon.com/traversyme
Animating Clip-path using CSS and Vanilla Javascript

by Best Webhosting Added 1 year ago 14 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
Which One is Cool ? Vanilla Javascript Mousemove Effects

by Best Webhosting Added 4 years ago 80 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: Cadmium - Melody (feat. Jon Becker) Link: https://youtu.be/9MiFRbymQXQ