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

import React from 'react';
import { Container, Divider, Card, Icon } from 'semantic-ui-react';
import axios from 'axios';
import SearchCar from './../services/SearchCar';


export default class App extends React.Component {

    constructor(props) {
        super(props);

odirleiborgert

import axios from 'axios';

const SearchCar = {
	getByTerm() {
		return axios.get(`http://localhost:3000/api/cars/search/uno/1`);
	}
};

export default SearchCar;

odirleiborgert

module.exports = function(sequelize, Sequelize){

	var cars = sequelize.define('cars', {
		brand: Sequelize.STRING,
		model: Sequelize.STRING,
		price: Sequelize.STRING,
	});

	return cars;
};

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');