TypeScript

Neste guia de estudos você encontra os conteúdos que precisará para se tornar um programador TypeScript. Confira a sequência de cursos e exemplos que te guiarão do básico ao avançado no uso dessa linguagem.

Comece sua carreira
  • Guia de TypeScript

    DevMedia

  • play_circle_outline 6 Conteúdos
  • school 100 Exercícios
  • assessment Iniciante
  • star
    star
    star
    star_border
    star_border

    170 avaliações

1

O que é TypeScript?

O TypeScript é uma linguagem de programação fortemente tipada criada pela Microsoft com o objetivo de adicionar recursos de orientação a objetos, como classes e encapsulamento, ao JavaScript.

Como essa linguagem não pode ser executada diretamente pelo navegador, é necessário utilizar um compilador chamado tsc para transformar o código TypeScript em JavaScript.

  • O TypeScript é uma linguagem tipada.
  • O TypeScript possui recursos de orientação a objetos.
  • Um arquivo Typescript precisar ser compilado para ser utilizado no navegador
2

Por que aprender TypeScript?

Conhecer essa nova opção de desenvolvimento é útil para aqueles que utilizam JavaScript intensamente em seus projetos e desejam construir códigos com melhor arquitetura, aplicando padrões de projeto e práticas comumente encontradas em outras linguagens orientadas a objetos.

Outro motivo para aprender TypeScript é a adoção da linguagem como padrão em diversos frameworks front-end. O Angular, um dos frameworks front-end mais utilizados, tem o TypeScript como sua linguagem de programação padrão.

  • Permite construir códigos com melhor arquitetura.
  • É utilizado por frameworks populares como o Angular
3

Exemplo de código TypeScript

Veja abaixo um exemplo de código TypeScript: 


let estaAtivo: boolean = false;
let qtdSorvete: number = 10;
let nomeCompleto: string = “Edson Dionisio”;
let numerosPares: number[] = [2, 4, 6, 8]; 
let numerosImpar: Array<number> = [1, 3, 5, 7, 9];
4

TypeScript e a Carreira Front-end

Uma página web é a parte visual de um software online. Essa página é criada pelo programador Front-end (web).

Um programador Front-end/Web cuida da parte visual, ou seja, tudo que o usuário consegue ver e interagir em uma página. A programação Front-end está relacionada com a experiência do usuário final, ou User Experience (UX).

Um framework front-end muito popular é o Angular, que utiliza o TypeScript como sua linguagem de programação.

Assim como acontece na programação mobile, nem tudo é feito no Front-end e por isso uma página web depende da camada back-end para que funcione como desejado (por exemplo exibir os produtos para um usuário).

A camada back-end vai processar e enviar os dados - a responsabilidade da camada front-end é receber estes dados e exibi-los de forma amigável para o usuário.

Veja um exemplo na imagem abaixo:

Programação Front-end (web)
Figura. Programação Front-end (web).

Características da programação Front-end (web):

  • Envolve conhecimentos referentes a experiência do usuário (UX).
  • Está associado a programação da tela, ou seja, a programar o que aparece para o usuário e como ele vai interagir com a página.
  • Sempre há vagas para programador Front-end já que é quase obrigatório para uma empresa ter uma página web.
  • Envolve programar as ações que o usuário vai fazer na página.
  • Se preocupa com a navegação entre as páginas.
5

TypeScript e o Angular

Angular é um framework para a criação de aplicações cliente para diferentes plataformas, tais como desktop e principalmente web e mobile.

A linguagem de programação usada pelo Angular é o TypeScript, é com ela que toda lógica da aplicação Angular será escrita. Confira o plano de estudo abaixo:

Plano de estudo Programador Front-end Angular
Figura. Plano de estudo Programador Front-end Angular.

Utilize TypeScript e Angular para se tornar um programador front-end completo

Saiba mais sobre TypeScript

O que você vai aprender sobre TypeScript na DevMedia

  • Guia de TypeScript

    DevMedia

  • play_circle_outline 6 Conteúdos
  • school 100 Exercícios
  • assessment Iniciante
  • star
    star
    star
    star_border
    star_border

    170 avaliações

timer

Seja PRO Agora

Tenha acesso ilimitado a todo conteúdo.

Comece Agora

Possui uma conta? Login

Por que aprender na DevMedia?

Estudar tecnologia na DevMedia é uma experiência única. Nossa metodologia de ensino é baseada nos seguintes pilares:

banner-loja

Casos de sucesso da DevMedia

depoimento 4
depoimento 5
depoimento 6
depoimento 7
depoimento 1
depoimento 2
depoimento 3
depoimento 4
depoimento 5
depoimento 6
depoimento 7
depoimento 1
depoimento 2
depoimento 3
depoimento 4

Confira outros conteúdos

Veja todos os conteúdos

Utilizamos cookies para fornecer uma melhor experiência para nossos usuários, consulte nossa política de privacidade.

Aceitar