Como ser um desenvolvedor front-end melhor

#Design Thinking

Devo usar este plugin ou aquela biblioteca? Devo planejar este projeto ou mergulhar direto na codificação? Devo pedir ajuda ou descobrir sozinho?

Soa familiar?

Eu sei como você se sente. Eu me senti da mesma forma. Tudo mudou quando comecei a implementar os pontos abaixo em minha rotina.

Quer você seja um novato ou um profissional , é provável que alguns desses pontos o ajudem a levar sua carreira de desenvolvimento de front-end para o próximo nível.

Aqui estão dicas para ajudá-lo a se tornar um desenvolvedor front-end melhor.

Planeje seus projetos

O primeiro erro e surpreendentemente muito comum mesmo com desenvolvedores seniores é que a maioria de nós não planeja.

É chato , não sabemos planejar e sentimos que não é nosso trabalho .

É por isso que muitas vezes pulamos esta etapa tão importante .

Um bom planejamento pode ajudá-lo a:

poupar muito tempo
reduzir o estresse quando o prazo estiver se aproximando
termine confortavelmente no horário todos os dias

E não precisa ser complicado .

Basta colocar uma lista de modelos e elementos que precisam ser convertidos de PSD para HTML ou dividir quaisquer elementos complexos em partes menores e anotá-los.

Fazer uma lista de tarefas simples baseada em projetos permitirá que você:

fique organizado
mantenha sua cabeça limpa e focada na tarefa em mãos
destaque qualquer obstáculo no início da fase do projeto
facilmente manter seu cliente, chefe ou gerente de projeto informado

Ferramentas úteis para o planejamento

Workflowy - despeja uma lista de modelos em uma lista com marcadores Workflowy
Writemaps - criar um mapa do site
Trello - crie um quadro de projeto e cartões para cada um de seus modelos e elementos
Caneta e papel - todas as opções acima de uma forma antiquada, mas ainda eficaz

O planejamento é importante, mas nem sempre tudo sai tão bem planejado.

Seja proativo

Não há nada pior do que dizer ao seu cliente ou chefe que as coisas estão demorando mais do que o esperado e que o projeto não será entregue no prazo .

Destacar pro ativamente quaisquer obstáculos ou atrasos é uma maneira muito poderosa de manter todos felizes .

Não há problema se as coisas estiverem demorando mais do que o planejado inicialmente, mas não será possível guardar isso para você.

Você está cheio de um bug ou não consegue descobrir algo? Você não está sozinho , todos, mesmo os desenvolvedores mais experientes, têm os mesmos problemas em quase todos os projetos.

Quando isso acontecer, convoque !

Todos irão apreciar que você está dando o seu melhor e os mantendo informados sobre o progresso.

Quer encantar seu cliente e chefe ? Envie a eles um breve resumo do que você fez hoje e no que trabalhará amanhã, destacando quaisquer preocupações.

Deve levar apenas 5 minutos e, se você usar as ferramentas do nº 1, ainda menos tempo .

Eles vão adorar você por isso porque lhes dá tempo para pensar em um plano B, que pode ser simplesmente pedir mais dinheiro ao cliente ou estender o prazo.

Outros motivos para ser proativo:

faz você parecer mais profissional
isso aumenta a sua credibilidade
ele ajuda a construir uma relação de confiança

Definir um lembrete diário ou semanal o ajudará a nunca se esquecer de dar uma atualização do andamento do projeto.

Ferramentas úteis para lembretes

Google Agenda - crie um evento simples recorrente
Evernote - crie uma nota com uma lista de verificação de suas tarefas e defina um lembrete
Lembretes do iOS - não precisa de uma descrição.

Curioso sobre o próximo ponto? Ótimo.

Seja curioso

Acredito que um dos atributos mais importantes desta lista seja a curiosidade.

Novas ferramentas, plug-ins, técnicas e linguagens são lançadas quase todos os dias.

É muito importante que você esteja aberto a todas as coisas novas e faça um esforço para explorá-las e entendê-las.

O ruim e ao mesmo tempo a beleza do desenvolvimento front-end é que ele está avançando muito rápido .

Isso significa que você pode rapidamente se tornar um especialista, mas também suas habilidades podem ficar desatualizadas rapidamente.

Dica : Você não precisa saber tudo, basta ter uma visão geral aproximada sobre um tópico ou técnica. Você pode então mergulhar mais fundo nisso quando o projeto certo aparecer.

Fontes úteis para notícias de desenvolvimento de front-end

Deixe que os outros filtrem o ruído e se concentrem apenas nas notícias principais.

Invista em suas habilidades

O desenvolvimento front-end e tudo relacionado a ele é apenas uma habilidade e qualquer habilidade, acredite ou não, pode ser aprendida.

Você precisará investir em si mesmo para crescer. Não me refiro a gastar dinheiro em cursos, seminários ou livros caros, estou mais pensando em investir seu tempo.

Não existe atalho para o sucesso e pesquisas mostram que leva cerca de 10.000 horas para dominar uma habilidade , ou seja, cerca de 4 anos praticando 40 horas por semana.

Esteja preparado para aturar tarde da noite explorando outros sites, experimentando novos plug-ins e frameworks, lendo blogs de desenvolvimento web, ouvindo podcasts e mastigando milhares de tweets.

DICA : Programe um tempo para o autodesenvolvimento em sua semana. Sei que isso pode ser mais difícil se seu empregador não o apoiar, mas esteja preparado para investir parte de seu tempo livre em sua carreira.

Blogs e podcasts úteis para desenvolvedores front-end

DICA DE BÔNUS : Definir a reprodução do podcast para 1,5x ou 2x a velocidade ajudará você a realizar mais tarefas mais rapidamente.

Você disse sim, senhor ?

Não diga SIM para tudo

Clientes e patrões são exigentes , todos sabemos disso.

Mas dizer sim a tudo pode acabar se virando contra você e você vai acabar trabalhando por menos, estando sob a bomba e estressado.

Avalie cuidadosamente quais são os requisitos do projeto e alinhe-os às suas habilidades . Também certifique-se de perguntar quais navegadores você precisa oferecer suporte.

Não há nada de errado em destacar quais partes do projeto precisarão de assistência sênior ou precisarão ser deixadas de fora do escopo do projeto.

Destacá-los no início da linha do tempo do projeto tornará todo o processo do início ao fim muito mais suave para todos.

Dica : Não tenha medo de mencionar uma funcionalidade ou recurso que está fora de seu conjunto de habilidades. Ser honesto é a chave, mas também certifique-se de não dizer não a tudo.

Você disse não, senhor ?

Não diga NÃO a tudo

Contraditório ao ponto anterior, mas também um atributo importante de um desenvolvedor front-end altamente eficaz é aprender algo novo em cada projeto.

Cada projeto é uma ótima maneira de implementar um recurso com o qual você não está familiarizado ou de fazer algo novo pela primeira vez.

Ao dizer não a tudo e apenas fazer as coisas com as quais está familiarizado, você está essencialmente fechando as portas para o desenvolvimento pessoal e profissional.

Você logo se afogará no mar de desenvolvedores comuns .

Por outro lado, explorar o desconhecido lhe dará uma grande sensação de realização, satisfação e o deixará com fome de aprender coisas novas continuamente .

Dica : Escolha um recurso, plugin ou técnica que você deseja usar há algum tempo e implemente em seu próximo projeto.

E, se necessário, use um mentor para orientá-lo na direção certa.

Encontre um mentor

Você tem vontade de aprender, mas não sabe por onde começar ? O que você deve aprender a seguir ? Como implementar isso ou aquilo?

É para isso que os mentores são excelentes.

Encontre alguém com mais experiência do que você, alguém que queira ajudá-lo a crescer .

Seu mentor deve ser alguém que você respeita , alguém com quem você gostaria de ser . Alguém que pode lhe ensinar como programar e o que evitar .

Este pode ser seu chefe , seu colega ou alguém online que você seguirá.

Empresas maiores podem ter um programa formal de mentoria , mas se você estiver em um pequeno estúdio ou sozinho, procure na internet.

Seguir desenvolvedores como Chris Coyier , Paul Irish ou conseguir um mentor por meio de programas Thinkful ou semelhantes pode ser uma boa ideia.

DICA : Se você não está avançando, está retrocedendo, especialmente no desenvolvimento web.

Um bom mentor irá ajudá-lo:

para obter conselhos sobre a abordagem do seu projeto
para ter um senso de direção
para ajudá-lo a prever quaisquer possíveis obstáculos

Dica : Lembre-se de que um mentor não é um cara que fará tudo em vez de você e não está lá para motivá-lo . Você ainda precisa ser curioso e automotivado para crescer.

Ainda comigo? Ótimo .. obrigado, mas não se esqueça de se mexer.

Fique ativo

Trabalhar na indústria digital significa que passamos muito tempo olhando para a tela do computador.

Ficar sentado 40-60 horas no escritório mais cedo ou mais tarde cobrará seu preço.

É por isso que é de vital importância que você cuide de seu corpo da mesma maneira que cuida de manter sua marcação bem organizada e comentar tudo o que você faz.

Corpo e mente saudáveis significam um código melhor . Portanto, ao programar sua semana, não se esqueça de incluir algumas atividades não digitais - caminhar, correr, fazer ginástica ou qualquer outra coisa que o faça esquecer todos os pixels ao seu redor.

Dica : Assistir ao YouTube ou TV não é uma fuga do mundo da tecnologia e não o fará se sentir renovado . Qualquer coisa que faça seu sangue bombear, sim.