Math.exe

O melhor dev da minha casa.

[Math.exe @mathexe_]

@mocinhadorh Parabéns Mel

[Patrick ⭐️ da Kibum ❤️ @digdimsoufoda]

Fiz um tutorial pra quem quiser aprender a montar sua propria VPN em uma VPS
Link nos comentários.

[Math.exe @mathexe_]

@alecell_ De graça assim eksksksjsjsjjs

[Math.exe @mathexe_]

@DevHatt brabos

[Math.exe @mathexe_]

@kibumLaura Um tem jogos e o outro tem games

[Math.exe @mathexe_]

@mocinhadorh Aí é foda

[Luke Berry @LukeberryPi]

galera, criei a versão em português do site com a listinha de como debugar frontend!

agora você consegue fazer um PASSO-A-PASSO para debugar seus sites!

o link está no primeiro comentário 👇

[Cami @lixeletto]

Precisamos falar sobre font-size.

Qual unidade usar?
Devemos usar `em` e `px` pois é o que está na spec da W3C ?
Devemos usar `rem` pq é o que tá na boca do povo ?
Devemos usar o que o coração mandar?

Segue a thread 🧵

[Mel @tapiocabomdms]

Todo mundo fala "Ah, pesquise sobre a empresa antes da entrevista, vai te ajudar a se preparar" mas ngm explica COMO

Vamo fazer essa entrega, segue o fio rápido e fácil🧶👇

[Luke Berry @LukeberryPi]

lancei o melhor artigo que já escrevi

vai ajudar MUITA gente iniciante em Frontend a aprender a debugar!

FRONTEND DEBUGGING 101 https://t.co/zxyjAXu5g8

retweet = um beijo no seu coração 🫶

cc @sseraphini @danielhe4rt

[Math.exe @mathexe_]

@LukeberryPi @ChristoPy_ Bora

[Mel @tapiocabomdms]

COMUNICADO IMPORTANTE

Eu e o @mrasc0 criamos a TechTalent! Uma comunidade de tecnologia FOCACA em mercado de trabalho, currículos, vagas e desenvolvimento profissional para todos os níveis.

Vai rolar SORTEIO de reformulação de currículos, lives interativas para responder perguntas e muito mais!

Vem com a gente nessa jornada de aprendizado e crescimento!

E se você sonha em se tornar um tech recruiter, só vem! Vamos ensinar você, estudante ou profissional de RH sobre o setor tech!

Entre na nossa comunidade no Twitter, siga a gente na Twitch e fique ligado para não perder nenhum sorteio! Todos os links estão aqui nos comentários.

[felipe.md ⚡ @felipefialho_]

Bora falar de performance em aplicações web?

Tenho atuado bastante nesse tema, esses são alguns dos principais pontos

- render-blocking resources
- otimização do código
- tamanho de imagens
- latência e cache
- critical path
- tree shaking
- lazy loading
- devtools

➡ Render-blocking resources

Evite recursos bloqueantes como scripts carregados de forma síncrona. Scripts não críticos para a renderização devem ser carregados async

Também observe "third-party scripts", principalmente injetados com GTM e afins que podem estar drenando performance, uma estratégia é adiar ou carregar fora da thread principal usando web workers

➡ Otimização de código

Minificar e otimizar arquivos CSS e JS é uma prática comum presente em todos os bundlers. Mas vale lembrar que grande parte do trabalho ainda fica por sua conta, como evitar imports desnecessários, remover códigos não usados e etc

➡ Tamanho de imagens

Imagens são dos maiores vilões de performance. Sempre que possível, prefira formatos mais leves como WebP ou JPG. Além disso, evite carregar imagens em resoluções maiores do que o necessário (crítico e essencial!) e utilize lazy loading em imagens fora do viewport

➡ Latência e cache

Sempre configure cache corretamente (e com cuidado, cache é um perigo!) para reduzir o número de requisições e o tempo de carregamento Além disso, prefira utilizar CDNs para servir conteúdo estático, reduzindo a latência

➡ Critical path

O critical path é o caminho que o navegador precisa percorrer para renderizar a página. Uma boa estratégia é carregar alguns recursos críticos como de CSS e JS inline, evitando requisições adicionais

➡ Tree shaking

Tree shaking é uma técnica que remove código não utilizado de um bundle. É uma prática comum em bundlers modernos como Webpack e Rollup, mas é importante que o código seja escrito de forma modular para que o tree shaking funcione corretamente. Dessa forma, apenas o código necessário é carregado em pacotes menores e mais eficientes

➡ Lazy loading

Lazy loading é uma técnica que adia o carregamento de recursos como scripts e imagens até que sejam necessários, dessa forma apenas recursos essenciais para a visualização inicial da página são carregados. Isso melhora de forma significativa o tempo de carregamento da aplicação

➡ DevTools

Além de métricas geradas Lighthouse, a aba "performance" fornece bons insumos, mostrando o impacto de cada script no carregamento e uso da aplicação. Checar o "waterfall" dentro da aba "network" também pode ajudar a entender como estão sendo feitas as requisições

Vale lembrar que performance é um trampo contínuo, que deve ser priorizado e monitorado de forma continua

TMJ 🚀

[Math.exe @mathexe_]

@DevHatt @ooliveira_dev @ViniFerreiraL @xsplsh @Mathmellow @WendesonDev @clerijr @Domiinguera14 @hxsggsz brabos

[tuco @artcvnha]

✨Finalmente posso compartilhar com vocês:
A nova UI do Tech Ears está finalmente disponível em: https://t.co/WvuuQk0xBO

Com uma experiência mais intuitiva, o projeto consta agora com uma nova tela de correção, uma nova landing page e uma fluidez mais moderna!

[Cami @lixeletto]

Achei um artigo muito foda do @leomunizq sobre nomeação de variáveis CSS que tá bão dimai

https://t.co/nb8vz5uiQ4

[Math.exe @mathexe_]

@mocinhadorh Melhoras Mel

[Math.exe @mathexe_]

@alecell_ Medo

[Math.exe @mathexe_]

@lixeletto Por favor

[miojo @DevMiojo]

°· hello, world!

3 recomendações de livros para aprender lógica de programação

thread com recomendações de livros indispensáveis na hora de aprender sobre algoritmos e lógica de programação

🔍︎ thread para: #studytechbr | #studytwt | #bolhadev | #studylog