define('tda.module.Slider', ['dojo/_base/declare', 'dojo/_base/lang', 'dojo/query', 'dojo/_base/fx', 'dojo/fx/easing', 'dojo/dom-construct', 'dijit/_WidgetBase'], function(declare, lang, query, fx, easing, domConstruct, WidgetBase) {

    // using dijit/_WidgetBase to get lifecycle methods for now
    // replace dijit/_WidgetBase with tda/layout/Module after integration
    var Slider = declare([WidgetBase], {
        defaultParams: {
            duration: 500
        },
        constructor: function(options) {
            this.params = lang.mixin({}, this.defaultParams, options);
        },
        startup: function() {
            domConstruct.place('<div class="move left">&#9664;</div>', query('.viewport')[0], 'before');
            domConstruct.place('<div class="move right">&#9654;</div>', query('.viewport')[0], 'after');
            this.bindMoveButtons();
        },
        bindMoveButtons: function() {
            var that = this;
            query('.move').on('click', function(e) {
                var left = /left/.test(e.target.className);
                var currentPos = parseInt((that.params.node.style.left || 0), 10);
                var offset = 106 * (left ? 1 : -1) * that.params.slideCount;
                var newPos = currentPos + offset;
                fx.animateProperty({
                    node: that.params.node,
                    duration: that.params.duration,
                    easing: easing.quintOut,
                    properties: {
                        left: newPos
                    }
                }).play();
            });
        }
    });

    var slider = new Slider({
        node: query('.slider')[0],
        duration: 500,
        slideCount: 5
    });

    slider.startup();

    return Slider;
});

Setting Validate Copy Format

.container {
  width: 650px;
  height: 200px;
}

.viewport {
  width: 532px;
  overflow: hidden;
  border: 3px outset #ccc;
  margin: 5px;
  float: left;
}
.slider {
  position: relative;
  width: 5000px;
  overflow: hidden;
}
ul {
  overflow: hidden;
  margin: 0;
  padding: 0;
}
li {
  display: block;
  float: left;
  width: 100px;
  height: 100px;
  border: 1px solid green;
  margin: 2px;
  line-height: 100px;
  font-size: 30px;
  background-color: #3D6AA2;
  color: #eef;
  text-align: center;
}

.move {
  float: left;
  width: 30px;
  height: 120px;
  line-height: 120px;
  border: 1px solid green;
  background-color: #ddf;
  text-align: center;
  cursor: pointer;
}

Setting Validate Copy Format