Meu dia a dia como desenvolvedor Front-End

Mas antes…

Muitos já devem ter visto, mas criei um repositório para resolver um dos maiores problemas na hora de escrever um novo artigo: escolher um assunto/tema.

Esse post foi feito em cima de um pedido do Matheus Moraes, e o assunto já teve postagens do Willian Justen e do Fernando Daciuk.

Esse ano comecei a trabalhar remoto. Portanto minha casa também virou meu local de trabalho, e esse é um ponto importante. É interessante ter um ambiente legal e confortável, e de preferência com lazer próximo para poder se distrair quando necessário.

Considero apartamentos uma boa alternativa, já que normalmente oferecem coisas como piscina e academia. Além de ter uma coisa fundamental para relaxar a mente quando necessário: Uma sacada.

Foto de uma sacada

Equipamentos

Uma bancada para os seus equipamentos é uma solução barata e que funciona muito bem. Também é legal manter por perto um caderninho para anotações rápidas.

Local de trabalho, com 1 monitor, 1 notebook e uma TV

Um sistema operacional robusto e confiável é muito importante. Por isso eu uso Windows :). Tirando a parte do “robusto e confiável” eu realmente uso Windows, como podem confirmar na foto acima. Sendo mais preciso ~~Windows 8.1~~ Windows 10.

Meu notebook é um DELL com a seguinte configuração:

Monitor 15,6’ com Touch Display, IPS
Resolução Full HD (1920 x 1080)
Processador Intel Core i7
16GB de memória
Placa de vídeo AMD Radeon M265 2GB DDR3
1 TB de HD + 8GB SSD

É uma configuração robusta que tem me atendido muito bem.

Além disso, tenho um monitor de 23’ IPS da LG como tela secundária. Nada como deixar o Sublime na tela principal, e o projeto atualizando na tela secundária em tempo real através do Browser Sync.

E claro… tenho um gato, eles são fontes inesgotáveis de entretenimento e diversão.

Foto da Agnes (um gato) deitada

Aplicativos

Basicamente os aplicativos que utilizo para trabalhar são:

Sublime Text 2, como editor
Google Chrome, como browser principal
Dev Tools, para debug
Cmder, para o terminal
Photoshop, como editor de imagens/layout

Como aplicativos de suporte:

Dropbox, para troca de arquivos
Evernote, para organização pessoal
Jira, como issue tracking e marcação de tempo
Tomato Timer ,para calculo de Pomodoros
Spotify, como player de música

Workflow

Podem ter uma noção melhor do meu workflow técnico (de 2014, desatualizado) lendo os posts abaixo:

E pode ver meu estilo de código e boilerplate aqui:

Atualmente utilizo no meu workflow:

Stylus e PostCSS, como pré-processador CSS
Lost, para criação de grids
Rupture, para fornecer media queries
Rucksack, para incrementar o CSS
Jade, como template engine
Zepto.js, como framework JavaScript
Git, para versiomento
Gulp, como task-builder
NPM, como gerenciador de dependências

Importante lembrar que ferramentas, aplicativos e todas essas maravilhas modernas, são apenas facilitadores para que possamos entregar o melhor trabalho possível. Se apegue mais ao conceito, e menos nas ferramentas, porque normalmente, elas são passageiras.

E é isso! :D