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:

Code:

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

[TraversyMedia]

This is a really cool project that teaches so many fundamentals. Dave has some really high quality educational videos, so be sure to check out his channel if you like projects like this. Link is in the description. Also, the yearly web dev guide should be released this week, if not, then Monday :)

[pranavkastury]

The Way dave explains, it's like you cannot not understand! Love the explanation!

[antoniomasotti]

I have watched probably dozens of videos about web development but this is simply the best until now!
Really high quality materials, very well structured, well explained. Dave, my sincere compliments! :)

[DevOpsDirective]

Great stuff @Dave -- Love all the accessibility callouts!

[ahmad-murery]

I'm a vanilla js guy so no doubt I loved it,
but what interested me most was the accessibility stuff and tests performed at the end,
I hope Dave/Brad can dedicate some intro level videos about accessibility attributes.

Thanks

[developerGRohit]

Just love the way how you explain everything so clearly and in simple manner. Glad to discover you

[konstantinospascal]

I am so impressed by this! The code is all so well organized and the explanations are great! Glad to have now stumbled upon Dave's channel.

[ts]

This is really well done. Thanks to Brad and Dave. More Vanilla JS would be hugely appreciated.

[ademineshat]

Very easy to see what's a real instructor. Nice and clean! Thanks ✌️

[I_auddity_I]

Dave and Brad, thank you for this tutorial. For my skill level it was really dense and a bit beyond some of my understanding, but it was a great challenge for me. I still got a lot out of it. Most notably having my own bugs that I had to go through and resolve. I appreciate the work you did. Cheers!

[angelajholden]

LOVED THIS VIDEO. The Vanilla JS and A11y were the most impactful for me (already experienced with html/scss). Definitely going to Sub to Dave's channel. It's rare to see this much emphasis on accessibility, let alone testing for accessibility in a tutorial like this. Really impressive. Cheers!

[stevenmuncy]

First line of code has accessibility consideration FTW! Great tutorial.

[CodingJourney]

Amazing! Thanks Brad for helping us discover Dave's channel 🙂 Dave, you rock 😉💙

[davidasiamah]

Its so refreshing to see another awesome instructor like U on this channel, I just subscribed to Ur channel.

[your_utube]

Sass was new to me, but followable. The tutorial was a marathon, but it was very interesting and the presentation was done well. The level of the developer that would do this tutorial could have been displayed using a code in the title (letter or number explained in the description. Otherwise very useful tutorial. Thanks a lot!

[mdbits]

Excellent instructor. Great insights into accessibility. Thanks!

[olanrewajuadam]

I love the way you collaborate with other resourced developers.
Longing for vanilla js 👍

[brandonespinosa]

Dave, this project was so much fun! Many thanks for your efforts I really learned alot and appreciate how much attention you gave to accessibility!

[rajeshchoudhary]

Dave, I'm sincerely thanking you for this amazing tutorial! Building the project was a blast, and I've learned so much from it. Thank you Dave for such nice video ❤

[aniltheblogger]

This instructor is quite awesome, thanks Brad & Dave