Easy JavaScript - How to create a simple Autocomplete Library with Vanilla JS (60)
Welcome to the 60th Easy JavaScript tutorial, part of EasyProgramming.net. This is a long tutorial! I show you how to create a very simple Autocomplete Library from scratch so it takes a little while to talk through and walk through it all.
This is for learning purposes and shouldn't be used in a production environment. There are plenty of Autocomplete libraries out there that look better and work smoother. This is just to teach you how to create a quick lib.
Breaking down into chapters as best as I can. In this video, we'll talk about topics I've already covered in the past. We'll combine these topics into one library that is reusable and easy to read:
1. JavaScript Modules: https://www.easyprogramming.net/javas...
2. Crawl JSON using Recursive Functions: https://www.easyprogramming.net/javas...
3. Array methods: https://www.easyprogramming.net/javas...
4. Array.forEach() Loops: https://www.easyprogramming.net/javas...
Chapters:
0:00 Intro
0:28 Quick Demo
1:57 Visual Studio Code
2:26 The HTML
3:18 Main.js Module
4:20 Start Autocomplete JS
10:05 Create Recursive Crawler
12:59 Test Array Autocomplete
14:22 Test Object Autocomplete
15:23 More Complex Object Test
16:00 Get Remote Data via AJAX
19:08 The Fetch API
20:00 A look at template literals
21:42 Testing Autocomplete with AJAX Data
23:00 Conclusion
24:44 Me not knowing how to end this video
For more information on, check out this post here: https://www.easyprogramming.net/javas...
Get the code at https://github.com/naztronaut/sal
For more information, please visit https://www.EasyProgramming.net to view my other programming tutorials! Find videos of Raspberry Pi, C++, Excel, jQuery, and JavaScript Tutorials.
Have questions? Ask below or on EasyProgramming.net!
#EasyJavaScript #JavaScriptTutorial #EasyProgramming #HowToJavaScript
-----------
Visit my website: https://www.easyprogramming.net
Subscribe on YouTube: / nazmusnasir
Support me on Patreon: / nazmus
Follow me on Twitter: / nazteroid
Like me on Facebook: / easyprogrammingnet
Check out my GitHub: https://github.com/naztronaut
Watch video Easy JavaScript - How to create a simple Autocomplete Library with Vanilla JS (60) online without registration, duration hours minute second in high quality. This video was added by user Nazmus Nasir 01 May 2021, don't forget to share it with your friends and acquaintances, it has been viewed on our site 2,826 once and liked it 21 people.