├── .angular-cli.json ├── .gitignore ├── .vscode └── tasks.json ├── 0 - Config. Ambiente Desenvolvimento └── README.md ├── 1 - Exemplo ├── olaMundo.js ├── olaMundo.js.map └── olaMundo.ts ├── 10 - Exemplo ├── optionalParams.js ├── optionalParams.js.map └── optionalParams.ts ├── 11 - Exemplo ├── defaultParams.js ├── defaultParams.js.map └── defaultParams.ts ├── 12 - Exemplo ├── default1Params.js ├── default1Params.js.map └── default1Params.ts ├── 13 - Exemplo ├── restParams.js ├── restParams.js.map └── restParams.ts ├── 14 - Exemplo ├── restParams_2.js ├── restParams_2.js.map └── restParams_2.ts ├── 15 - Exemplo ├── arrowFunctions.js ├── arrowFunctions.js.map └── arrowFunctions.ts ├── 16 - Exemplo ├── arrowFunctions_2.js ├── arrowFunctions_2.js.map └── arrowFunctions_2.ts ├── 17 - Exemplo ├── classes.js ├── classes.js.map └── classes.ts ├── 18 - Exemplo ├── classPrivate.js ├── classPrivate.js.map └── classPrivate.ts ├── 19 - Exemplo ├── heranca.js ├── heranca.js.map └── heranca.ts ├── 2 - Exemplo ├── stringDemo.js ├── stringDemo.js.map └── stringDemo.ts ├── 20 - Exemplo ├── interfaces.js ├── interfaces.js.map └── interfaces.ts ├── 3 - Exemplo ├── numberDemo.js ├── numberDemo.js.map └── numberDemo.ts ├── 4 - Exemplo ├── booleanDemo.js ├── booleanDemo.js.map └── booleanDemo.ts ├── 5 - Exemplo ├── enumDemo.js ├── enumDemo.js.map └── enumDemo.ts ├── 6 - Exemplo ├── anyDemo.js ├── anyDemo.js.map └── anyDemo.ts ├── 7 - Exemplo ├── operators.js ├── operators.js.map └── operators.ts ├── 8 - Exemplo ├── controlFlow.js ├── controlFlow.js.map └── controlFlow.ts ├── 9 - Exemplo ├── controlFlow2.js ├── controlFlow2.js.map └── controlFlow2.ts ├── README.md └── tsconfig.json /.angular-cli.json: -------------------------------------------------------------------------------- 1 | { 2 | "apps": [ 3 | { 4 | "root": "src", 5 | "prefix": "app" 6 | } 7 | ], 8 | "defaults": { 9 | "styleExt": "css", 10 | "component": { 11 | "spec": true, 12 | "inlineStyle": false, 13 | "inlineTemplate": false, 14 | "flat": false, 15 | "changeDetection": "Default", 16 | "viewEncapsulation": "Emulated" 17 | }, 18 | "class": { 19 | "spec": false 20 | }, 21 | "directive": { 22 | "flat": true, 23 | "spec": true 24 | }, 25 | "guard": { 26 | "flat": true, 27 | "spec": true 28 | }, 29 | "interface": { 30 | "prefix": "" 31 | }, 32 | "module": { 33 | "flat": false, 34 | "spec": false 35 | }, 36 | "pipe": { 37 | "flat": true, 38 | "spec": true 39 | }, 40 | "service": { 41 | "flat": true, 42 | "spec": true 43 | } 44 | } 45 | } -------------------------------------------------------------------------------- /.gitignore: -------------------------------------------------------------------------------- 1 | ################################################ 2 | ############### .gitignore ################## 3 | ################################################ 4 | # 5 | # This file is only relevant if you are using git. 6 | # 7 | # Files which match the splat patterns below will 8 | # be ignored by git. This keeps random crap and 9 | # sensitive credentials from being uploaded to 10 | # your repository. It allows you to configure your 11 | # app for your machine without accidentally 12 | # committing settings which will smash the local 13 | # settings of other developers on your team. 14 | # 15 | # Some reasonable defaults are included below, 16 | # but, of course, you should modify/extend/prune 17 | # to fit your needs! 18 | ################################################ 19 | 20 | 21 | 22 | 23 | ################################################ 24 | # Local Configuration 25 | # 26 | # Explicitly ignore files which contain: 27 | # 28 | # 1. Sensitive information you'd rather not push to 29 | # your git repository. 30 | # e.g., your personal API keys or passwords. 31 | # 32 | # 2. Environment-specific configuration 33 | # Basically, anything that would be annoying 34 | # to have to change every time you do a 35 | # `git pull` 36 | # e.g., your local development database, or 37 | # the S3 bucket you're using for file uploads 38 | # development. 39 | # 40 | ################################################ 41 | 42 | config/local.js 43 | 44 | 45 | 46 | 47 | 48 | ################################################ 49 | # Dependencies 50 | # 51 | # When releasing a production app, you may 52 | # consider including your node_modules and 53 | # bower_components directory in your git repo, 54 | # but during development, its best to exclude it, 55 | # since different developers may be working on 56 | # different kernels, where dependencies would 57 | # need to be recompiled anyway. 58 | # 59 | # More on that here about node_modules dir: 60 | # http://www.futurealoof.com/posts/nodemodules-in-git.html 61 | # (credit Mikeal Rogers, @mikeal) 62 | # 63 | # About bower_components dir, you can see this: 64 | # http://addyosmani.com/blog/checking-in-front-end-dependencies/ 65 | # (credit Addy Osmani, @addyosmani) 66 | # 67 | ################################################ 68 | 69 | node_modules 70 | bower_components 71 | 72 | 73 | 74 | 75 | ################################################ 76 | # Sails.js / Waterline / Grunt 77 | # 78 | # Files generated by Sails and Grunt, or related 79 | # tasks and adapters. 80 | ################################################ 81 | .tmp 82 | dump.rdb 83 | 84 | 85 | 86 | 87 | 88 | ################################################ 89 | # Node.js / NPM 90 | # 91 | # Common files generated by Node, NPM, and the 92 | # related ecosystem. 93 | ################################################ 94 | lib-cov 95 | *.seed 96 | *.log 97 | *.out 98 | *.pid 99 | npm-debug.log 100 | 101 | 102 | ################################################ 103 | # Miscellaneous 104 | # 105 | # Common files generated by text editors, 106 | # operating systems, file systems, etc. 107 | ################################################ 108 | 109 | *~ 110 | *# 111 | .DS_STORE 112 | .netbeans 113 | nbproject 114 | .idea 115 | .node_history 116 | .vscode/* 117 | !.vscode/settings.json 118 | !.vscode/tasks.json 119 | !.vscode/launch.json 120 | !.vscode/extensions.json -------------------------------------------------------------------------------- /.vscode/tasks.json: -------------------------------------------------------------------------------- 1 | { 2 | // See https://go.microsoft.com/fwlink/?LinkId=733558 3 | // for the documentation about the tasks.json format 4 | "version": "0.1.0", 5 | "command": "tsc", 6 | "isShellCommand": true, 7 | "args": ["-p", "."], 8 | "showOutput": "silent", 9 | "problemMatcher": "$tsc" 10 | } -------------------------------------------------------------------------------- /0 - Config. Ambiente Desenvolvimento/README.md: -------------------------------------------------------------------------------- 1 | ## Configuração do Ambiente de Desenvolvimento: 2 | 3 | Se você optar em usar o Visual Studio Code, será bem simples de configurar o ambiente. 4 | 5 | ### Antes de tudo..... 6 | Há necessidade de instalar Node.Js e TypeScript!!! Assim que segue os links acima!! ;) 7 | 8 | ### 1º Passo: 9 | Vá até a página do Visual [Studio Code](https://code.visualstudio.com/docs/languages/typescript) -> Docs - Languages -> TypeScript -> tsconfig.json (conforme segue a imagem abaixo): 10 | 11 | ![alt tag](https://uploaddeimagens.com.br/images/000/921/644/original/pic_1.png?1495141187) 12 | 13 | ### 2º Passo: 14 | Depois basta copiar as informações inerentes ao arquivo: **tsconfig.json** 15 | 16 | ### 3º Passo: 17 | Abre o seu Visual Studio Code e crie na raiz do projeto o arquivo: **tsconfig.json** e logo em seguida copie 18 | as informações copiadas no site do Visual Studio Code e Salve o arquivo. (conforme segue a imagem abaixo): 19 | 20 | ![alt tag](http://i.imgsafe.org/15ddcee15c.png) 21 | 22 | ### 4º Passo: 23 | Depois de ter criado o arquivo tsconfig.json, clique nos botões: Crtl + Shift + P e digite: 'configure' e escolha a 24 | opção 'Configure Task Runner': 25 | 26 | ![alt tag](http://i.imgsafe.org/15e739a792.png) 27 | 28 | ### 5º Passo: 29 | E finalmente, depois que escolher a opção do 4º passo, basta escolher a opção: 'TypeScript - tsconfig.json' 30 | 31 | ![alt tag](http://i.imgsafe.org/15f0fd559f.png) 32 | 33 | Após isso criará um arquivo de configuração para usar o TypeScript no Visual Studio Code (pasta .vscode). 34 | 35 | ### 6º Passo: 36 | Para executar o código basta clicar nos botões: CTRL + SHIFT + B.. e com o terminal integrado no Visual 37 | Studio Code integrado basta ir até o diretório do arquivo e digitar o seguinte comando: 38 | 39 | ``` 40 | > node [nome-do-arquivo] || Ex.: -> node animal 41 | ``` 42 | 43 | ![alt tag](http://i.imgsafe.org/1606eec388.png) 44 | 45 | 46 | ## Dúvidas?! 47 | 48 | Se tiverem alguma dúvida referente ao código feito ou para configurar o ambiente basta criar uma Issue aqui no GitHub que estarei respondendo a vocês!! :D :D 49 | -------------------------------------------------------------------------------- /1 - Exemplo/olaMundo.js: -------------------------------------------------------------------------------- 1 | "use strict"; 2 | /** 3 | * Arquivo: olaMundo.ts 4 | * Author: Glaucia Lemos 5 | * Description: Ponta pé inicial do primeiro programa em .ts 6 | * 1) Executar: SHIFT + CTRL + B 7 | * 2) No terminal executar: node (nome do arquivo) 8 | */ 9 | Object.defineProperty(exports, "__esModule", { value: true }); 10 | var OlaMundo = (function () { 11 | function OlaMundo() { 12 | } 13 | OlaMundo.prototype.digaOlaTodos = function () { 14 | console.log("Fala Coders!!!"); 15 | }; 16 | return OlaMundo; 17 | }()); 18 | exports.OlaMundo = OlaMundo; 19 | var olaMundo = new OlaMundo(); 20 | olaMundo.digaOlaTodos(); 21 | //# sourceMappingURL=olaMundo.js.map -------------------------------------------------------------------------------- /1 - Exemplo/olaMundo.js.map: -------------------------------------------------------------------------------- 1 | {"version":3,"file":"olaMundo.js","sourceRoot":"","sources":["olaMundo.ts"],"names":[],"mappings":";AAAA;;;;;;GAMG;;AAEH;IAAA;IAIA,CAAC;IAHG,+BAAY,GAAZ;QACI,OAAO,CAAC,GAAG,CAAC,gBAAgB,CAAC,CAAC;IAClC,CAAC;IACL,eAAC;AAAD,CAAC,AAJD,IAIC;AAJY,4BAAQ;AAMrB,IAAI,QAAQ,GAAG,IAAI,QAAQ,EAAE,CAAC;AAC9B,QAAQ,CAAC,YAAY,EAAE,CAAC"} -------------------------------------------------------------------------------- /1 - Exemplo/olaMundo.ts: -------------------------------------------------------------------------------- 1 | /** 2 | * Arquivo: olaMundo.ts 3 | * Author: Glaucia Lemos 4 | * Description: Ponta pé inicial do primeiro programa em .ts 5 | * 1) Executar: SHIFT + CTRL + B 6 | * 2) No terminal executar: node (nome do arquivo) 7 | */ 8 | 9 | export class OlaMundo { 10 | digaOlaTodos() { 11 | console.log("Fala Coders!!!"); 12 | } 13 | } 14 | 15 | let olaMundo = new OlaMundo(); 16 | olaMundo.digaOlaTodos(); -------------------------------------------------------------------------------- /10 - Exemplo/optionalParams.js: -------------------------------------------------------------------------------- 1 | /** 2 | * Arquivo: optionalParams.ts 3 | * Author: Glaucia Lemos 4 | * Description: Exercício prático sobre o uso de parâmetros opcionais em TypeScript. 5 | * Comando para executar: 6 | * 1) Executar o comando: Shift + Ctrl + B (Windows) 7 | * 2) No terminal executar: Node (nome do arquivo) 8 | * 9 | * 10 | * Link: https://www.typescriptlang.org/docs/handbook/functions.html (Optional and Default Parameters) 11 | * 12 | */ 13 | function somarParamsOpcionais( 14 | //Parâmetros: 15 | num1, num2, num3 // esse parâmetro é opcional 16 | ) { 17 | var total = num1 + num2; 18 | if (num3 != undefined) { 19 | total += num3; 20 | } 21 | return total; 22 | } 23 | var resultado = somarParamsOpcionais(15, 20, 35); 24 | console.log("A Soma dos 3 números.......: " + resultado); 25 | resultado = somarParamsOpcionais(15, 20); 26 | console.log("A Soma de 2 n\u00FAmeros..........: " + resultado); 27 | //# sourceMappingURL=optionalParams.js.map -------------------------------------------------------------------------------- /10 - Exemplo/optionalParams.js.map: -------------------------------------------------------------------------------- 1 | {"version":3,"file":"optionalParams.js","sourceRoot":"","sources":["optionalParams.ts"],"names":[],"mappings":"AAAA;;;;;;;;;;;GAWG;AAEH;IACI,aAAa;IACb,IAAY,EACZ,IAAY,EACZ,IAAa,CAAC,4BAA4B;;IAE1C,IAAI,KAAK,GAAG,IAAI,GAAG,IAAI,CAAC;IAExB,EAAE,CAAA,CAAC,IAAI,IAAI,SAAS,CAAC,CAAC,CAAC;QACnB,KAAK,IAAI,IAAI,CAAC;IAClB,CAAC;IAED,MAAM,CAAC,KAAK,CAAC;AACjB,CAAC;AAED,IAAI,SAAS,GAAG,oBAAoB,CAAC,EAAE,EAAE,EAAE,EAAE,EAAE,CAAC,CAAC;AACjD,OAAO,CAAC,GAAG,CAAC,+BAA+B,GAAG,SAAS,CAAC,CAAC;AAEzD,SAAS,GAAG,oBAAoB,CAAC,EAAE,EAAC,EAAE,CAAC,CAAC;AACxC,OAAO,CAAC,GAAG,CAAC,yCAAkC,SAAW,CAAC,CAAC"} -------------------------------------------------------------------------------- /10 - Exemplo/optionalParams.ts: -------------------------------------------------------------------------------- 1 | /** 2 | * Arquivo: optionalParams.ts 3 | * Author: Glaucia Lemos 4 | * Description: Exercício prático sobre o uso de parâmetros opcionais em TypeScript. 5 | * Comando para executar: 6 | * 1) Executar o comando: Shift + Ctrl + B (Windows) 7 | * 2) No terminal executar: Node (nome do arquivo) 8 | * 9 | * 10 | * Link: https://www.typescriptlang.org/docs/handbook/functions.html (Optional and Default Parameters) 11 | * 12 | */ 13 | 14 | function somarParamsOpcionais( 15 | //Parâmetros: 16 | num1: number, 17 | num2: number, 18 | num3?: number // esse parâmetro é opcional 19 | ): number { 20 | let total = num1 + num2; 21 | 22 | if(num3 != undefined) { 23 | total += num3; 24 | } 25 | 26 | return total; 27 | } 28 | 29 | let resultado = somarParamsOpcionais(15, 20, 35); 30 | console.log("A Soma dos 3 números.......: " + resultado); 31 | 32 | resultado = somarParamsOpcionais(15,20); 33 | console.log(`A Soma de 2 números..........: ${resultado}`); 34 | -------------------------------------------------------------------------------- /11 - Exemplo/defaultParams.js: -------------------------------------------------------------------------------- 1 | /** 2 | * Arquivo: defaultParams.ts 3 | * Author: Glaucia Lemos 4 | * Description: Exercício prático sobre o uso de parâmetros default em TypeScript. 5 | * Comando para executar: 6 | * 1) Executar o comando: Shift + Ctrl + B (Windows) 7 | * 2) No terminal executar: Node (nome do arquivo) 8 | * 9 | * 10 | * Link: https://www.typescriptlang.org/docs/handbook/functions.html (Optional and Default Parameters) 11 | * 12 | */ 13 | function calcularValorDesconto(preco, taxa) { 14 | if (taxa === void 0) { taxa = 0.50; } 15 | var desconto = preco * taxa; 16 | console.log("O Valor de Desconto da taxa aplicada é.....: ", desconto); 17 | } 18 | calcularValorDesconto(1000); //0.50 (segundo parâmetro) 19 | calcularValorDesconto(1000, 0.30); 20 | //# sourceMappingURL=defaultParams.js.map -------------------------------------------------------------------------------- /11 - Exemplo/defaultParams.js.map: -------------------------------------------------------------------------------- 1 | {"version":3,"file":"defaultParams.js","sourceRoot":"","sources":["defaultParams.ts"],"names":[],"mappings":"AAAA;;;;;;;;;;;GAWG;AAEH,+BAA+B,KAAa,EAAE,IAAW;IAAX,qBAAA,EAAA,WAAW;IACrD,IAAI,QAAQ,GAAG,KAAK,GAAG,IAAI,CAAC;IAC5B,OAAO,CAAC,GAAG,CAAC,+CAA+C,EAAE,QAAQ,CAAC,CAAC;AAC3E,CAAC;AAED,qBAAqB,CAAC,IAAI,CAAC,CAAC,CAAC,0BAA0B;AACvD,qBAAqB,CAAC,IAAI,EAAE,IAAI,CAAC,CAAC"} -------------------------------------------------------------------------------- /11 - Exemplo/defaultParams.ts: -------------------------------------------------------------------------------- 1 | /** 2 | * Arquivo: defaultParams.ts 3 | * Author: Glaucia Lemos 4 | * Description: Exercício prático sobre o uso de parâmetros default em TypeScript. 5 | * Comando para executar: 6 | * 1) Executar o comando: Shift + Ctrl + B (Windows) 7 | * 2) No terminal executar: Node (nome do arquivo) 8 | * 9 | * 10 | * Link: https://www.typescriptlang.org/docs/handbook/functions.html (Optional and Default Parameters) 11 | * 12 | */ 13 | 14 | function calcularValorDesconto(preco: number, taxa = 0.50) { 15 | var desconto = preco * taxa; 16 | console.log("O Valor de Desconto da taxa aplicada é.....: ", desconto); 17 | } 18 | 19 | calcularValorDesconto(1000); //0.50 (segundo parâmetro) 20 | calcularValorDesconto(1000, 0.30); 21 | -------------------------------------------------------------------------------- /12 - Exemplo/default1Params.js: -------------------------------------------------------------------------------- 1 | /** 2 | * Arquivo: defaultParams.ts 3 | * Author: Glaucia Lemos 4 | * Description: Exercício prático sobre o uso de parâmetros default em TypeScript. 5 | * Comando para executar: 6 | * 1) Executar o comando: Shift + Ctrl + B (Windows) 7 | * 2) No terminal executar: Node (nome do arquivo) 8 | * 9 | * 10 | * Link: https://www.typescriptlang.org/docs/handbook/functions.html (Optional and Default Parameters) 11 | * 12 | */ 13 | function meuNomeCompleto(nome, sobrenome) { 14 | if (sobrenome === void 0) { sobrenome = "Lemos"; } 15 | return nome + " " + sobrenome; 16 | } 17 | var resultado1 = meuNomeCompleto("Glaucia"); //funcionar - OK!! 18 | console.log("Resultado 1.......: ", resultado1); 19 | var resultado2 = meuNomeCompleto("Glaucia", undefined); // funcionar - OK!!! 20 | console.log("Resultado 2.......: ", resultado2); 21 | var resultado3 = meuNomeCompleto("Jurema", "Lemos", "Sra."); 22 | console.log("Resultado 3.......: ", resultado3); 23 | var resultado4 = meuNomeCompleto("Glaucia", "Souza"); // funfar!!! - OK 24 | console.log("Resultado 4.......: ", resultado4); 25 | //# sourceMappingURL=default1Params.js.map -------------------------------------------------------------------------------- /12 - Exemplo/default1Params.js.map: -------------------------------------------------------------------------------- 1 | {"version":3,"file":"default1Params.js","sourceRoot":"","sources":["default1Params.ts"],"names":[],"mappings":"AAAA;;;;;;;;;;;GAWG;AAGH,yBAAyB,IAAY,EAAE,SAAmB;IAAnB,0BAAA,EAAA,mBAAmB;IACtD,MAAM,CAAC,IAAI,GAAG,GAAG,GAAG,SAAS,CAAA;AACjC,CAAC;AAED,IAAI,UAAU,GAAG,eAAe,CAAC,SAAS,CAAC,CAAC,CAAC,kBAAkB;AAC/D,OAAO,CAAC,GAAG,CAAC,sBAAsB,EAAE,UAAU,CAAC,CAAC;AAEhD,IAAI,UAAU,GAAG,eAAe,CAAC,SAAS,EAAE,SAAS,CAAC,CAAA,CAAC,oBAAoB;AAC3E,OAAO,CAAC,GAAG,CAAC,sBAAsB,EAAE,UAAU,CAAC,CAAC;AAEhD,IAAI,UAAU,GAAG,eAAe,CAAC,QAAQ,EAAE,OAAO,EAAE,MAAM,CAAC,CAAC;AAC5D,OAAO,CAAC,GAAG,CAAC,sBAAsB,EAAE,UAAU,CAAC,CAAC;AAEhD,IAAI,UAAU,GAAG,eAAe,CAAC,SAAS,EAAE,OAAO,CAAC,CAAC,CAAC,iBAAiB;AACvE,OAAO,CAAC,GAAG,CAAC,sBAAsB,EAAE,UAAU,CAAC,CAAC"} -------------------------------------------------------------------------------- /12 - Exemplo/default1Params.ts: -------------------------------------------------------------------------------- 1 | /** 2 | * Arquivo: defaultParams.ts 3 | * Author: Glaucia Lemos 4 | * Description: Exercício prático sobre o uso de parâmetros default em TypeScript. 5 | * Comando para executar: 6 | * 1) Executar o comando: Shift + Ctrl + B (Windows) 7 | * 2) No terminal executar: Node (nome do arquivo) 8 | * 9 | * 10 | * Link: https://www.typescriptlang.org/docs/handbook/functions.html (Optional and Default Parameters) 11 | * 12 | */ 13 | 14 | 15 | function meuNomeCompleto(nome: string, sobrenome = "Lemos") { 16 | return nome + " " + sobrenome 17 | } 18 | 19 | let resultado1 = meuNomeCompleto("Glaucia"); //funcionar - OK!! 20 | console.log("Resultado 1.......: ", resultado1); 21 | 22 | let resultado2 = meuNomeCompleto("Glaucia", undefined) // funcionar - OK!!! 23 | console.log("Resultado 2.......: ", resultado2); 24 | 25 | let resultado3 = meuNomeCompleto("Jurema", "Lemos", "Sra."); 26 | console.log("Resultado 3.......: ", resultado3); 27 | 28 | let resultado4 = meuNomeCompleto("Glaucia", "Souza"); // funfar!!! - OK 29 | console.log("Resultado 4.......: ", resultado4); -------------------------------------------------------------------------------- /13 - Exemplo/restParams.js: -------------------------------------------------------------------------------- 1 | /** 2 | * Arquivo: restParams.ts 3 | * Author: Glaucia Lemos 4 | * Description: Exercício prático sobre o uso de parâmetros rest em TypeScript. 5 | * Comando para executar: 6 | * 1) Executar o comando: Shift + Ctrl + B (Windows) 7 | * 2) No terminal executar: Node (nome do arquivo) 8 | * 9 | * 10 | * Link: https://www.typescriptlang.org/docs/handbook/functions.html (Rest Parameters) 11 | * 12 | */ 13 | function meuNome(primeiroNome) { 14 | var sobreNomeCompleto = []; 15 | for (var _i = 1; _i < arguments.length; _i++) { 16 | sobreNomeCompleto[_i - 1] = arguments[_i]; 17 | } 18 | return primeiroNome + " " + sobreNomeCompleto.join(" "); 19 | } 20 | var nomeFuncionario = meuNome("Glaucia", "de Souza", "Lemos", "Silva", "Ferreira", "Moreira"); //ilimitada 21 | console.log("Nome Completo.......: ", nomeFuncionario); 22 | //# sourceMappingURL=restParams.js.map -------------------------------------------------------------------------------- /13 - Exemplo/restParams.js.map: -------------------------------------------------------------------------------- 1 | {"version":3,"file":"restParams.js","sourceRoot":"","sources":["restParams.ts"],"names":[],"mappings":"AAAA;;;;;;;;;;;GAWG;AAEH,iBAAiB,YAAoB;IAAE,2BAA8B;SAA9B,UAA8B,EAA9B,qBAA8B,EAA9B,IAA8B;QAA9B,0CAA8B;;IAC7D,MAAM,CAAC,YAAY,GAAG,GAAG,GAAG,iBAAiB,CAAC,IAAI,CAAC,GAAG,CAAC,CAAC;AAChE,CAAC;AAED,IAAI,eAAe,GAAG,OAAO,CAAC,SAAS,EAAE,UAAU,EAAE,OAAO,EAAE,OAAO,EAAE,UAAU,EAAE,SAAS,CAAC,CAAC,CAAC,WAAW;AAC1G,OAAO,CAAC,GAAG,CAAC,wBAAwB,EAAE,eAAe,CAAC,CAAC"} -------------------------------------------------------------------------------- /13 - Exemplo/restParams.ts: -------------------------------------------------------------------------------- 1 | /** 2 | * Arquivo: restParams.ts 3 | * Author: Glaucia Lemos 4 | * Description: Exercício prático sobre o uso de parâmetros rest em TypeScript. 5 | * Comando para executar: 6 | * 1) Executar o comando: Shift + Ctrl + B (Windows) 7 | * 2) No terminal executar: Node (nome do arquivo) 8 | * 9 | * 10 | * Link: https://www.typescriptlang.org/docs/handbook/functions.html (Rest Parameters) 11 | * 12 | */ 13 | 14 | function meuNome(primeiroNome: string, ...sobreNomeCompleto: string[]) { 15 | return primeiroNome + " " + sobreNomeCompleto.join(" "); 16 | } 17 | 18 | let nomeFuncionario = meuNome("Glaucia", "de Souza", "Lemos", "Silva", "Ferreira", "Moreira"); //ilimitada 19 | console.log("Nome Completo.......: ", nomeFuncionario); 20 | -------------------------------------------------------------------------------- /14 - Exemplo/restParams_2.js: -------------------------------------------------------------------------------- 1 | /** 2 | * Arquivo: restParams_2.ts 3 | * Author: Glaucia Lemos 4 | * Description: Exercício prático sobre o uso de parâmetros rest em TypeScript. 5 | * Comando para executar: 6 | * 1) Executar o comando: Shift + Ctrl + B (Windows) 7 | * 2) No terminal executar: Node (nome do arquivo) 8 | * 9 | * 10 | * Link: https://www.typescriptlang.org/docs/handbook/functions.html (Rest Parameters) 11 | * 12 | */ 13 | function somarNumeros(numero1, numero2) { 14 | var numeros = []; 15 | for (var _i = 2; _i < arguments.length; _i++) { 16 | numeros[_i - 2] = arguments[_i]; 17 | } 18 | var resultado = numero1 + numero2; 19 | for (var i = 0; i < numeros.length; i++) { 20 | resultado += numeros[i]; //[30 + 40 + 50 + 60 + 70 + 80 + 90] i = 420 21 | } 22 | return resultado; 23 | } 24 | var resposta = somarNumeros(10, 20, 30, 40, 50, 60, 70, 80, 90); // Primeiro: 10 + 20 = 30 || // Segundo: i = 420 25 | console.log("A soma dos números são...........: ", resposta); // Total = 450 26 | //# sourceMappingURL=restParams_2.js.map -------------------------------------------------------------------------------- /14 - Exemplo/restParams_2.js.map: -------------------------------------------------------------------------------- 1 | {"version":3,"file":"restParams_2.js","sourceRoot":"","sources":["restParams_2.ts"],"names":[],"mappings":"AAAA;;;;;;;;;;;GAWG;AAEH,sBAAsB,OAAe,EAAE,OAAe;IAAE,iBAAoB;SAApB,UAAoB,EAApB,qBAAoB,EAApB,IAAoB;QAApB,gCAAoB;;IACpE,IAAI,SAAS,GAAG,OAAO,GAAG,OAAO,CAAC;IAElC,GAAG,CAAC,CAAC,IAAI,CAAC,GAAG,CAAC,EAAE,CAAC,GAAG,OAAO,CAAC,MAAM,EAAE,CAAC,EAAE,EAAE,CAAC;QACtC,SAAS,IAAI,OAAO,CAAC,CAAC,CAAC,CAAC,CAAC,sDAAsD;IACnF,CAAC;IAED,MAAM,CAAC,SAAS,CAAC;AACzB,CAAC;AAED,IAAI,QAAQ,GAAG,YAAY,CAAC,EAAE,EAAE,EAAE,EAAE,EAAE,EAAE,EAAE,EAAE,EAAE,EAAE,EAAE,EAAE,EAAE,EAAE,EAAE,EAAE,EAAE,CAAC,CAAC,CAAC,sKAAsK;AACvO,OAAO,CAAC,GAAG,CAAC,qCAAqC,EAAE,QAAQ,CAAC,CAAC,CAAI,cAAc"} -------------------------------------------------------------------------------- /14 - Exemplo/restParams_2.ts: -------------------------------------------------------------------------------- 1 | /** 2 | * Arquivo: restParams_2.ts 3 | * Author: Glaucia Lemos 4 | * Description: Exercício prático sobre o uso de parâmetros rest em TypeScript. 5 | * Comando para executar: 6 | * 1) Executar o comando: Shift + Ctrl + B (Windows) 7 | * 2) No terminal executar: Node (nome do arquivo) 8 | * 9 | * 10 | * Link: https://www.typescriptlang.org/docs/handbook/functions.html (Rest Parameters) 11 | * 12 | */ 13 | 14 | function somarNumeros(numero1: number, numero2: number, ...numeros: number[]) { 15 | var resultado = numero1 + numero2; 16 | 17 | for (var i = 0; i < numeros.length; i++) { // i = [30, 40, 50, 60, 70, 80, 90] 18 | resultado += numeros[i]; //[30 + 40 + 50 + 60 + 70 + 80 + 90] i = 420 19 | } 20 | 21 | return resultado; 22 | } 23 | 24 | let resposta = somarNumeros(10, 20, 30, 40, 50, 60, 70, 80, 90); // Primeiro: 10 + 20 = 30 || // Segundo: i = 420 25 | console.log("A soma dos números são...........: ", resposta); // Total = 450 -------------------------------------------------------------------------------- /15 - Exemplo/arrowFunctions.js: -------------------------------------------------------------------------------- 1 | /** 2 | * Arquivo: arrowFunctions.ts 3 | * Author: Glaucia Lemos 4 | * Description: Exercício prático sobre o uso de arrow functions em TypeScript. 5 | * Comando para executar: 6 | * 1) Executar o comando: Shift + Ctrl + B (Windows) 7 | * 2) No terminal executar: Node (nome do arquivo) 8 | * 9 | * 10 | * Link: https://www.typescriptlang.org/docs/handbook/functions.html (Arrow Functions) 11 | * 12 | */ 13 | // Exemplo sem uso de Arrow Function: 14 | var exemplo1 = function (altura, largura) { 15 | return altura * largura; 16 | }; 17 | var totalCasa = exemplo1(5, 5); 18 | console.log("O tamanho total da casa é.....: ", totalCasa + " m2"); 19 | // Exemplo com uso do Arrow Function: 20 | var exemplo2 = function (altura, largura) { return altura * largura; }; 21 | var totalCasa2 = exemplo2(6, 5); 22 | console.log("O tamanho total da casa é.....: ", totalCasa2 + " m2"); 23 | //# sourceMappingURL=arrowFunctions.js.map -------------------------------------------------------------------------------- /15 - Exemplo/arrowFunctions.js.map: -------------------------------------------------------------------------------- 1 | {"version":3,"file":"arrowFunctions.js","sourceRoot":"","sources":["arrowFunctions.ts"],"names":[],"mappings":"AAAA;;;;;;;;;;;GAWG;AAEH,qCAAqC;AACrC,IAAI,QAAQ,GAAG,UAAS,MAAc,EAAE,OAAe;IACnD,MAAM,CAAC,MAAM,GAAG,OAAO,CAAC;AAC5B,CAAC,CAAA;AAED,IAAI,SAAS,GAAG,QAAQ,CAAC,CAAC,EAAE,CAAC,CAAC,CAAC;AAC/B,OAAO,CAAC,GAAG,CAAC,kCAAkC,EAAE,SAAS,GAAG,KAAK,CAAC,CAAC;AAEnE,qCAAqC;AACrC,IAAI,QAAQ,GAAG,UAAC,MAAc,EAAE,OAAe,IAAK,OAAA,MAAM,GAAG,OAAO,EAAhB,CAAgB,CAAC;AACrE,IAAI,UAAU,GAAG,QAAQ,CAAC,CAAC,EAAE,CAAC,CAAC,CAAC;AAChC,OAAO,CAAC,GAAG,CAAC,kCAAkC,EAAE,UAAU,GAAG,KAAK,CAAC,CAAC"} -------------------------------------------------------------------------------- /15 - Exemplo/arrowFunctions.ts: -------------------------------------------------------------------------------- 1 | /** 2 | * Arquivo: arrowFunctions.ts 3 | * Author: Glaucia Lemos 4 | * Description: Exercício prático sobre o uso de arrow functions em TypeScript. 5 | * Comando para executar: 6 | * 1) Executar o comando: Shift + Ctrl + B (Windows) 7 | * 2) No terminal executar: Node (nome do arquivo) 8 | * 9 | * 10 | * Link: https://www.typescriptlang.org/docs/handbook/functions.html (Arrow Functions) 11 | * 12 | */ 13 | 14 | // Exemplo sem uso de Arrow Function: 15 | var exemplo1 = function(altura: number, largura: number) { 16 | return altura * largura; 17 | } 18 | 19 | let totalCasa = exemplo1(5, 5); 20 | console.log("O tamanho total da casa é.....: ", totalCasa + " m2"); 21 | 22 | // Exemplo com uso do Arrow Function: 23 | var exemplo2 = (altura: number, largura: number) => altura * largura; 24 | let totalCasa2 = exemplo2(6, 5); 25 | console.log("O tamanho total da casa é.....: ", totalCasa2 + " m2"); 26 | -------------------------------------------------------------------------------- /16 - Exemplo/arrowFunctions_2.js: -------------------------------------------------------------------------------- 1 | /** 2 | * Arquivo: arrowFunctions_2.ts 3 | * Author: Glaucia Lemos 4 | * Description: Exercício prático sobre o uso de arrow functions em TypeScript. 5 | * Comando para executar: 6 | * 1) Executar o comando: Shift + Ctrl + B (Windows) 7 | * 2) No terminal executar: Node (nome do arquivo) 8 | * 9 | * 10 | * Link: https://www.typescriptlang.org/docs/handbook/functions.html (Arrow Functions) 11 | * 12 | */ 13 | // Exemplo sem uso do Arrow Function 14 | var multiplicar = function (numero1, numero2) { 15 | return numero1 * numero2; 16 | }; 17 | // Exemplo com uso do Arrow Function 18 | var multiplicarNumeroLambda = function (numero1, numero2) { return numero1 * numero2; }; 19 | //Situação diferente entre uso e sem uso de Arrow Function: 20 | lerPrimeiroNumero = function (primeiroNumero) { 21 | console.log(primeiroNumero); 22 | }; 23 | console.log("Multiplicando números sem Lambda.....: ", multiplicar(5, 7)); 24 | console.log("Multiplicando número com Lambda......: ", multiplicarNumeroLambda(5, 7)); 25 | lerPrimeiroNumero(35); 26 | //# sourceMappingURL=arrowFunctions_2.js.map -------------------------------------------------------------------------------- /16 - Exemplo/arrowFunctions_2.js.map: -------------------------------------------------------------------------------- 1 | {"version":3,"file":"arrowFunctions_2.js","sourceRoot":"","sources":["arrowFunctions_2.ts"],"names":[],"mappings":"AAAA;;;;;;;;;;;GAWG;AAEH,oCAAoC;AACpC,IAAI,WAAW,GAAG,UAAS,OAAe,EAAE,OAAe;IACvD,MAAM,CAAC,OAAO,GAAG,OAAO,CAAC;AAC7B,CAAC,CAAA;AAGD,oCAAoC;AACpC,IAAI,uBAAuB,GAAG,UAAC,OAAe,EAAE,OAAe,IAAK,OAAA,OAAO,GAAG,OAAO,EAAjB,CAAiB,CAAC;AAEtF,2DAA2D;AAC3D,iBAAiB,GAAG,UAAS,cAAsB;IAC/C,OAAO,CAAC,GAAG,CAAC,cAAc,CAAC,CAAC;AAChC,CAAC,CAAA;AAED,OAAO,CAAC,GAAG,CAAC,yCAAyC,EAAE,WAAW,CAAC,CAAC,EAAE,CAAC,CAAC,CAAC,CAAC;AAC1E,OAAO,CAAC,GAAG,CAAC,yCAAyC,EAAE,uBAAuB,CAAC,CAAC,EAAC,CAAC,CAAC,CAAC,CAAC;AACrF,iBAAiB,CAAC,EAAE,CAAC,CAAC"} -------------------------------------------------------------------------------- /16 - Exemplo/arrowFunctions_2.ts: -------------------------------------------------------------------------------- 1 | /** 2 | * Arquivo: arrowFunctions_2.ts 3 | * Author: Glaucia Lemos 4 | * Description: Exercício prático sobre o uso de arrow functions em TypeScript. 5 | * Comando para executar: 6 | * 1) Executar o comando: Shift + Ctrl + B (Windows) 7 | * 2) No terminal executar: Node (nome do arquivo) 8 | * 9 | * 10 | * Link: https://www.typescriptlang.org/docs/handbook/functions.html (Arrow Functions) 11 | * 12 | */ 13 | 14 | // Exemplo sem uso do Arrow Function 15 | var multiplicar = function(numero1: number, numero2: number) : number { 16 | return numero1 * numero2; 17 | } 18 | 19 | 20 | // Exemplo com uso do Arrow Function 21 | var multiplicarNumeroLambda = (numero1: number, numero2: number) => numero1 * numero2; 22 | 23 | //Situação diferente entre uso e sem uso de Arrow Function: 24 | lerPrimeiroNumero = function(primeiroNumero: number) { 25 | console.log(primeiroNumero); 26 | } 27 | 28 | console.log("Multiplicando números sem Lambda.....: ", multiplicar(5, 7)); 29 | console.log("Multiplicando número com Lambda......: ", multiplicarNumeroLambda(5,7)); 30 | lerPrimeiroNumero(35); 31 | 32 | 33 | -------------------------------------------------------------------------------- /17 - Exemplo/classes.js: -------------------------------------------------------------------------------- 1 | /** 2 | * Arquivo: classes.ts 3 | * Author: Glaucia Lemos 4 | * Description: Exercício prático sobre o uso de classes em TypeScript. 5 | * Comando para executar: 6 | * 1) Executar o comando: Shift + Ctrl + B (Windows) 7 | * 2) No terminal executar: Node (nome do arquivo) 8 | * 9 | * 10 | * Link: https://www.typescriptlang.org/docs/handbook/classes.html (Classes) 11 | * 12 | */ 13 | var Cliente = (function () { 14 | function Cliente(codigo, nome, endereco, cidade, estado, telefone, email, idade) { 15 | this.codigo = codigo; 16 | this.nome = nome; 17 | this.cidade = cidade; 18 | this.endereco = endereco; 19 | this.estado = estado; 20 | this.telefone = telefone; 21 | this.email = email; 22 | this.idade = idade; 23 | } 24 | //Método: 25 | Cliente.prototype.dadosCliente = function () { 26 | console.log("====== Dados do Cliente ======"); 27 | console.log("Id do Cliente.......................: " + this.codigo); 28 | console.log("Nome do Cliente.....................: " + this.nome); 29 | console.log("Endereço............................: " + this.endereco); 30 | console.log("Cidade..............................: " + this.cidade); 31 | console.log("Estado..............................: " + this.estado); 32 | console.log("Telefone............................: " + this.telefone); 33 | console.log("Idade...............................: " + this.idade); 34 | console.log("E-mail..............................: " + this.email); 35 | //console.log(`Email...............................: ${this.email}`); 36 | }; 37 | return Cliente; 38 | }()); 39 | var cliente = new Cliente(1, "Glaucia Lemos", "Rua: Nossa Senhora de Copacabana, 99999", "Rio de Janeiro", "RJ", "(21) 99999-9999", "teste@gmail.com", 31); 40 | cliente.dadosCliente(); 41 | //# sourceMappingURL=classes.js.map -------------------------------------------------------------------------------- /17 - Exemplo/classes.js.map: -------------------------------------------------------------------------------- 1 | {"version":3,"file":"classes.js","sourceRoot":"","sources":["classes.ts"],"names":[],"mappings":"AAAA;;;;;;;;;;;GAWG;AAEH;IAWI,iBAAY,MAAc,EAAE,IAAY,EAAE,QAAgB,EAAE,MAAc,EAAE,MAAc,EAAE,QAAgB,EAAE,KAAa,EAAE,KAAa;QACtI,IAAI,CAAC,MAAM,GAAG,MAAM,CAAC;QACrB,IAAI,CAAC,IAAI,GAAG,IAAI,CAAC;QACjB,IAAI,CAAC,MAAM,GAAG,MAAM,CAAC;QACrB,IAAI,CAAC,QAAQ,GAAG,QAAQ,CAAC;QACzB,IAAI,CAAC,MAAM,GAAG,MAAM,CAAC;QACrB,IAAI,CAAC,QAAQ,GAAG,QAAQ,CAAC;QACzB,IAAI,CAAC,KAAK,GAAG,KAAK,CAAC;QACnB,IAAI,CAAC,KAAK,GAAG,KAAK,CAAC;IACvB,CAAC;IAED,SAAS;IACT,8BAAY,GAAZ;QACI,OAAO,CAAC,GAAG,CAAC,gCAAgC,CAAC,CAAC;QAC9C,OAAO,CAAC,GAAG,CAAC,wCAAwC,GAAG,IAAI,CAAC,MAAM,CAAC,CAAC;QACpE,OAAO,CAAC,GAAG,CAAC,wCAAwC,GAAG,IAAI,CAAC,IAAI,CAAC,CAAC;QAClE,OAAO,CAAC,GAAG,CAAC,wCAAwC,GAAG,IAAI,CAAC,QAAQ,CAAC,CAAC;QACtE,OAAO,CAAC,GAAG,CAAC,wCAAwC,GAAG,IAAI,CAAC,MAAM,CAAC,CAAC;QACpE,OAAO,CAAC,GAAG,CAAC,wCAAwC,GAAG,IAAI,CAAC,MAAM,CAAC,CAAC;QACpE,OAAO,CAAC,GAAG,CAAC,wCAAwC,GAAG,IAAI,CAAC,QAAQ,CAAC,CAAC;QACtE,OAAO,CAAC,GAAG,CAAC,wCAAwC,GAAG,IAAI,CAAC,KAAK,CAAC,CAAC;QACnE,OAAO,CAAC,GAAG,CAAC,wCAAwC,GAAG,IAAI,CAAC,KAAK,CAAC,CAAC;QACnE,qEAAqE;IACzE,CAAC;IACL,cAAC;AAAD,CAAC,AAnCD,IAmCC;AAED,IAAI,OAAO,GAAG,IAAI,OAAO,CAAC,CAAC,EAAE,eAAe,EAAE,yCAAyC,EAAE,gBAAgB,EAAE,IAAI,EAAE,iBAAiB,EAAE,iBAAiB,EAAE,EAAE,CAAC,CAAC;AAC3J,OAAO,CAAC,YAAY,EAAE,CAAC"} -------------------------------------------------------------------------------- /17 - Exemplo/classes.ts: -------------------------------------------------------------------------------- 1 | /** 2 | * Arquivo: classes.ts 3 | * Author: Glaucia Lemos 4 | * Description: Exercício prático sobre o uso de classes em TypeScript. 5 | * Comando para executar: 6 | * 1) Executar o comando: Shift + Ctrl + B (Windows) 7 | * 2) No terminal executar: Node (nome do arquivo) 8 | * 9 | * 10 | * Link: https://www.typescriptlang.org/docs/handbook/classes.html (Classes) 11 | * 12 | */ 13 | 14 | class Cliente { 15 | //Propriedades por default: public 16 | codigo: number; 17 | nome: string; 18 | endereco: string; 19 | cidade: string; 20 | estado: string; 21 | telefone: string; 22 | email: string; 23 | idade: number; 24 | 25 | constructor(codigo: number, nome: string, endereco: string, cidade: string, estado: string, telefone: string, email: string, idade: number) { 26 | this.codigo = codigo; 27 | this.nome = nome; 28 | this.cidade = cidade; 29 | this.endereco = endereco; 30 | this.estado = estado; 31 | this.telefone = telefone; 32 | this.email = email; 33 | this.idade = idade; 34 | } 35 | 36 | //Método: 37 | dadosCliente(){ 38 | console.log("====== Dados do Cliente ======"); 39 | console.log("Id do Cliente.......................: " + this.codigo); 40 | console.log("Nome do Cliente.....................: " + this.nome); 41 | console.log("Endereço............................: " + this.endereco); 42 | console.log("Cidade..............................: " + this.cidade); 43 | console.log("Estado..............................: " + this.estado); 44 | console.log("Telefone............................: " + this.telefone); 45 | console.log("Idade...............................: " + this.idade); 46 | console.log("E-mail..............................: " + this.email); 47 | //console.log(`Email...............................: ${this.email}`); 48 | } 49 | } 50 | 51 | let cliente = new Cliente(1, "Glaucia Lemos", "Rua: Nossa Senhora de Copacabana, 99999", "Rio de Janeiro", "RJ", "(21) 99999-9999", "teste@gmail.com", 31); 52 | cliente.dadosCliente(); -------------------------------------------------------------------------------- /18 - Exemplo/classPrivate.js: -------------------------------------------------------------------------------- 1 | /** 2 | * Arquivo: classPrivate.ts 3 | * Author: Glaucia Lemos 4 | * Description: Exercício prático sobre o uso de atributos privados em Classes no TypeScript. 5 | * Comando para executar: 6 | * 1) Executar o comando: Shift + Ctrl + B (Windows) 7 | * 2) No terminal executar: Node (nome do arquivo) 8 | * 9 | * 10 | * Link: https://www.typescriptlang.org/docs/handbook/classes.html (Classes) 11 | * 12 | */ 13 | //----> 1) Exemplo que dará erro: 14 | /*class Produto { 15 | private nome: string; 16 | 17 | constructor(nome: string) { 18 | this.nome = nome; 19 | } 20 | } 21 | 22 | new Produto("Teclado").nome; 23 | 24 | //----> 1.2) Outro exemplo: 25 | class Teste { 26 | str: string = "Olá"; 27 | private str2: string = "Não Deu!!"; 28 | } 29 | 30 | let obj = new Teste(); 31 | console.log(obj.str); 32 | console.log(obj.str2);*/ 33 | //---> 2) Exemplo correto: 34 | var Carro = (function () { 35 | function Carro(preco) { 36 | this.preco = preco; 37 | } 38 | Carro.prototype.descontoValorCarro = function () { 39 | return this.preco - (this.preco * 0.5); 40 | }; 41 | Carro.prototype.informarValorDesconto = function () { 42 | console.log("Valor do Desconto é......: R$ ", carro.descontoValorCarro()); 43 | }; 44 | return Carro; 45 | }()); 46 | var carro = new Carro(10000); 47 | carro.informarValorDesconto(); 48 | //# sourceMappingURL=classPrivate.js.map -------------------------------------------------------------------------------- /18 - Exemplo/classPrivate.js.map: -------------------------------------------------------------------------------- 1 | {"version":3,"file":"classPrivate.js","sourceRoot":"","sources":["classPrivate.ts"],"names":[],"mappings":"AAAA;;;;;;;;;;;GAWG;AAEH,iCAAiC;AAEjC;;;;;;;;;;;;;;;;;;wBAkBwB;AAGxB,0BAA0B;AAE1B;IAGI,eAAY,KAAa;QACrB,IAAI,CAAC,KAAK,GAAG,KAAK,CAAC;IACvB,CAAC;IAEM,kCAAkB,GAAzB;QACI,MAAM,CAAC,IAAI,CAAC,KAAK,GAAG,CAAC,IAAI,CAAC,KAAK,GAAG,GAAG,CAAC,CAAC;IAC3C,CAAC;IAEM,qCAAqB,GAA5B;QACI,OAAO,CAAC,GAAG,CAAC,gCAAgC,EAAE,KAAK,CAAC,kBAAkB,EAAE,CAAC,CAAC;IAC9E,CAAC;IACL,YAAC;AAAD,CAAC,AAdD,IAcC;AAED,IAAI,KAAK,GAAG,IAAI,KAAK,CAAC,KAAK,CAAC,CAAC;AAC7B,KAAK,CAAC,qBAAqB,EAAE,CAAC"} -------------------------------------------------------------------------------- /18 - Exemplo/classPrivate.ts: -------------------------------------------------------------------------------- 1 | /** 2 | * Arquivo: classPrivate.ts 3 | * Author: Glaucia Lemos 4 | * Description: Exercício prático sobre o uso de atributos privados em Classes no TypeScript. 5 | * Comando para executar: 6 | * 1) Executar o comando: Shift + Ctrl + B (Windows) 7 | * 2) No terminal executar: Node (nome do arquivo) 8 | * 9 | * 10 | * Link: https://www.typescriptlang.org/docs/handbook/classes.html (Classes) 11 | * 12 | */ 13 | 14 | //----> 1) Exemplo que dará erro: 15 | 16 | /*class Produto { 17 | private nome: string; 18 | 19 | constructor(nome: string) { 20 | this.nome = nome; 21 | } 22 | } 23 | 24 | new Produto("Teclado").nome; 25 | 26 | //----> 1.2) Outro exemplo: 27 | class Teste { 28 | str: string = "Olá"; 29 | private str2: string = "Não Deu!!"; 30 | } 31 | 32 | let obj = new Teste(); 33 | console.log(obj.str); 34 | console.log(obj.str2);*/ 35 | 36 | 37 | //---> 2) Exemplo correto: 38 | 39 | class Carro { 40 | private preco: number; 41 | 42 | constructor(preco: number) { 43 | this.preco = preco; 44 | } 45 | 46 | public descontoValorCarro() { 47 | return this.preco - (this.preco * 0.5); 48 | } 49 | 50 | public informarValorDesconto() { 51 | console.log("Valor do Desconto é......: R$ ", carro.descontoValorCarro()); 52 | } 53 | } 54 | 55 | let carro = new Carro(10000); 56 | carro.informarValorDesconto(); -------------------------------------------------------------------------------- /19 - Exemplo/heranca.js: -------------------------------------------------------------------------------- 1 | /** 2 | * Arquivo: heranca.ts 3 | * Author: Glaucia Lemos 4 | * Description: Exercício prático sobre o uso de herança em TypeScript. 5 | * Comando para executar: 6 | * 1) Executar o comando: Shift + Ctrl + B (Windows) 7 | * 2) No terminal executar: Node (nome do arquivo) 8 | * 9 | * 10 | * Link: https://www.typescriptlang.org/docs/handbook/classes.html (Herança) 11 | * 12 | */ 13 | var __extends = (this && this.__extends) || (function () { 14 | var extendStatics = Object.setPrototypeOf || 15 | ({ __proto__: [] } instanceof Array && function (d, b) { d.__proto__ = b; }) || 16 | function (d, b) { for (var p in b) if (b.hasOwnProperty(p)) d[p] = b[p]; }; 17 | return function (d, b) { 18 | extendStatics(d, b); 19 | function __() { this.constructor = d; } 20 | d.prototype = b === null ? Object.create(b) : (__.prototype = b.prototype, new __()); 21 | }; 22 | })(); 23 | ///---> Exemplo 1) 24 | /*class Tamanho { 25 | area: number; 26 | 27 | constructor(area: number) { 28 | this.area = area; 29 | } 30 | } 31 | 32 | class Circulo extends Tamanho { 33 | constructor(area: number) { 34 | super(area); 35 | } 36 | 37 | tamanhoTotalArea() { 38 | console.log("A área total do círculo é....: " + this.area); 39 | } 40 | } 41 | 42 | let circulo = new Circulo(250); 43 | circulo.tamanhoTotalArea();*/ 44 | ///---> Exemplo 2) 45 | var Pessoa = (function () { 46 | function Pessoa(nome, sobrenome, email, idade) { 47 | this.nome = nome; 48 | this.sobrenome = sobrenome; 49 | this.email = email; 50 | this.idade = idade; 51 | } 52 | Pessoa.prototype.apresentarPessoa = function () { 53 | console.log("Seja Bem-Vindo(a) " + this.nome); 54 | }; 55 | return Pessoa; 56 | }()); 57 | var Estudante = (function (_super) { 58 | __extends(Estudante, _super); 59 | function Estudante(nome, sobrenome, email, idade, periodo, tipoGraduacao) { 60 | var _this = _super.call(this, nome, sobrenome, email, idade) || this; 61 | _this.periodo = periodo; 62 | _this.tipoGraduacao = tipoGraduacao; 63 | return _this; 64 | } 65 | Estudante.prototype.apresentarEstudante = function () { 66 | _super.prototype.apresentarPessoa.call(this); 67 | console.log("Me chamo " + this.nome + " e estou cursando " + this.tipoGraduacao + ". E estou no " + this.periodo + "º período da Faculdade."); 68 | }; 69 | return Estudante; 70 | }(Pessoa)); 71 | var estudante = new Estudante("Glaucia", "Lemos", "teste@gmail.com", 31, 8, "Análise de Sistemas"); 72 | estudante.apresentarEstudante(); 73 | //# sourceMappingURL=heranca.js.map -------------------------------------------------------------------------------- /19 - Exemplo/heranca.js.map: -------------------------------------------------------------------------------- 1 | {"version":3,"file":"heranca.js","sourceRoot":"","sources":["heranca.ts"],"names":[],"mappings":"AAAA;;;;;;;;;;;GAWG;;;;;;;;;;;AAEH,kBAAkB;AAElB;;;;;;;;;;;;;;;;;;;6BAmB6B;AAG7B,kBAAkB;AAElB;IACI,gBACW,IAAY,EACZ,SAAiB,EACjB,KAAa,EACZ,KAAa;QAHd,SAAI,GAAJ,IAAI,CAAQ;QACZ,cAAS,GAAT,SAAS,CAAQ;QACjB,UAAK,GAAL,KAAK,CAAQ;QACZ,UAAK,GAAL,KAAK,CAAQ;IACvB,CAAC;IAEH,iCAAgB,GAAhB;QACI,OAAO,CAAC,GAAG,CAAC,oBAAoB,GAAG,IAAI,CAAC,IAAI,CAAC,CAAC;IAClD,CAAC;IACL,aAAC;AAAD,CAAC,AAXD,IAWC;AAED;IAAwB,6BAAM;IAC1B,mBACI,IAAY,EACZ,SAAiB,EACjB,KAAa,EACb,KAAa,EACL,OAAe,EACf,aAAqB;QANjC,YAQI,kBAAM,IAAI,EAAE,SAAS,EAAE,KAAK,EAAE,KAAK,CAAC,SACvC;QAJW,aAAO,GAAP,OAAO,CAAQ;QACf,mBAAa,GAAb,aAAa,CAAQ;;IAGjC,CAAC;IAED,uCAAmB,GAAnB;QACI,iBAAM,gBAAgB,WAAE,CAAC;QACzB,OAAO,CAAC,GAAG,CAAC,WAAW,GAAG,IAAI,CAAC,IAAI,GAAG,oBAAoB,GAAG,IAAI,CAAC,aAAa,GAAG,eAAe,GAAG,IAAI,CAAC,OAAO,GAAG,yBAAyB,CAAC,CAAC;IAClJ,CAAC;IACL,gBAAC;AAAD,CAAC,AAhBD,CAAwB,MAAM,GAgB7B;AAED,IAAI,SAAS,GAAG,IAAI,SAAS,CAAC,SAAS,EAAE,OAAO,EAAE,iBAAiB,EAAE,EAAE,EAAE,CAAC,EAAE,qBAAqB,CAAC,CAAC;AACnG,SAAS,CAAC,mBAAmB,EAAE,CAAC"} -------------------------------------------------------------------------------- /19 - Exemplo/heranca.ts: -------------------------------------------------------------------------------- 1 | /** 2 | * Arquivo: heranca.ts 3 | * Author: Glaucia Lemos 4 | * Description: Exercício prático sobre o uso de herança em TypeScript. 5 | * Comando para executar: 6 | * 1) Executar o comando: Shift + Ctrl + B (Windows) 7 | * 2) No terminal executar: Node (nome do arquivo) 8 | * 9 | * 10 | * Link: https://www.typescriptlang.org/docs/handbook/classes.html (Herança) 11 | * 12 | */ 13 | 14 | ///---> Exemplo 1) 15 | 16 | /*class Tamanho { 17 | area: number; 18 | 19 | constructor(area: number) { 20 | this.area = area; 21 | } 22 | } 23 | 24 | class Circulo extends Tamanho { 25 | constructor(area: number) { 26 | super(area); 27 | } 28 | 29 | tamanhoTotalArea() { 30 | console.log("A área total do círculo é....: " + this.area); 31 | } 32 | } 33 | 34 | let circulo = new Circulo(250); 35 | circulo.tamanhoTotalArea();*/ 36 | 37 | 38 | ///---> Exemplo 2) 39 | 40 | class Pessoa { 41 | constructor( 42 | public nome: string, 43 | public sobrenome: string, 44 | public email: string, 45 | private idade: number 46 | ){} 47 | 48 | apresentarPessoa() { 49 | console.log("Seja Bem-Vindo(a) " + this.nome); 50 | } 51 | } 52 | 53 | class Estudante extends Pessoa { 54 | constructor( 55 | nome: string, 56 | sobrenome: string, 57 | email: string, 58 | idade: number, 59 | private periodo: number, 60 | private tipoGraduacao: string 61 | ){ 62 | super(nome, sobrenome, email, idade) 63 | } 64 | 65 | apresentarEstudante() { 66 | super.apresentarPessoa(); 67 | console.log("Me chamo " + this.nome + " e estou cursando " + this.tipoGraduacao + ". E estou no " + this.periodo + "º período da Faculdade."); 68 | } 69 | } 70 | 71 | let estudante = new Estudante("Glaucia", "Lemos", "teste@gmail.com", 31, 8, "Análise de Sistemas"); 72 | estudante.apresentarEstudante(); -------------------------------------------------------------------------------- /2 - Exemplo/stringDemo.js: -------------------------------------------------------------------------------- 1 | /** 2 | * Arquivo: stringDemo.ts 3 | * Author: Glaucia Lemos 4 | * Description: Exemplo sobre uso de tipos em Typescript - String 5 | * Data: 30/05/2017 6 | * Comando para executar: 7 | * 1) Executar o comando: Shift + Ctrl + B (Windows) 8 | * 2) No terminal executar: Node (nome do arquivo) 9 | * 10 | * LINK: https://www.typescriptlang.org/docs/handbook/basic-types.html 11 | */ 12 | function exemploString(faleAlgumaCoisa) { 13 | console.log(faleAlgumaCoisa); 14 | } 15 | exemploString('Oi Coders!!!'); 16 | //# sourceMappingURL=stringDemo.js.map -------------------------------------------------------------------------------- /2 - Exemplo/stringDemo.js.map: -------------------------------------------------------------------------------- 1 | {"version":3,"file":"stringDemo.js","sourceRoot":"","sources":["stringDemo.ts"],"names":[],"mappings":"AAAA;;;;;;;;;;GAUG;AAEH,uBAAuB,eAAuB;IAC1C,OAAO,CAAC,GAAG,CAAC,eAAe,CAAC,CAAC;AACjC,CAAC;AAED,aAAa,CAAC,cAAc,CAAC,CAAC"} -------------------------------------------------------------------------------- /2 - Exemplo/stringDemo.ts: -------------------------------------------------------------------------------- 1 | /** 2 | * Arquivo: stringDemo.ts 3 | * Author: Glaucia Lemos 4 | * Description: Exemplo sobre uso de tipos em Typescript - String 5 | * Data: 30/05/2017 6 | * Comando para executar: 7 | * 1) Executar o comando: Shift + Ctrl + B (Windows) 8 | * 2) No terminal executar: Node (nome do arquivo) 9 | * 10 | * LINK: https://www.typescriptlang.org/docs/handbook/basic-types.html 11 | */ 12 | 13 | function exemploString(faleAlgumaCoisa: string) { 14 | console.log(faleAlgumaCoisa); 15 | } 16 | 17 | exemploString('Oi Coders!!!'); -------------------------------------------------------------------------------- /20 - Exemplo/interfaces.js: -------------------------------------------------------------------------------- 1 | /** 2 | * Arquivo: interface.ts 3 | * Author: Glaucia Lemos 4 | * Description: Exercício prático sobre o uso de interfaces em TypeScript. 5 | * Comando para executar: 6 | * 1) Executar o comando: Shift + Ctrl + B (Windows) 7 | * 2) No terminal executar: Node (nome do arquivo) 8 | * 9 | * Link: //https://www.typescriptlang.org/docs/handbook/interfaces.html (Interface) 10 | * 11 | */ 12 | var TelefoneFixo = (function () { 13 | function TelefoneFixo(modeloTelefone, versaoTelefone, preco) { 14 | this.modeloTelefone = modeloTelefone; 15 | this.versaoTelefone = versaoTelefone; 16 | this.preco = preco; 17 | } 18 | TelefoneFixo.prototype.toque = function () { 19 | return "Trim Trim"; 20 | }; 21 | return TelefoneFixo; 22 | }()); 23 | var TelefoneCelular = (function () { 24 | function TelefoneCelular(modeloTelefone, versaoTelefone, preco) { 25 | this.modeloTelefone = modeloTelefone; 26 | this.versaoTelefone = versaoTelefone; 27 | this.preco = preco; 28 | } 29 | TelefoneCelular.prototype.toque = function () { 30 | return "Ring Ring!!!"; 31 | }; 32 | return TelefoneCelular; 33 | }()); 34 | var telefoneFixo = new TelefoneFixo("IntelBras", 78985, 90.00); 35 | var telefoneCelular = new TelefoneCelular("Lumia 520", 89623, 750.00); 36 | var telefones = []; 37 | telefones.push(telefoneFixo); 38 | telefones.push(telefoneCelular); 39 | for (var _i = 0, telefones_1 = telefones; _i < telefones_1.length; _i++) { 40 | var i = telefones_1[_i]; 41 | console.log(i.modeloTelefone); 42 | console.log(i.versaoTelefone); 43 | console.log(i.preco); 44 | console.log(i.toque()); 45 | console.log("=================="); 46 | } 47 | //# sourceMappingURL=interfaces.js.map -------------------------------------------------------------------------------- /20 - Exemplo/interfaces.js.map: -------------------------------------------------------------------------------- 1 | {"version":3,"file":"interfaces.js","sourceRoot":"","sources":["interfaces.ts"],"names":[],"mappings":"AAAA;;;;;;;;;;GAUG;AASH;IACE,sBACW,cAAsB,EACtB,cAAsB,EACtB,KAAa;QAFb,mBAAc,GAAd,cAAc,CAAQ;QACtB,mBAAc,GAAd,cAAc,CAAQ;QACtB,UAAK,GAAL,KAAK,CAAQ;IACpB,CAAC;IACL,4BAAK,GAAL;QACE,MAAM,CAAC,WAAW,CAAC;IACrB,CAAC;IACH,mBAAC;AAAD,CAAC,AATD,IASC;AAED;IACI,yBACW,cAAsB,EACtB,cAAsB,EACtB,KAAa;QAFb,mBAAc,GAAd,cAAc,CAAQ;QACtB,mBAAc,GAAd,cAAc,CAAQ;QACtB,UAAK,GAAL,KAAK,CAAQ;IACtB,CAAC;IACH,+BAAK,GAAL;QACI,MAAM,CAAC,cAAc,CAAC;IAC1B,CAAC;IACL,sBAAC;AAAD,CAAC,AATD,IASC;AAED,IAAI,YAAY,GAAG,IAAI,YAAY,CAAC,WAAW,EAAE,KAAK,EAAE,KAAK,CAAC,CAAC;AAC/D,IAAI,eAAe,GAAG,IAAI,eAAe,CAAC,WAAW,EAAE,KAAK,EAAE,MAAM,CAAC,CAAC;AAEtE,IAAI,SAAS,GAAgB,EAAE,CAAC;AAChC,SAAS,CAAC,IAAI,CAAC,YAAY,CAAC,CAAC;AAC7B,SAAS,CAAC,IAAI,CAAC,eAAe,CAAC,CAAC;AAEhC,GAAG,CAAA,CAAU,UAAS,EAAT,uBAAS,EAAT,uBAAS,EAAT,IAAS;IAAlB,IAAI,CAAC,kBAAA;IACL,OAAO,CAAC,GAAG,CAAC,CAAC,CAAC,cAAc,CAAC,CAAC;IAC9B,OAAO,CAAC,GAAG,CAAC,CAAC,CAAC,cAAc,CAAC,CAAC;IAC9B,OAAO,CAAC,GAAG,CAAC,CAAC,CAAC,KAAK,CAAC,CAAC;IACrB,OAAO,CAAC,GAAG,CAAC,CAAC,CAAC,KAAK,EAAE,CAAC,CAAC;IACvB,OAAO,CAAC,GAAG,CAAC,oBAAoB,CAAC,CAAA;CACpC"} -------------------------------------------------------------------------------- /20 - Exemplo/interfaces.ts: -------------------------------------------------------------------------------- 1 | /** 2 | * Arquivo: interface.ts 3 | * Author: Glaucia Lemos 4 | * Description: Exercício prático sobre o uso de interfaces em TypeScript. 5 | * Comando para executar: 6 | * 1) Executar o comando: Shift + Ctrl + B (Windows) 7 | * 2) No terminal executar: Node (nome do arquivo) 8 | * 9 | * Link: //https://www.typescriptlang.org/docs/handbook/interfaces.html (Interface) 10 | * 11 | */ 12 | 13 | interface ITelefone { 14 | modeloTelefone: string; 15 | versaoTelefone: number; 16 | preco: number 17 | toque(): string; 18 | } 19 | 20 | class TelefoneFixo implements ITelefone { 21 | constructor( 22 | public modeloTelefone: string, 23 | public versaoTelefone: number, 24 | public preco: number 25 | ){} 26 | toque() { 27 | return "Trim Trim"; 28 | } 29 | } 30 | 31 | class TelefoneCelular implements ITelefone { 32 | constructor( 33 | public modeloTelefone: string, 34 | public versaoTelefone: number, 35 | public preco: number 36 | ){} 37 | toque() { 38 | return "Ring Ring!!!"; 39 | } 40 | } 41 | 42 | let telefoneFixo = new TelefoneFixo("IntelBras", 78985, 90.00); 43 | let telefoneCelular = new TelefoneCelular("Lumia 520", 89623, 750.00); 44 | 45 | var telefones: ITelefone[] = []; 46 | telefones.push(telefoneFixo); 47 | telefones.push(telefoneCelular); 48 | 49 | for(var i of telefones) { 50 | console.log(i.modeloTelefone); 51 | console.log(i.versaoTelefone); 52 | console.log(i.preco); 53 | console.log(i.toque()); 54 | console.log("==================") 55 | } 56 | -------------------------------------------------------------------------------- /3 - Exemplo/numberDemo.js: -------------------------------------------------------------------------------- 1 | /** 2 | * Arquivo: numberDemo.ts 3 | * Author: Glaucia Lemos 4 | * Description: Exemplo sobre uso de tipos em Typescript - Number 5 | * Data: 30/05/2017 6 | * Comando para executar: 7 | * 1) Executar o comando: Shift + Ctrl + B (Windows) 8 | * 2) No terminal executar: Node (nome do arquivo) 9 | * 10 | * LINK: https://www.typescriptlang.org/docs/handbook/basic-types.html 11 | */ 12 | function exemploNumber(idade, tempoDeEmpresa) { 13 | console.log("Voc\u00EA tem " + idade + " anos de idade. \n E trabalha aqui h\u00E1 " + tempoDeEmpresa + " anos na empresa"); 14 | } 15 | exemploNumber(30, 4.5); 16 | //# sourceMappingURL=numberDemo.js.map -------------------------------------------------------------------------------- /3 - Exemplo/numberDemo.js.map: -------------------------------------------------------------------------------- 1 | {"version":3,"file":"numberDemo.js","sourceRoot":"","sources":["numberDemo.ts"],"names":[],"mappings":"AAAA;;;;;;;;;;GAUG;AAEH,uBAAuB,KAAa,EAAE,cAAsB;IACxD,OAAO,CAAC,GAAG,CAAC,mBAAY,KAAK,sDACR,cAAc,qBAAkB,CAAC,CAAC;AAC3D,CAAC;AAED,aAAa,CAAC,EAAE,EAAE,GAAG,CAAC,CAAC"} -------------------------------------------------------------------------------- /3 - Exemplo/numberDemo.ts: -------------------------------------------------------------------------------- 1 | /** 2 | * Arquivo: numberDemo.ts 3 | * Author: Glaucia Lemos 4 | * Description: Exemplo sobre uso de tipos em Typescript - Number 5 | * Data: 30/05/2017 6 | * Comando para executar: 7 | * 1) Executar o comando: Shift + Ctrl + B (Windows) 8 | * 2) No terminal executar: Node (nome do arquivo) 9 | * 10 | * LINK: https://www.typescriptlang.org/docs/handbook/basic-types.html 11 | */ 12 | 13 | function exemploNumber(idade: number, tempoDeEmpresa: number) { 14 | console.log(`Você tem ${idade} anos de idade. 15 | E trabalha aqui há ${tempoDeEmpresa} anos na empresa`); 16 | } 17 | 18 | exemploNumber(30, 4.5); -------------------------------------------------------------------------------- /4 - Exemplo/booleanDemo.js: -------------------------------------------------------------------------------- 1 | /** 2 | * Arquivo: booleanDemo.ts 3 | * Author: Glaucia Lemos 4 | * Description: Exemplo sobre uso de tipos em Typescript - Boolean 5 | * Data: 30/05/2017 6 | * Comando para executar: 7 | * 1) Executar o comando: Shift + Ctrl + B (Windows) 8 | * 2) No terminal executar: Node (nome do arquivo) 9 | * 10 | * LINK: https://www.typescriptlang.org/docs/handbook/basic-types.html 11 | */ 12 | function exemploBoolean(maiorDeIdade) { 13 | if (maiorDeIdade) { 14 | console.log('Ok. Você pode dirigir!!!'); 15 | } 16 | else { 17 | console.log('Você não tem permissão para dirigir.!!!'); 18 | } 19 | } 20 | exemploBoolean(true); 21 | //# sourceMappingURL=booleanDemo.js.map -------------------------------------------------------------------------------- /4 - Exemplo/booleanDemo.js.map: -------------------------------------------------------------------------------- 1 | {"version":3,"file":"booleanDemo.js","sourceRoot":"","sources":["booleanDemo.ts"],"names":[],"mappings":"AAAA;;;;;;;;;;GAUG;AAEH,wBAAwB,YAAqB;IACzC,EAAE,CAAA,CAAC,YAAY,CAAC,CAAC,CAAC;QACd,OAAO,CAAC,GAAG,CAAC,0BAA0B,CAAC,CAAC;IAC5C,CAAC;IAAC,IAAI,CAAC,CAAC;QACJ,OAAO,CAAC,GAAG,CAAC,yCAAyC,CAAC,CAAA;IAC1D,CAAC;AACL,CAAC;AAED,cAAc,CAAC,IAAI,CAAC,CAAC"} -------------------------------------------------------------------------------- /4 - Exemplo/booleanDemo.ts: -------------------------------------------------------------------------------- 1 | /** 2 | * Arquivo: booleanDemo.ts 3 | * Author: Glaucia Lemos 4 | * Description: Exemplo sobre uso de tipos em Typescript - Boolean 5 | * Data: 30/05/2017 6 | * Comando para executar: 7 | * 1) Executar o comando: Shift + Ctrl + B (Windows) 8 | * 2) No terminal executar: Node (nome do arquivo) 9 | * 10 | * LINK: https://www.typescriptlang.org/docs/handbook/basic-types.html 11 | */ 12 | 13 | function exemploBoolean(maiorDeIdade: boolean) { 14 | if(maiorDeIdade) { 15 | console.log('Ok. Você pode dirigir!!!'); 16 | } else { 17 | console.log('Você não tem permissão para dirigir.!!!') 18 | } 19 | } 20 | 21 | exemploBoolean(true); -------------------------------------------------------------------------------- /5 - Exemplo/enumDemo.js: -------------------------------------------------------------------------------- 1 | /** 2 | * Arquivo: enum.ts 3 | * Author: Glaucia Lemos 4 | * Description: Exemplo sobre uso de tipos em Typescript - Enum 5 | * Data: 30/05/2017 6 | * Comando para executar: 7 | * 1) Executar o comando: Shift + Ctrl + B (Windows) 8 | * 2) No terminal executar: Node (nome do arquivo) 9 | * 10 | * LINK: https://www.typescriptlang.org/docs/handbook/basic-types.html 11 | */ 12 | function exemploEnum() { 13 | var campeoesCampeonatoBrasileiro; 14 | (function (campeoesCampeonatoBrasileiro) { 15 | campeoesCampeonatoBrasileiro[campeoesCampeonatoBrasileiro["Vasco"] = 0] = "Vasco"; 16 | campeoesCampeonatoBrasileiro[campeoesCampeonatoBrasileiro["Flamengo"] = 1] = "Flamengo"; 17 | campeoesCampeonatoBrasileiro[campeoesCampeonatoBrasileiro["Botafogo"] = 2] = "Botafogo"; 18 | campeoesCampeonatoBrasileiro[campeoesCampeonatoBrasileiro["Fluminense"] = 3] = "Fluminense"; 19 | })(campeoesCampeonatoBrasileiro || (campeoesCampeonatoBrasileiro = {})); 20 | ; 21 | var titulos = campeoesCampeonatoBrasileiro.Vasco; 22 | switch (titulos) { 23 | case campeoesCampeonatoBrasileiro.Vasco: 24 | console.log("Vasco: Títulos: 4 | Temporadas: 1974, 1989, 1997 e 2000"); 25 | break; 26 | case campeoesCampeonatoBrasileiro.Flamengo: 27 | console.log("Flamengo: Títulos: 5 | Temporadas: 1980, 1982, 1983 e 2009"); 28 | break; 29 | case campeoesCampeonatoBrasileiro.Botafogo: 30 | console.log("Botafogo: Títulos: 2 | Temporadas: 1968 e 1995"); 31 | break; 32 | case campeoesCampeonatoBrasileiro.Fluminense: 33 | console.log("Fluminense: Títulos: 4 | Temporadas: 1970, 1984, 2010 e 2012"); 34 | break; 35 | } 36 | } 37 | exemploEnum(); 38 | //# sourceMappingURL=enumDemo.js.map -------------------------------------------------------------------------------- /5 - Exemplo/enumDemo.js.map: -------------------------------------------------------------------------------- 1 | {"version":3,"file":"enumDemo.js","sourceRoot":"","sources":["enumDemo.ts"],"names":[],"mappings":"AAAA;;;;;;;;;;GAUG;AAGH;IACI,IAAK,4BAKJ;IALD,WAAK,4BAA4B;QAC7B,iFAAK,CAAA;QACL,uFAAQ,CAAA;QACR,uFAAQ,CAAA;QACR,2FAAU,CAAA;IACd,CAAC,EALI,4BAA4B,KAA5B,4BAA4B,QAKhC;IAAA,CAAC;IAEF,IAAI,OAAO,GAAG,4BAA4B,CAAC,KAAK,CAAA;IAGhD,MAAM,CAAA,CAAC,OAAO,CAAC,CAAC,CAAC;QACb,KAAK,4BAA4B,CAAC,KAAK;YACnC,OAAO,CAAC,GAAG,CAAC,yDAAyD,CAAC,CAAC;YACvE,KAAK,CAAC;QACV,KAAK,4BAA4B,CAAC,QAAQ;YACtC,OAAO,CAAC,GAAG,CAAC,4DAA4D,CAAC,CAAC;YAC1E,KAAK,CAAC;QACV,KAAK,4BAA4B,CAAC,QAAQ;YACtC,OAAO,CAAC,GAAG,CAAC,gDAAgD,CAAC,CAAC;YAC9D,KAAK,CAAC;QACV,KAAK,4BAA4B,CAAC,UAAU;YACxC,OAAO,CAAC,GAAG,CAAC,8DAA8D,CAAC,CAAC;YAC5E,KAAK,CAAC;IACd,CAAC;AACL,CAAC;AAED,WAAW,EAAE,CAAC"} -------------------------------------------------------------------------------- /5 - Exemplo/enumDemo.ts: -------------------------------------------------------------------------------- 1 | /** 2 | * Arquivo: enum.ts 3 | * Author: Glaucia Lemos 4 | * Description: Exemplo sobre uso de tipos em Typescript - Enum 5 | * Data: 30/05/2017 6 | * Comando para executar: 7 | * 1) Executar o comando: Shift + Ctrl + B (Windows) 8 | * 2) No terminal executar: Node (nome do arquivo) 9 | * 10 | * LINK: https://www.typescriptlang.org/docs/handbook/basic-types.html 11 | */ 12 | 13 | 14 | function exemploEnum() { 15 | enum campeoesCampeonatoBrasileiro { 16 | Vasco, 17 | Flamengo, 18 | Botafogo, 19 | Fluminense 20 | }; 21 | 22 | let titulos = campeoesCampeonatoBrasileiro.Vasco 23 | 24 | 25 | switch(titulos) { 26 | case campeoesCampeonatoBrasileiro.Vasco: 27 | console.log("Vasco: Títulos: 4 | Temporadas: 1974, 1989, 1997 e 2000"); 28 | break; 29 | case campeoesCampeonatoBrasileiro.Flamengo: 30 | console.log("Flamengo: Títulos: 5 | Temporadas: 1980, 1982, 1983 e 2009"); 31 | break; 32 | case campeoesCampeonatoBrasileiro.Botafogo: 33 | console.log("Botafogo: Títulos: 2 | Temporadas: 1968 e 1995"); 34 | break; 35 | case campeoesCampeonatoBrasileiro.Fluminense: 36 | console.log("Fluminense: Títulos: 4 | Temporadas: 1970, 1984, 2010 e 2012"); 37 | break; 38 | } 39 | } 40 | 41 | exemploEnum(); -------------------------------------------------------------------------------- /6 - Exemplo/anyDemo.js: -------------------------------------------------------------------------------- 1 | /** 2 | * Arquivo: anyDemo.ts 3 | * Author: Glaucia Lemos 4 | * Description: Exemplo sobre uso de tipos em Typescript - Any 5 | * Data: 30/05/2017 6 | * Comando para executar: 7 | * 1) Executar o comando: Shift + Ctrl + B (Windows) 8 | * 2) No terminal executar: Node (nome do arquivo) 9 | * 10 | * LINK: https://www.typescriptlang.org/docs/handbook/basic-types.html 11 | */ 12 | function exemploAny() { 13 | var glaucia; 14 | glaucia = 30; 15 | console.log("Glaucia tem " + glaucia + " anos de idade!!"); 16 | glaucia = "Olá Coder!!!"; 17 | console.log("Glaucia! " + glaucia); 18 | } 19 | exemploAny(); 20 | //# sourceMappingURL=anyDemo.js.map -------------------------------------------------------------------------------- /6 - Exemplo/anyDemo.js.map: -------------------------------------------------------------------------------- 1 | {"version":3,"file":"anyDemo.js","sourceRoot":"","sources":["anyDemo.ts"],"names":[],"mappings":"AAAA;;;;;;;;;;GAUG;AAGH;IACI,IAAI,OAAO,CAAC;IAEZ,OAAO,GAAG,EAAE,CAAC;IACb,OAAO,CAAC,GAAG,CAAC,iBAAe,OAAO,qBAAkB,CAAC,CAAC;IAEtD,OAAO,GAAG,cAAc,CAAC;IACzB,OAAO,CAAC,GAAG,CAAC,cAAY,OAAS,CAAC,CAAC;AACvC,CAAC;AAED,UAAU,EAAE,CAAC"} -------------------------------------------------------------------------------- /6 - Exemplo/anyDemo.ts: -------------------------------------------------------------------------------- 1 | /** 2 | * Arquivo: anyDemo.ts 3 | * Author: Glaucia Lemos 4 | * Description: Exemplo sobre uso de tipos em Typescript - Any 5 | * Data: 30/05/2017 6 | * Comando para executar: 7 | * 1) Executar o comando: Shift + Ctrl + B (Windows) 8 | * 2) No terminal executar: Node (nome do arquivo) 9 | * 10 | * LINK: https://www.typescriptlang.org/docs/handbook/basic-types.html 11 | */ 12 | 13 | 14 | function exemploAny() { 15 | let glaucia; 16 | 17 | glaucia = 30; 18 | console.log(`Glaucia tem ${glaucia} anos de idade!!`); 19 | 20 | glaucia = "Olá Coder!!!"; 21 | console.log(`Glaucia! ${glaucia}`); 22 | } 23 | 24 | exemploAny(); -------------------------------------------------------------------------------- /7 - Exemplo/operators.js: -------------------------------------------------------------------------------- 1 | /** 2 | * Arquivo: operators.ts 3 | * Author: Glaucia Lemos 4 | * Description: Nesse exemplo estamos vendo exemplo 5 | * do uso de operações aritméticas em TypeScript 6 | * Data: 11/06/2017 7 | * Comando para executar: 8 | * 1) Executar o comando: Shift + Ctrl + B (Windows) 9 | * 2) No terminal executar: Node (nome do arquivo) 10 | * 11 | * LINK: http://www.w3ii.com/pt/typescript/typescript_operators.html 12 | */ 13 | // Operador - Soma: 14 | function sumOperator(num1, num2) { 15 | resultado = num1 + num2; 16 | console.log("A soma é......: " + resultado); 17 | } 18 | sumOperator(10, 2); 19 | // Operador - Subtração: 20 | function subOperator(num1, num2) { 21 | resultado = num1 - num2; 22 | console.log("A subtração é......: " + resultado); 23 | } 24 | subOperator(10, 2); 25 | // Operador - Multiplicação: 26 | function multiOperator(num1, num2) { 27 | resultado = num1 * num2; 28 | console.log("A multiplicação é......: " + resultado); 29 | } 30 | multiOperator(10, 2); 31 | // Operador - Divisão: 32 | function divideOperator(num1, num2) { 33 | resultado = num1 / num2; 34 | console.log("A divisão é......: " + resultado); 35 | } 36 | divideOperator(10, 2); 37 | // Operador - Módulo: 38 | function modOperator(num1, num2) { 39 | resultado = num1 % num2; 40 | console.log("O módulo é......: " + resultado); 41 | } 42 | modOperator(10, 2); 43 | // Operador - Incremento: 44 | var num1 = 17; 45 | num1++; 46 | console.log("O incremento é.....: " + num1); 47 | // Operador - Decremento: 48 | var num2 = 15; 49 | num2--; 50 | console.log("O decremento é......: " + num2); 51 | // Realizar exercícios com: 52 | /** 53 | * 54 | * 1) Operadores Relacionais: 55 | * 56 | * http://www.w3ii.com/pt/typescript/typescript_relational_operators_examples.html 57 | * 58 | * 2) Operadores de Atribuição: 59 | * 60 | * http://www.w3ii.com/pt/typescript/typescript_assignment_operators_examples.html 61 | * 62 | * 3) Operador condicional (?) 63 | * 64 | * http://www.w3ii.com/pt/typescript/typescript_operators.html 65 | * 66 | * 4) Operador typeof 67 | * 68 | * http://www.w3ii.com/pt/typescript/typescript_operators.html 69 | */ 70 | //# sourceMappingURL=operators.js.map -------------------------------------------------------------------------------- /7 - Exemplo/operators.js.map: -------------------------------------------------------------------------------- 1 | {"version":3,"file":"operators.js","sourceRoot":"","sources":["operators.ts"],"names":[],"mappings":"AAAA;;;;;;;;;;;GAWG;AAEH,mBAAmB;AACnB,qBAAqB,IAAY,EAAE,IAAY;IAC3C,SAAS,GAAG,IAAI,GAAG,IAAI,CAAC;IACxB,OAAO,CAAC,GAAG,CAAC,kBAAkB,GAAG,SAAS,CAAC,CAAC;AAChD,CAAC;AAED,WAAW,CAAC,EAAE,EAAC,CAAC,CAAC,CAAC;AAElB,wBAAwB;AACxB,qBAAqB,IAAY,EAAE,IAAY;IAC3C,SAAS,GAAG,IAAI,GAAG,IAAI,CAAC;IACxB,OAAO,CAAC,GAAG,CAAC,uBAAuB,GAAG,SAAS,CAAC,CAAC;AACrD,CAAC;AAED,WAAW,CAAC,EAAE,EAAC,CAAC,CAAC,CAAC;AAElB,4BAA4B;AAC5B,uBAAuB,IAAY,EAAE,IAAY;IAC7C,SAAS,GAAG,IAAI,GAAG,IAAI,CAAC;IACxB,OAAO,CAAC,GAAG,CAAC,2BAA2B,GAAG,SAAS,CAAC,CAAC;AACzD,CAAC;AAED,aAAa,CAAC,EAAE,EAAC,CAAC,CAAC,CAAC;AAEpB,sBAAsB;AACtB,wBAAwB,IAAY,EAAE,IAAY;IAC9C,SAAS,GAAG,IAAI,GAAG,IAAI,CAAC;IACxB,OAAO,CAAC,GAAG,CAAC,qBAAqB,GAAG,SAAS,CAAC,CAAC;AACnD,CAAC;AAED,cAAc,CAAC,EAAE,EAAC,CAAC,CAAC,CAAC;AAGrB,qBAAqB;AACrB,qBAAqB,IAAY,EAAE,IAAY;IAC3C,SAAS,GAAG,IAAI,GAAG,IAAI,CAAC;IACxB,OAAO,CAAC,GAAG,CAAC,oBAAoB,GAAG,SAAS,CAAC,CAAC;AAClD,CAAC;AAED,WAAW,CAAC,EAAE,EAAC,CAAC,CAAC,CAAC;AAElB,yBAAyB;AACzB,IAAI,IAAI,GAAW,EAAE,CAAC;AAEtB,IAAI,EAAE,CAAC;AACP,OAAO,CAAC,GAAG,CAAC,uBAAuB,GAAG,IAAI,CAAC,CAAC;AAE5C,yBAAyB;AACzB,IAAI,IAAI,GAAW,EAAE,CAAC;AAEtB,IAAI,EAAE,CAAC;AACP,OAAO,CAAC,GAAG,CAAC,wBAAwB,GAAG,IAAI,CAAC,CAAC;AAE7C,2BAA2B;AAE3B;;;;;;;;;;;;;;;;;GAiBG"} -------------------------------------------------------------------------------- /7 - Exemplo/operators.ts: -------------------------------------------------------------------------------- 1 | /** 2 | * Arquivo: operators.ts 3 | * Author: Glaucia Lemos 4 | * Description: Nesse exemplo estamos vendo exemplo 5 | * do uso de operações aritméticas em TypeScript 6 | * Data: 11/06/2017 7 | * Comando para executar: 8 | * 1) Executar o comando: Shift + Ctrl + B (Windows) 9 | * 2) No terminal executar: Node (nome do arquivo) 10 | * 11 | * LINK: http://www.w3ii.com/pt/typescript/typescript_operators.html 12 | */ 13 | 14 | // Operador - Soma: 15 | function sumOperator(num1: number, num2: number) { 16 | resultado = num1 + num2; 17 | console.log("A soma é......: " + resultado); 18 | } 19 | 20 | sumOperator(10,2); 21 | 22 | // Operador - Subtração: 23 | function subOperator(num1: number, num2: number) { 24 | resultado = num1 - num2; 25 | console.log("A subtração é......: " + resultado); 26 | } 27 | 28 | subOperator(10,2); 29 | 30 | // Operador - Multiplicação: 31 | function multiOperator(num1: number, num2: number) { 32 | resultado = num1 * num2; 33 | console.log("A multiplicação é......: " + resultado); 34 | } 35 | 36 | multiOperator(10,2); 37 | 38 | // Operador - Divisão: 39 | function divideOperator(num1: number, num2: number) { 40 | resultado = num1 / num2; 41 | console.log("A divisão é......: " + resultado); 42 | } 43 | 44 | divideOperator(10,2); 45 | 46 | 47 | // Operador - Módulo: 48 | function modOperator(num1: number, num2: number) { 49 | resultado = num1 % num2; 50 | console.log("O módulo é......: " + resultado); 51 | } 52 | 53 | modOperator(10,2); 54 | 55 | // Operador - Incremento: 56 | var num1: number = 17; 57 | 58 | num1++; 59 | console.log("O incremento é.....: " + num1); 60 | 61 | // Operador - Decremento: 62 | var num2: number = 15; 63 | 64 | num2--; 65 | console.log("O decremento é......: " + num2); 66 | 67 | // Realizar exercícios com: 68 | 69 | /** 70 | * 71 | * 1) Operadores Relacionais: 72 | * 73 | * http://www.w3ii.com/pt/typescript/typescript_relational_operators_examples.html 74 | * 75 | * 2) Operadores de Atribuição: 76 | * 77 | * http://www.w3ii.com/pt/typescript/typescript_assignment_operators_examples.html 78 | * 79 | * 3) Operador condicional (?) 80 | * 81 | * http://www.w3ii.com/pt/typescript/typescript_operators.html 82 | * 83 | * 4) Operador typeof 84 | * 85 | * http://www.w3ii.com/pt/typescript/typescript_operators.html 86 | */ -------------------------------------------------------------------------------- /8 - Exemplo/controlFlow.js: -------------------------------------------------------------------------------- 1 | /** 2 | * Arquivo: controlFlow.ts 3 | * Author: Glaucia Lemos 4 | * Description: Nesse arquivo estamos vendo alguns exemplos práticos 5 | * do uso dos principais controles de fluxo em TypeScript 6 | * Comando para executar: 7 | * 1) Executar o comando: Shift + Ctrl + B (Windows) 8 | * 2) No terminal executar: Node (nome do arquivo) 9 | * 10 | */ 11 | // Exemplo: If-Else: 12 | function dirigirCarro(idade) { 13 | if (idade >= 18) { 14 | console.log("Parabéns! Você tem permissão para dirigir!!!"); 15 | } 16 | else { 17 | console.log("Não tem permissão para dirigir!!!"); 18 | } 19 | } 20 | dirigirCarro(27); 21 | // Exemplo: ? : (ternário) 22 | function velocidadeMaxima(velocidade) { 23 | var velocidadePermitida = (velocidade > 80) 24 | ? console.log("Ultrapassou a velocidade permitida!") 25 | : console.log("Está abaixo da velocidade permitida!!!"); 26 | } 27 | velocidadeMaxima(55); 28 | //Exemplo: Switch 29 | function comboFood(tipoComida) { 30 | switch (tipoComida) { 31 | case 1: 32 | console.log("Hamburguer - R$ 7,90"); 33 | break; 34 | case 2: 35 | console.log("Cachorro-quente - R$ 4,50"); 36 | break; 37 | case 3: 38 | console.log("Pizza Gigante - R$ 49,90"); 39 | break; 40 | default: 41 | console.log("Desculpe. Combo inexistente. Escolha outra opção!"); 42 | } 43 | } 44 | comboFood(5); 45 | //# sourceMappingURL=controlFlow.js.map -------------------------------------------------------------------------------- /8 - Exemplo/controlFlow.js.map: -------------------------------------------------------------------------------- 1 | {"version":3,"file":"controlFlow.js","sourceRoot":"","sources":["controlFlow.ts"],"names":[],"mappings":"AAAA;;;;;;;;;GASG;AAEH,oBAAoB;AACpB,sBAAsB,KAAa;IAC/B,EAAE,CAAA,CAAC,KAAK,IAAI,EAAE,CAAC,CAAC,CAAC;QACb,OAAO,CAAC,GAAG,CAAC,8CAA8C,CAAC,CAAC;IAChE,CAAC;IAAC,IAAI,CAAC,CAAC;QACJ,OAAO,CAAC,GAAG,CAAC,mCAAmC,CAAC,CAAC;IACrD,CAAC;AACL,CAAC;AAED,YAAY,CAAC,EAAE,CAAC,CAAC;AAEjB,0BAA0B;AAC1B,0BAA0B,UAAkB;IACxC,IAAI,mBAAmB,GAAG,CAAC,UAAU,GAAG,EAAE,CAAC;UACrC,OAAO,CAAC,GAAG,CAAC,qCAAqC,CAAC;UAClD,OAAO,CAAC,GAAG,CAAC,wCAAwC,CAAC,CAAC;AAChE,CAAC;AAED,gBAAgB,CAAC,EAAE,CAAC,CAAC;AAErB,iBAAiB;AACjB,mBAAmB,UAAkB;IACjC,MAAM,CAAA,CAAC,UAAU,CAAC,CAAC,CAAC;QAChB,KAAK,CAAC;YACF,OAAO,CAAC,GAAG,CAAC,sBAAsB,CAAC,CAAC;YACpC,KAAK,CAAC;QACV,KAAK,CAAC;YACF,OAAO,CAAC,GAAG,CAAC,2BAA2B,CAAC,CAAC;YACzC,KAAK,CAAC;QACV,KAAK,CAAC;YACF,OAAO,CAAC,GAAG,CAAC,0BAA0B,CAAC,CAAC;YACxC,KAAK,CAAC;QACV;YACI,OAAO,CAAC,GAAG,CAAC,mDAAmD,CAAC,CAAC;IACzE,CAAC;AACL,CAAC;AAED,SAAS,CAAC,CAAC,CAAC,CAAC"} -------------------------------------------------------------------------------- /8 - Exemplo/controlFlow.ts: -------------------------------------------------------------------------------- 1 | /** 2 | * Arquivo: controlFlow.ts 3 | * Author: Glaucia Lemos 4 | * Description: Nesse arquivo estamos vendo alguns exemplos práticos 5 | * do uso dos principais controles de fluxo em TypeScript 6 | * Comando para executar: 7 | * 1) Executar o comando: Shift + Ctrl + B (Windows) 8 | * 2) No terminal executar: Node (nome do arquivo) 9 | * 10 | */ 11 | 12 | // Exemplo: If-Else: 13 | function dirigirCarro(idade: number) { 14 | if(idade >= 18) { 15 | console.log("Parabéns! Você tem permissão para dirigir!!!"); 16 | } else { 17 | console.log("Não tem permissão para dirigir!!!"); 18 | } 19 | } 20 | 21 | dirigirCarro(27); 22 | 23 | // Exemplo: ? : (ternário) 24 | function velocidadeMaxima(velocidade: number) { 25 | let velocidadePermitida = (velocidade > 80) 26 | ? console.log("Ultrapassou a velocidade permitida!") 27 | : console.log("Está abaixo da velocidade permitida!!!"); 28 | } 29 | 30 | velocidadeMaxima(55); 31 | 32 | //Exemplo: Switch 33 | function comboFood(tipoComida: number) { 34 | switch(tipoComida) { 35 | case 1: 36 | console.log("Hamburguer - R$ 7,90"); 37 | break; 38 | case 2: 39 | console.log("Cachorro-quente - R$ 4,50"); 40 | break; 41 | case 3: 42 | console.log("Pizza Gigante - R$ 49,90"); 43 | break; 44 | default: 45 | console.log("Desculpe. Combo inexistente. Escolha outra opção!"); 46 | } 47 | } 48 | 49 | comboFood(5); -------------------------------------------------------------------------------- /9 - Exemplo/controlFlow2.js: -------------------------------------------------------------------------------- 1 | /** 2 | * Arquivo: controlFlow.ts 3 | * Author: Glaucia Lemos 4 | * Description: Nesse arquivo estamos vendo alguns exemplos práticos 5 | * do uso dos principais controles de fluxo em TypeScript 6 | * Comando para executar: 7 | * 1) Executar o comando: Shift + Ctrl + B (Windows) 8 | * 2) No terminal executar: Node (nome do arquivo) 9 | * 10 | */ 11 | //Exemplo: While | Do ... While 12 | /*function executarNumeroDesc(numero: number) { 13 | do { 14 | console.log(numero); 15 | numero--; 16 | } while(numero >= 0) 17 | } 18 | 19 | executarNumeroDesc(10);*/ 20 | //Exemplo: For 21 | function executarNumeroCresc(numero) { 22 | for (numero = 0; numero <= 10; numero++) 23 | console.log(numero); 24 | } 25 | executarNumeroCresc(10); 26 | //Exemplo: For in (foreach) 27 | function cidadesTuristicas(cidade1, cidade2, cidade3) { 28 | var listaCidades = { 29 | cidade1: "Rio de Janeiro", 30 | cidade2: "Paris", 31 | cidade3: "Los Angeles" 32 | }; 33 | for (var key in listaCidades) { 34 | console.log(key + ' = ' + listaCidades[key]); 35 | } 36 | } 37 | cidadesTuristicas("Rio de Janeiro", "Paris", "Los Angeles"); 38 | //# sourceMappingURL=controlFlow2.js.map -------------------------------------------------------------------------------- /9 - Exemplo/controlFlow2.js.map: -------------------------------------------------------------------------------- 1 | {"version":3,"file":"controlFlow2.js","sourceRoot":"","sources":["controlFlow2.ts"],"names":[],"mappings":"AAAA;;;;;;;;;GASG;AAEH,+BAA+B;AAC/B;;;;;;;yBAOyB;AAEzB,cAAc;AACd,6BAA6B,MAAc;IACvC,GAAG,CAAA,CAAC,MAAM,GAAG,CAAC,EAAE,MAAM,IAAI,EAAE,EAAE,MAAM,EAAE;QAClC,OAAO,CAAC,GAAG,CAAC,MAAM,CAAC,CAAC;AAC5B,CAAC;AAED,mBAAmB,CAAC,EAAE,CAAC,CAAC;AAExB,2BAA2B;AAC3B,2BAA2B,OAAe,EAAE,OAAe,EAAE,OAAe;IACxE,IAAI,YAAY,GAAG;QACf,OAAO,EAAE,gBAAgB;QACzB,OAAO,EAAE,OAAO;QAChB,OAAO,EAAE,aAAa;KACzB,CAAA;IAED,GAAG,CAAA,CAAC,IAAI,GAAG,IAAI,YAAY,CAAC,CAAC,CAAC;QAC1B,OAAO,CAAC,GAAG,CAAC,GAAG,GAAG,KAAK,GAAG,YAAY,CAAC,GAAG,CAAC,CAAC,CAAC;IACjD,CAAC;AACL,CAAC;AAED,iBAAiB,CAAC,gBAAgB,EAAE,OAAO,EAAE,aAAa,CAAC,CAAC"} -------------------------------------------------------------------------------- /9 - Exemplo/controlFlow2.ts: -------------------------------------------------------------------------------- 1 | /** 2 | * Arquivo: controlFlow.ts 3 | * Author: Glaucia Lemos 4 | * Description: Nesse arquivo estamos vendo alguns exemplos práticos 5 | * do uso dos principais controles de fluxo em TypeScript 6 | * Comando para executar: 7 | * 1) Executar o comando: Shift + Ctrl + B (Windows) 8 | * 2) No terminal executar: Node (nome do arquivo) 9 | * 10 | */ 11 | 12 | //Exemplo: While | Do ... While 13 | /*function executarNumeroDesc(numero: number) { 14 | do { 15 | console.log(numero); 16 | numero--; 17 | } while(numero >= 0) 18 | } 19 | 20 | executarNumeroDesc(10);*/ 21 | 22 | //Exemplo: For 23 | function executarNumeroCresc(numero: number) { 24 | for(numero = 0; numero <= 10; numero++) 25 | console.log(numero); 26 | } 27 | 28 | executarNumeroCresc(10); 29 | 30 | //Exemplo: For in (foreach) 31 | function cidadesTuristicas(cidade1: string, cidade2: string, cidade3: string) { 32 | let listaCidades = { 33 | cidade1: "Rio de Janeiro", //cidade1, cidade2, cidade3 = key 34 | cidade2: "Paris", 35 | cidade3: "Los Angeles" 36 | } 37 | 38 | for(var key in listaCidades) { 39 | console.log(key + ' = ' + listaCidades[key]); 40 | } 41 | } 42 | 43 | cidadesTuristicas("Rio de Janeiro", "Paris", "Los Angeles"); 44 | -------------------------------------------------------------------------------- /README.md: -------------------------------------------------------------------------------- 1 | # Curso: TypeScript para Desenvolvedores C# 2 | 3 | Curso de TypeScript para Desenvolvedores C# ou qualquer outra linguagem que a pessoa tenha conceito de POO realizado através da plataforma Udemy: [Curso: TypeScript para Desenvolvedores C#](https://www.udemy.com/curso-typescript-para-desenvolvedores-c/) 4 | 5 | **p.s.:** O curso encontra em desenvolvimento. Porém, haverá 4 novas aulas toda semana até ser concluída a grade do curso! 6 | 7 | ## Requisitos para prosseguir no Curso: 8 | 9 | - Ter Lógica de Programação; 10 | - Conceitos de Programação Orientada a Objetos (Classes, interfaces, genéricos, herança) 11 | Caso não tenha conceito de OOP, realizar o curso do [Curso MVA: A Guide to Object-Oriented Practices](https://mva.microsoft.com/training-courses/a-guide-to-objectoriented-practices-14329?l=PLMOEi2hB_904668937&WT.mc_id=javascript-0000-gllemos) 12 | 13 | - Conceitos de JavaScript e ECMASCRIPT: 14 | Caso não tenha conceito de JavaScript, realizar o curso do [MVA: Introdução rápida ao desenvolvimento em HTML5 com JavaScript e CSS3](https://mva.microsoft.com/training-courses/introduo-rpida-ao-desenvolvimento-em-html-5-com-java-script-e-css3-8223?l=AJoPBmRiB_9300115888&WT.mc_id=javascript-0000-gllemos) 15 | - Curso JavaScript [Rodrigo Branas: Desvendando a Linguagem JavaScript](https://www.youtube.com/playlist?list=PLQCmSnNFVYnT1-oeDOSBnt164802rkegc) 16 | 17 | ## Recursos Utilizados no Desenvolvimento da Aplicação: 18 | 19 | - Visual Studio Code - [LINK PARA BAIXAR](https://code.visualstudio.com/?WT.mc_id=javascript-0000-gllemos) 20 | - Node.Js - [LINK PARA BAIXAR](https://nodejs.org/en/) 21 | - TypeScript 2.x - [LINK PARA BAIXAR](https://www.typescriptlang.org/) 22 | 23 | ## Conteúdo do Curso: 24 | 25 | - [Aula 00 - Breve Introdução](https://www.youtube.com/watch?v=SbAzEptUwI4&t=15s&list=PLb2HQ45KP0Wt32eCnju3lyncXUvDV5Nob&index=1) 26 | 27 | - [Aula 01 - Preparando o Ambiente](https://www.youtube.com/watch?v=DwEJEVVqFVw&t=520s&list=PLb2HQ45KP0Wt32eCnju3lyncXUvDV5Nob&index=2) 28 | 29 | - [Aula 02 - Famoso: Olá Mundo em Ts](https://www.youtube.com/watch?v=uKUjeUkH3Zc&t=25s&list=PLb2HQ45KP0Wt32eCnju3lyncXUvDV5Nob&index=3) 30 | * Códigos da Aula 02: 31 | - [1 - Exemplo](https://github.com/glaucia86/curso-typescript-desenvolvedores-csharp/tree/master/1%20-%20Exemplo) 32 | 33 | - [Aula 03 - Tipos (Aula Teórica)](https://www.youtube.com/watch?v=BVZvxd_OW5Y&t=25s&list=PLb2HQ45KP0Wt32eCnju3lyncXUvDV5Nob&index=4) 34 | 35 | - [Aula 04 - Tipos: Parte I](https://www.youtube.com/watch?v=40ci-Ww4qhs&t=25s&list=PLb2HQ45KP0Wt32eCnju3lyncXUvDV5Nob&index=5) 36 | * Códigos da Aula 04: 37 | - [2 - Exemplo](https://github.com/glaucia86/curso-typescript-desenvolvedores-csharp/tree/master/2%20-%20Exemplo) 38 | - [3 - Exemplo](https://github.com/glaucia86/curso-typescript-desenvolvedores-csharp/tree/master/3%20-%20Exemplo) 39 | 40 | - [Aula 05 - Tipos: Parte II](https://www.youtube.com/watch?v=6Mt0W0IBIBU&t=14s&list=PLb2HQ45KP0Wt32eCnju3lyncXUvDV5Nob&index=6) 41 | * Códigos da Aula 05: 42 | - [4 - Exemplo](https://github.com/glaucia86/curso-typescript-desenvolvedores-csharp/tree/master/4%20-%20Exemplo) 43 | - [5 - Exemplo](https://github.com/glaucia86/curso-typescript-desenvolvedores-csharp/tree/master/5%20-%20Exemplo) 44 | - [6 - Exemplo](https://github.com/glaucia86/curso-typescript-desenvolvedores-csharp/tree/master/6%20-%20Exemplo) 45 | 46 | - [Aula 06 - Operações Aritméticas (Aula Teórica)](https://www.youtube.com/watch?v=M73b02u9JQo) 47 | 48 | - [Aula 07 - Operações Aritméticas (Demo)](https://www.youtube.com/watch?v=eU0VG8NOn50) 49 | * Códigos da Aula 07: 50 | - [7 - Exemplo](https://github.com/glaucia86/curso-typescript-desenvolvedores-csharp/tree/master/7%20-%20Exemplo) 51 | 52 | - [Aula 08 - Controle de Fluxo (Aula Teórica)](https://www.youtube.com/watch?v=kfYsaelM2j4); 53 | 54 | - [Aula 09 - Controle de Fluxo (Demo Parte I)](https://www.youtube.com/watch?v=RFpZmEZRi4w) 55 | * Códigos da Aula 09: 56 | - [8 - Exemplo](https://github.com/glaucia86/curso-typescript-desenvolvedores-csharp/tree/master/8%20-%20Exemplo) 57 | 58 | - [Aula 10 - Controle de Fluxo (Demo Parte II)](https://www.youtube.com/watch?v=CL0E7wHAUjM) 59 | * Códigos da Aula 10: 60 | - [9 - Exemplo](https://github.com/glaucia86/curso-typescript-desenvolvedores-csharp/tree/master/9%20-%20Exemplo) 61 | 62 | - [Aula 11 - Parâmetros Opcionais (Aula Prática)](https://www.youtube.com/watch?v=k0Bt7uloyOU) 63 | 64 | - [Aula 12 - Parâmetros Opcionais (Demo)](https://www.youtube.com/watch?v=zwG6GD1q-VI) 65 | * Códigos da Aula 12: 66 | - [10 - Exemplo](https://github.com/glaucia86/curso-typescript-desenvolvedores-csharp/tree/master/10%20-%20Exemplo) 67 | 68 | - [Aula 13 - Parâmetros Default (Aula Prática)](https://www.youtube.com/watch?v=ltm4duf8E_I); 69 | 70 | - [Aula 14 - Parâmetros Default (Demo)](https://www.youtube.com/watch?v=Sv-s0X6VD6A); 71 | * Códigos da Aula 14: 72 | - [11 - Exemplo](https://github.com/glaucia86/curso-typescript-desenvolvedores-csharp/tree/master/11%20-%20Exemplo) 73 | - [12 - Exemplo](https://github.com/glaucia86/curso-typescript-desenvolvedores-csharp/tree/master/12%20-%20Exemplo) 74 | 75 | - [Aula 15 - Parâmetros Rest (Aula Prática)](https://www.youtube.com/watch?v=byR43xkVIZI); 76 | 77 | - [Aula 16 - Parâmetros Rest (Demo)](); 78 | * Códigos da Aula 16: 79 | - [13 - Exemplo](https://github.com/glaucia86/curso-typescript-desenvolvedores-csharp/tree/master/13%20-%20Exemplo) 80 | - [14 - Exemplo](https://github.com/glaucia86/curso-typescript-desenvolvedores-csharp/tree/master/14%20-%20Exemplo) 81 | 82 | - [Aula 17 - Arrow Functions (Aula Prática)](https://www.youtube.com/watch?v=ySbjqjELgS0); 83 | 84 | - [Aula 18 - Arrow Functions (Demo)](https://www.youtube.com/watch?v=cCIerR46ihk); 85 | * Códigos da Aula 18: 86 | - [15 - Exemplo](https://github.com/glaucia86/curso-typescript-desenvolvedores-csharp/tree/master/15%20-%20Exemplo) 87 | - [16 - Exemplo](https://github.com/glaucia86/curso-typescript-desenvolvedores-csharp/tree/master/16%20-%20Exemplo) 88 | 89 | - [Aula 19 - Classes (Aula Teórica)](https://www.youtube.com/watch?v=mcx9_uhUthg); 90 | 91 | - [Aula 20 - Classes (Aula Prática)](https://www.youtube.com/watch?v=lOTOylZc4mc); 92 | * Códigos da Aula 20: 93 | - [17 - Exemplo](https://github.com/glaucia86/curso-typescript-desenvolvedores-csharp/tree/master/17%20-%20Exemplo) 94 | 95 | - [Aula 21 - Atributos Privados (Aula Teórica)](https://www.youtube.com/watch?v=BGbpdrUHCIo); 96 | 97 | - [Aula 22 - Atributos Privados (Aula Demo)](https://www.youtube.com/watch?v=xcO8KGra3B8) 98 | * Códigos da Aula 22: 99 | - [18 - Exemplo](https://github.com/glaucia86/curso-typescript-desenvolvedores-csharp/tree/master/18%20-%20Exemplo) 100 | 101 | - [Aula 23 - Herança (Aula Teórica)](https://www.youtube.com/watch?v=5OYXtPUJjj4&t=1s&index=22&list=PLb2HQ45KP0Wt32eCnju3lyncXUvDV5Nob); 102 | 103 | - [Aula 24 - Herança (Aula Demo)](https://www.youtube.com/watch?v=eqfjzyZZ1P4&t=11s&index=23&list=PLb2HQ45KP0Wt32eCnju3lyncXUvDV5Nob); 104 | * Códigos da Aula 24: 105 | - [19 - Exemplo](https://github.com/glaucia86/curso-typescript-desenvolvedores-csharp/tree/master/19%20-%20Exemplo) 106 | 107 | - [Aula 25 - Interfaces (Aula Teórica)]() 108 | 109 | - [Aula 26 - Interfaces (Aula Demo)]() 110 | * Códigos da Aula 26: 111 | - [20 - Exemplo]() 112 | 113 | - [Aula 27 - E o que eu preciso fazer para aprender mais?!]() 114 | 115 | -------------------------------------------------------------------------------- /tsconfig.json: -------------------------------------------------------------------------------- 1 | { 2 | "compilerOptions": { 3 | "target": "es5", 4 | "module": "commonjs", 5 | "sourceMap": true 6 | } 7 | } --------------------------------------------------------------------------------