Advertisement

Techniques For Test-Driving jQuery Plugins

by

In this hands-on screencast, from scratch, we'll use test-driven development to build a jQuery plugin. Along the way, we'll take advantage of Grunt, QUnit, and GitHub to build, test, and distribute our plugin, respectively. If the idea of testing in JavaScript is still foreign to you, you won't find a better introduction!


You'll Learn How To:

  • Use Ben Alman's Grunt build tool to expedite the process of generating and building new plugins
  • Take a test-driven approach to creating jQuery plugins - using QUnit
  • Distribute code in seconds with GitHub
  • Of course, you're also likely to pick up a variety of other neat tips and tricks along the way!

Screencast



Closing Notes

Hopefully, I was able to explain these concepts clearly enough. If you had trouble understanding at any point, just leave a comment below, and I'll do my best to clarify things!

Advertisement
Related Posts
  • Code
    Creative Coding
    Advanced Grunt TechniquesGrunt logo 400
    In a previous post in this series, I walked you through setting up Grunt in your project. Now that we have everything setup, I would like to talk about a few advanced techniques that you can use with Grunt. Specifically, I'm going to focus on the configuration of your existing tasks and how to create custom tasks.Read More…
  • Code
    WordPress
    How Grunt Can Improve WordPress DevelopmentGrunt logo 400
    In the first part of this series I gave a quick overview of Grunt. I also talked through the different technologies that it requires in order to use. After that, I got a little into the Gruntfile and the tasks inside of it. Now I want to talk about how using Grunt can improve your development for both WordPress themes and plugins.Read More…
  • Code
    Creative Coding
    An Introduction To GruntGrunt logo 400
    Today, most front end web developers spend a lot of time with technologies like Sass, LESS, HTML and JavaScript. The last couple of years have been an exciting time in web development and technologies like Grunt have contributed to said excitement. In this series, I plan on introducing you to Grunt and to talk about how it can improve our development of WordPress themes and plugins. We'll also work to setup Grunt to prepare it for use in your next project. Finally, we'll take a look at the command line tools, as well.Read More…
  • Code
    JavaScript & AJAX
    Managing Your Build Tasks With Gulp.jsGulpjs retina preview
    The benefits of task runners in software development is obvious. They help to automate common, often tedious tasks and let you squarely focus on more important things, like writing awesome code. Seriously though, the ability to automate tasks such as image compression, minification, unit testing and much more is a huge time saver.Read More…
  • Code
    JavaScript & AJAX
    Ember.js TestingEmber components retina preview
    When I started playing around with Ember.js almost a year ago, the testability story left something to be desired. You could unit test an object without any trouble, but a unit test is only one way to get feedback when you're building a software product. In addition to unit tests, I wanted a way to verify the integration of multiple components. So like most people testing rich JavaScript applications, I reached for the mother of all testing tools, Selenium.Read More…
  • Code
    Web Roundups
    Become a Professional JavaScript Developer with Tuts+ CoursesJavascript dev
    Start the path to a professional career in JavaScript with this selection of Tuts+ courses. Read More…