Black november Você e seu amigo por apenas 49,90 por mês! Saiba mais

JavaScript

Aqui você terá uma rota segura para aprender algumas das muitas tecnologias que orbitam o JavaScript, apresentando um panorama sobre como desenvolvemos com o JavaScript atualmente.

1

O que é JavaScript?

O JavaScript é uma linguagem de programação fácil de aprender por ter uma sintaxe simples. Ele é indicado tanto para quem está começando a programar quanto para quem quer conhecer outras áreas da programação (Back-end, Front-end, Mobile).

A princípio o JavaScript foi criado para implementar interatividade em páginas web - exemplos:

  • Quando o usuário clicar em um determinado botão na página um menu deve ser aberto;
  • Validar as informações digitadas em um formulário antes de ser enviado para o back-end;
  • Executar uma ação quando o usuário utilizar a barra de rolagem;
  • Entre outros.

Hoje através da ferramenta Node.js o JavaScript se desprendeu do navegador e com isso é possível rodar o JavaScript direto no servidor. Mas o que isso significa?

Através do Node.js o JavaScript se tornou uma linguagem Full Stack, ou seja é possível programar uma página web, um aplicativo mobile e também uma API back-end.JavaScript é uma linguagem multiplataforma.

2

Por que aprender JavaScript?

Se você estiver começando a aprender programação o JavaScript é recomendado já que ele possui uma biblioteca com poucas funções nativas - basicamente o que aprendemos com a linguagem é manipular textos, datas e fazer cálculos com funções matemáticas.

Caso você já saiba programação, se aprofundar no JavaScript te leva a salários mais altos e a mais áreas de emprego. Isso porque através do JavaScript conseguimos criar aplicações web, mobile e back-end.

Aprender JavaScript é o caminho para ser um programador Full Stack já que com apenas uma linguagem conseguimos entregar uma aplicação de ponta à ponta - do Back-end ao Front-end (web ou mobile).

Na DevMedia o aprendizado JavaScript está dividido em duas sessões:

  • Linguagem JavaScript, que é a linguagem que será usada pelos frameworks ou bibliotecas para criar páginas web, aplicativos mobile e APIs back-end.
  • Framework ou biblioteca, um acelerador de desenvolvimento que no caso do JavaScript pode ser Angular ou React para programação web, React Native para programação mobile e Node.js/Express para criar APIs back-end.
3

Exemplo de código JavaScript

Veja abaixo um exemplo de código JavaScript:

  • JavaScript é uma linguagem Full Stack;
  • Pode ser executada no servidor ou no cliente (celular ou computador);
  • A linguagem JavaScript é utilizada nos frameworks Angular, React Native e Node.js/Express e na biblioteca React
4

JavaScript e a carreira Full Stack

Como vimos, através da linguagem JavaScript conseguimos entregar um sistema de ponta a ponta. Mas o que isso significa?

Aprender a linguagem JavaScript significa estar apto a criar todo tipo de aplicação: web, mobile e APIs Back-end.

Programador Front-end (web)

Uma aplicação Front-end (web) é a capa do sistema. Através do Front-end (web) o usuário consegue ver e interagir com o sistema - como por exemplo visualizar um produto e efetuar o pagamento.

Programador Front-end (web)
Figura. Programador Front-end (web).

Para construir um Front-end (web) utilizando a linguagem JavaScript, utilizamos o framework Angular ou a biblioteca React.

Programador Mobile

O aplicativo mobile é o Front-end que cria um aplicativo para dispositivos móveis - como smartphones ou tablets. Através do aplicativo (mobile) o usuário consegue por exemplo selecionar o local de partida e de destino de uma viagem.

Programador Mobile
Figura. Programador Mobile.

Para construir um aplicativo utilizando a linguagem JavaScript, utilizamos o framework React Native. O ponto mais importante é que utilizando apenas um código conseguimos criar um aplicativo Android e iOS.

Programador Back-end

Aplicações back-end são aquelas que lidam com os dados e o processamento de desses dados, no lado servidor. Ele é responsável por exemplo por validar se você possui saldo no seu cartão.

Programador Back-end
Figura. Programador Back-end.

Construir o Back-end com a linguagem JavaScript significa utilizar o Node.js/Express.

Programador Full Stack

Ser um programador Full Stack significa entregar o sistema completo de ponta a ponta e por isso você deve ser um programador tanto Back-end e Front-end (web ou mobile).

Programador Full Stack
Figura. Programador Full Stack.

Aprender JavaScript é o caminho mais curto para ser um programador Full Stack.

5

JavaScript e os frameworks/bibliotecas

Como vimos através da linguagem JavaScript conseguimos desenvolver aplicações web, mobile e Back-end.

Para criar essas aplicações com a linguagem JavaScript você utiliza um framework ou uma biblioteca - ou seja, uma tecnologia que acelera o desenvolvimento.

As principais bibliotecas e os frameworks utilizados com a linguagem JavaScript são:

  • React ou Angular para programação Front-end (web).
  • React Native para programação Mobile.
  • Node.js/Express para programação Back-end.

Na prática uma aplicação JavaScript é construída utilizando uma dessas ferramentas. Por isso aprender a linguagem JavaScript é o primeiro e fundamental passo para dominar uma dessas tecnologias (React, Angular, React Native ou Node.js/Express).

Depois que você dominar a linguagem JavaScript você poderá partir para um desses frameworks ou biblioteca (no caso do React). Esse será o último passo no plano de estudo das carreiras:

Carreira programador Front-end JavaScript
Figura. Carreira programador Front-end JavaScript.
Carreira programador Mobile JavaScript
Figura. Carreira programador Mobile JavaScript.
Carreira programador Back-end JavaScript
Figura. Carreira programador Back-end JavaScript.

O que você vai aprender sobre JavaScript

timer

Seja PRO Agora

Tenha acesso ilimitado a todo conteúdo.

Teste Grátis

Possui uma conta? Login

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.8
star star star star star_border

950 avaliações

star star star star star
81% close
star star star star star_border

9%

star star star star_border star_border

6%

star star star_border star_border star_border

4%

star star_border star_border star_border star_border

0%

Miriam Amaral

Há 3 dias

Miriam Amaral

star star star star star

Geeente, por que eu demorei tanto pra estudar JavaScript kkkkkkk Achei incrível ela ser baseada em C e ser pouco tipada!

avatar

Há 10 dias

Wildemarkes

star star star star_border star_border

Até a agora, a linguagem está simples e objetiva, esse tópico 8 sobre a explicação da Utilização do Node para rodar JavaScript foi sensacional...

avatar

Há 30 dias

Jose Lima

star star star star star_border

Obrigado pela informação pois javaScript é uma linguagem que só de olhar a facilidade frente a outras me entusiasmou a aprender.

avatar

Há 30 dias

Natan Fonseca

star star star star star

Ótimas explicações e abordagem do tema!

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