odirleiborgert

<template>
  <div>
    <select v-model="day" :name="idDay" :id="idDay" :disabled="disabled">
      <option value="">day</option>
      <option v-for="n in 31" :value="n">{{ n++ }}</option>
    </select>
    <select v-model="month" :name="idMonth" :id="idMonth" :disabled="disabled">
      <option value="">month</option>
      <option v-for="(month, key) in months" :value="key+1">{{ month }}</option>
    </select>

odirleiborgert

// Restify Server CheatSheet.
// More about the API: http://mcavage.me/node-restify/#server-api
// Install restify with npm install restify


// 1.1. Creating a Server.
// http://mcavage.me/node-restify/#Creating-a-Server


var restify = require('restify');

odirleiborgert

export function getFile(response) {
      var result = document.createElement('a');
      var contentDisposition = response.headers.get('Content-Disposition') || '';
      var filename = contentDisposition.split('filename=')[1];
      filename = filename.replace(/"/g,"")

      return response.blob()
        .then(function(data) {
          result.href = window.URL.createObjectURL(data);
          result.target = '_self';

odirleiborgert

<style lang="sass" scoped>
  .app {
    position : relative;
    width    : 100vw;
    height   : 100vh;
    margin   : 0 !important;
  }

  .appbar {
    position   : absolute;

odirleiborgert

Vue.filter('slugable', function(value) {
	value = value.toLowerCase();
    // faz as substituições dos acentos
    value = value.replace(/[á|ã|â|à]/gi, "a");
    value = value.replace(/[é|ê|è]/gi, "e");
    value = value.replace(/[í|ì|î]/gi, "i");
    value = value.replace(/[õ|ò|ó|ô]/gi, "o");
    value = value.replace(/[ú|ù|û]/gi, "u");
    value = value.replace(/[ç]/gi, "c");
    value = value.replace(/[ñ]/gi, "n");

odirleiborgert

Folder Structure

Motivations

• Clear feature ownership
• Module usage predictibility (refactoring, maintainence, you know what's shared, what's not, prevents accidental regressions, avoids huge directories of not-actually-reusable modules, etc)

odirleiborgert

//load plugins
var gulp             = require('gulp'),
    compass          = require('gulp-compass'),
    autoprefixer     = require('gulp-autoprefixer'),
    minifycss        = require('gulp-minify-css'),
    uglify           = require('gulp-uglify'),
    rename           = require('gulp-rename'),
    concat           = require('gulp-concat'),
    notify           = require('gulp-notify'),
    livereload       = require('gulp-livereload'),

odirleiborgert

Moving from jQuery

Events

// jQuery
$(document).ready(function() {
  // code
})

odirleiborgert

/**
 * Global Reset of all HTML Elements
 *
 * Resetting all of our HTML Elements ensures a smoother
 * visual transition between browsers. If you don't believe me,
 * try temporarily commenting out this block of code, then go
 * and look at Mozilla versus Safari, both good browsers with
 * a good implementation of CSS. The thing is, all browser CSS
 * defaults are different and at the end of the day if visual
 * consistency is what we're shooting for, then we need to

odirleiborgert

<?php

require 'recipe/symfony.php';

server('NOME_SERVIDOR', 'IP_SERVIDOR', PORTA_SSH)
    ->user('USUARIO')
    ->forwardAgent()
    ->stage('PRODUCTION_DEVELOPMENT_TESTE')
    ->env('deploy_path', 'caminho');