Carregando...

RAFAEL FAUSTINI

Quero melhorar a vida das pessoas com a tecnologia

Estudante apaixonado pela tecnologia


Meu nome é Rafael Faustini, tenho {{age}} anos, sou um estudante brasileiro e italiano de sistemas de informação no Centro Universitário La Salle of Rio de Janeiro

Comecei a programar quando eu tinha 11 anos de idade e nunca parei e desde então sempre procurando novas soluções para novos problemas

Experiências Profissionais


Portifólio

{{created}}, Eu comecei a compartilhar meu conhecimento no github e hoje tenho um total de {{reps}} repositórios públicos feitos com

Saiba os projetos que estou envolvido









Portifólio Código-Fonte

Nessa seção eu explico um pouco das entranhas da seção de portifólio do meu website

Cada elemento da lista de projetos é uma instância do componente Projeto, que o código se encontra abaixo


Vue.component('projeto', {
    props: {
        titulo: {
            type: String, default: null, required: true
        }
        , imagem: {
            type: String, default: null
        }
        , ano: {
            type: String, default: false
        }
        , linguagem: {
            type: String, default: null
        }
        , descricao: {
            type: String, default: ''
        }
        , source: {
            type: String, default: null
        }
        , source_name: {
            type: String, default: "Code"
        }
        , site: {
            type: String, default: null
        }
        , site_name: {
            type: String, default: "Preview"
        }
        , fundo: {
            type: String, default: "darkcyan"
        }
        , height: {
            type: Number, default: "30"
        }
    }
    , template: 

<div class="container section"> <div class="row align-items-center h-100 text-center text-lg-left projeto"> <div class="col-lg-6 p-lg-0 text-center text-white" v-if="!imagem":style="{ 
 'background-color': fundo, 'height': height+'vh',
}

">            
 <p style="margin-top: calc(15vh - 1em); 
 font-family: Verdana, Geneva, Tahoma, sans-serif;
font-weight: 200;
font-size: 3em;
">
 {
    {
        titulo
    }
}

</p> </div> <div class="col-lg-6 p-lg-0 text-center text-white" v-else> <img class="card-img-top img-fluid lazyload":data-src="imagem":alt="descricao"></div> <div class="col-lg-5 mx-auto py-3"> <h3 class="h3"> {
    {
        titulo
    }
}

<span v-if="ano" class="badge primary_background secondary_text badge-sm ml-1"> {
    {
        ano
    }
}

</span> <span v-if="linguagem" class="badge complementary_background secondary_text badge-sm"> {
    {
        linguagem
    }
}

</span></h3> <p class="showcase__description mb-4 color-gray" v-html="descricao" v-if="descricao"></p> <a:href="site" v-if="site" class="btn botao-primario" target="_blank"> {
    {
        site_name
    }
}

</a> <a:href="source" v-if="source" class="btn botao-contornado-primario" target="_blank"> {
    {
        source_name
    }
}

</a> </div> </div> </div> `
}
)

Como parâmetros são passados, título, descrição, url do código fonte, url de acesso, nome da linguagem de programação, ano do projeto, imagem. Quando uma imagem não é passada, o componente vai criar um bloco colorido com o título (a cor pode ser personalizada por meio do parâmetro fundo)