DEV Community: Laíse

Acrósticos da programação que farão todo sentido no seu dia a dia

Laíse — Fri, 16 May 2025 23:50:25 +0000

NPM - Node Package Manager
CD - Change Directory

WCAG - Web Content Accessibility Guidelines (Diretrizes de Acessibilidade para Conteúdo da Web)
W3C - W3C (World Wide Web Consortium)
ARIA - Accessible Rich Internet Applications

[Javascript] Debbuger

Laíse — Fri, 15 Mar 2024 03:02:36 +0000

Revendo alguns estudos básicos (sim, muitas vezes volto a estudar html, css e javascript, por mais que já saiba muito sobre eles, tecnologias mudam o tempo todo, e sempre tem alguma coisa que podemos aprender de novo), me deparei com esse código: "Debbuger".

Pode parecer bobo pra você que está lendo e domina javascript, ou até mesmo se acabou de iniciar seus estudo, mas pasme! Em muitos anos de carreira, trabalhando no mercado com equipes bem diversas, até o momento nunca havia me deparado com esse código :clown: (o pessoal tem o costume de usar o bom e velho console.log() que é ótimo, mas nem sempre é tão efetivo pra "assistirmos" como a aplicação está se comportando).

O debbuger, como o próprio nome diz rs, serve pra você debugar seu código linha a linha. É recomendável você colocar eles, ANTES de algum código que deseje observar o comportamento.

Dessa forma, quando o navegador chegar no debugger. Ele simplesmente para e mostra na parte superior do navegador uma barra de ações (como play, por exemplo). Dessa forma, você consegue navegar linha a linha e ver o que seu código executa em cada uma delas!

[Design] Ferramentas de combinação de cor

Laíse — Fri, 15 Mar 2024 02:53:35 +0000

Compartilhando com você, algumas ferramentas que fornecem combinação de cores.

Acho elas uteis, pra você que deseja fazer uma aplicação, com cores bonitas que combinam entre si. Principalmente pra quem não é designer rs (designers podem e devem usar, apesar de terem mais facilidade com esse tipo de tarefa).

O legal dessas ferramentas é que elas já fornecem o código rgb pra você conseguir colocar no seu site bem marotamente 😎

ColorHunt
Gosto muito dessa que já oferece paletas pré prontas:
https://colorhunt.co/

Adobe Color
Essa também é bem legal pra você fazer combinações de forma mais autônoma (como cores análogas, tríades e complementares), além de que ela é própria da adobe:
https://color.adobe.com/pt/create/color-wheel

[Javascript] Short Circuit

Laíse — Fri, 15 Mar 2024 00:14:41 +0000

O puro creme da doidera, o short circuit, é como se fosse "um resumo" de condicionais. Ele funciona assim:

return '' || null || false || 'chaves' || 'chapolin'

Sempre que for false, ele pula pra próxima, e sempre que for true, ele para aonde está. Então no caso acima:

'' é false (ele vai pro próximo)
null é false (vai pro próximo)
false é false (:clown: ele vai pro próximo)
'chaves' é true (então ele vai parar aqui e exibir no return, chaves).

Um exemplo mais pratico e usual agora:

authStore.userInitials || ''

No caso, se essa primeira variável for true, ele já para ali mesmo, e exibe o que tem dentro dela. Mas se ela for false, ele vai pra seguinte… que é ''.

[Git] Códigos mais usados no dia a dia

Laíse — Thu, 14 Mar 2024 23:54:36 +0000

Hoje, compartilharei com você, os códigos do git que eu mais utilizo na minha rotina de trabalho em uma empresa sendo front-end.

É importante lembrar, que caso você use o visual studio como seu editor de códigos, na aba esquerda dele, já tempos a opção visual de executar muitas das funções do git (sem precisar digitar linhas de código no terminal).

De qualquer forma, acho bom como um dev, você dominar os principais códigos do git e suas funcionalidades.

Vamos a eles:

git branch - Ele vai trazer todas as branch criadas na sua máquina. (branchs são os repositórios onde você irá armazenar mudanças, criações de cada tarefa que deverá ser feita).

git checkout - Este comando serve pra você trocar da branch que está para outra. (as vezes esse comando trava, caso você tenha arquivos pendentes de commit… ai você precisará resolver isso primeiro).

git checkout -b - O git checkout -b, cria uma nova branch a partir da que você está agora.
git fetch - Atualiza sua máquina, com as branchs que já foram criadas e estão no repositório.

git reset - - hard - Isso aqui precisou ser usado quando eu dei git pull origin numa branch errada rs. Ai ele me obrigada a resolver merges de uma branch nada a ver. Pra abandonar os merges usa-se esse code ai.

git commit nomedoarquivo.vue- (ou nome da pasta) - O git commit vai formar um "pack" pra que você suba determinados arquivos que criou ou mexeu, você pode especificar quais quer lançar nesse pack como no exemplo. (lembrando que ele apenas PREPARA o pacote, para subir o pacote ou comando precisa ser inserido).
No git commit, é possivel você nomear esse pack e ainda colocar uma descriação nele:
git commit -m "meu pack se chama pack"

git add . - Você também pode colocar um "ponto" (como ali no exemplo), que significa que você automaticamente pegará TODOS os arquivos criados e alterados, e fará um pack com TODOS eles.

git push - O push, vai pegar o pacote criado no commit. E vai subir ele para a branch que já foi criada.