Kevin Martin kevinbreaker

Testing vuex

BY: Edd Yerburgh

Slides: https://slides.com/eddyerburgh/testing-a-vuex-store

Twitter: https://twitter.com/EddYerburgh

VuePloyment 101: Colocando os seus apps no cloud like a boss!

By: Diana Rodriguez

Legendas

✅ === Tudo ok 🚧 === Falta uma parte/ precisa de alteração pequena ❌ === Não feito / Incorreto

Clientes

Listar clientes ( /clientes )

- Campos na tabela 🚧

Status ✅

Testing library

Resumo rápido: É uma camada em cima dos testes unitários que facilita a escrita dos testes evitando escrever detalhes de implementação e se preocupando apenas com o uso do componente. Uma das vantagens é gerar testes agnósticos a tecnologias/frameworks.

Familiarizando com testes unitários (playlist de 3 videos) - Grande vedovelli

Documentação oficial com vue

Testing library no vue - grande vedovelli

Plataformas

SoloLearn "duolingo" para programação
Udacity Cursos (pagos e free) e blog com artigos gerais. (Há "formação" "mini-faculdade" para determinadas areas, oferecido pelo vale do silicio)
Udemy inúmeros cursos de varias areas (geralmente R$20 ~ R$50) [analisar avaliações, antes de comprar]
Alura Plataforma paga de cursos de programação/Design (Aproveitar os artigos/blog free)
Codewars Plataforma de desafios de algoritimos, para aprimorar lógica e código.
FreeCodeCamp Plataforma com cursos/artigos free (Há Data analysis, ML)
Coursera Plataforma de cursos (Like Udemy) há diversos cursos free, ofericido pela universidade de Stanford

	// ##### Este arquivo deverá ficar dentro de src/plugins/ #####

	import firebase from 'firebase'

	// Aqui você cola a configuração que o firebase te fornece
	const config = {
	apiKey: '#',
	authDomain: '#',
	databaseURL: '#',
	projectId: '#',

	<template>
	<div id="app">
	<card :src="link" title="um titulo legal" :size="tamanho" msg="Bem vindo a um componente que utiliza render function"/>
	</div>
	</template>

	<script>
	import Card from './components/Card.vue'

	export default {

	<html lang="en">

	<head>
	<meta charset="UTF-8">
	<meta name="viewport" content="width=device-width, initial-scale=1.0">
	<meta http-equiv="X-UA-Compatible" content="ie=edge">
	<title>Kevin - Processamento de imagem</title>
	<style>
	body {
	display: flex;

	'use strict'

	/** @type {import('@adonisjs/lucid/src/Schema')} */
	const Schema = use('Schema')

	class AvaliationsSchema extends Schema {
	up () {
	this.create('avaliations', (table) => {
	table.increments()
	table

	import React from 'react';
	import logo from './logo.svg';
	import './App.css';

	import Button from './components/Button'

	function App() {
	return (
	<div className="App">
	<Button label="Label que tu pode passar normal" typeLoader="rings">

	<template>
	<label :name="name">
	<section ref="box" class="container" role="label">
	<input
	ref="check"
	class="checkbox"
	:name="mValue"
	type="checkbox"
	:checked="true"
	@change="({ target }) => changeState(target)"