DEV Community: Dave-Costa

Melhore a sua habilidade de escrever front-end em até 10x

Dave-Costa — Sat, 20 Aug 2022 20:10:00 +0000

É de lei que o mesmo conhecimento passado de uma pessoa para outra deixa de ser o mesmo de acordo a experiência, não é mesmo ?!

Por isso hoje e agora te apresento dicas que só a experiência te ensina.

Para isso eu separei em 2 Grupos:

Coisas tecnicas que você deve aplicar;
Coisas coisas que vão modal a sua mente na hora de aprender;

1.1 TAMANHO DE ELEMENTOS !

Tentar usar menos o pixel para definir largura. E criar componenetes com 100% de largura. É uma das principais dicas para construir compentes reusáveis e para responsividade. A responsabilidade de definir o tamanho do elemento e a posição do elemento é do componente que envolve ele. Já levando a no segundo ponto.

1.2 USE UM PADRÃO OU PADRÕES PARA DESENVOLVER COMPONENTES !

Padrões como atomic design, ajuda na organização, reutilização de componentes, cria regras e ajuda também na construção de estruturas e componentes escaláveis.

1.3 PENSE NUMA FORMA MELHOR DE FAZER O QUE VOCÊ JÁ FEZ !

Tomar sempre a posição de posição de melhorar, vai fazer você dar soluções incríveis para problemas que você talvez já tenha enfrentado no passado. É semelhante ao conceito do princípio de software DRY.

2.1 OLHAR AS COISAS E TENTAR DESCREVER COM HTML CSS E JS (OU AS TECNOLOGIAS QUE VOCÊ USA) !

Se você achou que praticar programação está apenas direcionado para escrever código, eu chamo até o Dr. Fran para dizer que você está completamente errado. Tem muito mais a ver com isso e eu vou provar para você. Você é muito mais eficiaente fazer alguma coisa quando a sua mente está preparada para fazer aquilo. Então você precisa deixar a sua mente pronta imaginando uma situação e descrever em código. Por exemplo visitando algum site e começar a definir a sua estrutura em código e isso funciona bem demais e faz até perder o medo do css. E quando não saber algo, vá pesquisar e volve a praticar.

2.2 CONHECER OS CONCEITOS AS VEZES É MELHOR QUE A PRÁTICA!

Você acha que praticar é a coisa mais importante para se destacar ?
Vou contar umas verdades para você:

Você nunca vai conseguir praticar todas as coisas que quer.
Mesmo que praticar com tempo vai esquecer se não usar, e você não vai conseguir usar tudo...

Conhecer os conceitos é algo bem mais importante, principalmente saber onde e quando aplicar. Você pode resolver problemas sem saber nem a tecnologia, mas se saber onde e quando aplicar os conceitos que aprendeu, você vai longe. Ao ler uma documentação de alguma coisa, não tente fazer sem antes entender, mas você pode entender e aplicar sem nem saber fazer.
E isso ajuda para quando você for aprender uma nova coisa!

Desenvolva orientado a DESEMPENHOO(Next.js)

Dave-Costa — Sun, 09 Jan 2022 23:24:50 +0000

O artigo de hoje conta com uma ferramenta sensacional, eu acredito que seja aquele vento que precisava para sua pipa ou web app voar.

Hoje uma boa parte das pessoas que acessam sites, fazem pelo celular em todo lugar. Um dos motivos do mobile first ser usado. Mas calma calma calma, eu não vou falar disso nem de metodologia de css. Então segure firme na moto porque ela vai dar uma acelerada!

AMP (Accelerated Mobile Pages)

É uma tecnologia que já foi lançada a 2 anos, mas, e é muito delicinha usar. Ler mais....

Basicamente ela melhora e deixa o carregamento da página maior em dispositivos móveis, por minimizar o tamanho da página web e ela tem uma integração especial com o next.

Você pode configurar globalmente:

/** @type {import('next').NextConfig} */ module.exports = { reactStrictMode: true, basePath: "/chr", **amp**: true, }

ou até pode cada página:

Usar este recurso aumenta cerca de 42% em desempenho mas, rejeita next e react no lado do cliente, mas vai usar os recursos do AMP.

Mas aí que está, a gente não pode usar o next no lado do front end, nem outros componentes next sem amp. Mas a gente pode usar o next no servidor com ssg ou ssr. Recomendo ssg por dar maior desempenho em armazenar o html em caches na cdn.

Isso é muito legal, principalmente saber quando usar essa combinação para proporcionar uma melhor experiência para os usuários. Se quiser comentar mais sobre isso, está livre na área de comentários.

Se prepare para a próxima entrevista (versão PROGRAMADORES)

Dave-Costa — Sat, 08 Jan 2022 20:17:08 +0000

Eu espero realmente que esse post seja aquela porção de confiança e sentimento de satisfação com você mesmo para quando for realizar a próxima entrevista. Meu nome é Dave Costa, respire fundo e eu quero que você tente ler as palavras com os lábios que nem eu escrevendo esse artigo. Show? Agora vamos para o artigo que está demais!

Comunicação!

Em uma entrevista, a sua comunicação, a forma como você passa a mensagem influencia bastante. Mas o que estou falando mesmo é sobre usar termos técnicos na entrevista. -"Antes eu pensava que quanto mais termos técnicos usar, melhor" Dave.

A verdade é que quanto mais a pessoa entender você, melhor. Por vezes a primeira entrevista é com RH e não é legal quando você fala e a pessoa não percebe o que você está falando, ou até, você dá aquelas resposta padrão do google. Alguns recrutadores podem fazer uma pergunta técnica, você não vai responder citando várias tecnologias mas mostrando o que aprendeu usando com exemplos que a pessoa vivencia de forma que consiga compreender. Saber quando usar ou não usar termos técnicos, mantém uma conversa ativa e faz o interesse da pessoa aumentar.

Tenha uma boa apresentação e seja respeitoso!

Não tem mal nenhum preparar a apresentação antes da entrevista, você vai precisar falar sobre você mesmo. Tome cuidado com palavras redundantes, é melhor para a comunicação. Não precisa ficar sério o tempo todo, mantenha a conversa amigável e demonstre o seu interesse na vaga. Show? Está gostando? Coloque seu cinto de segurança, porque agora a gente vai falar de "Carisma Técnico"

Não desmereça o BÁSICO!

Coisas como promises, escopo léxico, closure podem surgir durante uma entrevista técnica, e eles querem ver se você tem as respostas bem na palma da mão, porque a construção de algo começa da base e é uma sustentabilidade para nossas ações no futuro. Então é seu momento de estudar o básico e uma dica extra: - Quando for estudar, aprenda de uma forma que consiga explicar para outras pessoas de uma forma mais facíl (com mais facilidade do que você teve para aprender) o que você aprendeu.

Tenha teorias que sustentam as tuas práticas!

Por que isso está acontecendo dessa forma? Por que motivo você prefere isso? Porque prefere fazer um código simples e legível, e não um código complexo ?
Isso passa confiança para qualquer uma pessoa e ainda mais para o entrevistador.

Destaque seus projetos e experiências

A comunicação tem o dom de fazer algo simples parecer complexo e vice-versa, quando falar de seus projetos não fale simples as tecnologias que você usou, tem tecnologias que eu não conheço, que o entrevistador não conhece e voltamos ao PONTO NÚMERO 1 SOBRE A COMUNICAÇÃO. Ao invés de falar das tecnologias, fale das soluções de forma que até uma pessoa não técnica possa compreender.

Seja sincero e claro

Eu vejo muita gente falar que é full stack, domina muitas tecnologias... A pessoa pode saber muitas tecnologias? Claro, pode ser full stack ? Dave, eu uso tal tecnologia mas gosto de explorar novas tendências... Super de boas. O ponto é que quando perguntam se você sabe algo, não é coisa de curso, não é coisa que você leu. É algo que você já teve alguma experiência trabalhando. Se você já estudou alguma tecnologia e não teve oportunidade de trabalhar, você deixa claro que estudou determinada tecnologia e desenvolveu alguns projetos pessoais com ela. O aprendizado é contínuo.

Agora se prepare para sentir a diferença nas proximas entrevistas!