fabianofa.github.com/index.html at master · fabianofa/fabianofa.github.com · GitHub

1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
16
17
18
19
20
21
22
23
24
25
26
27
28
29
30
31
32
33
34
35
36
37
38
39
40
41
42
43
44
45
46
47
48
49
50
51
52
53
54
55
56
57
58
59
60
61
62
63
64
65
66
67
68
69
70
71
72
73
74
75
76
77
78
79
80
81
82
83
84
85
86
87
88
89
90
91
92
93
94
95
96
97
98
99
100
101
102
103
104
105
106
107
108
109
110
111
112
113
114
115
116
117
118
119
120
121
122
123
124
125
126
127
128
129
130
131
132
<!doctype html>
<html lang="pt-br" class="no-js">
<head>
    <meta charset="utf-8">
    <meta name="viewport" content="width=device-width, initial-scale=1, maximum-scale=1">

    <title>Fabiano Araujo, web developer</title>
    <meta name="description" content="Web developer, PHP e Python. Machines are learning.">
    <meta name="author" content="Fabiano Araujo">

    <link href='http://fonts.googleapis.com/css?family=Amatic+SC' rel='stylesheet' type='text/css'>
    <link rel="stylesheet" href="assets/css/bootstrap.min.css" />
    <link rel="stylesheet" href="assets/css/custom-icons.css" />
    <link rel="stylesheet" href="assets/css/styles.css" />
    <!-- Font Awesome -->
    <link rel="stylesheet" href="assets/font/css/font-awesome.min.css" >
    <script>
          (function(i,s,o,g,r,a,m){i['GoogleAnalyticsObject']=r;i[r]=i[r]||function(){
          (i[r].q=i[r].q||[]).push(arguments)},i[r].l=1*new Date();a=s.createElement(o),
          m=s.getElementsByTagName(o)[0];a.async=1;a.src=g;m.parentNode.insertBefore(a,m)
          })(window,document,'script','//www.google-analytics.com/analytics.js','ga');

          ga('create', 'UA-44617011-2', 'auto');
          ga('send', 'pageview');
    </script>
</head>

<body>
    <header class="header">
        <div class="container">
            <p class="font-white text-center top-text"><a href="en/" class="font-white link-en">Looking for the English version? Click here!</a></p>
        </div>
        <!--/.container-->
    </header>

    <!--About-->
    <section id="about" class="secPad">
        <div class="container">
            <div class="row">
                <div class="col-sm-6">
                    <h1 class="logo">&lt;?FA: </h1>
                    <h2>Fabiano Araujo</h2>
                    <h3>Web developer</h3>

                    <ul class="list-unstyled list-contact">
                        <li><a href="https://github.com/fabianofa" target="_blank" title="GitHub"><i class="fa fa-github"></i> /fabianofa</a></li>
                        <li><a href="skype:fabiano_ffa?call" title="Skype"><i class="fa fa-skype"></i> fabiano_ffa</a></li>
                        <li><a href="https://br.linkedin.com/in/fabianofa" target="_blank" title="Linkedin"><i class="fa fa-linkedin"></i> /in/fabianofa</a></li>
                        <li><a href="http://stackoverflow.com/users/1906372/fabiano-araujo" target="_blank" title="Stack Overflow"><i class="fa fa-stack-overflow"></i> /fabiano-araujo</a></li>
                        <li><a href="mailto:fabiano.araujo07@gmail.com" title="Email"><i class="fa fa-envelope-o"></i> fabiano.araujo07+contact@gmail.com</a></li>
                    </ul>
                </div>

                <div class="col-sm-6 mt-50">
                    <ul>
                        <li>Desenvolvedor web desde 2012;</li>
                        <li>Especialidade em back-end;</li>
                        <li>Sênior PHP;</li>
                        <li>Symfony 3.x, 4.x</li>
                        <li>PHPUnit e Codeception;</li>
                        <li>Conhecimento médio em Python;</li>
                        <li>Interesse em participar também de projetos com AI (Machine Learning e Deep Learning)</li>
                    </ul>
                </div>
            </div>
        </div>
    </section>

    <!--LabSection-->
    <section id="labspace" class="bg-parlex">
        <div class="parlex-back">
            <div class="heading text-center">
                <!-- Heading -->
                <h2>Lab Space <a href="https://github.com/fabianofa" target="_blank" title="Github"><i class="fa fa-github"></i></a></h2>
                <p><a href="https://github.com/fabianofa" target="_blank" title="Github">Procurando por uma relação mais atualizadas dos meus projetos públicos? Visite minha <i class="fa fa-github"></i> página no Github</a></p>
            </div>

            <div class="container text-center">
                <h3>Projetos, libraries e códigos desenvolvidos para experimentar tecnologias e linguagens</h3>

                <div class="row" style="margin-top: 30px;">
                    <div class="col-md-6 text-center tileBox labitem">
                        <div class="txtHead"><i class="ci-javascript" title="jQuery Filter on the Table"></i>
                        <h3>jQuery <span class="id-color">Filter on the Table</span></h3></div>
                        <p>
                            <a href="http://fabianofa.github.io/jquery-filter-on-the-table/" target="_blank" class="btn btn-primary">Demo</a>
                            <a href="https://github.com/fabianofa/jquery-filter-on-the-table" target="_blank" class="btn btn-primary">Github</a>
                        </p>
                    </div>
                    <div class="col-md-6 text-center tileBox labitem">
                        <div class="txtHead"><i class="ci-javascript" title="jQuery Floating Label"></i>
                        <h3>jQuery <span class="id-color">Floating Label</span></h3></div>
                        <p>
                            <a href="http://fabianofa.github.io/jquery.floatinglabel/" target="_blank" class="btn btn-primary">Demo</a>
                            <a href="https://github.com/fabianofa/jquery.floatinglabel" target="_blank" class="btn btn-primary">Github</a>
                        </p>
                    </div>
                </div>

                <h3 style="margin-top: 80px;">Trabalhos acadêmicos e publicações</h3>
                <div class="row" style="margin-top: 30px;">
                    <div class="col-md-6 text-center tileBox labitem">
                        <div class="txtHead">
                            <i class="fa fa-file-text-o fa-4x" title="Replicação de servidores Memcached com Repcached"></i>
                            <h3>Replicação de servidores Memcached com Repcached</h3>
                        </div>
                        <p>Este artigo apresenta a utilização de Repcached como solução para replicação de Memcached, aproximando a solução de um ambiente tolerante a falhas por replicação.</p>
                        <p>
                            <a href="https://github.com/fabianofa/docker-repcached" target="_blank" class="btn btn-primary">Github</a>
                            <a href="https://github.com/fabianofa/docker-repcached/blob/master/paper/artigo.pdf" target="_blank" class="btn btn-primary">PDF</a>
                        </p>
                    </div>

                    <div class="col-md-6 text-center tileBox labitem">
                        <div class="txtHead">
                            <i class="fa fa-medium fa-4x" title="Utilizando Nginx para realizar A/B Test em aplicações PHP para evolução de versões da linguagem com Docker"></i>
                            <h3>Utilizando Nginx para realizar A/B Test em aplicações PHP para evolução de versões da linguagem com Docker</h3>
                        </div>
                        <p>
                            <a href="https://github.com/fabianofa/docker-nginx-ab" target="_blank" class="btn btn-primary">Github</a>
                            <a href="https://link.medium.com/alWwex68P1" target="_blank" class="btn btn-primary">Medium</a>
                        </p>
                    </div>


                </div>
            </div>
            <!--/.container-->
       </div>
    </section>
</body>
</html>