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.

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:

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

Por que aprender na DevMedia?

Estudar tecnologia na DevMedia é uma experiência única, pelos diferenciais abaixo:

Estudo orientado com Guias

Na nossa experiência no ensino de programação ao longo dos anos, vimos que uma das maiores dificuldades dos alunos é ter um ‘plano de estudos’, ou seja, não se perder no meio do caminho.

Para resolver esse problema a plataforma DevMedia é dividida em Guias passo a passo.

Guia de Algoritmo
Figura. Estude através de guias e nunca se perca.
40 tecnologias para você

Estudar programação sempre envolve o aprendizado de mais de uma tecnologia. Na plataforma DevMedia você conta com 40 tecnologia disponíveis - e a melhor notícia, estamos sempre publicando novos conteúdos e exercícios. :)

Guia de Estudo
Figura. 40 tecnologias disponíveis.
Suporte a dúvidas em tempo real

Outro ponto muito importante durante seus estudo é conseguir tirar dúvidas rapidamente. Na DevMedia temos um time de programadores que tem a missão de tirar sua dúvida em tempo real.

Veja o que nossos usuários dizem sobre o Suporte em tempo real :)

Agradeço e venho aqui reconhecer o trabalho de vocês, pois eu nunca fico sem solucionar uma dúvida, seja pelas respostas aos outros usuários ou a mim.
Vocês se dedicam muito ao suporte e fico feliz por ter escolhido a DevMedia tendo em vista este quesito. Acho importante esse feedback pois é o mínimo que posso fazer.

Ismael Lima

Ismael Lima

star star star star star_border

Muito obrigada! Super claro e objetivo, adorei a atenção que vocês dão aos alunos... Parabéns!!! Até a próxima...

Tainá Rocha

Tainá Rocha

star star star star star
Fortaleça o conhecimento com games de exercícios

Para te manter motivado e fortalecer os conhecimentos adquiridos na memória, a plataforma DevMedia também é um game de exercícios de programação.

Cada tópico de estudos contém um game de exercícios! Ao acertar os exercícios você ganha pontos, medalhas e também sobe sua posição ranking da plataforma.

Além disso toda vez que você acerta exercícios de programação você evolui o seu card! Veja abaixo:

Card DevMedia
Figura. Seu Card DevMedia.
Acerte exercícios e chame atenção de grandes empresas

Aqui na Plataforma temos várias empresas parceiras que buscam seus novos programadores conosco!

Quanto mais exercícios você acertar, maior será sua chance de ser convidado a participar do processo seletivo dessas empresas!

Evolua e chame atenção das empresas na plataforma
Notificação de Vaga
Figura. Notificação de Vaga.
timer

Curta 7 dias PRO grátis

Vem testar nossa Plataforma gratuitamente.

Iniciar Teste

Possui uma conta? Login

O que dizem

Confira o que andam dizendo sobre nós após concluírem seus objetivos em nossa Plataforma.

Feedback dos Alunos

4.4
star star star star star_border

170 avaliações

star star star star star
82% close
star star star star star_border

18%

star star star star_border star_border

12%

star star star_border star_border star_border

8%

star star_border star_border star_border star_border

0%

avatar

Há 14 dias

Gicevalter Morais

star star star star star_border

Bom resumo explicativo do TypeScript. Bom usar o Visual Code. :-) .

Daniel Araújo

Há 23 dias

Daniel Araújo

star star star star star

Mais um excelente curso! Parabéns Joel e equipe DevMedia!..

Lucas Calandrine

Há 25 dias

Lucas Calandrine

star star star star star

Conteúdo excelente, ainda não conhecia TypeScript, introdução direta e objetiva, parabéns.

Leonardo Santana

Há 49 dias

Leonardo Santana

star star star star star_border

É isso que um assinante deseja do portal! Tecnologias atuais sendo passados e nos mantendo atualizados de forma clara e direta.

Confira outros conteúdos

Veja todos os conteúdos

Seja PRO Agora

Tenha acesso ilimitado a todo conteúdo.

Teste Grátis

Possui uma conta? Login

Utilizamos cookies para fornecer uma melhor experiência para nossos usuários. Para saber mais sobre o uso de cookies,
consulte nossa política de privacidade. Ao continuar navegando em nosso site, você concorda com a nossa política.

Aceitar