Presumed knowledge
Course overview
Autocomplete is to look for the matches of a given query and show them as a list of suggestions for the query. As the name suggests, an autocompleting algorithm tries to automatically complete a given query.
This has a couple of benefits. Firstly, it reduces the amount of time spent in entering a given value - we type in a query, a list of suggestions is consequently shown, we select one suggestion from it, and we are done. Secondly, it improves the UX of a webpage by making it look professional and performant.
Big names out there - such as Google, Facebook, Microsoft, Amazon - employ the use of autocompletion algorithms in their search bases to make their applications robust and allow for quicker option selection. Apart from these big names, autocompletion is now a general feature of the web.
Many libraries have been developed to power it on webpages, and many new dimensions have been given to it to make it even more powerful.
Learning outcomes
In this course you'll learn:
- How to code one of the most used features of the web, from scratch.
- How to dissect a feature and code its basic structure in HTML and its logic in JavaScript.
- The way to approach programming problems by breaking them down into smaller subproblems, solving the subproblems and then combining the solutions to these subproblems to solve the main problem.
- How to work with JavaScript key events. Specifically, we'll be tracking the code of the key pressed, see if it matches the code for the up or down key, and then perform a corresponding action if it does match.
- How to efficiently work with functions where code blocks are seen to be repeating.
- How to construct a JavaScript library that takes in some configurations and structures the underlying code accordingly.
... and much more.
Table of contents
Foundation
2 hrs 33 mins 9 chaptersDescription:In this single unit we'll cover all about autocompletion. We'll start with a skeletal autocompleter and then successively improvise it with adding a subfeature to it. These subfeatures include arrow navigation, sorting, grouping, highlighting and much more.
Frequently asked questions
-
What if I get stuck somewhere in the course?
If you're having a hard time understanding a given concept in the course, feel free to reach out to us via our email
mail@codeguage.com
, describing the issue you're facing. We'll try our level best to help you out. -
Some important topics are missing from the course. Why is that so?
Our courses are released while they are still under construction so that our learners can get early previews. As we continuously work on adding more and more content to our courses, if a given topic isn't covered today, there's a high chance that it's already under way and will show up very soon. You can follow us on Twitter to be updated with our latest content releases.
-
How can I ask any general questions related to the course's content?
Write to us at
mail@codeguage.com
.
Share your experience
Empower others and help shape new learning journeys!
We are really glad to know that our immense effort on creating this and other suchlike courses got you here. We believe that your insights regarding this course can inspire and guide others on their learning path. We'd really love to hear about your viewpoint on the course and how it helped you improve your skills.
The best part is that you get to post the review from your own Instagram or Twitter account, while mentioning CodeGuage in your post. The process to follow is really simple:
- Write about your experience of a given course and how it helped you in levelling up your skills.
- Include the
@codeguage
handle in your post. (That's important!) - Include the
#SkilledUpWithCodeGuage
hashtag in your post.
And that's it! It's that simple.
We sincerely thank you for being an integral part of our community and helping us shape a brighter future for aspiring programmers and mathematicians.
Together, let's build a community of learners. Happy learning! 🙂
Why this course?
-
Free of cost
No need to buy any subscriptions, make any payments, or create any accounts. All the content is available for free.
-
Well-structured
Content throughout the course is organized in a chronological fashion, ensuring a clear and intuitive learning experience.
-
Simple to understand
Everything is explained in plain and concise words, right from the perspective of an absolute beginner.
-
Detailed explanations
Certain concepts require a pretty deep insight. Fortunately, we provide all that insight in easy words.
*The durations mentioned on this page are merely an estimate; the actual time completing the underlying topic/course would obviously be much greater.