[PT-BR] Translating playground-examples files

packages/playground-examples/copy/pt/4-0/New JS Features/JSDoc Deprecated.ts

@@ -0,0 +1,21 @@
+//// { compiler: { ts: "4.0.0-beta" } }
+
+// Na versão 4.0 a tag JSDoc @deprecated foi adicionada ao
+// sistema de tipos. Você pode usar @deprecated em qualquer
+// lugar que usaria JSDoc atualmente.
+
+interface AccountInfo {
+  name: string;
+  gender: string;
+
+  /** @deprecated use o campo de gênero no lugar */
+  sex: "male" | "female";
+}
+
+declare const userInfo: AccountInfo;
+userInfo.sex;
+
+// TypeScript irá oferecer um aviso não bloqueante quando 
+// uma propriedade depreciada for acessada, e editores como
+// vscode irão usar essa informação em lugares como o 
+// intellisense, outlines e no seu código.

packages/playground-examples/copy/pt/4-0/New JS Features/Logical Operators and Assignment.ts

@@ -0,0 +1,43 @@
+//// { compiler: { ts: "4.0.0-beta" } }
+
+// Logical Operators e Assignment são novas funcionalidades do
+// JavaScript para 2020. Esses são um conjunto de operadores novos
+// que editam um objeto JavaScript.
+
+// Seu objetivo é reutilizar o conceito de operadores 
+// matemáticos (Ex: += -= *=) porém usando lógica.
+
+interface User {
+  id?: number
+  name: string
+  location: {
+    postalCode?: string
+  }
+}
+
+function updateUser(user: User) {
+  // Pode-se trocar esse código:
+  if (!user.id) user.id = 1
+
+  // Ou esse código:
+  user.id = user.id || 1
+
+  // Por esse código:
+  user.id ||= 1
+}
+
+// Esses conjuntos de operadores podem lidar com encadeamento profundo
+// podendo poupar uma boa quantidade de código repetido.
+
+declare const user: User
+user.location.postalCode ||= "90210"
+
+// São três novos operadores: 
+//
+//   ||= mostrado acima
+//   &&= que usa a lógica do 'and' ao invés da 'or'
+//   ??= que se baseia no exemplo:nullish-coalescing para oferecer
+//       uma versão mais rigorosa do || que usa === no lugar.
+
+// Para mais informações da proposta, veja:
+// https://github.com/tc39/proposal-logical-assignment

packages/playground-examples/copy/pt/4-0/New JS Features/Nullish Coalescing.ts

@@ -0,0 +1,43 @@
+//// { compiler: { ts: "4.0.0-beta" } }
+
+// # Nullish Coalescing
+//
+// Esse é o novo operador `??` com o intuito de ampliar
+// o uso normal do `||` da mesma maneira que `===` amplia `==`
+// para uma forma mais rígida de igualidade.
+//
+// Para entender, vamos ver como o || funciona:
+
+const response = {
+  nullValue: null,
+  headerText: "",
+  animationDuration: 0,
+  height: 400,
+  showSplashScreen: false,
+} as const;
+
+const undefinedValue = response.undefinedValue || "some other default";
+// Seria: 'some other default'
+
+const nullValue = response.nullValue || "some other default";
+
+// Esses dois exemplos funcionam de maneira similar na maioria
+// das linguagens. Como ferramenta || é muito bom em padronizar coisas
+// mas o falsy checks do Javascript pode te surpreender com alguns 
+// valores simples:
+
+// Potencialmente indesejado. '' é falsy, resultado: 'Hello, world!'
+const headerText = response.headerText || "Hello, world!";
+
+// Potencialmente indesejado. 0 é falsy, resultado: 300
+const animationDuration = response.animationDuration || 300;
+
+// Potencialmente indesejado. false é falsy, resultado: true
+const showSplashScreen = response.showSplashScreen || true;
+
+// Alterando para usar ?? no lugar, então a igualdade === é usada
+// para comparar ambos os lados:
+
+const emptyHeaderText = response.headerText ?? "Hello, world!";
+const zeroAnimationDuration = response.animationDuration ?? 300;
+const skipSplashScreen = response.showSplashScreen ?? true;