lucasDSBR

//Imports
import java.time.LocalDateTime;
import java.time.LocalDate;
import java.time.format.TextStyle;
import java.util.Locale;

String name = "LucasDSBR";

// toUpperCase
System.out.println(name.toUpperCase());

lucasDSBR

Angular CLI -->> ng g p nome-pipe

# Currency
# Formata um número como moeda.

myVar = 5.3589;

<p>{{ myVar | currency:'BRL':’symbol’:’1.2-2’ }}</p>

lucasDSBR

==== EXAMPLA.CSS ====

.style1 {
  /*.....*/
}
.style2 {
  /*.....*/
}
.style3 {
  /*.....*/

lucasDSBR

==== EXAMPLA.CSS ====

.style1 {
  /*.....*/
}
.style2 {
  /*.....*/
}
.style3 {
  /*.....*/

lucasDSBR

============ ngif: ============
<p *ngIf="isVisible; else condicaofalsa">
	Esta ativadoo
</p>
<ng-template #condicaofalsa>
	<p>Esta inativooo</p>
</ng-template>


============ ngSwitchcase: ============

lucasDSBR

/* Crie uma div com border-readius de 100px e width e heigth = 16px */

function movercirculo(event) {
    const circulo = document.querySelector('div');
    const cordenadas = {
        x: event.x,
        y: event.y
    }
    circulo.style.top = event.y+"px"
    circulo.style.left = event.x+"px"

lucasDSBR

<classe-ou-id-do-item>:focus {
    outline-width: 0;
}

lucasDSBR

/* Configurar largura do scrollbar */
<id-ou-classe>::-webkit-scrollbar {
    width: 5px; 
}
/* Configurar a cor do scrollbar */
<id-ou-classe>::-webkit-scrollbar-thumb {
    background: #C2C6CA; 
}

lucasDSBR

:root {
  --roxo: #84e;
  --branco: #fff;
}

h1 {
  color: var(--roxo);
  background-color: var(--roxo);
}

lucasDSBR

@media (prefers-color-scheme: dark) {
  :root {
    --fundo-1: #111111;
    --fundo-2: #000000;
    --texto: #ffffff;
    --subtitulo: rgba(255, 255, 255, 0.2);
    --onda: url("./img/onda-escura.svg");
  }
}