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
Смотрите видео Easy JavaScript - How to create a simple Autocomplete Library with Vanilla JS (60) онлайн без регистрации, длительностью часов минут секунд в хорошем качестве. Это видео добавил пользователь Nazmus Nasir 01 Май 2021, не забудьте поделиться им ссылкой с друзьями и знакомыми, на нашем сайте его посмотрели 2,82 раз и оно понравилось 2 людям.