Gustavo Herrera arcanoix

Recently when refactoring a Vue 1.0 application, I utilized ES6 arrow functions to clean up the code and make things a bit more consistent before updating to Vue 2.0. Along the way I made a few mistakes and wanted to share the lessons I learned as well as offer a few conventions that I will be using in my Vue applications moving forward.

The best way to explain this is with an example so lets start there. I'm going to throw a rather large block of code at you here, but stick with me and we will move through it a piece at a time.

<script>

// require vue-resource...

new Vue({

CSS Layout Debugger

A tweet-sized debugger for visualizing your CSS layouts. Outlines every DOM element on your page a random (valid) CSS hex color.

One-line version to paste in your DevTools

Use $$ if your browser aliases it:

~ 108 byte version

Cómo colaborar en un proyecto en GitHub

Más de una vez se te habrán presentado las ganas de corregir algún "error" en algún código que te hayas encontrado en Git. Tal vez sean sólo ganas de demostrar tus conocimientos o simplemente tu deseo de ayudar a otros. Hacerlo es sencillo, para hacerlo, debes seguir los pasos que describo más adelante.

NOTA: Este gist está basado en el trabajo de BCasal.es, el cual pueden leer directamente aquí. 👍

1 Hacer fork al repositorio seleccionado

People

`:bowtie:`	😄 `:smile:`	😆 `:laughing:`
😊 `:blush:`	😃 `:smiley:`	☺️ `:relaxed:`
😏 `:smirk:`	😍 `:heart_eyes:`	😘 `:kissing_heart:`
😚 `:kissing_closed_eyes:`	😳 `:flushed:`	😌 `:relieved:`
😆 `:satisfied:`	😁 `:grin:`	😉 `:wink:`
😜 `:stuck_out_tongue_winking_eye:`	😝 `:stuck_out_tongue_closed_eyes:`	😀 `:grinning:`
😗 `:kissing:`	😙 `:kissing_smiling_eyes:`	😛 `:stuck_out_tongue:`

Create new Ionic project with blank template

ionic start login blank
cd login
ionic g provider authService
ionic g page register
ionic g page login

	/**
	* Ref: https://community.smartbear.com/t5/SoapUI-Pro/How-to-parse-JSON-or-XML-in-Assertions/m-p/149830#M34177
	* This is script assertion for reading json response and get the size of the array and print array data
	* Also see the demo : https://ideone.com/Z3wyfh
	**/

	//VER posibles respuestas de API REST al final de este script

	//Obtengo la data retornada por el servidor y la convierto en json para luego recorrerlo como un objeto
	def json = new groovy.json.JsonSlurper().parseText(context.response);

	$.on('click','.dinamic .add',function(e){
	/* Elementos dinamicos. Solo es necesario agregar las clases dinamic, add y remove,
	como se muestra en el ejemplo a continuacion:
	<div class="dinamic">(contenedor)
	<div>(elemento inicial)
	<input/>
	<button type="button" class="add">agregar</button>
	</div>
	<script class="template" type="text/x-jquery-tmpl">(plantilla de nuevo elemento)
	<div>


	/*
	##Device = Desktops
	##Screen = 1281px to higher resolution desktops
	*/

	@media (min-width: 1281px) {

	//CSS

	<?php
	// Migration file
	// database\migrations\create_users_table.php

	use Illuminate\Support\Facades\Schema;
	use Illuminate\Database\Schema\Blueprint;
	use Illuminate\Database\Migrations\Migration;

	class CreateUsersTable extends Migration
	{

	#!/bin/bash
	#==============================================================================
	#TITLE: mysql_backup.sh
	#DESCRIPTION: script for automating the daily mysql backups on development computer
	#AUTHOR: tleish
	#DATE: 2013-12-20
	#VERSION: 0.4
	#USAGE: ./mysql_backup.sh
	#CRON:
	# example cron for daily db backup @ 9:15 am