Perhaps you should start with an introductory course for JavaScript such as the free
codeacademy JavaScript course. That will introduce you to some of the fundamentals behind writing JavaScript. The
JS tutorial at w3schools is pretty solid as well which will introduce you to
how JavaScript interacts with the HTML DOM.
Once you've whet your appetite with learning how JavaScript works then it would be good to start reading some of the API Documentation in the library of your choice (you asked about
JQuery so check out the docs there). There's also the
JQuery UI which could produce for you a JS based user interface for something a little dynamic.
Once you've learned to code some JS, how it interacts with the DOM, and understand where you might need to go with your JS library (JQuery) then now would be a good time to introduce yourself to
test driven development (google for it for more example documents on TDD). I recommend using
Jasmine for unit testing your JavaScript but there are a number of
unit testing frameworks for JS in this stackoverflow post.
Once you've started writing your code you should keep tracking iterations of the code using source control management. I highly recommend you use
Git. The Git website contains numerous resources for learning SCM and if you like I recorded an
advanced training video on Git once you get past the basics and want a deeper understanding of the tool.
Throughout this process feel free to post updates on your progress for feedback from myself and others in this thread. I highly recommend throwing your code up on github.com, gitlab.com, or any git hosting provider so that the source is available and the LQ community can help contribute to your progress.
If this answer is not to your liking and you just, "Want it done." by somebody else then perhaps a hobbyist forum is not the appropriate place for your query. Feel free to reach out to me if you require this type of consulting and I'll let you know my rate. Advice I give away for free.
SAM
