Learning JS concepts/techniques by implementing jQuery
Submitted by Kushagra Gour (@chinchang) on Monday, 25 August 2014
This is a “Re-implement and Learn” workshop.
Understanding the concepts implemented in this workshop will enable you to write code which is:
1. More Clean
2. More Manageable
3. More Testable
The workshop will be around understanding following concepts and techniques by actually implementing each of them one by one:
Following point follow the syntax: <Concept we’ll learn> - <What we’ll implement>
Prototypes: jQuery core
Use of ‘this’: jQuery core
Function overloading: $.css (getter only)
Function context: $.bind
Partials: $.ajax and $.json
Apply what we learnt: $.debounce
Note: This workshop isn’t targeted towards implementing jQuery completely and won’t focus on its cross-browser feature implementations. Only implementing functionalities required to understand the above mentioned concepts will be the focus of this workshop.
Good news! You don’t need anything particular installed on your system. If you have a descent browser (no IE) and a code editor on your machine, we should be good. No need to install node, grunt etc.
Kushagra is a Front-end developer at Wingify. He has been playing with web technologies for over 4 years now with experience in AngularJS, SASS, Grunt etc and has authored several articles and tutorials on topics ranging from CSS to Git to Game development. He tweets with the handle @chinchang457