odirleiborgert

/**
 * Description of StringUtil
 *
 * @author <rafaelgou@gmail.com> Rafael Goulart
 */
class StringUtil {

    /**
    * Slugify a text and remove accents
    *

odirleiborgert

<?php 

namespace Acme\CoreBundle\Twig;

class DateSinceExtension extends \Twig_Extension
{
    public function getFilters()
    {
        return array(
            'date_since' => new \Twig_Filter_Method($this, 'dateSince'),

odirleiborgert

APP_ENV=testing
APP_KEY=SomeRandomString

DB_CONNECTION=testing
DB_TEST_USERNAME=root
DB_TEST_PASSWORD=

CACHE_DRIVER=array
SESSION_DRIVER=array
QUEUE_DRIVER=sync

odirleiborgert

<?php

require 'recipe/symfony.php';

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

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

Moving from jQuery

Events

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

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

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

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

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

  .appbar {
    position   : absolute;