ramonvictor

// [require modules and do some express setup]
// ...and here is where the magic happens:
io.on('connection', function(socket) {
  socket.on('room', function(room) {
    socket.join(room);
  });

  socket.on('dispatch', function(data) {
    socket.broadcast.to(data.room).emit('dispatch', data);
  });

ramonvictor

// Reducer (pure function)
function updatePlayer(player, action) {
  switch (action.type) {
    case 'PICK_SIDE':
      return action.side;
    default:
      return player || '';
  }
}

ramonvictor

this.$table.addEventListener('click', function(event) {
  var state = store.getState();
  // [Prevent dispatch under certain conditions]
  // Otherwise, trigger `SET_X` or `SET_O`
  store.dispatch({
    type: state.turn === 'x' ? 'SET_X' : 'SET_O',
    index: parseInt(index, 10)
  });
});

ramonvictor

function Store() {
  this.state = {};
  this.state = this.update(this.state, {});
  // `this.update()` will return the initial state:
  // ----------------------------------------------
  // {
  //   grid: ['', '', '', '', '', '', '', '', ''],
  //   turn: 'x',
  //   score: { x: 0, o: 0 },

ramonvictor

var wait = function(ms) {
	ms = ms || 500;
	return new Promise(function(resolve, reject){
		window.setTimeout(function() {
			resolve();
		}, ms);
	});
};

// USAGE

ramonvictor

(function() {
	function getTreeWalker(root, onlyComponents) {
		return document.createTreeWalker(
			root,
			NodeFilter.SHOW_ELEMENT,
			{
				acceptNode: function(node) {
					if (onlyComponents) {
						if (node && node.nodeType === 1 && node.dataset.component) {
							return NodeFilter.FILTER_ACCEPT;

ramonvictor

Intro

1. Apresentacao da gente
2. Gileno: Segue com os slides

Home

3. Gileno: Insere angularjs, ng-app, app, data, homecontroller.

4. Ramon:

ramonvictor

var glob = require("glob");
var fs = require("fs");

// async map file contents
		var async = function async(arg, callback) {
		  	fs.readFile(arg, 'utf8', function (err, data) {
			    if (err) throw err;
				callback(arg, data);
			});
		};

ramonvictor

var getYoutubeIdByUrl = function( url ){
  var regExp = /^.*((youtu.be\/)|(v\/)|(\/u\/\w\/)|(embed\/)|(watch\?))\??v?=?([^#\&\?]*).*/;
  var match = url.match(regExp);
  
  if(match&&match[7].length==11){ 
    return match[7];
  }
  
  return false;
};

ramonvictor

// this file would be under "sass" directory
@mixin new-icon( $name, $is-sprite: false ){
  $icon-path: 'icons/' + $name + '-icon.png';

	display: inline-block;
	width: image-width($icon-path);
	height: image-height($icon-path);
	
	@if $is-sprite {
		$sprite-name: $name + '-icon';