Entrevista #2 com Daniel Filho

src/documents/daniel-filho/index.html.md

@@ -0,0 +1,245 @@
+---
+layout: guest
+number: '02'
+published_date: 15/08/2013
+first_name: daniel filho
+last_name: ''
+image: daniel-filho.jpg
+keywords: >
+  daniel filho, braziljs, são paulo, netshoes, ig,
+  r7, fone de ouvido
+positions:
+  - do: front-end engineer
+    at: NetShoes
+  - do: apresentador
+    at: Z.O.F-E
+  - do: são paulo
+links:
+  - text: danielfilho.github.io
+    url: "http://danielfilho.github.io/"
+  - text: @danielfilho
+    url: "http://twitter.com/danielfilho"
+---
+<section class="question">
+  <div class="wrapper">
+    <div class="question-title-area">
+      <h2 class="question-title">Quem é você e o que faz?</h2>
+    </div>
+    <div class="question-content-area">
+      <div class="question-content text">
+        <p>
+          Sou Daniel Filho, sou de Americana mas em 2007 tive uma ótima
+          oportunidade de trabalho e vim pra São Paulo, trabalhar como
+          desenvolvedor Front-End (lá chamam (ou chamavam até ano passado) de
+          webmaster!!!1!onze!), na área de conteúdo. Criei estações e canais,
+          fui líder dos núcleos de internet móvel, blogs e redes sociais
+          (interação), e migração do CMS, além de muitos outros trabalhos mais
+          sortidos. Também passei pelo [R7.com](http://r7.com), no time de
+          arquitetura, onde o trabalho era mais focado em soluções internas como
+          plataformas e sistemas de gerenciamento de conteúdo, e pelo
+          [iG](http://ig.com.br) onde trabalhei por 3 anos.
+        </p>
+        <p>
+          Hoje, trabalho no [NetShoes](http://www.netshoes.com.br/) como
+          especialista em _front-end_. Também participo de um projeto
+          como "Core Team Front-End Engineer", de uma _startup_ de
+          Seattle chamada [MakeMe](http://playmakeme.com/), onde cuidei de todo
+          o _front-end_ do projeto e também de alguns designs do
+          _app_ que, em breve, será lançado. Além disso, também sou um
+          dos _managers_ do [GDG-SP](https://google-developers.appspot.com/groups/chapter/102774871279745079139/)
+          (Google Developer Group).
+        </p>
+      </div>
+    </div>
+  </div>
+</section>
+
+<section class="question">
+  <div class="wrapper">
+    <div class="question-title-area">
+      <h2 class="question-title">Qual hardware você usa?</h2>
+    </div>
+    <div class="question-content-area">
+      <div class="question-content text">
+        <p>
+          No trabalho: Um [MacMini](http://www.apple.com/mac-mini/) i5 com 8GB,
+          [Magic TrackPad](http://www.apple.com/magictrackpad/),
+          [Apple Keyboard](http://store.apple.com/us/product/MB110LL/B/apple-keyboard-with-numeric-keypad-english-usa)
+          com teclado numérico __com fio__, um monitor LG 22E153 e
+          um DELL que uso na vertical, para os códigos. No trabalho uso um fone
+          de ouvido [Sony MDR-V150](http://www.amazon.com/Sony-MDR-V150-Monitor-Series-Headphones/dp/B000092YPR).
+        </p>
+        <p>
+          Em casa: uso um [MacBook Pro de 13"](http://store.apple.com/us/mac/family/macbook-pro)
+          i7 com 8GB de RAM, um SSD (que hospeda o sistema e _apps_) de
+          250GB e um HDD de 500GB (que fica todo o resto). Uso no dia a dia um
+          [Magic TrackPad](http://www.apple.com/magictrackpad/), mas quando vou
+          jogar (sou viciado em jogos _First Person Shooter_!), uso um mouse
+          [Logitech m500](http://www.logitech.com/en-us/product/corded-mouse-m500)
+          __com fio__ e um
+          [mousepad Razr "Battlefield 3 edition"](http://www.amazon.com/Razer-Scarab-Gaming-Mouse-RZ02-00420200-R3M1/dp/B005N7H3PA).
+          Como teclado, uso o [Apple Keyboard](http://store.apple.com/us/product/MB110LL/B/apple-keyboard-with-numeric-keypad-english-usa)
+          com teclado numérico e __com fio__ (não gosto de periféricos sem fio).
+          Também uso um monitor externo Samsung de 21".
+        </p>
+        <p>
+          Pra som eu sou meio maníaco. Eu já fiz curso de produção musical e
+          tive uma banda durante 10 anos, então sou meio (__bastante__) enjoado pra
+          isso. Pra caixa de som, tenho um
+          [Bose Companion 5](http://www.bose.com/controller?url=/shop_online/speakers/computer_speakers/companion_5/index.jsp)
+          para ficar "fixa" em casa, e uma
+          [Jawbone Jambox](https://jawbone.com/speakers/jambox/overview), pra
+          levar pros lugares. Além disso, sou o "louco dos fones de ouvido".
+          Tenho o [Sony MDR-V150](http://www.amazon.com/Sony-MDR-V150-Monitor-Series-Headphones/dp/B000092YPR)
+          que comentei, dois
+          [Apple EarPods](http://store.apple.com/us/product/MD827LL/A/apple-earpods-with-remote-and-mic),
+          um [Bose QuietComfort 15](http://www.bose.com/controller?url=/shop_online/headphones/noise_cancelling_headphones/quietcomfort_15/index.jsp), um [JVC HARX300](http://www.amazon.com/JVC-HARX300-Full-Size-Headphones-Black/dp/B000NUYW92),
+          um [Philips SHP2500](http://www.amazon.com/Philips-SHP2500-37-Headphone-Control/dp/B000G31SRU)
+          e um [Beats by Dr. Dre Solo HD](http://www.beatsbydre.com/headphones/solohd/black/900-00011-01.html).
+          Não me julguem.
+        </p>
+        <p>
+          Também uso um microfone
+          [Behringer C1U](http://www.amazon.com/Behringer-C-1U-Condenser-Microphone-Cardioid/dp/B001QXCYZY)
+          pra gravar o Zone of Front-Enders.
+        </p>
+        <iframe class="vine-embed" src="https://vine.co/v/b5duKwMWu5u/embed/simple" width="420" height="420" frameborder="0">
+        </iframe>
+        <script async src="//platform.vine.co/static/scripts/embed.js" charset="utf-8"></script>
+        <p>
+          Como dispositivos móveis, tenho minha linha principal em um
+          [iPhone 5](http://www.apple.com/iphone/) com [iOS 7](http://www.apple.com/ios/ios7/).
+          Minha linha secundária, que fica mais como um telefone fixo em casa,
+          uso um [GeeksPhone Keon](http://shop.geeksphone.com/en/phones/1-keon.html)
+          Developer's Preview com [FirefoxOS](http://www.mozilla.org/en-US/firefox/os/)
+          instalado. Tenho também um [iPad 2](http://www.apple.com/ipad/ipad-2/specs.html).
+        </p>
+        <p>
+          Minha mochila é uma [Chrome Orlov](http://www.chromeindustries.com/orlov)
+          preta, 100% impermeável. Morar em São Paulo exige isso :)
+        </p>
+      </div>
+    </div>
+  </div>
+</section>
+
+<section class="question">
+  <div class="wrapper">
+    <div class="question-title-area">
+      <h2 class="question-title">Qual software você usa?</h2>
+    </div>
+    <div class="question-content-area">
+      <div class="question-content text">
+        <p>
+          _Apps_. Vou me controlar neste tópico! :D Como navegador, tenho sempre
+          o principal, mas como todo desenvolvedor _front-end_, vivo usando uma
+          _feature_ de um, outra de outro e por aí vai, pra ter o melhor de todos
+          os mundos. Meu navegador padrão é o [Opera](http://www.opera.com/),
+          secundário é [Firefox](http://firefox.com), depois
+          [Chrome](https://www.google.com/chrome), depois
+          [Safari](http://www.apple.com/safari/).
+        </p>
+        <p>
+          Meu cliente de e-mail é o [AirMail](http://airmailapp.com/), para
+          Twitter, uso os aplicativos oficiais
+          ([OS X](https://itunes.apple.com/en/app/twitter/id409789998?mt=12),
+          [iOS](https://itunes.apple.com/en/app/twitter/id409789998?mt=12) e o
+          webapp para [FirefoxOS](https://marketplace.firefox.com/app/twitter/)).
+        </p>
+        <p>
+          Como leitor de _feeds_, estou experimentando vários, uma vez que o
+          Google matou o Google Reader. Uso o cliente
+          [NetNewsWire](http://netnewswireapp.com/) no OS X e o
+          [Reeder](http://reederapp.com/ipad/) no iPad. Como organizador de
+          tarefas, uso o [Workflowy](https://workflowy.com/), como aplicativo
+          de escritório, uso o [LibreOffice](https://www.libreoffice.org/).
+          Para editar meus códigos, uso o [Sublime Text](http://www.sublimetext.com/)
+          com alguns _plugins_: [GitGutter](https://github.com/jisaacks/GitGutter),
+          [Git](https://github.com/kemayo/sublime-text-2-git/),
+          [CDNJS](https://github.com/dafrancis/Sublime-Text--cdnjs),
+          IndentGuides, [TernJS](http://ternjs.net/),
+          [SASS](https://github.com/n00ge/sublime-text-haml-sass) e
+          [SublimeLinter](https://github.com/SublimeLinter/SublimeLinter).
+        </p>
+        <p>
+          Em todo caso, meu principal aplicativo para desenvolvimento, além do
+          editor, é o [iTerm 2](http://www.iterm2.com/). Me sinto de mãos atadas
+          sem um terminal sempre disponível. Então tenho algumas ferramentas que
+          orbitam entre ele, como o [DTerm](http://decimus.net/dterm) que você
+          aciona uma sequência de teclas de atalho e pode executar qualquer
+          comando _shell_, se estiver no _finder_, ele executa aquele comando
+          naquela pasta. Também uso o
+          [Shuttle](http://fitztrev.github.io/shuttle/) que você cadastra todos
+          os seus servidores para fazer SSH (locais, remotos, vagrant etc.)
+        </p>
+        <p>
+          Para desenvolvimento, uso cada vez menos o jQuery. A evolução do
+          JavaScript e da adoção de navegadores modernos traz cada vez menos a
+          necessidade desse cara, apesar dele ser ótimo para aprendizado e
+          continuar trazendo novos desenvolvedores para o "front". Como
+          versionamento, uso git. Tenho uma conta micro no
+          [GitHub](https://github.com/), também uso
+          [BitBucket](http://bitbucket.com) para alguns freelances. O cliente
+          que uso é o nativo, da _shell_. Aliás, uso
+          [zsh](https://github.com/robbyrussell/oh-my-zsh) como _shell_.
+        </p>
+        <p>
+          Algo bem legal de citar do meu processo de desenvolvimento é o uso de
+          ferramentas de __build__ e de __deploy__. Ando falando bastante sobre
+          essas ferramentas e métodos. Acho importante trazer o desenvolvedor
+          __front-end__ cada vez mais pra perto do __desenvolvedor ops__. Saber
+          como lidar com o seu projeto depois dele estar pronto. Utilizo o
+          [GruntJS](http://gruntjs.com/) para executar receitas como
+          _string-replacement_, minificar, concatenar, rodar testes e todos os
+          assuntos relacionados a isso. Para fazer o _deploy_ em produção, uso o
+          [Capistrano](http://www.capistranorb.com/). Como ambiente virtual, uso
+          o [Vagrant](http://vagrantup.com/). Hospedo meus projetos no
+          [Digital Ocean](https://www.digitalocean.com/?refcode=d33f8db85bf3).
+        </p>
+      </div>
+    </div>
+  </div>
+</section>
+
+<section class="question">
+  <div class="wrapper">
+    <div class="question-title-area">
+      <h2 class="question-title">O que te motiva a fazer o que faz?</h2>
+    </div>
+    <div class="question-content-area">
+      <div class="question-content text">
+        <p>
+          É paixão. __Amor à primeira vista__. Eu sempre comento no
+          [Zone Of Front-Enders](http://zofe.com.br/) e com os amigos, que me
+          pagam pra eu fazer o que gosto. Deve ser a mesma sensação de
+          um jogador de futebol, ou de alguém que faz resenha de jogos. Pra mim,
+          é divertido abrir o editor e começar a mandar códigos. Agora, com
+          esses convites para poder palestrar, consigo aprender duas vezes só de
+          poder passar meu conhecimento pra frente.
+        </p>
+      </div>
+    </div>
+  </div>
+</section>
+
+<section class="question">
+  <div class="wrapper">
+    <div class="question-title-area">
+      <h2 class="question-title">Um herói?</h2>
+    </div>
+    <div class="question-content-area">
+      <div class="question-content text">
+        <p>
+          Meu tio. Mas não conta, né? :D Pra mim, uma grande inspiração é
+          [Carl Sagan](http://en.wikipedia.org/wiki/Carl_Sagan). Dos livros ao
+          seriado de televisão, tudo que ele faz é ponderado e inteligente. Ele
+          consegue ser ateu, cético, passar sua palavra e respeitar todas as
+          pessoas. Te [explica o que é a quarta dimensão usando um
+          Tesseract](http://www.youtube.com/watch?v=N0WjV6MmCyM) (ou hipercubo),
+          de maneira simples. Faz as coisas mais complexas do mundo, como o
+          universo, parecer algo simples. E prova que realmente é.
+        </p>
+      </div>
+    </div>
+  </div>
+</section>

src/documents/index.html.eco

@@ -5,7 +5,7 @@ title: Setup
 
 <% pages = @getCollection 'html' %>
 <% pages.comparator = (page) -> -parseInt page.get 'number' %>
-<% pages = pages.sort().filter (page) -> page.get 'number' %>
+<% pages = pages.sort().filter((page) -> page.get 'number') %>
 
 <ul class="guests">
 
@@ -19,4 +19,4 @@ title: Setup
   <li class="guest guest-placeholder">:)</li>
   <li class="guest guest-placeholder">=)</li>
 
-</ul>
+</ul>

src/layouts/guest.html.eco

@@ -68,4 +68,4 @@
     <%- @partial('footer.html') %>
   </div>
 </body>
-</html>
+</html>